/* ── Buttons ─────────────────────────────────────────────────────────────── */

.pb-btn,
.pb-icon-btn {
	border: 1px solid var(--pb-border-soft);
	background: var(--pb-surface-2);
	color: var(--pb-text);
	border-radius: 8px;
	transition:
		background-color 0.14s ease,
		border-color 0.14s ease,
		color 0.14s ease,
		box-shadow 0.14s ease,
		opacity 0.14s ease;
}

.pb-btn {
	height: 28px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	cursor: pointer;
	font: inherit;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

.scheduling-tabs .pb-btn {
	text-decoration: none;
}

.agents-terminal-page .icon-btn,
.agents-terminal-page button.icon-btn,
.agents-terminal-page a.icon-btn {
	min-width: 28px;
	min-height: 28px;
	height: 28px;
	padding: 0 9px;
	border-color: var(--ui-icon-btn-border, var(--ui-border));
	border-radius: 7px;
	background: var(--ui-control-bg, rgba(255, 255, 255, 0.06));
	color: var(--ui-text, #e5e7eb);
	font: 500 12px/1 var(--shd-dialog-font-ui, inherit);
}

.agents-terminal-page .icon-btn:hover,
.agents-terminal-page button.icon-btn:hover,
.agents-terminal-page a.icon-btn:hover {
	border-color: var(--ui-border-strong, var(--ui-border));
	background: var(--ui-control-bg-hover, rgba(255, 255, 255, 0.1));
	color: var(--ui-text, #e5e7eb);
	box-shadow: none;
}

.agents-terminal-page .icon-btn:disabled,
.agents-terminal-page button.icon-btn:disabled {
	opacity: 0.52;
	cursor: not-allowed;
}

html[data-ui-theme='light'] .agents-terminal-page .icon-btn,
html[data-ui-theme='light'] .agents-terminal-page button.icon-btn,
html[data-ui-theme='light'] .agents-terminal-page a.icon-btn {
	background: rgba(255, 255, 255, 0.9);
	color: var(--ui-text, #262626);
}

html[data-ui-theme='light'] .agents-terminal-page .icon-btn:hover,
html[data-ui-theme='light'] .agents-terminal-page button.icon-btn:hover,
html[data-ui-theme='light'] .agents-terminal-page a.icon-btn:hover {
	background: #f1f3f6;
	color: var(--ui-text, #262626);
}

.documents-nav-actions .pb-btn,
.notes-nav-actions .pb-btn {
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 27px;
	min-height: 27px;
	padding-inline: 8px;
	font-size: 12px;
}

.notes-brand .notes-back.pb-btn,
.notes-brand .notes-brand-help.pb-btn {
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	padding: 0;
	border: 1px solid rgba(199, 176, 122, 0.45);
	border-radius: 6px;
	background: rgba(199, 176, 122, 0.16);
	line-height: 0;
}

.shd-module-brand-mark,
.shd-module-brand-help {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	padding: 0;
	appearance: none;
	border: 1px solid var(--pb-module-brand-icon-border);
	border-radius: 6px;
	background: var(--pb-module-brand-icon-bg);
	color: var(--pb-module-brand-icon-text);
	font:
		600 14px/1 'IBM Plex Sans Condensed',
		system-ui,
		sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.shd-module-brand-mark:hover,
.shd-module-brand-help:hover {
	background: var(--pb-module-brand-icon-bg-hover);
	border-color: var(--pb-module-brand-icon-border-hover);
	color: var(--pb-module-brand-icon-text);
}

.shd-module-brand-card .pb-btn:not(.shd-module-brand-mark):not(.shd-module-brand-help) {
	border-color: var(--pb-module-brand-button-border);
	background: var(--pb-module-brand-button-bg);
	color: var(--pb-module-brand-button-text);
}

.shd-module-brand-card .pb-btn:not(.shd-module-brand-mark):not(.shd-module-brand-help):hover {
	border-color: var(--pb-module-brand-button-border-hover);
	background: var(--pb-module-brand-button-bg-hover);
	color: var(--pb-module-brand-button-text);
}

.shd-module-brand-card .pb-btn--success:not(.shd-module-brand-mark):not(.shd-module-brand-help) {
	border-color: var(--pb-module-brand-success-border);
	background: var(--pb-module-brand-success-bg);
	color: var(--pb-module-brand-success-text);
}

.shd-module-brand-card .pb-btn--success:not(.shd-module-brand-mark):not(.shd-module-brand-help):hover {
	border-color: var(--pb-module-brand-success-border-hover);
	background: var(--pb-module-brand-success-bg-hover);
	color: var(--pb-module-brand-success-text-hover);
}

@media (max-width: 760px) {
	.shd-module-brand-mark,
	.shd-module-brand-help {
		width: 30px;
		height: 30px;
		min-width: 30px;
		min-height: 30px;
		border-radius: 7px;
	}
}

.notes-toolbar-actions .pb-btn {
	flex: 0 0 auto;
	height: 28px;
	min-height: 28px;
}

.shd-tabs .pb-btn.notes-page-tab,
.shd-tabs .pb-btn.discussions-topic-tab {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 0;
	min-width: 0;
	padding: 0 0 0 7px;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: hidden;
	text-align: left;
}

.finance-settings-section-head > .pb-btn {
	margin-left: auto;
}

.inventory-nav-actions .pb-btn,
.crm-nav-actions .pb-btn,
.finance-nav-actions .pb-btn,
.finance-nav-pane .finance-register-section-actions .pb-btn,
.tasks-nav-actions .pb-btn {
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 27px;
	min-height: 27px;
	padding-inline: 8px;
	font-size: 12px;
}

.finance-nav-pane .finance-register-export-actions .pb-btn {
	justify-content: center;
	width: auto;
	min-width: 0;
	height: 27px;
	min-height: 27px;
	padding-inline: 8px;
	font-size: 12px;
}

.finance-register-export-actions .pb-btn {
	min-height: 26px;
	height: 26px;
	padding: 0 8px;
	font-size: 11px;
}

.finance-register-filters .pb-btn,
.tasks-toolbar--filters .pb-btn,
:is(.crm-page, .crm-fullscreen-page, .documents-page, .documents-fullscreen-page, .inventory-page, .inventory-fullscreen-page, .tasks-page, .tasks-fullscreen-page, .proposal-page, .proposal-fullscreen-page) .finance-register-filters .pb-btn {
	height: 27px;
	min-height: 27px;
	margin: 0;
}

.finance-register-date-filter > summary.pb-btn,
.tasks-date-filter > summary.pb-btn {
	min-height: 27px;
	height: 27px;
	padding: 0 8px;
	border-color: var(--pb-field-border);
	border-radius: 6px;
	background: var(--pb-surface-2);
	color: #fff;
	cursor: pointer;
}

.finance-register-date-filter[open] > summary.pb-btn,
.finance-register-date-filter > summary.pb-btn.is-active,
.tasks-date-filter[open] > summary.pb-btn,
.tasks-date-filter > summary.pb-btn.is-active,
.tasks-date-filter[open] > summary.tasks-pb-btn,
.tasks-date-filter > summary.tasks-pb-btn.is-active {
	border-color: var(--pb-tab-active-border);
	background: var(--pb-tab-active-bg);
	color: var(--pb-tab-active-text);
}

.finance-register-date-presets .pb-btn,
.tasks-date-presets .pb-btn {
	width: 100%;
	min-width: 0;
	padding: 0 8px;
	font-size: 10px;
}

@media (max-width: 900px) {
	.finance-page .finance-register-filters .pb-btn {
		height: 26px;
		min-height: 26px;
		padding-inline: 8px;
		font-size: 11px;
	}
}

.tasks-recurrence-scope-grid .pb-btn {
	width: 100%;
	justify-content: flex-start;
	min-height: 34px;
	padding-inline: 10px;
}

.tasks-settings-presets .pb-btn {
	width: 100%;
}

.discussions-nav-controls .pb-btn {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	height: 27px;
	min-height: 27px;
	padding: 0 8px;
	font-size: 12px;
	justify-content: center;
}

.discussions-brand-actions .pb-btn {
	flex: 0 0 auto;
	width: auto;
	height: 24px;
	min-height: 24px;
	padding: 0 7px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}

.proposal-actions .pb-btn,
.proposal-actions .pb-btn {
	min-width: 96px;
}

.proposal-editor__side .pb-btn,
.proposal-result .pb-btn {
	width: 100%;
}

.pb-btn:hover,
.pb-icon-btn:hover {
	background: var(--pb-surface-3);
	border-color: var(--pb-border-strong);
}

.pb-btn:active,
.pb-icon-btn:active {
	background: var(--pb-panel-bg-strong);
}

.pb-btn.is-active {
	border-color: var(--pb-tab-active-border);
	background: var(--pb-tab-active-bg);
	color: var(--pb-tab-active-text);
}

.pb-btn.is-active:hover {
	border-color: var(--pb-tab-active-border);
	background: var(--pb-tab-active-bg-hover);
	color: var(--pb-tab-active-text);
}

.pb-btn.is-disabled {
	opacity: 0.45;
	pointer-events: none;
}

.pb-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	cursor: pointer;
}

.icon-btn,
.agents-icon-btn,
.tasks-icon-btn {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	min-width: 28px;
	height: 28px;
	min-height: 28px;
	padding: 0 8px;
	border: 1px solid var(--ui-icon-btn-border);
	border-radius: 8px;
	background: var(--ui-icon-btn-bg);
	color: var(--ui-icon-btn-text);
	box-shadow: var(--ui-icon-btn-shadow, none);
	cursor: pointer;
	gap: 6px;
	line-height: 1;
	text-decoration: none;
	transition:
		background 0.12s ease,
		border-color 0.12s ease,
		color 0.12s ease,
		box-shadow 0.12s ease,
		transform 0.08s ease;
}

.agents-icon-btn,
.tasks-icon-btn {
	flex-basis: 28px;
	width: 28px;
	padding: 0;
	line-height: 0;
}

.profile-setting-card__actions .icon-btn,
.profile-device-card__actions .icon-btn,
.projects-card .acts .icon-btn {
	width: 26px;
	min-width: 26px;
	height: 26px;
	min-height: 26px;
	padding: 0;
	border-radius: 7px;
	line-height: 0;
}

.quick-grid .card .acts .icon-btn {
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 0;
	padding: 0;
	border-radius: 5px;
	line-height: 0;
}

.controller-actions .icon-btn,
.controller-actions a.icon-btn,
.controller-actions button.icon-btn {
	width: 100%;
	height: 28px;
	min-height: 28px;
	padding: 0 8px;
	font-size: 0.78rem;
	border-radius: 8px;
}

.icon-btn:hover,
.agents-icon-btn:hover,
.tasks-icon-btn:hover {
	background: var(--ui-icon-btn-bg-hover);
	border-color: var(--ui-icon-btn-border-hover);
	color: var(--ui-icon-btn-text-hover);
	box-shadow: var(--ui-icon-btn-shadow-hover, var(--ui-icon-btn-shadow, none));
}

.icon-btn:active,
.agents-icon-btn:active,
.tasks-icon-btn:active {
	transform: translateY(1px);
}

.icon-btn[disabled],
.agents-icon-btn[disabled],
.tasks-icon-btn[disabled] {
	opacity: 0.5;
	pointer-events: none;
}

.icon-btn.trash,
.icon-btn.pk-del,
.icon-btn.svg-del-btn,
.agents-icon-btn--danger,
.tasks-dialog-close {
	background: var(--ui-danger-icon-bg);
	border-color: var(--ui-danger-icon-border);
	color: var(--ui-danger-icon-text);
}

.icon-btn.trash:hover,
.icon-btn.pk-del:hover,
.icon-btn.svg-del-btn:hover,
.agents-icon-btn--danger:hover,
.tasks-dialog-close:hover {
	background: var(--ui-danger-icon-bg-hover);
	border-color: var(--ui-danger-icon-border-hover);
	color: var(--ui-danger-icon-text-hover);
}

.agents-icon-btn--auto-update,
.agents-icon-btn--auto-update:hover {
	background: rgba(34, 197, 94, 0.16);
	border-color: rgba(34, 197, 94, 0.42);
	color: #d6ffe2;
}

.agents-icon-btn--auto-update:hover {
	background: rgba(34, 197, 94, 0.26);
	border-color: rgba(34, 197, 94, 0.68);
	color: #fff;
}

html[data-ui-theme='light'] .agents-icon-btn--auto-update {
	background: rgba(74, 222, 128, 0.18);
	border-color: rgba(22, 163, 74, 0.36);
	color: #166534;
}

html[data-ui-theme='light'] .agents-icon-btn--auto-update:hover {
	background: rgba(74, 222, 128, 0.26);
	border-color: rgba(22, 163, 74, 0.5);
	color: #14532d;
}

.icon-btn .shd-svg-icon--sm,
.agents-icon-btn .shd-svg-icon--sm,
.tasks-icon-btn .shd-svg-icon--sm {
	--shd-icon-size: 16px;
	width: 16px;
	height: 16px;
}

.profile-setting-card__actions .icon-btn .shd-svg-icon,
.profile-setting-card__actions .icon-btn .shd-svg-holder,
.profile-device-card__actions .icon-btn .shd-svg-icon,
.profile-device-card__actions .icon-btn .shd-svg-holder,
.projects-card .acts .shd-svg-icon {
	width: 16px;
	height: 16px;
}

.quick-grid .card .acts .icon-btn .shd-svg-icon,
.quick-grid .card .acts .icon-btn .shd-svg-holder {
	width: 13px;
	height: 13px;
}

.page-head .icon-btn,
.page-head a.icon-btn,
.page-head button.icon-btn {
	gap: 5px;
	min-width: 30px;
	height: 26px;
	min-height: 26px;
	padding: 0 10px;
	font-family: 'Artifakt Element', monospace;
	font-size: 12px;
	line-height: 1;
	user-select: none;
	white-space: nowrap;
}

.page-head .icon-btn:hover,
.page-head a.icon-btn:hover,
.page-head button.icon-btn:hover {
	transform: translateY(-1px);
}

.page-head .icon-btn.is-active,
.page-head a.icon-btn.is-active,
.page-head button.icon-btn.is-active {
	background: var(--ui-icon-btn-bg-hover);
	border-color: var(--ui-icon-btn-border-hover);
	color: var(--ui-icon-btn-text-hover);
	box-shadow:
		var(--ui-icon-btn-shadow-hover, var(--ui-icon-btn-shadow, none)),
		inset 0 0 0 1px color-mix(in srgb, var(--ui-icon-btn-border-hover) 48%, transparent);
}

.page-head .icon-btn:active,
.page-head a.icon-btn:active,
.page-head button.icon-btn:active {
	transform: translateY(0);
}

.page-head .icon-btn[disabled],
.page-head button.icon-btn[disabled] {
	opacity: 0.45;
	pointer-events: none;
}

.btn,
.ui-btn {
	all: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	height: 32px;
	padding: 0 10px;
	border-radius: var(--ui-radius);
	border: 1px solid var(--ui-border);
	background: var(--ui-surface);
	color: var(--ui-text);
	cursor: pointer;
	white-space: nowrap;
	box-sizing: border-box;
	font-family: 'Artifakt Element', monospace;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	transition:
		background 0.12s ease,
		border-color 0.12s ease,
		transform 0.08s ease;
}

.btn:hover,
.ui-btn:hover {
	background: var(--ui-surface-hover);
	border-color: var(--ui-border-strong);
}

.btn:active,
.ui-btn:active {
	transform: translateY(1px);
}

.btn[disabled],
.ui-btn[disabled] {
	opacity: 0.6;
	cursor: progress;
}

.ui-btn--small {
	height: 26px;
	min-width: 30px;
	padding: 0 10px;
	font-size: 12px;
}

.ui-btn--ghost,
.btn.ghost {
	background: var(--ui-surface-soft);
}

.ui-btn--danger {
	background: rgba(220, 72, 72, 0.22);
	border-color: rgba(220, 72, 72, 0.5);
}

.ui-btn--danger:hover {
	background: rgba(220, 72, 72, 0.3);
}

.ui-btn--success,
.btn.btn-green {
	background: rgba(58, 178, 99, 0.25);
	border-color: rgba(58, 178, 99, 0.5);
}

.ui-btn--warning,
.btn.btn-amber {
	background: rgba(245, 158, 11, 0.22);
	border-color: rgba(245, 158, 11, 0.5);
}

.btn.btn-red {
	background: rgba(220, 72, 72, 0.22);
	border-color: rgba(220, 72, 72, 0.5);
}

.tasks-pb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 27px;
	height: 27px;
	padding: 0 8px;
	border: 1px solid var(--shd-activity-button-border);
	border-radius: var(--ui-radius);
	background: var(--shd-activity-button-bg);
	color: var(--shd-activity-button-text);
	font:
		500 12px/1 'Artifakt Element',
		system-ui,
		sans-serif;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer;
}

.tasks-pb-btn:hover {
	border-color: var(--shd-activity-button-border-hover);
	background: var(--shd-activity-button-bg-hover);
	color: var(--shd-activity-button-text-hover);
}

.shd-module-btn,
.shd-module-icon-btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	height: 28px;
	padding: 0 7px;
	border: 1px solid var(--pb-border-soft);
	border-radius: 8px;
	background: var(--pb-surface-2);
	color: var(--pb-text);
	font:
		400 12px/1.2 'Artifakt Element',
		system-ui,
		sans-serif;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition:
		background-color 0.14s ease,
		border-color 0.14s ease,
		color 0.14s ease,
		opacity 0.14s ease;
}

.shd-module-icon-btn {
	width: 28px;
	min-width: 28px;
	padding: 0;
}

.shd-module-btn:hover,
.shd-module-icon-btn:hover {
	background: var(--pb-surface-3);
	border-color: var(--pb-border-strong);
}

.shd-module-btn:active,
.shd-module-icon-btn:active {
	background: var(--pb-panel-bg-strong);
}

.shd-module-btn:disabled,
.shd-module-icon-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.shd-module-btn.is-active,
.shd-module-icon-btn.is-active {
	border-color: var(--pb-tab-active-border);
	background: var(--pb-tab-active-bg);
	color: var(--pb-tab-active-text);
}

.shd-module-btn--green {
	border-color: rgba(58, 178, 99, 0.5);
	background: rgba(58, 178, 99, 0.25);
	color: var(--pb-text);
}

.shd-module-btn--green:hover {
	background: rgba(58, 178, 99, 0.32);
	border-color: rgba(58, 178, 99, 0.62);
}

.shd-module-btn--amber {
	border-color: rgba(245, 158, 11, 0.5);
	background: rgba(245, 158, 11, 0.22);
	color: #ffe8b8;
}

.shd-module-btn--red {
	border-color: rgba(204, 76, 76, 0.65);
	background: rgba(204, 76, 76, 0.14);
	color: #ffd4d4;
}

.shd-module-btn--red:hover {
	background: rgba(204, 76, 76, 0.22);
	border-color: rgba(204, 76, 76, 0.82);
}

.shd-module-settings-tabs .shd-module-btn {
	flex: 0 0 auto;
	height: 27px;
	min-height: 27px;
	min-width: 0;
	padding: 0 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
}

.shd-module-settings-section-head > .shd-module-btn {
	margin-left: auto;
}

.shd-module-dialog-close {
	width: 26px;
	min-width: 26px;
	height: 26px;
	padding: 0;
	border-color: var(--pb-danger-border);
	background: var(--pb-danger-bg);
	color: var(--pb-danger-text);
	line-height: 0;
}

.pb-btn:disabled,
.pb-icon-btn:disabled,
.pb-input:disabled,
.pb-textarea:disabled,
.pb-select:disabled {
	cursor: default;
	opacity: 0.45;
	pointer-events: none;
	box-shadow: none;
}

.pb-panel-head > .pb-icon-btn {
	flex: 0 0 auto;
}

.pb-panel-head > .pb-icon-btn:not([data-role='discussion-copy-link']) {
	color: var(--pb-danger-text);
	background: var(--pb-danger-bg);
	border-color: var(--pb-danger-border);
}

.pb-panel-head > .pb-icon-btn:not([data-role='discussion-copy-link']):hover {
	background: var(--pb-danger-bg-hover);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text-hover);
}

.pb-panel-head > .pb-icon-btn:not([data-role='discussion-copy-link']):active {
	background: var(--pb-danger-bg-active);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text);
}

html[data-ui-theme='light'] .shd-module-dialog-close,
html[data-ui-theme='light'] .pb-icon-btn.danger.shd-module-dialog-close {
	background: var(--ui-danger-icon-bg);
	border-color: var(--ui-danger-icon-border);
	color: var(--ui-danger-icon-text);
}

html[data-ui-theme='light'] .shd-module-dialog-close:hover,
html[data-ui-theme='light'] .pb-icon-btn.danger.shd-module-dialog-close:hover {
	background: var(--ui-danger-icon-bg-hover);
	border-color: var(--ui-danger-icon-border-hover);
	color: var(--ui-danger-icon-text-hover);
}

.pb-btn.primary,
.pb-icon-btn.primary {
	background: var(--pb-surface-3);
	border-color: var(--pb-button-active-border);
	color: var(--pb-accent-strong);
}

.pb-btn.danger {
	color: var(--pb-danger-text);
	border-color: var(--pb-danger-border);
	background: var(--pb-danger-bg);
}

.pb-icon-btn.danger {
	color: var(--pb-danger-text);
	background: var(--pb-danger-bg);
	border-color: var(--pb-danger-border);
}

.pb-btn.primary:hover,
.pb-icon-btn.primary:hover {
	background: var(--pb-primary-bg-hover);
	border-color: var(--pb-primary-border-hover);
	color: var(--pb-primary-text-hover);
}

.pb-btn.primary:active,
.pb-icon-btn.primary:active {
	background: var(--pb-primary-bg-active);
	border-color: var(--pb-primary-border-active);
	color: var(--pb-primary-text-active);
}

.pb-btn.primary:disabled,
.pb-icon-btn.primary:disabled {
	background: var(--pb-surface-2);
	border-color: var(--pb-border-soft);
	color: var(--pb-text-soft);
}

.pb-btn.danger:hover {
	background: var(--pb-danger-bg-hover);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text-hover);
}

.pb-btn.danger:active {
	background: var(--pb-danger-bg-active);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text);
}

.pb-icon-btn.danger:hover {
	background: var(--pb-danger-bg-hover);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text-hover);
}

.pb-icon-btn.danger:active {
	background: var(--pb-danger-bg-active);
	border-color: var(--pb-danger-border-hover);
	color: var(--pb-danger-text);
}

.pb-btn--success {
	background: rgba(58, 178, 99, 0.22);
	border-color: rgba(58, 178, 99, 0.5);
	color: #d9f4df;
}

.pb-btn--success:hover {
	background: rgba(58, 178, 99, 0.3);
	border-color: rgba(58, 178, 99, 0.66);
	color: #ecfff1;
}

.pb-btn--warning {
	background: rgba(245, 158, 11, 0.22);
	border-color: rgba(245, 158, 11, 0.5);
	color: #fef3cd;
}

.pb-btn--red,
.tasks-pb-btn--red {
	background: var(--ui-danger-icon-bg);
	border: 1px solid var(--ui-danger-icon-border);
	color: var(--ui-danger-icon-text);
}

.pb-btn--red:hover,
.tasks-pb-btn--red:hover {
	background: var(--ui-danger-icon-bg-hover);
	border-color: var(--ui-danger-icon-border-hover);
	color: var(--ui-danger-icon-text-hover);
}