:root {
    --site-sidebar-width: 268px;
    --site-font-body: "Nunito Sans", sans-serif;
    --site-font-display: "Bricolage Grotesque", sans-serif;
    --site-color-teal: #167d78;
    --site-color-teal-dark: #0f625e;
    --site-color-teal-strong: #167d78;
    --site-color-teal-strong-dark: #0f625e;
    --site-color-coral: #ea745c;
    --site-color-coral-strong: #c7503c;
    --site-color-sun: #eeb33b;
    --site-color-sky: #3f93bd;
    --site-color-sky-strong: #2d789e;
    --site-color-sage: #65a56f;
    --site-color-sage-strong: #417f49;
    --site-color-ink: #243142;
    --site-color-muted: #687487;
    --site-color-canvas: #f7f3ea;
    --site-color-surface: #fffdf9;
    --site-color-surface-raised: #ffffff;
    --site-color-border: #e7ddcf;
    --site-color-teal-soft: #e3f3f0;
    --site-color-coral-soft: #fce9e4;
    --site-color-sun-soft: #fff3d4;
    --site-color-sky-soft: #e5f2f8;
    --site-color-sage-soft: #e8f3e9;
    --site-shadow-soft: 0 12px 30px rgba(88, 67, 42, .08);
    --site-shadow-raised: 0 18px 45px rgba(76, 57, 36, .13);
    --tblr-primary: var(--site-color-teal);
    --tblr-primary-rgb: 22, 125, 120;
    --tblr-primary-darken: var(--site-color-teal-dark);
    --tblr-body-font-family: var(--site-font-body);
    --tblr-body-bg: var(--site-color-canvas);
    --tblr-body-color: var(--site-color-ink);
    --tblr-secondary-color: var(--site-color-muted);
    --tblr-bg-surface: var(--site-color-surface);
    --tblr-bg-surface-secondary: #f4eee5;
    --tblr-border-color: var(--site-color-border);
    --tblr-link-color: var(--site-color-teal);
}

[data-bs-theme="dark"] {
    --site-color-teal: #55c2b8;
    --site-color-teal-dark: #3aa79e;
    --site-color-teal-strong: #1d7771;
    --site-color-teal-strong-dark: #135c58;
    --site-color-coral: #ff947d;
    --site-color-sun: #f7c966;
    --site-color-sky: #73bce0;
    --site-color-sage: #8fc995;
    --site-color-ink: #f5f0e7;
    --site-color-muted: #b8b2a8;
    --site-color-canvas: #1b2423;
    --site-color-surface: #222e2c;
    --site-color-surface-raised: #293633;
    --site-color-border: #3b4844;
    --site-color-teal-soft: rgba(85, 194, 184, .16);
    --site-color-coral-soft: rgba(255, 148, 125, .15);
    --site-color-sun-soft: rgba(247, 201, 102, .15);
    --site-color-sky-soft: rgba(115, 188, 224, .15);
    --site-color-sage-soft: rgba(143, 201, 149, .15);
    --site-shadow-soft: 0 14px 34px rgba(0, 0, 0, .2);
    --site-shadow-raised: 0 22px 55px rgba(0, 0, 0, .32);
    --tblr-body-bg: var(--site-color-canvas);
    --tblr-body-color: var(--site-color-ink);
    --tblr-secondary-color: var(--site-color-muted);
    --tblr-bg-surface: var(--site-color-surface);
    --tblr-bg-surface-secondary: #2b3734;
    --tblr-border-color: var(--site-color-border);
}

body {
    color: var(--site-color-ink);
    background:
        radial-gradient(circle at 82% 0%, var(--site-color-sun-soft) 0, transparent 27rem),
        radial-gradient(circle at 28% 12%, var(--site-color-teal-soft) 0, transparent 24rem),
        var(--site-color-canvas);
    font-family: var(--site-font-body);
}

.page-title,
.modal-title,
.card-title,
.site-brand strong {
    font-family: var(--site-font-display);
    letter-spacing: -.015em;
}

.page-wrapper {
    background: transparent;
}

.site-sidebar {
    width: var(--site-sidebar-width);
    color: var(--site-color-ink);
    background:
        linear-gradient(155deg, var(--site-color-sun-soft), transparent 32%),
        linear-gradient(180deg, var(--site-color-surface-raised), #f6ede0);
    border-right: 1px solid var(--site-color-border);
    box-shadow: 10px 0 30px rgba(89, 67, 40, .07);
}

[data-bs-theme="dark"] .site-sidebar {
    background:
        linear-gradient(155deg, var(--site-color-teal-soft), transparent 34%),
        linear-gradient(180deg, #263330, #202a28);
}

.site-sidebar .container-fluid {
    min-height: 100%;
    padding-inline: .8rem;
}

.site-brand {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--site-color-ink);
    text-decoration: none;
}

.site-brand-mark {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .8rem;
    background: linear-gradient(145deg, var(--site-color-teal-strong), var(--site-color-sky-strong));
    color: #fff;
    font-size: 1.25rem;
    box-shadow: 0 9px 22px rgba(22, 125, 120, .25);
}

.site-brand strong,
.site-brand small {
    display: block;
    line-height: 1.15;
}

.site-brand small {
    margin-top: .2rem;
    color: var(--site-color-coral);
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.site-nav-label {
    padding: 1.2rem .75rem .45rem;
    color: var(--site-color-teal);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .08em;
    list-style: none;
    text-transform: uppercase;
}

.site-sidebar .nav-link {
    min-height: 2.6rem;
    margin-block: .1rem;
    border-radius: .75rem;
    color: #465466;
    font-weight: 700;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

[data-bs-theme="dark"] .site-sidebar .nav-link {
    color: #d9e0dc;
}

.site-sidebar .nav-link-icon {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    margin-right: .65rem;
    place-items: center;
    border-radius: .68rem;
    color: var(--site-color-teal);
    background: var(--site-color-teal-soft);
}

.site-sidebar .nav-item:nth-child(4n + 2) > .nav-link .nav-link-icon {
    color: var(--site-color-coral);
    background: var(--site-color-coral-soft);
}

.site-sidebar .nav-item:nth-child(4n + 3) > .nav-link .nav-link-icon {
    color: #a76d00;
    background: var(--site-color-sun-soft);
}

.site-sidebar .nav-item:nth-child(4n) > .nav-link .nav-link-icon {
    color: var(--site-color-sky);
    background: var(--site-color-sky-soft);
}

.site-sidebar .nav-item.active > .nav-link,
.site-sidebar .nav-link.active,
.site-sidebar .nav-link:hover {
    color: var(--site-color-teal-dark);
    background: color-mix(in srgb, var(--site-color-surface-raised) 88%, var(--site-color-teal) 12%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--site-color-teal) 18%, transparent), 0 5px 14px rgba(72, 57, 38, .07);
}

.site-sidebar .nav-item.active > .nav-link::before {
    position: absolute;
    inset-block: .55rem;
    left: -.8rem;
    width: 4px;
    border-radius: 0 3px 3px 0;
    background: var(--site-color-coral);
    content: "";
}

.site-subnav {
    display: grid;
    gap: .1rem;
    margin: .2rem 0 .45rem 2.7rem;
    padding-left: .75rem;
    border-left: 2px solid color-mix(in srgb, var(--site-color-teal) 25%, var(--site-color-border));
}

.site-subnav a {
    padding: .38rem .5rem;
    border-radius: .4rem;
    color: var(--site-color-muted);
    font-size: .8rem;
    font-weight: 650;
    text-decoration: none;
}

.site-subnav a:hover {
    color: var(--site-color-teal-dark);
    background: var(--site-color-teal-soft);
}

.site-sidebar-version {
    margin-top: auto;
    margin-bottom: .5rem;
    padding: .4rem .75rem;
    align-items: center;
    justify-content: flex-end;
    color: color-mix(in srgb, var(--site-color-muted) 78%, transparent);
    font-family: var(--site-font-display);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    white-space: nowrap;
}

.site-version-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .22rem;
    padding: .22rem .45rem;
    border: 1px solid color-mix(in srgb, var(--site-color-teal) 26%, var(--site-color-border));
    border-radius: 999px;
    color: var(--site-color-teal-dark);
    background: color-mix(in srgb, var(--site-color-surface-raised) 78%, var(--site-color-teal) 22%);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
}

.site-topbar {
    z-index: 1030;
    min-height: 4.25rem;
    border-bottom: 1px solid var(--tblr-border-color);
    background: color-mix(in srgb, var(--site-color-surface) 91%, var(--site-color-sun) 9%);
    box-shadow: 0 8px 24px rgba(82, 63, 40, .06);
    backdrop-filter: blur(14px);
}

.site-topbar .site-wa-status {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    place-items: center;
    border-radius: .8rem;
    color: var(--site-color-muted);
    background: var(--site-color-surface);
    font-size: 1.2rem;
}

.site-topbar .site-wa-status[data-state="connected"] {
    color: var(--site-color-sage-strong);
    background: var(--site-color-sage-soft);
}

.site-topbar .site-wa-status[data-state="disconnected"] {
    color: var(--site-color-coral-strong);
    background: var(--site-color-coral-soft);
}

[data-bs-theme="dark"] .site-topbar .site-wa-status[data-state="connected"] { color: var(--site-color-sage); }
[data-bs-theme="dark"] .site-topbar .site-wa-status[data-state="disconnected"] { color: var(--site-color-coral); }

.site-topbar .site-wa-status:hover,
.site-topbar .site-wa-status:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

.site-context {
    min-width: 0;
}

.site-context-copy {
    min-width: 0;
    line-height: 1.1;
}

.site-context-label {
    margin-bottom: .16rem;
    color: var(--site-color-muted);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.site-context-name {
    max-width: min(42vw, 34rem);
    color: var(--site-color-teal-dark);
    font-family: var(--site-font-display);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -.018em;
    line-height: 1.15;
}

.site-context-badge,
.site-user-avatar {
    display: grid;
    place-items: center;
    border: 0;
    color: #fff !important;
    background: linear-gradient(145deg, var(--site-color-teal-strong), var(--site-color-sky-strong)) !important;
    box-shadow: 0 7px 17px rgba(22, 125, 120, .22);
}

.site-context-badge {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .78rem;
    font-size: 1.05rem;
}

.site-user-avatar {
    background: linear-gradient(145deg, var(--site-color-coral-strong), #d8794f) !important;
}

#theme-toggle {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--site-color-sun) 30%, var(--site-color-border));
    border-radius: .75rem;
    color: #8a640f;
    background: var(--site-color-sun-soft);
}

[data-bs-theme="dark"] #theme-toggle {
    color: var(--site-color-sun);
}

.footer {
    color: var(--site-color-muted);
}

.site-main .page-header {
    padding-top: 1.65rem;
    padding-bottom: .75rem;
}

.site-main .page-title {
    color: var(--site-color-ink);
    font-weight: 700;
}

.site-main .page-title i,
.site-main .page-title .icon {
    color: var(--site-color-teal);
}

.site-main .page-pretitle,
.site-main .text-secondary {
    color: var(--site-color-muted) !important;
}

.site-main .card {
    border: 1px solid var(--site-color-border);
    border-radius: 1rem;
    background: var(--site-color-surface-raised);
    box-shadow: var(--site-shadow-soft);
}

.site-main .card-header,
.site-main .card-footer {
    border-color: var(--site-color-border);
    background: color-mix(in srgb, var(--site-color-surface) 92%, var(--site-color-sun) 8%);
}

.btn {
    min-height: 2.5rem;
    border-radius: .72rem;
    font-weight: 800;
    transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn.btn-primary,
.btn.btn-outline-primary,
.btn.btn-ghost-primary {
    color: #fff !important;
    border-color: var(--site-color-teal-strong) !important;
    background: linear-gradient(135deg, var(--site-color-teal-strong), var(--site-color-teal-strong-dark)) !important;
    box-shadow: 0 7px 16px rgba(22, 125, 120, .2) !important;
}

.btn.btn-success,
.btn.btn-outline-success,
.btn.btn-ghost-success {
    color: #fff !important;
    border-color: var(--site-color-sage-strong) !important;
    background: var(--site-color-sage-strong) !important;
}

.btn.btn-danger,
.btn.btn-outline-danger,
.btn.btn-ghost-danger {
    color: #fff !important;
    border-color: var(--site-color-coral-strong) !important;
    background: var(--site-color-coral-strong) !important;
}

.btn.btn-warning,
.btn.btn-outline-warning,
.btn.btn-ghost-warning {
    color: #4f3b0a !important;
    border-color: var(--site-color-sun) !important;
    background: var(--site-color-sun) !important;
}

.btn.btn-info,
.btn.btn-outline-info,
.btn.btn-ghost-info {
    color: #fff !important;
    border-color: var(--site-color-sky-strong) !important;
    background: var(--site-color-sky-strong) !important;
}

body .btn.btn-link,
body .btn.btn-light,
body .btn.bg-transparent,
.btn.btn-outline-secondary,
.btn.btn-ghost-secondary,
.modal-footer > .btn.me-auto {
    color: var(--site-color-ink) !important;
    border-color: var(--site-color-border) !important;
    background: var(--site-color-surface) !important;
    box-shadow: 0 4px 12px rgba(72, 57, 38, .06) !important;
}

.text-blue,
.text-azure,
.text-info {
    color: var(--site-color-sky) !important;
}

.bg-blue,
.bg-azure,
.bg-info {
    background-color: var(--site-color-sky-strong) !important;
}

.bg-blue-lt,
.bg-azure-lt,
.bg-info-lt {
    color: var(--site-color-sky) !important;
    background-color: var(--site-color-sky-soft) !important;
}

.badge.bg-primary,
.badge.bg-primary-lt {
    color: #fff !important;
    background-color: var(--site-color-teal-strong) !important;
}

.badge.bg-blue,
.badge.bg-blue-lt,
.badge.bg-azure,
.badge.bg-azure-lt,
.badge.bg-info,
.badge.bg-info-lt {
    color: #fff !important;
    background-color: var(--site-color-sky-strong) !important;
}

.badge.bg-success,
.badge.bg-success-lt,
.badge.bg-green,
.badge.bg-green-lt {
    color: #fff !important;
    background-color: var(--site-color-sage-strong) !important;
}

.badge.bg-danger,
.badge.bg-danger-lt,
.badge.bg-red,
.badge.bg-red-lt {
    color: #fff !important;
    background-color: var(--site-color-coral-strong) !important;
}

.badge.bg-warning,
.badge.bg-warning-lt,
.badge.bg-yellow,
.badge.bg-yellow-lt,
.badge.bg-orange,
.badge.bg-orange-lt {
    color: #4f3b0a !important;
    background-color: var(--site-color-sun) !important;
}

.alert {
    border-color: var(--site-color-border);
    border-radius: .85rem;
}

.form-label {
    margin-bottom: .45rem;
    color: #3e4b5d;
    font-weight: 800;
}

[data-bs-theme="dark"] .form-label {
    color: #e6e0d8;
}

.form-control,
.form-select,
.ts-control {
    min-height: 2.6rem;
    border-color: var(--site-color-border) !important;
    border-radius: .72rem !important;
    color: var(--site-color-ink);
    background-color: var(--site-color-surface-raised) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}

.form-control[readonly] {
    color: var(--site-color-muted);
    background-color: color-mix(in srgb, var(--site-color-surface) 82%, var(--site-color-sun) 18%) !important;
}

.form-control:focus,
.form-select:focus,
.ts-wrapper.focus .ts-control {
    border-color: var(--site-color-teal) !important;
    box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--site-color-teal) 18%, transparent) !important;
}

.input-icon-addon {
    color: var(--site-color-teal);
}

.form-check-input:checked {
    border-color: var(--site-color-teal) !important;
    background-color: var(--site-color-teal) !important;
}

.table {
    --tblr-table-striped-bg: color-mix(in srgb, var(--site-color-sun) 5%, transparent);
    --tblr-table-hover-bg: color-mix(in srgb, var(--site-color-teal) 8%, transparent);
    color: var(--site-color-ink);
}

.table thead th {
    border-bottom-color: var(--site-color-border);
    color: var(--site-color-teal-dark);
    background: color-mix(in srgb, var(--site-color-surface) 82%, var(--site-color-sun) 18%);
    font-weight: 900;
    letter-spacing: .025em;
}

.table tbody td {
    border-color: color-mix(in srgb, var(--site-color-border) 72%, transparent);
}

.badge {
    border-radius: 999px;
    padding: .42rem .62rem;
    font-weight: 800;
}

.pagination .page-link {
    min-width: 2.2rem;
    margin-inline: .12rem;
    border: 0;
    border-radius: .65rem !important;
    color: var(--site-color-teal);
    background: var(--site-color-surface);
}

.pagination .active > .page-link,
.pagination .page-link.active {
    color: #fff;
    background: var(--site-color-teal);
}

.dropdown-menu {
    border-color: var(--site-color-border);
    border-radius: .85rem;
    background: var(--site-color-surface-raised);
    box-shadow: var(--site-shadow-raised);
}

.nav-tabs {
    gap: .3rem;
    border-bottom-color: var(--site-color-border);
}

.nav-tabs .nav-link {
    border: 0;
    border-radius: .7rem .7rem 0 0;
    color: var(--site-color-muted);
    font-weight: 800;
}

.nav-tabs .nav-link.active {
    color: var(--site-color-teal-dark);
    background: var(--site-color-teal-soft);
    box-shadow: inset 0 -3px 0 var(--site-color-teal);
}

.icon-dark { display: none; }
[data-bs-theme="dark"] .icon-light { display: none; }
[data-bs-theme="dark"] .icon-dark { display: inline-block; }

@media screen {
    .modal {
        --site-modal-height: 620px;
        --site-modal-gutter: 1rem;
        --site-modal-padding-x: 1.5rem;
        --site-modal-padding-y: 1.25rem;
        --tblr-modal-margin: var(--site-modal-gutter);
    }

    .modal-dialog {
        display: flex;
        align-items: center;
        width: calc(100% - var(--site-modal-gutter) * 2);
        min-height: calc(100% - var(--site-modal-gutter) * 2);
        margin: var(--site-modal-gutter) auto;
    }

    .modal-dialog.modal-sm {
        --site-modal-height: 440px;
    }

    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        --site-modal-height: 760px;
    }

    .modal-content {
        display: flex;
        flex-direction: column;
        height: min(var(--site-modal-height), calc(100vh - var(--site-modal-gutter) * 2));
        height: min(var(--site-modal-height), calc(100dvh - var(--site-modal-gutter) * 2));
        max-height: calc(100vh - var(--site-modal-gutter) * 2);
        max-height: calc(100dvh - var(--site-modal-gutter) * 2);
        min-height: 0;
    }

    /* Bazı ekranlarda gövde ve alt düğmeler aynı formun içinde bulunuyor. */
    .modal-content > form {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    .modal-header {
        position: relative;
        flex: 0 0 auto;
        padding: var(--site-modal-padding-y) 4rem var(--site-modal-padding-y) var(--site-modal-padding-x);
    }

    .modal-header .btn-close {
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 2.5rem;
        height: 2.5rem;
        margin: 0;
        padding: .75rem;
        transform: translateY(-50%);
    }

    .modal-body {
        flex: 1 1 auto;
    }

    .modal-footer {
        padding: 1rem var(--site-modal-padding-x);
    }

    .modal-footer > * {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575.98px) {
    .modal {
        --site-modal-padding-x: 1rem;
        --site-modal-padding-y: 1rem;
    }
}

@media print {
    #modalMakbuz .modal-content,
    #modalMakbuz .modal-body {
        height: auto;
        max-height: none;
        overflow: visible;
    }
}

.modal-content {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--site-color-teal) 22%, var(--site-color-border)) !important;
    border-radius: 1.15rem;
    background: var(--site-color-surface-raised);
    box-shadow: var(--site-shadow-raised) !important;
}

.modal-body {
    min-height: 0;
    overflow-y: auto;
}

.modal-header {
    border-bottom-color: var(--site-color-border);
    background:
        linear-gradient(100deg, var(--site-color-teal-soft), transparent 46%),
        color-mix(in srgb, var(--site-color-surface) 91%, var(--site-color-sun) 9%);
}

.modal-title {
    color: var(--site-color-ink);
    font-weight: 700;
}

.modal-footer {
    flex: 0 0 auto;
    border-top-color: var(--site-color-border);
    background: color-mix(in srgb, var(--site-color-surface) 91%, var(--site-color-sun) 9%);
}

.modal-backdrop.show {
    opacity: .46;
}

.swal2-container.site-wait-container {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.swal2-popup.site-wait-modal {
    position: relative;
    width: min(29rem, calc(100vw - 2rem)) !important;
    height: min(18.5rem, calc(100dvh - 2rem));
    padding: 2rem 2.25rem 1.75rem !important;
    overflow: hidden;
    align-content: center;
    border: 1px solid color-mix(in srgb, var(--site-color-teal) 24%, var(--site-color-border)) !important;
    border-radius: 1.25rem !important;
    color: var(--site-color-ink) !important;
    background:
        radial-gradient(circle at 50% 32%, var(--site-color-teal-soft) 0, transparent 8rem),
        var(--site-color-surface-raised) !important;
    box-shadow: var(--site-shadow-raised) !important;
}

.swal2-popup.site-wait-modal::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--site-color-teal), var(--site-color-sky), var(--site-color-sun));
    content: "";
}

.site-wait-title {
    max-width: 24rem;
    margin: 0 auto .75rem !important;
    padding: 0 !important;
    color: var(--site-color-ink) !important;
    font-family: var(--site-font-display) !important;
    font-size: clamp(1.25rem, 3vw, 1.55rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
    overflow-wrap: break-word;
}

.site-wait-body {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--site-color-muted) !important;
    font-family: var(--site-font-body) !important;
}

.site-wait-visual {
    position: relative;
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1rem;
    place-items: center;
}

.site-wait-visual::before,
.site-wait-visual::after {
    position: absolute;
    border-radius: 50%;
    content: "";
}

.site-wait-visual::before {
    inset: 0;
    z-index: 2;
    border: 3px solid var(--site-color-teal-soft);
    border-top-color: var(--site-color-teal);
    border-right-color: var(--site-color-sun);
    animation: site-wait-spin .95s linear infinite;
}

.site-wait-visual::after {
    inset: .45rem;
    z-index: 0;
    background: color-mix(in srgb, var(--site-color-surface-raised) 55%, var(--site-color-teal-soft) 45%);
    box-shadow: 0 0 0 .45rem color-mix(in srgb, var(--site-color-teal-soft) 64%, transparent);
}

.site-wait-visual-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.9rem;
    height: 2.9rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, var(--site-color-teal-strong), var(--site-color-sky-strong));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--site-color-teal) 28%, transparent);
    font-size: 1.35rem;
}

.site-wait-description {
    max-width: 23rem;
    margin: 0;
    color: var(--site-color-muted);
    font-size: .9rem;
    line-height: 1.45;
}

.site-wait-note {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .9rem;
    padding: .38rem .65rem;
    border: 1px solid color-mix(in srgb, var(--site-color-sun) 30%, var(--site-color-border));
    border-radius: 999px;
    color: var(--site-color-ink);
    background: color-mix(in srgb, var(--site-color-surface-raised) 72%, var(--site-color-sun-soft) 28%);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.2;
}

.site-wait-note i {
    color: var(--site-color-teal);
    font-size: .9rem;
}

@keyframes site-wait-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-wait-visual::before {
        animation: none;
    }
}

@media (max-width: 575.98px) {
    .swal2-popup.site-wait-modal {
        height: min(18rem, calc(100dvh - 1.5rem));
        padding: 1.6rem 1.35rem 1.4rem !important;
    }

    .site-wait-title {
        font-size: 1.25rem !important;
    }
}

.site-password-modal {
    height: min(520px, calc(100vh - 2rem));
    max-height: calc(100vh - 2rem);
}

.site-security-note {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--site-color-teal) 20%, var(--site-color-border));
    border-radius: var(--tblr-border-radius-lg);
    background: var(--site-color-teal-soft);
}

.site-security-note-icon {
    display: grid;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: .65rem;
    background: linear-gradient(145deg, var(--site-color-teal-strong), var(--site-color-sky-strong));
    color: #fff;
    font-size: 1.2rem;
}

.site-security-note strong,
.site-security-note span {
    display: block;
}

.site-security-note span {
    margin-top: .15rem;
    color: var(--tblr-secondary-color);
    font-size: .78rem;
}

.ts-dropdown {
    z-index: 1095 !important;
    border-color: var(--site-color-border) !important;
    border-radius: .75rem !important;
    background: var(--site-color-surface-raised) !important;
    color: var(--site-color-ink) !important;
    box-shadow: var(--site-shadow-raised) !important;
}

.ts-dropdown .option.active,
.ts-dropdown .option:hover {
    background: var(--site-color-teal-soft) !important;
    color: var(--site-color-teal-dark) !important;
}

.table .btn-icon {
    color: #fff;
}

@media (min-width: 992px) {
    .site-sidebar + .page-wrapper {
        margin-left: var(--site-sidebar-width);
    }
}

@media (max-width: 991.98px) {
    .site-sidebar {
        width: 100%;
    }

    .site-context-name {
        max-width: 42vw;
    }
}

@media (max-width: 575.98px) {
    .site-context-label {
        display: none;
    }

    .site-context-name {
        max-width: 44vw;
        font-size: .92rem;
    }
}