/* Shared command language: primary actions are amber, compact and controlled. */
:root {
    --action-button-radius: 6px;
}

.btn,
.at-btn-primary,
.at-btn-secondary,
.at-btn-danger-outline,
.td-primary-action,
.td-secondary-action {
    border-radius: var(--action-button-radius) !important;
}

.btn-group > .btn:not(:first-child),
.input-group > .btn:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > .btn:not(:last-child),
.input-group > .btn:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn.btn-primary,
.at-btn-primary,
.td-primary-action {
    border-color: var(--primary-color) !important;
    border-radius: var(--action-button-radius) !important;
    background: var(--primary-color) !important;
    background-image: none !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: none !important;
    text-shadow: none;
    transform: none !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.at-btn-primary:hover,
.at-btn-primary:focus,
.at-btn-primary:focus-visible,
.td-primary-action:hover,
.td-primary-action:focus,
.td-primary-action:focus-visible {
    border-color: var(--primary-light) !important;
    background: var(--primary-light) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.14) !important;
    filter: none !important;
    outline: none;
    transform: none !important;
}

.btn.btn-primary:active,
.at-btn-primary:active,
.td-primary-action:active {
    border-color: var(--primary-dark) !important;
    background: var(--primary-dark) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn.btn-primary:disabled,
.btn.btn-primary.disabled,
.at-btn-primary:disabled,
.at-btn-primary.disabled,
.td-primary-action:disabled,
.td-primary-action.disabled {
    border-color: rgba(var(--primary-rgb), 0.45) !important;
    background: rgba(var(--primary-rgb), 0.45) !important;
    color: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
    opacity: 1;
}

.btn.btn-primary i,
.btn.btn-primary svg,
.at-btn-primary i,
.at-btn-primary svg,
.td-primary-action i,
.td-primary-action svg {
    color: currentColor !important;
}

.btn-group > .btn.btn-primary:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > .btn.btn-primary:not(.dropdown-toggle-split):not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group.quick-actions-group > .btn.quick-actions-toggle.btn-primary.dropdown-toggle-split {
    border-left: 1px solid rgba(11, 15, 26, 0.28) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.content-header .header-actions .btn,
.content-header .header-actions .at-btn-primary,
.content-header .header-actions .at-btn-secondary,
.quick-actions-group .btn {
    height: 35px !important;
    min-height: 35px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.td-form-actions .btn {
    height: 36px;
    min-height: 36px;
    padding: 0 0.9rem;
    border-radius: var(--action-button-radius);
    font-size: 0.82rem;
    line-height: 1;
}

.td-secondary-action {
    border: 1px solid var(--border) !important;
    border-radius: var(--action-button-radius) !important;
    background: var(--surface-elevated) !important;
    color: var(--text-secondary) !important;
    box-shadow: none !important;
    transform: none !important;
}

.td-secondary-action:hover,
.td-secondary-action:focus,
.td-secondary-action:focus-visible {
    border-color: rgba(148, 163, 184, 0.38) !important;
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.08) !important;
    outline: none;
    transform: none !important;
}
