/* Content area only. Auth, sidebar, layout geometry and action handlers stay native. */
.aside + .col-xxl:has(.workspace) {
    background: radial-gradient(ellipse at 100% 0, #e2f2f5, transparent 55%), #f2f6f9;
}

.workspace {
    --work-accent: #087f98;
    --work-accent-hover: #066a80;
    --work-border: #dce7ee;
    --work-muted: #60798b;
    --bs-link-color: var(--work-accent);
    --bs-link-color-rgb: 8, 127, 152;
    --bs-link-hover-color: var(--work-accent-hover);
    --bs-link-hover-color-rgb: 6, 106, 128;
    --bs-border-color: var(--work-border);
    color: #263f50;
}

.workspace :is(.bg-white.rounded, .card:not([class*="bg-"]), .modal-content),
.workspace .command-bar-wrapper .layout {
    border: 1px solid var(--work-border);
    border-radius: 15px !important;
    background-color: #fffffff2 !important;
    box-shadow: 0 4px 18px #0b344407 !important;
}

.workspace .bg-white.rounded .bg-white.rounded {
    box-shadow: none !important;
}

.workspace .command-bar-wrapper h1 {
    color: #15384b !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
}

.workspace :is(legend, .modal-title) {
    color: #24495c !important;
}

.workspace :is(.text-muted, .form-text, .breadcrumb-item.active) {
    color: var(--work-muted) !important;
}

.workspace .breadcrumb a {
    color: var(--work-accent);
    text-decoration: none;
}

.workspace .btn {
    border-radius: 9px;
    transition: background-color .16s, border-color .16s, box-shadow .16s, color .16s;
}

/* Keep semantic success / warning / danger buttons in their existing colors. */
.workspace :is(.btn-default, .btn-primary) {
    --bs-btn-color: #fff;
    --bs-btn-bg: #087f98;
    --bs-btn-border-color: #087f98;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #066a80;
    --bs-btn-hover-border-color: #066a80;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #065d71;
    --bs-btn-active-border-color: #065d71;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #087f98;
    --bs-btn-disabled-border-color: #087f98;
    --bs-btn-focus-shadow-rgb: 8, 127, 152;
    box-shadow: 0 3px 9px #087f981a;
}

/* Orchid also ships hard-coded !important button colors after Bootstrap. */
.workspace .btn:is(.btn-default, .btn-primary) {
    background-color: #087f98 !important;
    border-color: #087f98 !important;
    color: #fff !important;
}

.workspace .btn:is(.btn-default, .btn-primary):not(:disabled):not(.disabled):is(:hover, :focus-visible, :active, .active) {
    background-color: #066a80 !important;
    border-color: #066a80 !important;
    color: #fff !important;
    box-shadow: 0 3px 10px #087f9826 !important;
}

.workspace .btn:is(.btn-default, .btn-primary):is(:disabled, .disabled) {
    background-color: #087f98 !important;
    border-color: #087f98 !important;
    color: #fff !important;
}

.workspace .btn-outline-primary {
    color: #087f98;
    border-color: #9ccdd8;
    --bs-btn-color: #087f98;
    --bs-btn-border-color: #9ccdd8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #087f98;
    --bs-btn-hover-border-color: #087f98;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #066a80;
    --bs-btn-active-border-color: #066a80;
    --bs-btn-disabled-color: #087f98;
    --bs-btn-disabled-border-color: #9ccdd8;
    --bs-btn-focus-shadow-rgb: 8, 127, 152;
}

.workspace .btn-outline-primary:not(:disabled):not(.disabled):is(:hover, :active, .active) {
    background-color: #087f98 !important;
    border-color: #087f98 !important;
    color: #fff !important;
}

.workspace .btn-link {
    color: var(--work-accent);
    --bs-btn-color: #087f98;
    --bs-btn-hover-color: #066a80;
    --bs-btn-active-color: #065d71;
}

.workspace .bg-white a.btn-link:hover {
    color: var(--work-accent-hover) !important;
}

.workspace .command-bar .btn-link {
    background-color: #eaf5f8 !important;
    border: 1px solid #c7e3eb !important;
    color: #087f98 !important;
    text-decoration: none;
}

.workspace .command-bar .btn-link:hover {
    background-color: #dceff4 !important;
    border-color: #a8d5df !important;
}

.workspace .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.workspace .btn-group > .btn:nth-child(n + 3),
.workspace .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.workspace :is(.form-control, .form-select, .ts-control) {
    border-color: #cbdce5;
    border-radius: 9px;
    background-color: #fbfdfe;
    color: #263f50;
}

.workspace :is(.form-control, .form-select):focus,
.workspace .ts-wrapper.focus .ts-control {
    border-color: #169db6;
    background-color: #fff;
    box-shadow: 0 0 0 3px #169db61c;
}

.workspace .form-control::placeholder {
    color: #758c9d;
}

.workspace .form-label {
    color: #345367;
    font-weight: 500;
}

.workspace :is(.form-control, .form-select):disabled,
.workspace .form-control[readonly],
.workspace .ts-wrapper.disabled .ts-control {
    background-color: #eef3f6;
    color: #637888;
}

.workspace :is(.form-control, .form-select).is-invalid,
.workspace .was-validated :is(.form-control, .form-select):invalid {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
}

.workspace :is(.form-control, .form-select).is-invalid:focus,
.workspace .was-validated :is(.form-control, .form-select):invalid:focus {
    box-shadow: 0 0 0 3px #dc35451c;
}

.workspace :is(.form-control, .form-select).is-valid,
.workspace .was-validated :is(.form-control, .form-select):valid {
    border-color: var(--bs-form-valid-border-color, #198754);
}

.workspace :is(.form-control, .form-select).is-valid:focus,
.workspace .was-validated :is(.form-control, .form-select):valid:focus {
    box-shadow: 0 0 0 3px #1987541c;
}

.workspace .input-group-text {
    background-color: #edf5f8;
    border-color: #cbdce5;
    color: #466679;
}

.workspace .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.workspace .input-group > :not(:first-child):not(.dropdown-menu) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.workspace .form-check-input {
    background-color: transparent;
}

.workspace .form-check-input:checked {
    background-color: #087f98;
    border-color: #087f98;
}

.workspace .form-check-input:focus:not(:focus-visible) {
    box-shadow: none;
}

.workspace .form-check-input:focus:not(:focus-visible):not(:checked):not(:indeterminate):not(.is-valid):not(.is-invalid):not(.was-validated *) {
    border-color: var(--bs-border-color);
}

.workspace .form-check-input:focus-visible {
    border-color: #169db6;
    box-shadow: 0 0 0 3px #169db61c;
}

.workspace .table {
    --bs-table-color: #263f50;
    --bs-table-border-color: #e1ebf0;
    --bs-table-striped-bg: #f6fafc;
    --bs-table-striped-color: #263f50;
    --bs-table-hover-bg: #edf7fa;
    --bs-table-hover-color: #173f52;
    --bs-table-active-bg: #e1f2f6;
    --bs-table-active-color: #173f52;
}

.workspace .table > thead > tr > th {
    background-color: #edf5f8;
    color: #345367;
    border-bottom: 1px solid #d2e3ec;
    font-weight: 600;
}

.workspace .table > tbody > tr:has(input[name="selected[]"]:checked) > td {
    --bs-table-bg-state: #e6f4f8;
}

.workspace [data-controller~="table"] > footer {
    border-top: 1px solid #e1ebf0;
    background-color: #f8fbfc;
    padding-top: 14px;
}

.workspace .pagination {
    --bs-pagination-color: #087f98;
    --bs-pagination-border-color: #d5e4eb;
    --bs-pagination-hover-color: #066a80;
    --bs-pagination-hover-bg: #eaf5f8;
    --bs-pagination-hover-border-color: #bcdde6;
    --bs-pagination-focus-color: #066a80;
    --bs-pagination-focus-bg: #eaf5f8;
    --bs-pagination-focus-box-shadow: 0 0 0 3px #169db61c;
    --bs-pagination-active-bg: #087f98;
    --bs-pagination-active-border-color: #087f98;
    --bs-pagination-disabled-bg: #f3f7f9;
    --bs-pagination-disabled-border-color: #d5e4eb;
}

.workspace .pagination .page-item.active :is(.page-link, span) {
    background-color: #087f98 !important;
    border-color: #087f98 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.workspace :is(.dropdown-menu, .ts-dropdown) {
    border-color: #d5e4eb;
    border-radius: 11px;
    box-shadow: 0 8px 28px #0b344418;
}

.workspace .dropdown-menu {
    --bs-dropdown-link-hover-bg: #edf7fa;
    --bs-dropdown-link-hover-color: #173f52;
    --bs-dropdown-link-active-bg: #087f98;
}

.workspace .nav-tabs {
    --bs-nav-tabs-border-color: #d5e4eb;
    --bs-nav-tabs-link-active-color: #087f98;
    --bs-nav-tabs-link-active-border-color: #d5e4eb #d5e4eb #fff;
}

.workspace .nav-tabs .nav-item.active .nav-link,
.workspace .nav-tabs .nav-link.active {
    border-bottom-color: #087f98 !important;
    color: #087f98;
}

.workspace .modal-header {
    background-color: #f3f9fb;
    border-bottom-color: #dce7ee;
    border-radius: 14px 14px 0 0;
}

.workspace .modal-footer {
    border-top-color: #dce7ee;
}

.workspace .modal-body .bg-white.rounded {
    background-color: transparent !important;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.workspace :is(a, button, .form-check-input):focus-visible {
    outline: 2px solid #087f98 !important;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .workspace .btn {
        transition: none;
    }
}