/* Shared base for login, application, and maintenance pages. */
body.kayfa-ui-background {
    background-color: #080a0a;
    overflow-x: hidden;
}

.kayfa-liquid-glass-card {
    background-color: rgba(22, 25, 28, 0.68);
    background-image:
        linear-gradient(135deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.035) 22%, rgba(255, 255, 255, 0) 44%),
        radial-gradient(circle at 100% 100%, rgba(193, 154, 107, 0.055) 0%, rgba(193, 154, 107, 0) 48%);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 28px;
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.28),
        0 8px 18px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    position: relative;
    isolation: isolate;
    z-index: 1;
}

.kayfa-liquid-glass-card::before {
    content: '';
    position: absolute;
    inset: 9px;
    z-index: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0) 44%);
}

.kayfa-liquid-glass-card::after {
    content: '';
    position: absolute;
    inset: 1px;
    z-index: 0;
    pointer-events: none;
    border-radius: 26px;
    background-image:
        linear-gradient(120deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.025) 20%, rgba(255, 255, 255, 0) 38%),
        repeating-radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 0.4px, transparent 0.4px, transparent 4px);
    background-size: 100% 100%, 4px 4px;
    opacity: 0.7;
}

.kayfa-liquid-glass-card > * {
    position: relative;
    z-index: 1;
}

.kayfa-liquid-glass-card > .card-body {
    padding: 1.25rem 1.4rem !important;
}

.kayfa-liquid-glass-card > .card-header {
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid transparent !important;
}

.kayfa-liquid-glass-card > .card-header::after {
    content: '';
    position: absolute;
    right: 9px;
    bottom: 0;
    left: 9px;
    height: 1px;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.24);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .kayfa-liquid-glass-card {
        background-color: rgba(22, 25, 28, 0.62);
        -webkit-backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
        backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
    }
}

@media (max-width: 575.98px) {
    .kayfa-liquid-glass-card > .card-body,
    .kayfa-liquid-glass-card > .card-header {
        padding: 1.15rem 1.2rem !important;
    }
}

@media print {
    body.kayfa-ui-background {
        background-color: #fff !important;
        background-image: none !important;
    }
}

/* NAVBAR FROSTED GRAPHITE LIQUID GLASS */
.kayfa-navbar {
    --kayfa-navbar-accent: #d59b6d;
    --kayfa-navbar-accent-soft: rgba(190, 139, 96, 0.18);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 56px;
    background-color: rgba(22, 25, 28, 0.68);
    background-image: linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035) 45%, rgba(255,255,255,0) 78%);
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 0;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
    isolation: isolate;
    overflow: visible;
}

.kayfa-navbar > .kayfa-navbar__container {
    position: relative;
    z-index: 1;
}

.kayfa-navbar--global {
    --kayfa-navbar-accent: #d59b6d;
    --kayfa-navbar-accent-soft: rgba(190, 139, 96, 0.18);
}

.kayfa-navbar--branch {
    --kayfa-navbar-accent: #79c9bd;
    --kayfa-navbar-accent-soft: rgba(92, 184, 170, 0.18);
}

.kayfa-navbar .kayfa-navbar__container {
    min-height: 56px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.kayfa-navbar .kayfa-navbar__action {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    justify-content: center;
    padding: 0;
    color: #faf9f5;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    background-color: rgba(255,255,255,0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.kayfa-navbar .kayfa-navbar__action:hover {
    color: #f7fbff;
    border-color: rgba(177,220,250,0.64);
    background-color: rgba(151,204,246,0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 5px 14px rgba(0,0,0,0.18);
}

.kayfa-navbar .kayfa-navbar__action:focus-visible,
.kayfa-navbar .kayfa-navbar__dropdown-item:focus-visible {
    outline: 3px solid rgba(169,216,255,0.84);
    outline-offset: 2px;
}

.kayfa-navbar .kayfa-navbar__action:active {
    color: #f7fbff;
    background-color: rgba(151,204,246,0.24);
    transform: none;
}

.kayfa-navbar .kayfa-navbar__menu-action {
    border-color: rgba(255, 255, 255, 0.30);
}

.kayfa-navbar .kayfa-navbar__switcher {
    width: auto;
    min-width: 40px;
    max-width: 236px;
    padding-right: 0.65rem;
    padding-left: 0.65rem;
}

.kayfa-navbar .kayfa-navbar__brand {
    color: #f7fbff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.38);
}

.kayfa-navbar .kayfa-navbar__mode-badge,
.kayfa-navbar .kayfa-navbar__branch-badge {
    color: var(--kayfa-navbar-accent);
    border: 1px solid rgba(169,216,255,0.48);
    background-color: var(--kayfa-navbar-accent-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.kayfa-navbar--branch .kayfa-navbar__mode-badge,
.kayfa-navbar--branch .kayfa-navbar__branch-badge {
    border-color: rgba(121,201,189,0.48);
}

.kayfa-navbar .kayfa-navbar__mode-badge {
    margin-left: 5px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.6em;
}

.kayfa-navbar .kayfa-navbar__branch-badge {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: bold;
}

.kayfa-navbar .kayfa-navbar__mode-icon {
    color: var(--kayfa-navbar-accent);
}

.kayfa-navbar .kayfa-navbar__branch-name {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kayfa-navbar .kayfa-navbar__dropdown-menu {
    min-width: 17rem;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    translate: 0 -16px;
    transition: opacity 220ms ease, translate 280ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 280ms;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    background-color: rgba(22, 25, 28, 0.96);
    background-image: linear-gradient(132deg, rgba(255,255,255,0.12), rgba(255,255,255,0.025) 42%, rgba(255,255,255,0) 70%);
    box-shadow: 0 18px 34px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    z-index: 1060;
}

.kayfa-navbar .kayfa-navbar__dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    translate: 0 0;
    transition: opacity 220ms ease, translate 280ms cubic-bezier(.22, 1, .36, 1), visibility 0s;
}

.kayfa-navbar .kayfa-navbar__dropdown-menu.show.kayfa-dropdown-exiting {
    opacity: 0;
    pointer-events: none;
    translate: 0 -16px;
}

.kayfa-dropdown-scrim {
    position: fixed;
    inset: 0;
    z-index: 1035;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .56);
    transition: opacity 240ms ease, visibility 0s linear 240ms;
}

body:has(.kayfa-navbar__dropdown-menu.show) .kayfa-dropdown-scrim {
    visibility: visible;
    pointer-events: auto;
    transition: opacity 240ms ease, visibility 0s;
}

body:has(.kayfa-navbar__dropdown-menu.show:not(.kayfa-dropdown-exiting)) .kayfa-dropdown-scrim {
    opacity: 1;
}

body:has(.kayfa-navbar__dropdown-menu.show) .kayfa-navbar {
    z-index: 1039;
}

.kayfa-navbar .kayfa-navbar__dropdown-item {
    color: #dce8f2;
    transition: color 160ms ease, background-color 160ms ease;
}

.kayfa-navbar .kayfa-navbar__dropdown-item:hover,
.kayfa-navbar .kayfa-navbar__dropdown-item:focus {
    color: #f7fbff;
    background-color: rgba(151,204,246,0.18);
}

.kayfa-navbar .kayfa-navbar__dropdown-item--global {
    color: #d59b6d;
}

.kayfa-navbar .kayfa-navbar__dropdown-item--branch .bx-store-alt,
.kayfa-navbar .kayfa-navbar__dropdown-item--branch .bx-check {
    color: #79c9bd;
}

.kayfa-navbar .kayfa-navbar__dropdown-menu.kayfa-presence__menu {
    width: 340px;
    min-width: 0;
    max-width: calc(100vw - 1.5rem);
    overflow-wrap: anywhere;
    background-color: rgba(22, 25, 28, 0.97);
}

.kayfa-presence__users {
    max-height: 280px;
    overflow-y: auto;
}

.kayfa-navbar #presenceToggle,
.kayfa-navbar #customerPresenceToggle {
    position: relative;
}

.kayfa-navbar #presenceCount,
.kayfa-navbar #customerPresenceCount {
    position: absolute;
    top: -3px;
    right: -6px;
    font-size: 0.65rem;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .kayfa-navbar {
        background-color: rgba(22, 25, 28, 0.62);
        -webkit-backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
        backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
    }

    .kayfa-navbar .kayfa-navbar__dropdown-menu {
        background-color: rgba(22, 25, 28, 0.88);
        -webkit-backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
        backdrop-filter: blur(18px) saturate(132%) brightness(1.06);
    }
}

@media (max-width: 575.98px) {
    .kayfa-navbar .kayfa-navbar__container {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .kayfa-navbar .kayfa-navbar__container > .d-flex {
        gap: 0.5rem !important;
        min-width: 0;
    }

    .kayfa-navbar .kayfa-navbar__action {
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
    }

    .kayfa-navbar .kayfa-navbar__switcher {
        width: auto;
        min-width: 68px;
        max-width: 80px;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .kayfa-navbar .kayfa-navbar__dropdown-menu {
        max-width: calc(100vw - 1.5rem);
    }

    .kayfa-navbar--presence .kayfa-navbar__brand {
        margin-right: 0;
    }

    .kayfa-navbar .kayfa-presence {
        position: static;
    }

    .kayfa-navbar .kayfa-presence__menu {
        right: 0.75rem !important;
        left: 0.75rem !important;
        top: 100% !important;
        width: auto;
        transform: none !important;
    }

    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        .kayfa-navbar,
        .kayfa-navbar .kayfa-navbar__dropdown-menu {
            -webkit-backdrop-filter: blur(12px) saturate(132%) brightness(1.06);
            backdrop-filter: blur(12px) saturate(132%) brightness(1.06);
        }
    }
}

@media (max-width: 375px) {
    .kayfa-navbar--presence .kayfa-navbar__mode-badge {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kayfa-navbar .kayfa-navbar__action,
    .kayfa-navbar .kayfa-navbar__dropdown-item,
    .kayfa-navbar .kayfa-navbar__dropdown-menu,
    .kayfa-dropdown-scrim {
        transition: none;
    }
}

/* Sticky-note styles stay scoped to their modal root. */
.kayfa-note-modal .kayfa-note-modal__content {
    min-height: 80vh;
    max-height: calc(100dvh - 32px);
}

.kayfa-note-modal #notesContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 15px;
    padding: 15px;
}

.kayfa-note-modal .note-card {
    background-color: #262626;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.kayfa-note-modal .note-card:hover {
    transform: translateY(-5px);
    border-color: var(--kayfa-gold);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.kayfa-note-modal .note-card-add {
    border: 2px dashed #666;
    background: transparent;
    align-items: center;
    justify-content: center;
    color: #888;
}

.kayfa-note-modal .note-card-add:hover {
    border-color: var(--kayfa-gold);
    color: var(--kayfa-gold);
    background: rgba(139, 90, 43, 0.1);
}

.kayfa-note-modal .note-card-title {
    font-weight: bold;
    color: var(--kayfa-gold);
    margin-bottom: 8px;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kayfa-note-modal .note-card-content {
    font-size: 0.9rem;
    color: #ccc;
    flex-grow: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
}

.kayfa-note-modal .note-card-date {
    font-size: 0.75rem;
    color: #666;
    margin-top: 10px;
    text-align: right;
    border-top: 1px solid #333;
    padding-top: 5px;
}

.kayfa-note-modal .kayfa-note-modal__textarea {
    width: calc(100% - 32px);
    margin: 0 16px 16px;
    min-height: 220px;
    padding: 14px;
    border: 1px solid #465044;
    border-radius: 9px;
    background: #111613;
    color: #eeefeb;
    font-size: 16px;
    resize: vertical;
}
.kayfa-note-modal .modal-body {overflow-y:auto;}
.kayfa-note-modal .kayfa-note-modal__header {padding:12px 16px;}
.kayfa-note-modal .modal-title {color:#d5b18d;}
.kayfa-note-modal .btn-close {box-sizing:border-box;width:44px;height:44px;padding:12px;margin:-6px -8px -6px auto;background-size:14px;}
.kayfa-note-modal #viewEditor {min-height:360px;}
.kayfa-note-modal .kayfa-note-modal__title-field {padding:16px;}
.kayfa-note-modal .note-title-input {width:100%;min-height:44px;background:#111613;border:1px solid #465044;border-radius:9px;color:#eeefeb;font-size:16px;}
.kayfa-note-modal :is(.note-title-input,.kayfa-note-modal__textarea)::placeholder {color:#9fa89e;opacity:1;}
.kayfa-note-modal :is(.note-title-input,.kayfa-note-modal__textarea):focus {border-color:#b18460;box-shadow:0 0 0 3px #b1846026;}
.kayfa-note-modal .kayfa-note-modal__toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid #41483e;background:#171c18;}
.kayfa-note-modal .kayfa-note-modal__actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto;}
.kayfa-note-modal .kayfa-note-modal__toolbar .btn {min-height:44px;padding:9px 12px;font-size:13px;}
.kayfa-note-modal .kayfa-note-modal__secondary {background:transparent;color:#c5cbbf;border:1px solid #515749;}
.kayfa-note-modal .kayfa-note-modal__secondary:hover {background:#273025;color:#fff;}
.kayfa-note-modal .kayfa-note-modal__save {background:#896444;color:#fff;border:1px solid #b18460;}
.kayfa-note-modal .kayfa-note-modal__save:hover {background:#a17a54;color:#fff;}
.kayfa-note-modal .note-card {background:#171c18;border-color:#41483e;}
.kayfa-note-modal .note-card-title {color:#d5b18d;}
.kayfa-note-modal .note-card-add {background:transparent;color:#b5bdaa;border-color:#61644f;}
.swal2-popup.kayfa-presence-dialog {background:#171c18;color:#eeefeb;border:1px solid #565a49;border-radius:13px;}
.swal2-popup.kayfa-presence-dialog .swal2-title {font-size:22px;}
.swal2-popup.kayfa-presence-dialog .swal2-html-container {color:#b7bfb0;font-size:14px;line-height:1.6;}
.swal2-popup.kayfa-presence-dialog .swal2-styled {min-height:44px;font-size:14px;border-radius:8px;}
.swal2-popup.kayfa-presence-dialog .swal2-confirm {background-color:#896444;}
.swal2-popup.kayfa-presence-dialog .swal2-cancel {background-color:#41483e;}

/* Sidebar details shared with the workspace navigation. */
.sidebar-kayfa .custom-scrollbar::-webkit-scrollbar { width: 4px; }
.sidebar-kayfa .custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(232, 237, 241, 0.38);
    border-radius: 10px;
}
.sidebar-kayfa .btn-close:focus-visible {
    outline: 3px solid rgba(213, 155, 109, 0.9);
    outline-offset: 2px;
}

/* Operational page: reuse the dashboard glass surface for its cards and modal. */
.kayfa-operasional-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem;
    background-color: rgba(22, 25, 28, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.kayfa-operasional-filter__field {
    display: flex;
    flex: 0 0 148px;
    flex-direction: column;
    min-width: 0;
    margin: 0;
}

.kayfa-operasional-filter__separator {
    color: #b7bcb3;
    line-height: 1;
}

.kayfa-operasional-filter__field .form-control {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0.35rem 0.5rem;
    font-size: 0.82rem;
}

.kayfa-operasional-filter__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.kayfa-operasional-filter__apply,
.kayfa-operasional-filter__reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 10px;
}

.kayfa-operasional-filter__apply,
.kayfa-liquid-glass-button {
    color: #faf9f5;
    background-color: rgba(190, 139, 96, 0.3);
    border: 1px solid rgba(213, 155, 109, 0.65);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.kayfa-operasional-filter__actions .bx {
    font-size: 1.15rem;
    line-height: 1;
    transform: translateY(1px);
}

.kayfa-operasional-filter__apply:hover,
.kayfa-operasional-filter__apply:focus-visible,
.kayfa-liquid-glass-button:hover,
.kayfa-liquid-glass-button:focus-visible {
    color: #fff;
    background-color: rgba(190, 139, 96, 0.42);
    border-color: #d59b6d;
    box-shadow: 0 0 0 0.2rem rgba(213, 155, 109, 0.2);
}

.kayfa-operasional-filter__reset,
.kayfa-liquid-glass-button-secondary {
    color: #c9ccc5;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.kayfa-operasional-filter__reset:hover,
.kayfa-operasional-filter__reset:focus-visible,
.kayfa-liquid-glass-button-secondary:hover,
.kayfa-liquid-glass-button-secondary:focus-visible {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(213, 155, 109, 0.2);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .kayfa-operasional-filter {
        background-color: rgba(22, 25, 28, 0.62);
        -webkit-backdrop-filter: blur(12px) saturate(132%);
        backdrop-filter: blur(12px) saturate(132%);
    }
}

@media (min-width: 576px) {
    .kayfa-operasional-toolbar {
        transform: translateY(8px);
    }
}

@media (max-width: 575.98px) {
    .kayfa-operasional-filter {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }

    .kayfa-operasional-filter__field {
        grid-column: 1 / -1;
    }

    .kayfa-operasional-filter__separator {
        grid-column: 1 / -1;
        justify-self: center;
    }

    .kayfa-operasional-filter__actions {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

body.kayfa-ui-background--app .modal .modal-header,
body.kayfa-ui-background--app .modal .modal-footer {
    position: relative;
    border-color: transparent !important;
}

body.kayfa-ui-background--app .modal .modal-header::after,
body.kayfa-ui-background--app .modal .modal-footer::before {
    content: '';
    position: absolute;
    right: 9px;
    left: 9px;
    height: 1px;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.18);
}

body.kayfa-ui-background--app .modal .modal-header::after {
    bottom: 0;
}

body.kayfa-ui-background--app .modal .modal-footer::before {
    top: 0;
}

/* The note workspace keeps its warm accent and readable editor surfaces. */
body.kayfa-ui-background--app .kayfa-note-modal .kayfa-note-modal__content {
    color: #e0e0e0;
    border-color: rgba(193, 154, 107, 0.62) !important;
}

.kayfa-operasional-modal .form-label,
.kayfa-operasional-modal .form-text {
    color: #c9ccc5;
}

.kayfa-operasional-modal .kayfa-operasional-input-addon {
    color: #f4f4ee;
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.24);
}

.kayfa-operasional-modal .form-check-input:checked {
    background-color: #79c9bd;
    border-color: #79c9bd;
}

/* Operational inputs and shared DataTables controls use the same dark fields. */
.kayfa-operasional .kayfa-operasional-control,
.kayfa-operasional-modal .kayfa-operasional-control,
.dataTables_wrapper .form-control,
.dataTables_wrapper .form-select {
    color: #f4f4ee;
    color-scheme: dark;
    background-color: rgba(8, 12, 16, 0.52);
    border-color: rgba(255, 255, 255, 0.24);
}

.kayfa-operasional .kayfa-operasional-control:focus,
.kayfa-operasional-modal .kayfa-operasional-control:focus,
.dataTables_wrapper .form-control:focus,
.dataTables_wrapper .form-select:focus {
    color: #fff;
    background-color: rgba(8, 12, 16, 0.72);
    border-color: #d59b6d;
    box-shadow: 0 0 0 0.2rem rgba(213, 155, 109, 0.2);
}

.kayfa-operasional .kayfa-operasional-control::placeholder,
.kayfa-operasional-modal .kayfa-operasional-control::placeholder {
    color: #aebdc8;
}

.kayfa-operasional-table-card .table-responsive {
    border-radius: 14px;
}

/* Shared app surfaces, including loading cards, forms, and dialogs. */
body.kayfa-workspace :is(.card, .modal-content, .kayfa-liquid-glass-card) {
    position: relative;
    isolation: isolate;
    color: #fff;
    background: var(--kayfa-workspace-glass) !important;
    border: 1px solid var(--kayfa-workspace-glass-border) !important;
    border-top-color: var(--kayfa-workspace-glass-edge) !important;
    border-radius: 13px;
    box-shadow: inset 0 1px rgba(255,255,255,.15), 0 9px 22px rgba(0,0,0,.28) !important;
    backdrop-filter: none;
}
body.kayfa-workspace :is(.card, .modal-content, .kayfa-liquid-glass-card)::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: inherit;
    background: linear-gradient(120deg,rgba(255,255,255,.065),transparent 29%);
    pointer-events: none;
    z-index: -1;
}
body.kayfa-workspace :is(.card, .modal-content, .kayfa-liquid-glass-card)::after { content: none; }
body.kayfa-workspace :is(.card-header, .card-footer, .modal-header, .modal-footer) {
    background: transparent !important;
    border-color: rgba(255,255,255,.13) !important;
}
body.kayfa-workspace .card > .card-body { background-color: transparent !important; }
body.kayfa-workspace .card-header::after { content: none; }
body.kayfa-workspace .table-responsive { scrollbar-width: thin; scrollbar-color: #454942 transparent; }

/* Shared DataTables presentation; initialized tables receive dataTables_wrapper. */
.kayfa-workspace .dataTables_wrapper > .row { margin-right:0; margin-left:0; }
.kayfa-workspace .dataTables_wrapper > .row > div { padding-right:0; padding-left:0; }

.dataTables_wrapper table.dataTable.table {
    --bs-table-color: #e8edf1;
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(255, 255, 255, 0.14);
    --bs-table-striped-color: #e8edf1;
    --bs-table-striped-bg: transparent;
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.08);
    margin-bottom: 0;
}

.dataTables_wrapper table.dataTable.table thead {
    --bs-table-color: #f7fbff;
    --bs-table-bg: rgba(255, 255, 255, 0.09);
    --bs-table-border-color: rgba(255, 255, 255, 0.24);
}

.dataTables_wrapper table.dataTable.table thead th {
    color: #f7fbff;
    background-color: rgba(255, 255, 255, 0.09);
    border-bottom-color: rgba(255, 255, 255, 0.24);
    white-space: nowrap;
}

.dataTables_wrapper table.dataTable.table tbody td {
    border-color: rgba(255, 255, 255, 0.14);
}

.dataTables_wrapper table.dataTable.table .text-muted {
    color: #b7bcb3 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: #c9ccc5;
}

.dataTables_wrapper .page-link {
    color: #dce8f2;
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}

.dataTables_wrapper .page-link:hover,
.dataTables_wrapper .page-link:focus-visible {
    color: #fff;
    background-color: rgba(213, 155, 109, 0.2);
    border-color: rgba(213, 155, 109, 0.48);
}

.dataTables_wrapper .page-item.active .page-link {
    color: #10181f;
    background-color: #d59b6d;
    border-color: #d59b6d;
}

.dataTables_wrapper .page-item.disabled .page-link {
    color: #91a2ae;
    background-color: rgba(255, 255, 255, 0.035);
}

@media (max-width: 575.98px) {
    body.kayfa-ui-background--app .card:is(:has(.dataTables_wrapper), .kayfa-stok-table-card) > .card-body,
    body.kayfa-ui-background--app .card:is(:has(.dataTables_wrapper), .kayfa-stok-table-card) > .collapse > .card-body,
    body.kayfa-ui-background--app .card:is(:has(.dataTables_wrapper), .kayfa-stok-table-card) > .card-header {
        padding: 1.15rem 1.2rem !important;
    }

    .dataTables_wrapper .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.kayfa-ui-background--app .card:is(:has(.dataTables_wrapper), .kayfa-stok-table-card) .table-responsive .dataTables_filter label {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        white-space: normal;
    }

    body.kayfa-ui-background--app .card:is(:has(.dataTables_wrapper), .kayfa-stok-table-card) .table-responsive .dataTables_filter input {
        margin-left: 0;
        max-width: 100%;
    }
}

.kayfa-stok-thumbnail {
    object-fit: cover;
    cursor: zoom-in;
}

.kayfa-stok-thumbnail:focus-visible {
    outline: 2px solid var(--kayfa-wood, #d59b6d);
    outline-offset: 3px;
}

.kayfa-stok-image-preview {
    position: fixed;
    z-index: 1080;
    width: 300px;
    height: 300px;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    object-fit: contain;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--kayfa-wood, #d59b6d);
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
    pointer-events: none;
}

/* Central treasury uses the shared app glass surface without changing its ledger. */
.kayfa-kas-pusat {
    padding-top: 80px;
}

.kayfa-kas-pusat__mode-badge {
    font-size: 0.75rem;
}

.kayfa-kas-pusat__balance--bank {
    border-left-width: 4px;
    border-left-color: #9ecfff;
}

.kayfa-kas-pusat__balance--cash {
    border-left-width: 4px;
    border-left-color: #80d5bd;
}

.kayfa-kas-pusat__balance-caption {
    font-size: 0.75rem;
}

.kayfa-kas-pusat__direction {
    display: none;
}

.kayfa-kas-pusat__modal .kayfa-kas-pusat__control,
.kayfa-liquid-glass-control {
    color: #f4f4ee;
    color-scheme: dark;
    background-color: rgba(8, 12, 16, 0.52);
    border-color: rgba(255, 255, 255, 0.24);
}

.kayfa-kas-pusat__modal .kayfa-kas-pusat__control:focus,
.kayfa-liquid-glass-control:focus {
    color: #fff;
    background-color: rgba(8, 12, 16, 0.72);
    border-color: #d59b6d;
    box-shadow: 0 0 0 0.2rem rgba(213, 155, 109, 0.2);
}

.kayfa-kas-pusat__modal .kayfa-kas-pusat__control::placeholder,
.kayfa-liquid-glass-control::placeholder {
    color: #aebdc8;
}

.kayfa-kas-pusat__history .table-responsive {
    border-radius: 14px;
}

.kayfa-kas-pusat__history .table {
    --bs-table-color: #e8edf1;
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(255, 255, 255, 0.14);
    --bs-table-striped-color: #e8edf1;
    --bs-table-striped-bg: transparent;
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.08);
}

.kayfa-kas-pusat__history .table thead th {
    color: #f7fbff;
    background-color: rgba(255, 255, 255, 0.09);
    border-bottom-color: rgba(255, 255, 255, 0.24);
}
/* Stock opname keeps long inventories and audit tables inside the page on mobile. */
.kayfa-opname { padding-top: 100px; }
.kayfa-opname .kayfa-opname-search { max-width: 340px; }
.kayfa-opname .kayfa-opname-scroll { max-height: 65vh; }
.kayfa-opname .kayfa-opname-scroll thead th { position: sticky; top: 0; z-index: 1; background: var(--card-bg, #1e1e1e); }
.kayfa-opname .opname-count { min-width: 100px; max-width: 140px; }
.kayfa-opname .opname-reason { min-width: 230px; }
.kayfa-opname #opnameItems td:first-child { min-width: 200px; }

/* Profile uses the shared glass cards and controls with only page-specific details here. */
.kayfa-profile {
    padding-top: 80px;
}

.kayfa-profile__avatar {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.kayfa-profile__avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid var(--kayfa-wood, #c19a6b);
    border-radius: 50%;
}

.kayfa-profile__edit-avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #fff;
    background: var(--kayfa-wood, #c19a6b);
    border: 2px solid #1e1e1e;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.kayfa-profile__edit-avatar:hover {
    color: var(--kayfa-wood, #c19a6b);
    background: #fff;
}

.kayfa-profile__toggle {
    cursor: pointer;
}

.kayfa-profile__chevron {
    transition: transform 0.3s ease;
}

.kayfa-profile__toggle[aria-expanded="true"] .kayfa-profile__chevron {
    transform: rotate(180deg);
}

.kayfa-profile .card-footer {
    border-color: rgba(255, 255, 255, 0.18);
}

.kayfa-profile__history {
    border-radius: 14px;
}

.kayfa-profile__history .table {
    --bs-table-color: #e8edf1;
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(255, 255, 255, 0.14);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.08);
}

.kayfa-profile__history thead th {
    color: #f7fbff;
    background-color: rgba(255, 255, 255, 0.09);
    border-bottom-color: rgba(255, 255, 255, 0.24);
}

.kayfa-profile__tabs {
    border-bottom-color: rgba(255, 255, 255, 0.18);
}

.kayfa-profile__tabs .nav-link {
    color: #c9ccc5;
    border-color: transparent;
}

.kayfa-profile__tabs .nav-link:hover,
.kayfa-profile__tabs .nav-link:focus-visible {
    color: #fff;
    border-bottom-color: rgba(213, 155, 109, 0.65);
}

.kayfa-profile__tabs .nav-link.active {
    color: #fff;
    background: rgba(190, 139, 96, 0.18);
    border-color: rgba(255, 255, 255, 0.18);
    border-bottom-color: transparent;
}

.kayfa-profile__preview-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/* Shared visual system for the Kayfa dashboard and service monitor. */
body.kayfa-workspace {
    --kayfa-workspace-sidebar: 238px;
    --kayfa-navbar-height: 76px;
    --kayfa-wood: #d59b6d;
    --kayfa-leaf: #55b774;
    --bg-dark: #080a0a;
    --card-bg: #101313;
    --bs-primary-rgb: 213,155,109;
    --bs-success-rgb: 85,183,116;
    --bs-danger-rgb: 237,124,100;
    --bs-info-rgb: 210,179,147;
    --bs-link-color: #d59b6d;
    --bs-link-hover-color: #f0c49e;
    --kayfa-workspace-bg: #080a0a;
    --kayfa-workspace-text: #f2f1ee;
    --kayfa-workspace-muted: #a5a7a3;
    --kayfa-workspace-copper: #d59b6d;
    --kayfa-workspace-green: #55b774;
    --kayfa-workspace-glass: linear-gradient(137deg, rgba(255,255,255,.25), rgba(242,244,243,.045) 25%, transparent 48%), radial-gradient(ellipse at 110% 130%, rgba(161,134,108,.20), transparent 50%), linear-gradient(155deg, #242727, #060808 64%, #0b0d0d);
    --kayfa-workspace-glass-border: rgba(215,214,204,.34);
    --kayfa-workspace-glass-edge: rgba(255,255,247,.68);
    font-family: 'Segoe UI', Arial, sans-serif;
    color: var(--kayfa-workspace-text);
    background: radial-gradient(ellipse at 78% 0, rgba(120,99,76,.06), transparent 42%), #080a0a !important;
    font-size: 14px;
}
.kayfa-workspace button, .kayfa-workspace input, .kayfa-workspace select { font: inherit; }
.kayfa-workspace a:focus-visible, .kayfa-workspace button:focus-visible, .kayfa-workspace summary:focus-visible { outline: 2px solid #d59b6d; outline-offset: 4px; }
body.kayfa-workspace .kayfa-navbar { height: 76px; min-height: 76px; padding: 0; background: rgba(8,10,10,.93); border-bottom: 1px solid rgba(218,221,207,.09); box-shadow: none !important; backdrop-filter: blur(20px); }
body.kayfa-workspace .kayfa-navbar > .kayfa-navbar__container { position:relative; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 24px; height: 100%; padding: 0 26px; max-width: none; }
body.kayfa-workspace .kayfa-navbar__leading { flex: 0 0 auto; }
body.kayfa-workspace .kayfa-navbar__trailing { margin-left: auto; flex: 0 0 auto; gap: 20px !important; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__action { padding: 0; width: 32px; height: 40px; min-width: 32px; border: 0; border-radius: 0; color: #eeefeb; background: transparent; box-shadow: none; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__action:hover { color: #e9b287; background: transparent; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__menu-action { display:grid;place-items:center;width:36px;min-width:36px;height:36px;color:#eeefeb;background:#1a1e1b;border:1px solid rgba(221,222,211,.25);border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.06); }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__menu-action:hover { color:#f5f4ef;background:#292e2a;border-color:rgba(221,222,211,.45); }
.kayfa-workspace .kayfa-navbar__menu-action svg {width:20px;height:20px;}
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__switcher,
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__branch-badge { width: auto; height: 42px; padding: 0 15px; border: 1px solid rgba(222,219,203,.15); border-radius: 13px; background: linear-gradient(145deg, rgba(255,255,255,.08),transparent), #101411; box-shadow: inset 0 1px rgba(255,255,255,.03); }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__branch-name { font-size: 14px; font-weight: 400 !important; text-transform: none !important; max-width: 170px; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__mode-icon { color: var(--kayfa-workspace-copper); }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__mode-badge { color: #d4a884; border-color: #65503c; background: #201b15; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__dropdown-menu { background: #171c18; border-color: #3b413a; }
body.kayfa-workspace .kayfa-navbar .kayfa-navbar__dropdown-item:hover { background: rgba(195,146,107,.13); }
.kayfa-workspace .kayfa-branch-dropdown { order: -1; }
.kayfa-workspace .kayfa-navbar-search { display: flex; align-items: center; gap: 10px; flex: 0 1 320px; max-width: 320px; min-width: 170px; margin: 0 auto; height: 36px; padding: 0 13px; color: #dadcd6; background: #1a1e1b; border: 1px solid rgba(221,222,211,.18); border-radius: 9px; box-shadow: inset 0 1px 2px rgba(255,255,255,.025); }
.kayfa-workspace .kayfa-navbar-search i { font-size: 19px; }
.kayfa-workspace .kayfa-navbar-search input { width: 100%; min-width: 0; padding: 0; color: #f3f2ee; background: transparent; border: 0; outline: none; font-size: 13px; }
.kayfa-workspace .kayfa-navbar-search input::placeholder { color: #a4a8a0; }
.kayfa-workspace .kayfa-navbar-search:focus-within { border-color: #b18460; }
.kayfa-workspace .kayfa-workspace-profile { display: flex; align-items: center; gap: 13px; color: #f4f3ef; text-decoration: none; padding-left: 25px; border-left: 1px solid #35392f; }
.kayfa-workspace .kayfa-workspace-profile__avatar { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: linear-gradient(125deg,#af7c54,#7f583a); border: 1px solid #bf956f; font-size: 22px; }
.kayfa-workspace .kayfa-workspace-profile__avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kayfa-workspace .kayfa-workspace-profile__details { display: grid; gap: 2px; line-height: 1.35; }
.kayfa-workspace .kayfa-workspace-profile__details strong { font-size: 14px; font-weight: 600; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kayfa-workspace .kayfa-workspace-profile__details small { color: #b6b8b0; font-size: 13px; }
.kayfa-workspace button.kayfa-workspace-profile { background: none; border-top: 0; border-right: 0; border-bottom: 0; text-align: left; }
.kayfa-workspace button.kayfa-workspace-profile:focus-visible { outline: 2px solid #bf956f; outline-offset: 4px; border-radius: 6px; }
.kayfa-note-modal button.note-card { text-align: left; color: inherit; font: inherit; }
.kayfa-reminder-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.kayfa-workspace .kayfa-workspace-sidebar { width: var(--kayfa-workspace-sidebar); color: #d1d1ca; background: radial-gradient(ellipse at 90% 12%,rgba(127,105,76,.06),transparent 70%),#080a0a; border-right: 1px solid rgba(218,215,200,.13); box-shadow: none; backdrop-filter: none; }
.kayfa-workspace .kayfa-sidebar-brand { display: flex; align-items:center; gap:12px; flex: none; height: 118px; padding: 24px 18px; text-decoration: none; color: white; }
.kayfa-workspace :is(.kayfa-sidebar-brand__logo,.kayfa-login-brand__logo) { display:block; flex:none; width:43px; height:43px; object-fit:contain; }
.kayfa-workspace :is(.kayfa-sidebar-brand__copy,.kayfa-login-brand__copy) {display:block;min-width:0;max-width:150px;overflow:hidden;white-space:nowrap;}
.kayfa-workspace :is(.kayfa-sidebar-brand__copy,.kayfa-login-brand__copy) strong {display:block;font-family:'Poppins','Segoe UI',sans-serif;font-size:25px;font-weight:600;letter-spacing:.035em;line-height:1.1;}
.kayfa-workspace :is(.kayfa-sidebar-brand__copy,.kayfa-login-brand__copy) small {display:block;margin-top:5px;color:#a08b71;font-size:8px;letter-spacing:1px;line-height:1.4;}
.kayfa-workspace .kayfa-workspace-sidebar .offcanvas-body { padding: 8px 18px 16px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #383d34 transparent; }
.kayfa-workspace .kayfa-workspace-nav { list-style: none; padding: 0; margin: 0; }
.kayfa-workspace .kayfa-workspace-nav > li { margin: 0 0 4px; }
.kayfa-workspace .kayfa-workspace-nav > .kayfa-workspace-nav__section { margin: 31px 13px 7px; color: #aca89c; font-size: 11px; letter-spacing: 1.5px; }
.kayfa-workspace .kayfa-workspace-nav > .kayfa-workspace-nav__section:first-child { margin-top: 6px; }
.kayfa-workspace .kayfa-workspace-nav__link { display: flex; align-items: center; gap: 20px; width: 100%; min-height: 48px; padding: 9px 13px; color: #cccfc6; font-size: 14px; text-decoration: none; text-align: left; background: transparent; border: 1px solid transparent; border-radius: 10px; transition: background .18s, border-color .18s; }
.kayfa-workspace .kayfa-workspace-nav__link > i:first-child { flex: none; width: 27px; color: #c79771; font-size: 26px; text-align: center; }
.kayfa-workspace .kayfa-workspace-nav__link:hover { color: #fff; background: rgba(226,222,204,.045); }
.kayfa-workspace .kayfa-workspace-nav__link.active { color: #fff; border-color: #9d7654; background: linear-gradient(145deg,rgba(184,141,105,.12),transparent 57%), radial-gradient(ellipse at 100% 0,rgba(207,157,109,.25),transparent 80%),#181918; box-shadow: inset 0 1px rgba(255,240,211,.25), inset 0 -8px 20px rgba(170,112,65,.08),0 0 18px rgba(174,119,64,.06); }
.kayfa-workspace .kayfa-workspace-nav__link.active > i:first-child { color: #edc7a3; }
.kayfa-workspace .kayfa-nav-chevron { margin-left: auto; color: #777e71; font-size: 15px; }
.kayfa-workspace .kayfa-workspace-subnav { list-style: none; padding: 3px 0 6px 48px; }
.kayfa-workspace .kayfa-workspace-subnav a { display: block; padding: 8px 0; color: #a9afa1; text-decoration: none; font-size: 12px; }
.kayfa-workspace .kayfa-workspace-subnav a.active,.kayfa-workspace .kayfa-workspace-subnav a:hover { color: #e9b386; }
.kayfa-workspace .kayfa-sidebar-footer { display: flex; align-items: end; justify-content: space-between; margin: auto 32px 32px; padding-top: 30px; color: #8c9084; font-size: 12px; letter-spacing: 1.7px; line-height: 1.5; position: relative; }
.kayfa-workspace .kayfa-sidebar-footer::before { content:''; position:absolute; top:15px; width:35px; height:1px; background:#b67e4f; }
.kayfa-workspace .kayfa-sidebar-footer form {width:100%;}
.kayfa-workspace .kayfa-sidebar-footer button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:none;padding:0;color:#9c9e91;font-size:22px;}
.kayfa-workspace .kayfa-sidebar-footer button span {font-size:12px;letter-spacing:1.7px;max-width:100px;overflow:hidden;white-space:nowrap;}
.kayfa-workspace .kayfa-sidebar-close { position:absolute; top:16px; right:12px; }
.kayfa-workspace .kayfa-page { min-height: 100vh; padding: 76px 24px 30px; }
.kayfa-workspace .kayfa-page-title { margin: 0; color: #f5f4ef; font-size: 32px; font-weight: 600; line-height: 1.25; letter-spacing: -.45px; }
.kayfa-workspace .kayfa-page-subtitle { margin: 6px 0 0; color: #b0b0a6; font-size: 15px; letter-spacing: .6px; }
.kayfa-workspace .kayfa-page-eyebrow { font-size:11px; letter-spacing:1.5px; color:#bf9571; }
.kayfa-workspace .kayfa-dashboard-hero { position: relative; display: flex; align-items: center; min-height: 132px; isolation: isolate; }
.kayfa-workspace .kayfa-dashboard-hero__art { position: absolute; z-index: -1; right: -24px; top: 0; width: min(85%,1100px); height: 100%; object-fit: cover; object-position: center 44%; opacity:.85; mask-image: linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent); pointer-events:none; }
.kayfa-workspace .kayfa-dashboard-hero__content { position:relative; z-index:1; }
.kayfa-workspace .kayfa-hero-title-row { display:flex; align-items:center; gap:25px; }
.kayfa-workspace .kayfa-hero-motto { margin-left:auto; margin-right:30px; color:#b6aea0; font-size:12px; letter-spacing:2px; line-height:1.5; }
.kayfa-workspace .kayfa-primary-action { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:9px; min-height:45px; padding:9px 18px; color:#fff; background:linear-gradient(150deg,#ae8058,#825e40); border:1px solid #b48b67; border-radius:10px; box-shadow:inset 0 1px rgba(255,244,222,.16),0 4px 18px rgba(0,0,0,.2); font-size:14px; text-decoration:none; transition:filter .18s,transform .18s; }
.kayfa-workspace .kayfa-primary-action i {font-size:25px;}
.kayfa-workspace .kayfa-primary-action:hover {color:#fff;filter:brightness(1.14);transform:translateY(-1px);}
.kayfa-workspace .kayfa-glass-panel { position:relative; isolation:isolate; min-width:0; color:#fff; background:var(--kayfa-workspace-glass); border:1px solid var(--kayfa-workspace-glass-border); border-top-color:var(--kayfa-workspace-glass-edge); border-radius:13px; box-shadow:inset 0 1px rgba(255,255,255,.15),0 9px 22px rgba(0,0,0,.28); }
.kayfa-workspace .kayfa-glass-panel::before {content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.065),transparent 29%);pointer-events:none;z-index:-1;}
.kayfa-workspace .kayfa-kpi-grid,.kayfa-workspace .kayfa-service-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.kayfa-workspace .kayfa-kpi-grid {margin-bottom:20px;}
.kayfa-workspace .kayfa-kpi {display:flex;align-items:flex-start;gap:21px;min-height:130px;padding:18px 17px;text-decoration:none;transition:border-color .18s,box-shadow .18s;}
.kayfa-workspace .kayfa-kpi:hover {color:#fff;border-color:#a88b6b;box-shadow:inset 0 1px rgba(255,255,239,.2),0 6px 24px rgba(164,119,72,.09);}
.kayfa-workspace .kayfa-kpi__icon {display:grid;place-items:center;flex:none;width:65px;height:65px;border-radius:50%;color:#e4a675;background:linear-gradient(135deg,rgba(229,188,143,.12),rgba(150,105,67,.07));border:1px solid rgba(194,159,119,.35);font-size:35px;box-shadow:inset 0 1px rgba(255,242,212,.16);}
.kayfa-workspace .kayfa-kpi__content {min-width:0;padding-top:1px;}
.kayfa-workspace .kayfa-kpi__label {display:block;color:#f0f1ed;font-size:14px;}
.kayfa-workspace .kayfa-kpi__value {display:block;margin:5px 0 9px;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.4px;white-space:normal;overflow-wrap:anywhere;}
.kayfa-workspace .kayfa-kpi__hint {display:block;color:#bcbeb5;font-size:13px;line-height:1.3;}
.kayfa-workspace .kayfa-kpi__hint.is-positive {color:#67c783;}
.kayfa-workspace .kayfa-kpi__hint.is-negative {color:#ed7c64;}
.kayfa-workspace .kayfa-kpi__arrow {margin-left:auto;align-self:center;font-size:23px;color:#ebeee5;}
.kayfa-workspace .kayfa-recap {padding:22px;margin-bottom:20px;scroll-margin-top:90px;}
.kayfa-workspace .kayfa-recap__heading {align-items:flex-start;flex-wrap:wrap;gap:20px;}
.kayfa-workspace .kayfa-recap__heading h2 {display:flex;align-items:center;gap:9px;}
.kayfa-workspace .kayfa-recap__heading h2 i {color:#d7aa7b;font-size:23px;}
.kayfa-workspace .kayfa-recap__heading p {line-height:1.7;}
.kayfa-workspace .kayfa-recap__filter {display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;}
.kayfa-workspace .kayfa-recap__filter label {display:block;font-size:11px;color:#bfc3b8;margin-bottom:6px;}
.kayfa-workspace .kayfa-recap__filter .form-control,.kayfa-workspace .kayfa-recap__filter .form-select {min-height:40px;font-size:13px;border-color:rgba(211,211,188,.25);background-color:rgba(8,13,9,.5);color:#edf0e7;color-scheme:dark;}
.kayfa-workspace .kayfa-recap__filter .form-select {min-width:150px;}
.kayfa-workspace .kayfa-recap__filter .kayfa-primary-action {min-height:40px;font-size:12px;padding:7px 13px;}
.kayfa-workspace .kayfa-recap__filter .kayfa-primary-action i {font-size:20px;}
.kayfa-workspace .kayfa-recap__metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.kayfa-workspace .kayfa-recap__metrics > div {display:grid;align-content:center;gap:8px;padding:17px 19px;border:1px solid rgba(217,221,196,.17);border-radius:10px;background:rgba(8,14,10,.2);}
.kayfa-workspace .kayfa-recap__metrics span {color:#e1e4da;font-size:13px;}
.kayfa-workspace .kayfa-recap__metrics strong {font-size:clamp(21px,1.65vw,29px);font-weight:600;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.kayfa-workspace .kayfa-recap__metrics small {font-size:11px;color:#b5bcad;}
.kayfa-workspace .kayfa-recap__metrics .kayfa-recap__result {background:linear-gradient(120deg,rgba(150,105,67,.20),rgba(150,105,67,.04));border-color:rgba(215,170,123,.43);}
.kayfa-workspace .kayfa-recap__result strong {color:#ebc7a2;}
.kayfa-workspace .kayfa-recap__result.is-negative strong {color:#f09987;}
.kayfa-workspace .kayfa-recap__payment-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:19px 0 10px;}
.kayfa-workspace .kayfa-recap__payment-heading h3 {font-size:12px;color:#d3d8ca;margin:0;font-weight:500;}
.kayfa-workspace .kayfa-recap__payment-heading > span {font-size:11px;color:#b7beae;}
.kayfa-workspace .kayfa-recap__channels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.kayfa-workspace .kayfa-recap__channels > div {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 15px;border:1px solid rgba(217,221,196,.13);border-radius:9px;background:rgba(8,14,10,.15);}
.kayfa-workspace .kayfa-recap__channels i {font-size:21px;color:#d7aa7b;}
.kayfa-workspace .kayfa-recap__channels span {font-size:12px;color:#c2c9b8;}
.kayfa-workspace .kayfa-recap__channels strong {font-size:16px;font-weight:600;margin-left:auto;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.kayfa-workspace .kayfa-recap__details {margin-top:16px;border-top:1px solid rgba(217,221,196,.12);padding-top:13px;}
.kayfa-workspace .kayfa-recap__details summary {display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cdd3c3;font-size:12px;cursor:pointer;list-style:none;}
.kayfa-workspace .kayfa-recap__details summary::-webkit-details-marker {display:none;}
.kayfa-workspace .kayfa-recap__details[open] summary {margin-bottom:14px;}
.kayfa-workspace .kayfa-recap__details[open] summary i {transform:rotate(180deg);}
.kayfa-workspace .kayfa-recap__details p {font-size:12px;line-height:1.7;color:#b5bdab;margin:14px 0;}
.kayfa-workspace .kayfa-recap__error {font-size:13px;color:#f0b3a3;margin:12px 0;}
.kayfa-workspace .kayfa-recap__error a {color:inherit;}
.kayfa-workspace .kayfa-recap__body {display:grid;}
.kayfa-workspace .kayfa-recap__body > div {grid-area:1/1;min-width:0;}
.kayfa-workspace .kayfa-recap__status:not([hidden]) {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;text-align:center;padding:20px;}
.kayfa-workspace .kayfa-recap__status p {margin:0;color:#cdd3c3;font-size:13px;}
.kayfa-workspace .kayfa-recap[data-state="loading"] #financeRecapContent,
.kayfa-workspace .kayfa-recap[data-state="editing"] #financeRecapContent,
.kayfa-workspace .kayfa-recap[data-state="error"] #financeRecapContent {visibility:hidden;pointer-events:none;}
.kayfa-workspace .kayfa-recap__spinner {display:none;width:23px;height:23px;border:2px solid rgba(215,170,123,.2);border-top-color:#d7aa7b;border-radius:50%;}
.kayfa-workspace .kayfa-recap[data-state="loading"] .kayfa-recap__spinner {display:block;}
@keyframes kayfa-recap-spin {to {transform:rotate(360deg);}}
@media (prefers-reduced-motion:no-preference) {
 .kayfa-workspace .kayfa-recap[data-state="loading"] .kayfa-recap__spinner {animation:kayfa-recap-spin .8s linear infinite;}
}
@media (max-width:767.98px) {
 .kayfa-workspace .kayfa-recap {padding:17px 16px;}
 .kayfa-workspace .kayfa-recap__filter {width:100%;}
 .kayfa-workspace .kayfa-recap__filter > div {flex:1 1 140px;min-width:0;}
 .kayfa-workspace .kayfa-recap__metrics,.kayfa-workspace .kayfa-recap__channels {grid-template-columns:1fr;gap:9px;}
 .kayfa-workspace .kayfa-recap__metrics > div {padding:14px 15px;}
}
.kayfa-workspace .kayfa-target-summary {display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;padding:19px 22px;margin-bottom:20px;}
.kayfa-workspace .kayfa-target-summary__heading {display:flex;align-items:center;gap:12px;}
.kayfa-workspace .kayfa-target-summary__heading > i {color:#d7aa7b;font-size:27px;}
.kayfa-workspace .kayfa-target-summary h2 {font-size:16px;font-weight:600;margin:0 0 5px;}
.kayfa-workspace .kayfa-target-summary p {font-size:12px;color:#bfc3b8;margin:0;}
.kayfa-workspace .kayfa-target-summary__achievement {flex:1;min-width:0;}
.kayfa-workspace .kayfa-target-summary__achievement > span {display:block;margin-bottom:5px;}
.kayfa-workspace .kayfa-target-summary__achievement span,.kayfa-workspace .kayfa-target-summary__progress span {font-size:12px;color:#bfc3b8;}
.kayfa-workspace .kayfa-target-summary__achievement strong {font-size:21px;font-weight:600;margin-right:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.kayfa-workspace .kayfa-target-summary__progress {flex:0 1 230px;min-width:150px;}
.kayfa-workspace .kayfa-target-summary__progress > div {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.kayfa-workspace .kayfa-target-summary__progress strong {color:#ebc7a2;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;}
.kayfa-workspace .kayfa-target-summary progress {display:block;appearance:none;width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;background:rgba(217,221,196,.12);color:#d7aa7b;}
.kayfa-workspace .kayfa-target-summary progress::-webkit-progress-bar {background:rgba(217,221,196,.12);border-radius:20px;}
.kayfa-workspace .kayfa-target-summary progress::-webkit-progress-value {background:linear-gradient(90deg,#af7d50,#e6be92);border-radius:20px;}
.kayfa-workspace .kayfa-target-summary progress::-moz-progress-bar {background:linear-gradient(90deg,#af7d50,#e6be92);border-radius:20px;}
.kayfa-workspace .kayfa-dashboard-grid {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.95fr);gap:18px;margin-bottom:20px;}
.kayfa-workspace .kayfa-dashboard-panel {height:278px;padding:18px 20px;}
.kayfa-workspace .kayfa-customer-grid {grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.9fr);}
.kayfa-workspace .kayfa-customer-grid > .kayfa-dashboard-panel {height:auto;min-height:278px;}
.kayfa-workspace .kayfa-customer-panel {display:flex;flex-direction:column;}
.kayfa-workspace .kayfa-customer-panel .kayfa-dashboard-table .dataTables_empty {height:110px;}
.kayfa-workspace .kayfa-customer-period {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.kayfa-workspace .kayfa-customer-period > span {font-size:11px;color:#bfc3b8;}
.kayfa-workspace .kayfa-customer-rank {display:inline-block;min-width:22px;color:#d7aa7b;font-weight:600;vertical-align:top;}
.kayfa-workspace .kayfa-customer-name {display:inline-block;max-width:calc(100% - 22px);overflow-wrap:anywhere;vertical-align:top;}
.kayfa-workspace .kayfa-customer-value {white-space:nowrap;font-variant-numeric:tabular-nums;}
.kayfa-workspace .kayfa-customer-note {margin:auto 0 0;padding-top:12px;color:#aeb7a5;font-size:11px;line-height:1.6;}
.kayfa-workspace .kayfa-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;}
.kayfa-workspace .kayfa-panel-heading h2 {margin:0;color:#fff;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:.1px;}
.kayfa-workspace .kayfa-panel-heading p {margin:5px 0 0;color:#a5aaa0;font-size:12px;}
.kayfa-workspace .kayfa-panel-link {display:inline-flex;align-items:center;gap:6px;color:#cccec3;font-size:12px;text-decoration:none;white-space:nowrap;}
.kayfa-workspace .kayfa-panel-link i {font-size:19px;}
.kayfa-workspace .kayfa-panel-link:hover {color:#e8b284;}
.kayfa-workspace .kayfa-chart-period {max-width:150px;color:#cdd0c6;background:transparent;border:0;font-size:12px;cursor:pointer;}
.kayfa-workspace .kayfa-chart-period option {background:#18201a;}
.kayfa-workspace .kayfa-chart-legend {display:flex;gap:26px;margin:0 0 0 29px;font-size:12px;color:#dedfd6;}
.kayfa-workspace .kayfa-chart-legend span {display:flex;align-items:center;gap:8px;}
.kayfa-workspace .kayfa-dot {display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;}
.kayfa-workspace .kayfa-dot--copper,.kayfa-workspace .kayfa-dot--working {background:#bb885e;}
.kayfa-workspace .kayfa-dot--waiting {background:#e0a06b;}
.kayfa-workspace .kayfa-dot--payment {background:#939994;}
.kayfa-workspace .kayfa-dot--green,.kayfa-workspace .kayfa-dot--done {background:#4baf6a;}
.kayfa-workspace .kayfa-activity-chart {height:203px;margin-left:-8px;margin-right:-6px;}
.kayfa-workspace .kayfa-status-layout {display:flex;align-items:center;gap:16px;height:211px;}
.kayfa-workspace .kayfa-status-donut {position:relative;flex:0 0 48%;min-width:0;max-width:205px;}
.kayfa-workspace #chartServiceStatus {height:205px;}
.kayfa-workspace .kayfa-donut-total {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding-bottom:3px;}
.kayfa-workspace .kayfa-donut-total strong {font-size:28px;line-height:1.2;font-weight:600;}
.kayfa-workspace .kayfa-donut-total span {color:#b8bdb2;font-size:13px;}
.kayfa-workspace .kayfa-status-legend {list-style:none;padding:0;margin:0;flex:1;min-width:0;display:grid;gap:18px;}
.kayfa-workspace .kayfa-status-legend li {display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.3;}
.kayfa-workspace .kayfa-status-legend li > span {max-width:115px;}
.kayfa-workspace .kayfa-status-legend strong {margin-left:auto;min-width:17px;text-align:right;font-weight:600;}
.kayfa-workspace .kayfa-quick-links {display:grid;gap:10px;}
.kayfa-workspace .kayfa-quick-links a {display:flex;align-items:center;gap:18px;min-height:64px;padding:10px 17px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 65%),rgba(0,0,0,.18);border:1px solid rgba(211,208,195,.26);border-top-color:rgba(241,240,229,.38);border-radius:12px;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:background .18s,border-color .18s;}
.kayfa-workspace .kayfa-quick-links a:hover {background:rgba(203,162,114,.1);border-color:#a68a65;}
.kayfa-workspace .kayfa-quick-links i:first-child {font-size:32px;color:#d29765;}
.kayfa-workspace .kayfa-quick-links span {min-width:0;display:grid;gap:3px;}
.kayfa-workspace .kayfa-quick-links strong {font-size:14px;font-weight:600;}
.kayfa-workspace .kayfa-quick-links small {color:#b9bdb1;font-size:12px;}
.kayfa-workspace .kayfa-quick-links .bx-chevron-right {margin-left:auto;font-size:22px;color:#d5d8cb;}
.kayfa-workspace .kayfa-dashboard-bottom {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;}
.kayfa-workspace .kayfa-recent-panel {min-height:258px;padding:16px 20px 18px;}
.kayfa-workspace .kayfa-recent-panel .kayfa-panel-heading {margin-bottom:11px;}
.kayfa-workspace .kayfa-dashboard-table-wrap {width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4b4f41 transparent;}
.kayfa-workspace .kayfa-dashboard-table {width:100%!important;margin:0!important;font-size:12px;color:#f0f2eb;--bs-table-color:#f0f2eb;--bs-table-bg:transparent;--bs-table-border-color:rgba(224,223,198,.09);}
.kayfa-workspace .kayfa-dashboard-table thead th {padding:8px 11px!important;white-space:nowrap;color:#d9dccf!important;background:rgba(3,8,5,.22)!important;font-size:12px;font-weight:400;border-top:1px solid rgba(232,229,204,.13)!important;border-bottom:1px solid rgba(232,229,204,.13)!important;}
.kayfa-workspace .kayfa-dashboard-table thead th:first-child {border-left:1px solid rgba(232,229,204,.13);border-radius:8px 0 0 8px;}
.kayfa-workspace .kayfa-dashboard-table thead th:last-child {border-right:1px solid rgba(232,229,204,.13);border-radius:0 8px 8px 0;}
.kayfa-workspace .kayfa-dashboard-table tbody td {padding:5px 11px!important;vertical-align:middle;border-color:rgba(223,220,196,.09);background:transparent!important;}
.kayfa-workspace .kayfa-dashboard-table tbody tr:last-child td {border-bottom:0;}
.kayfa-workspace .kayfa-dashboard-table th::before,.kayfa-workspace .kayfa-dashboard-table th::after {display:none!important;}
.kayfa-workspace .kayfa-dashboard-table .dataTables_empty {height:158px;color:#afb5a6;}
.kayfa-workspace .kayfa-cell-ellipsis {display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kayfa-workspace .kayfa-stock-name {display:flex;align-items:center;gap:9px;max-width:clamp(150px,13vw,260px);}
.kayfa-workspace .kayfa-stock-name > span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kayfa-workspace .kayfa-stock-name i {font-size:18px;color:#d09869;}
.kayfa-workspace .kayfa-stock-low {color:#e0785d!important;}
.kayfa-workspace .kayfa-status-badge {display:inline-block;padding:3px 11px;border-radius:20px;white-space:nowrap;font-size:11px;line-height:1.25;color:#e6c7ab;background:rgba(146,102,60,.32);}
.kayfa-workspace .kayfa-status-badge--done {color:#b1dfb5;background:rgba(43,114,59,.4);}
.kayfa-workspace .kayfa-status-badge--waiting {color:#e6b07b;background:rgba(142,90,40,.25);}
.kayfa-workspace .kayfa-status-badge--payment {color:#d6c7b2;background:rgba(116,101,79,.38);}
.kayfa-workspace .kayfa-dashboard-table-loading,.kayfa-workspace .kayfa-panel-empty {display:grid;place-items:center;min-height:165px;margin:0;color:#aab1a2;font-size:13px;}
.kayfa-workspace [hidden] {display:none!important;}
.kayfa-workspace .kayfa-monthly-details {margin-top:22px;color:#a7ad9f;}
.kayfa-workspace .kayfa-monthly-details summary {display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;list-style:none;padding:5px 0;}
.kayfa-workspace .kayfa-monthly-details[open] summary i {transform:rotate(180deg);}
.kayfa-workspace .kayfa-finance-panel {margin-top:15px;padding:20px;}
.kayfa-workspace .kayfa-finance-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
.kayfa-workspace .kayfa-finance-list > div {display:grid;gap:7px;padding:14px 16px;border:1px solid #3a4035;border-radius:10px;}
.kayfa-workspace .kayfa-finance-list span {color:#aab1a3;font-size:12px;}
.kayfa-workspace .kayfa-finance-list strong {font-size:17px;font-weight:600;}
.kayfa-workspace .kayfa-finance-list a {color:#d7aa7b;font-size:12px;}
.kayfa-workspace .kayfa-personal-target {display:grid;place-items:center;height:195px;color:#c4cabb;}
.kayfa-workspace .kayfa-personal-target strong {font-size:44px;color:#cfab81;}
.kayfa-workspace .kayfa-service-page {padding-top:110px;}
.kayfa-workspace .kayfa-service-summary {margin-bottom:20px;}
.kayfa-workspace .kayfa-service-summary-card {display:grid;grid-template-columns:48px 1fr;align-items:center;gap:2px 14px;padding:18px;min-height:112px;}
.kayfa-workspace .kayfa-service-summary-card i {grid-row:span 2;color:#d19a69;font-size:30px;}
.kayfa-workspace .kayfa-service-summary-card span {font-size:13px;color:#c6cbbf;}
.kayfa-workspace .kayfa-service-summary-card strong {font-size:27px;font-weight:600;}
.kayfa-workspace .kayfa-service-table-card > .card-body {padding:22px;}
.kayfa-workspace #tableServis {--bs-table-bg:rgba(13,19,14,.44);--bs-table-color:#e0e4d7;--bs-table-hover-bg:rgba(117,132,104,.13);font-size:13px;}
.kayfa-workspace #tableServis thead th {color:#c5ccbb;background:#20291f!important;border-color:#3a4233;font-size:12px;font-weight:500;}
.kayfa-workspace #tableServis td {border-color:rgba(222,227,205,.08);}
.kayfa-workspace #tableServis .text-info {color:#d9ab7a!important;}
.kayfa-workspace #tableServis .badge.bg-primary,.kayfa-workspace #tableServis .badge.bg-info {background:#775338!important;color:#f6edda!important;}
.kayfa-workspace #tableServis .badge.bg-success {background:#356347!important;}
.kayfa-workspace #tableServis .badge.bg-warning {background:#8b643f!important;color:#fff!important;}
.kayfa-workspace .kayfa-service-table-card .pagination .page-link {background:#172014;color:#d4ac7d;border-color:#3c4930;}
.kayfa-workspace .kayfa-service-table-card .pagination .active .page-link {background:#896444;color:#fff;}
@media(min-width:992px){
 .kayfa-workspace .kayfa-workspace-sidebar.offcanvas {position:fixed!important;top:0;bottom:0;left:0;height:100vh;visibility:visible!important;transform:none!important;z-index:1031;display:flex;transition:width .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-sidebar-close {display:none;}
 body.kayfa-workspace .kayfa-navbar {left:var(--kayfa-workspace-sidebar);width:calc(100% - var(--kayfa-workspace-sidebar));transition:left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1);}
 body.kayfa-workspace .kayfa-navbar__brand {display:none!important;}
 .kayfa-workspace .kayfa-page {width:calc(100% - var(--kayfa-workspace-sidebar));margin-left:var(--kayfa-workspace-sidebar);transition:width .38s cubic-bezier(.22,1,.36,1),margin-left .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-sidebar-brand {transition:height .38s cubic-bezier(.22,1,.36,1),padding .38s cubic-bezier(.22,1,.36,1),gap .38s cubic-bezier(.22,1,.36,1);overflow:hidden;}
 .kayfa-workspace .kayfa-sidebar-brand__copy,.kayfa-workspace .kayfa-workspace-nav__link > span,.kayfa-workspace .kayfa-nav-chevron,.kayfa-workspace .kayfa-sidebar-footer button span {opacity:1;visibility:visible;transition:opacity .16s ease,visibility .16s ease,max-width .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-workspace-nav__link {transition:background .18s,border-color .18s,padding .38s cubic-bezier(.22,1,.36,1),gap .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-workspace-nav__link > span {max-width:170px;overflow:hidden;white-space:nowrap;}
 .kayfa-workspace .kayfa-workspace-nav__section {max-height:50px;overflow:hidden;transition:opacity .16s ease,max-height .38s cubic-bezier(.22,1,.36,1),margin .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-workspace-sidebar .offcanvas-body,.kayfa-workspace .kayfa-sidebar-footer {transition:padding .38s cubic-bezier(.22,1,.36,1),margin .38s cubic-bezier(.22,1,.36,1);}
 body.kayfa-workspace.kayfa-sidebar-compact {--kayfa-workspace-sidebar:78px;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-sidebar-brand {height:96px;padding:24px 17px;gap:0;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-sidebar-brand__copy,.kayfa-workspace.kayfa-sidebar-compact .kayfa-workspace-nav__link > span,.kayfa-workspace.kayfa-sidebar-compact .kayfa-nav-chevron,.kayfa-workspace.kayfa-sidebar-compact .kayfa-sidebar-footer button span {opacity:0;visibility:hidden;max-width:0;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-workspace-nav__section {opacity:0;max-height:0;margin-top:0;margin-bottom:0;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-workspace-sidebar .offcanvas-body {padding:8px;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-workspace-nav__link {padding:10px 17px;gap:0;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-workspace-subnav {display:none;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-sidebar-footer {margin:0 auto 25px;}
 .kayfa-workspace.kayfa-sidebar-compact .kayfa-sidebar-footer button {justify-content:center;gap:0;}
 .kayfa-workspace .kayfa-navbar-search {margin-left:auto;margin-right:0;}
 .kayfa-workspace .kayfa-navbar-search + .kayfa-navbar__trailing {margin-left:0;}
}
@media(max-width:1499.98px) and (min-width:992px){
 body.kayfa-workspace {--kayfa-workspace-sidebar:218px;}
 .kayfa-workspace .kayfa-page-title {font-size:28px;}
 .kayfa-workspace .kayfa-hero-title-row {gap:18px;}
 .kayfa-workspace .kayfa-hero-motto {display:none;}
 .kayfa-workspace .kayfa-kpi {gap:13px;padding:18px 13px;}
 .kayfa-workspace .kayfa-kpi__icon {width:52px;height:52px;font-size:29px;}
 .kayfa-workspace .kayfa-kpi__value {font-size:23px;}
 .kayfa-workspace .kayfa-kpi__arrow {display:none;}
 .kayfa-workspace .kayfa-dashboard-panel {padding:17px 16px;}
 .kayfa-workspace .kayfa-status-layout {gap:7px;}
 .kayfa-workspace .kayfa-status-legend {gap:16px;}
 .kayfa-workspace .kayfa-panel-heading h2 {font-size:16px;}
 .kayfa-workspace .kayfa-quick-links a {gap:12px;padding:10px 12px;}
 .kayfa-workspace .kayfa-quick-links strong {font-size:13px;}
 .kayfa-workspace .kayfa-quick-links small {font-size:11px;}
 .kayfa-workspace .kayfa-panel-link {font-size:11px;}
 .kayfa-workspace .kayfa-navbar__trailing {gap:14px!important;}
 .kayfa-workspace .kayfa-navbar > .kayfa-navbar__container {gap:16px;padding:0 23px;}
 .kayfa-workspace .kayfa-workspace-profile {padding-left:15px;}
}
@media(max-width:1199.98px){
 .kayfa-workspace .kayfa-kpi-grid,.kayfa-workspace .kayfa-service-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
 .kayfa-workspace .kayfa-dashboard-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .kayfa-workspace .kayfa-dashboard-grid > :last-child {grid-column:1/-1;height:auto;}
 .kayfa-workspace .kayfa-dashboard-grid > :last-child .kayfa-quick-links {grid-template-columns:repeat(3,minmax(0,1fr));}
 .kayfa-workspace .kayfa-dashboard-bottom {grid-template-columns:1fr;}
 .kayfa-workspace .kayfa-workspace-profile__details {display:none;}
 .kayfa-workspace .kayfa-hero-title-row {gap:15px;}
 .kayfa-workspace .kayfa-page-title {font-size:27px;}
}
@media(max-width:991.98px){
 body.kayfa-workspace .kayfa-navbar > .kayfa-navbar__container {gap:14px;padding:0 18px;}
 body.kayfa-workspace .kayfa-navbar__trailing {gap:12px!important;}
 .kayfa-workspace .kayfa-navbar-search {flex:1 1 230px;max-width:none;}
 .kayfa-workspace .kayfa-workspace-profile {padding-left:10px;}
 .kayfa-workspace .kayfa-page {padding-left:18px;padding-right:18px;}
 .kayfa-workspace .kayfa-hero-motto {display:none;}
 .kayfa-workspace .kayfa-workspace-sidebar {width:270px;transition:transform .38s cubic-bezier(.22,1,.36,1);}
 .kayfa-workspace .kayfa-kpi {min-height:118px;}
}
@media(max-width:767.98px){
 .kayfa-workspace .kayfa-target-summary {gap:16px;padding:18px;}
 .kayfa-workspace .kayfa-target-summary__heading,.kayfa-workspace .kayfa-target-summary__achievement,.kayfa-workspace .kayfa-target-summary__progress {flex-basis:100%;}
 body.kayfa-workspace .kayfa-navbar {height:114px;min-height:114px;}
 body.kayfa-workspace .kayfa-navbar > .kayfa-navbar__container {flex-wrap:wrap;align-content:center;gap:10px 14px;}
 body.kayfa-workspace .kayfa-navbar__container > .d-flex {width:auto;}
 .kayfa-workspace .kayfa-navbar-search {order:3;flex-basis:100%;width:100%;height:35px;margin:0;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__switcher {height:35px;padding:0 9px;}
 .kayfa-workspace .kayfa-workspace-profile__avatar {width:35px;height:35px;font-size:18px;}
 .kayfa-workspace .kayfa-workspace-profile {border:0;padding:0;}
 .kayfa-workspace .kayfa-page {padding-top:114px;}
 .kayfa-workspace .kayfa-dashboard-hero {min-height:158px;}
 .kayfa-workspace .kayfa-hero-title-row {align-items:flex-start;flex-direction:column;gap:10px;}
 .kayfa-workspace .kayfa-page-title {font-size:25px;}
 .kayfa-workspace .kayfa-page-subtitle {font-size:13px;letter-spacing:0;}
 .kayfa-workspace .kayfa-primary-action {min-height:34px;padding:5px 12px;font-size:12px;}
 .kayfa-workspace .kayfa-primary-action i {font-size:20px;}
 .kayfa-workspace .kayfa-dashboard-hero__art {width:75%;right:-18px;opacity:.42;}
 .kayfa-workspace .kayfa-kpi {display:block;min-height:166px;padding:15px;}
 .kayfa-workspace .kayfa-kpi__icon {width:43px;height:43px;font-size:25px;margin-bottom:9px;}
 .kayfa-workspace .kayfa-kpi__value {font-size:23px;white-space:normal;overflow-wrap:anywhere;margin:5px 0 7px;}
 .kayfa-workspace .kayfa-kpi__arrow {display:none;}
 .kayfa-workspace .kayfa-kpi__label {font-size:12px;}
 .kayfa-workspace .kayfa-kpi__hint {font-size:11px;}
 .kayfa-workspace .kayfa-dashboard-grid {grid-template-columns:1fr;}
 .kayfa-workspace .kayfa-dashboard-grid > :last-child {grid-column:auto;}
 .kayfa-workspace .kayfa-dashboard-grid > :last-child .kayfa-quick-links {grid-template-columns:1fr;}
 .kayfa-workspace .kayfa-panel-heading h2 {font-size:17px;}
 .kayfa-workspace .kayfa-dashboard-panel,.kayfa-workspace .kayfa-recent-panel {padding-left:16px;padding-right:16px;}
 .kayfa-workspace .kayfa-status-donut {flex-basis:48%;}
 .kayfa-workspace .kayfa-service-page {padding-top:141px;}
 .kayfa-workspace .kayfa-page-heading {align-items:flex-start!important;flex-direction:column;}
 .kayfa-workspace .kayfa-service-summary-card {grid-template-columns:1fr;gap:5px;}
 .kayfa-workspace .kayfa-service-summary-card i {grid-row:auto;}
 .kayfa-workspace .kayfa-finance-list {grid-template-columns:1fr;}
}
@keyframes kayfa-dashboard-enter {
 from {opacity:.45;transform:translateY(10px);}
 to {opacity:1;transform:translateY(0);}
}
@media(prefers-reduced-motion:no-preference){
 .kayfa-workspace .kayfa-dashboard-page .kayfa-dashboard-hero {animation:kayfa-dashboard-enter .5s cubic-bezier(.22,1,.36,1) both;}
 .kayfa-workspace .kayfa-dashboard-page .kayfa-kpi {animation:kayfa-dashboard-enter .55s cubic-bezier(.22,1,.36,1) both;}
 .kayfa-workspace .kayfa-dashboard-page .kayfa-kpi:nth-child(1) {animation-delay:.06s;}
 .kayfa-workspace .kayfa-dashboard-page .kayfa-kpi:nth-child(2) {animation-delay:.12s;}
 .kayfa-workspace .kayfa-dashboard-page .kayfa-kpi:nth-child(3) {animation-delay:.18s;}
 .kayfa-workspace .kayfa-dashboard-page .kayfa-kpi:nth-child(4) {animation-delay:.24s;}
}
@media(prefers-reduced-motion:reduce){.kayfa-workspace * {scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* Technician service interactions. */

    .modal-backdrop { z-index: 1040 !important; }
    .modal { z-index: 1050 !important; }
    #modalLite .modal-content > form {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        min-height: 0;
        overflow: hidden;
    }
    #modalLite .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }
    .profit-plus { color: #00d25b !important; font-weight: bold; }
    .profit-minus { color: #fc424a !important; font-weight: bold; }
    .icon-transition { transition: transform 0.3s ease; }
    .rotate-180 { transform: rotate(180deg); }
    .pattern-lock-board {
        position: relative;
        width: 180px;
        height: 180px;
        border: 1px solid #6c757d;
        border-radius: 12px;
        background: rgba(0, 0, 0, 0.22);
        touch-action: none;
        user-select: none;
        cursor: crosshair;
    }
    .pattern-lock-lines {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        overflow: visible;
    }
    #pattern_lock_path,
    #pattern_lock_preview {
        fill: none;
        stroke: #ffc107;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    #pattern_lock_preview { opacity: 0; }
    .pattern-lock-node {
        position: absolute;
        width: 30px;
        height: 30px;
        transform: translate(-50%, -50%);
        border: 2px solid #adb5bd;
        border-radius: 50%;
        background: #212529;
        display: grid;
        place-items: center;
        z-index: 2;
    }
    .pattern-lock-node::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #adb5bd;
    }
    .pattern-lock-node.selected {
        border-color: #ffc107;
        background: #5c4907;
        color: #fff;
    }
    .pattern-lock-node.selected::before { display: none; }
    .pattern-lock-node > span { font-size: 0.75rem; font-weight: 700; }
    @media (max-width: 575.98px) {
        .pattern-lock-board { width: 165px; height: 165px; }
    }

/* Cashier catalog and cart. */

    .kasir-container .product-card { cursor: pointer; transition: transform 0.1s; height: 100%; border: 1px solid #444; }
    .kasir-container .product-card:hover { transform: scale(1.02); border-color: var(--kayfa-workspace-copper); }
    .cart-scroll { height: calc(100vh - 420px); overflow-y: auto; }
    #priceOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; }

/* Common workspace content and controls. */
body.kayfa-workspace .kayfa-module-page { padding-top: calc(var(--kayfa-navbar-height) + 28px) !important; padding-bottom: 40px !important; max-width: none; }
.kayfa-workspace .kayfa-module-page > :first-child:has(> h1, > h2, > h3, > h4) { flex-wrap: wrap; gap: 16px; }
.kayfa-workspace .kayfa-module-page :is(h1,h2,h3,h4,h5,h6) { color:#fff; letter-spacing:-.2px; }
.kayfa-workspace .kayfa-module-page > :first-child :is(h2,h3,h4) { font-size:26px; font-weight:600; }
.kayfa-workspace :is(.text-muted,.text-secondary) { color:#b0b5ac !important; }
.kayfa-workspace .text-white-50 { color:#b0b5ac !important; }
.kayfa-workspace :is(.btn,.form-control,.form-select,.input-group-text) { border-radius:9px; }
.kayfa-workspace :is(.form-control,.form-select,.input-group-text,.select2-container--bootstrap-5 .select2-selection) {
    color:#f5f5ef !important; background-color:#0b0e0d !important; border-color:#44483f !important; color-scheme:dark;
}
.kayfa-workspace :is(.form-control,.form-select):focus { border-color:#d59b6d !important; box-shadow:0 0 0 3px rgba(213,155,109,.14); }
.kayfa-workspace :is(.form-control,.form-select):disabled { opacity:.6; }
.kayfa-workspace .form-control::placeholder { color:#939a90; }
.kayfa-workspace .form-check-input:checked { background-color:#9e724e; border-color:#d59b6d; }
.kayfa-workspace .select2-dropdown { background:#101311; border-color:#595849; border-radius:10px; color:#f5f5ef; }
.kayfa-workspace .select2-selection__rendered { color:#f5f5ef !important; }
.kayfa-workspace .select2-search__field { background:#080b09 !important; color:#fff !important; border-color:#565c50 !important; }
.kayfa-workspace .select2-results__option--highlighted[aria-selected] { background:#76583e !important; color:#fff !important; }
.kayfa-workspace .select2-container--open { z-index:1060; }
.kayfa-workspace :is(.btn-primary,.kayfa-liquid-glass-button) { --bs-btn-disabled-bg:#795b43; --bs-btn-disabled-border-color:#795b43; color:#fff; background:linear-gradient(150deg,#ae8058,#825e40); border-color:#b48b67; box-shadow:inset 0 1px rgba(255,244,222,.16); }
.kayfa-workspace :is(.btn-primary,.kayfa-liquid-glass-button):hover { color:#fff; border-color:#e4bb93; filter:brightness(1.12); }
.kayfa-workspace .btn-outline-primary { --bs-btn-color:#e0b18a; --bs-btn-border-color:#956f50; --bs-btn-hover-bg:#765438; --bs-btn-hover-border-color:#c3956d; --bs-btn-active-bg:#765438; --bs-btn-active-border-color:#c3956d; }
.kayfa-workspace :is(.btn-secondary,.btn-dark,.kayfa-liquid-glass-button-secondary) { background:#232821; color:#eff1ea; border-color:#4b5145; }
.kayfa-workspace :is(.nav-tabs,.nav-pills) { gap:5px; border-color:#3f453b; }
.kayfa-workspace :is(.nav-tabs,.nav-pills) .nav-link { color:#c7cdc0; border-radius:9px; border-color:transparent; transform:none; }
.kayfa-workspace :is(.nav-tabs,.nav-pills) .nav-link.active { color:#fff; background:rgba(174,128,88,.23); border-color:#896546; }
.kayfa-workspace .table { --bs-table-bg:transparent; --bs-table-color:#eff1e9; --bs-table-striped-bg:rgba(255,255,255,.025); --bs-table-striped-color:#eff1e9; --bs-table-hover-bg:rgba(213,155,109,.07); --bs-table-hover-color:#fff; --bs-table-border-color:rgba(255,255,255,.12); }
.kayfa-workspace .table > thead { --bs-table-bg:rgba(0,0,0,.22); --bs-table-color:#e4e7dd; }
.kayfa-workspace .table > :not(caption) > * > * { padding:.7rem .8rem; }
.kayfa-workspace .kayfa-table-loading { display:flex; align-items:center; justify-content:center; gap:12px; min-height:180px; color:#bdc3b6; }
.kayfa-workspace .kayfa-table-loading button { color:#eac5a2; }
.kayfa-workspace .kayfa-table-content { min-width:0; }
.kayfa-workspace .kayfa-table-region { min-width:0; width:100%; }
.kayfa-workspace .flash-row { animation:kayfa-row-flash 1s ease-out; }
@keyframes kayfa-row-flash { from { background-color:rgba(213,155,109,.3); } to { background-color:transparent; } }
.kayfa-workspace .branch-badge { background:#2b3429; color:#dce8d6; padding:5px 12px; border-radius:20px; }
.kayfa-workspace .rptdash { --rptdash-radius:13px; --rptdash-accent:#d59b6d; --rptdash-navbar-offset:90px; --rptdash-ink-muted:#b7bcb3; }
.kayfa-workspace .rptdash .rptdash-filter { background:#111512; border-radius:13px; }
.kayfa-workspace .rptdash .nav-link.active { background:#715238; color:#fff; }
@media(min-width:992px) and (max-width:1399.98px) {
 .kayfa-workspace .kasir-container > .row > .col-lg-8 { width:60%; }
 .kayfa-workspace .kasir-container > .row > .col-lg-4 { width:40%; }
 .kayfa-workspace .kasir-container #productGrid > * { width:50%; }
}
@media(max-width:991.98px) { .kayfa-workspace .cart-scroll { height:auto; max-height:440px; min-height:160px; } }
@media(max-width:767.98px) {
 body.kayfa-workspace { --kayfa-navbar-height:114px; }
 body.kayfa-workspace .kayfa-module-page { padding-left:16px !important; padding-right:16px !important; }
 .kayfa-workspace .kayfa-module-page > :first-child :is(h2,h3,h4) { font-size:23px; }
 .kayfa-workspace .dataTables_wrapper .dataTables_filter input { max-width:calc(100% - 90px); }
}
@media print {
 body.kayfa-workspace { background:#fff !important; color:#000; }
 .kayfa-workspace :is(.kayfa-navbar,.kayfa-workspace-sidebar) { display:none !important; }
 body.kayfa-workspace .kayfa-page { margin:0; padding:0 !important; width:100%; }
}

@media(max-width:767.98px) {
 .kayfa-workspace .kayfa-service-filters { flex-wrap:wrap; width:100%; }
 .kayfa-workspace .kayfa-service-filters > .input-group { order:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
 .kayfa-workspace .kayfa-service-filters > .input-group > .input-group-text { display:none; }
 .kayfa-workspace .kayfa-service-filters > .input-group > input { width:100%; max-width:none !important; min-width:0; border-radius:9px !important; margin:0; }
 .kayfa-workspace .kayfa-service-filters > .input-group > button { grid-column:1/-1; border-radius:9px !important; margin:0; }
}

/* Login shares the workspace brand, copper action, and form controls. */
body.kayfa-workspace.kayfa-ui-background--login {
    position:relative;
    isolation:isolate;
    min-height:100vh;
    min-height:100svh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}
body.kayfa-workspace.kayfa-ui-background--login::before {
    content:'';
    position:fixed;
    inset:-8px;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(8,10,10,.8),rgba(8,10,10,.55) 52%,rgba(8,10,10,.28)),url('../images/kayfa-dashboard-workbench.png') center / cover no-repeat;
    filter:blur(3px);
}
.kayfa-workspace .kayfa-login-shell { width:min(100%,420px); margin:auto; }
.kayfa-workspace .login-card { width:100%; padding:40px; }
.kayfa-workspace .kayfa-login-brand { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:36px; color:#f2f1ee; }
.kayfa-workspace .kayfa-login-brand__copy { max-width:none; }
.kayfa-workspace .kayfa-login-brand__copy small { font-size:10px; letter-spacing:.5px; }
.kayfa-workspace .login-card h1 { margin-bottom:8px; font-size:25px; font-weight:600; letter-spacing:-.4px; }
.kayfa-workspace .login-card .form-label { color:#e7e7e2; font-size:13px; margin-bottom:8px; }
.kayfa-workspace .login-card .form-control { min-height:48px; padding:11px 14px; font-size:16px; }
.kayfa-workspace .login-card .password-field { position:relative; }
.kayfa-workspace .login-card .password-field .form-control { padding-right:56px; }
.kayfa-workspace .login-card .toggle-password {
    position:absolute; top:2px; right:2px; bottom:2px; width:44px;
    display:grid; place-items:center; border:0; border-radius:7px;
    background:transparent; color:#c6b6a5; font-size:21px;
}
.kayfa-workspace .login-card .toggle-password:hover,
.kayfa-workspace .login-card .toggle-password[aria-pressed="true"] { color:#f4c69f; background:rgba(213,155,109,.12); }
.kayfa-workspace .login-card .btn-kayfa { width:100%; min-height:48px; font-size:14px; font-weight:600; letter-spacing:.5px; }
.kayfa-workspace .login-card .btn-kayfa:disabled { opacity:.65; cursor:wait; transform:none; filter:none; }
.kayfa-workspace .login-card .alert-danger { color:#ffdcd5; background:#452720; border:1px solid #815043; border-radius:9px; text-align:left; }
.kayfa-workspace .kayfa-login-footer { margin-top:20px; color:#a5a7a3; font-size:12px; line-height:1.8; text-align:center; }
@media(max-width:400px), (max-height:640px) {
    body.kayfa-workspace.kayfa-ui-background--login { padding:20px 16px; }
    .kayfa-workspace .login-card { padding:28px 24px; }
    .kayfa-workspace .kayfa-login-brand { margin-bottom:24px; }
}
@media(prefers-reduced-motion:reduce) {
    .kayfa-workspace .login-card :is(.form-control,.btn-kayfa) { transition:none; }
    .kayfa-workspace .login-card .btn-kayfa:hover { transform:none; }
    .kayfa-workspace .login-card .bx-spin { animation:none; }
}

/* Management dashboard: role-scoped surfaces, current attention and period finance. */
.kayfa-workspace .kayfa-online-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#83907d;flex:none;}
.kayfa-workspace .is-online .kayfa-online-dot {background:#8cd2ad;box-shadow:0 0 9px #8cd2ad33;}
.kayfa-workspace .is-unavailable .kayfa-online-dot {background:#d9b787;box-shadow:none;}
.kayfa-workspace .kayfa-online-list {list-style:none;padding:0;margin:0;}
.kayfa-workspace .kayfa-online-list.is-expanded {max-height:300px;overflow-y:auto;scrollbar-width:thin;}
.kayfa-workspace .kayfa-online-person {display:flex;align-items:center;gap:11px;padding:12px 16px;border-top:1px solid #b5c2a51b;}
.kayfa-workspace .kayfa-online-avatar {position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#b9c7a616;border:1px solid #b9c7a622;color:#d6d8bd;font-size:12px;font-weight:600;}
.kayfa-workspace .kayfa-online-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.kayfa-workspace .kayfa-users-avatar {position:relative;flex:none;width:40px;height:40px;overflow:hidden;}
.kayfa-workspace .kayfa-users-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.kayfa-workspace .kayfa-online-person-copy {min-width:0;flex:1;}
.kayfa-workspace .kayfa-online-person-copy strong {display:block;font-size:12px;font-weight:600;color:#e4ecda;overflow-wrap:anywhere;}
.kayfa-workspace .kayfa-online-person-copy span,.kayfa-workspace .kayfa-online-person-copy small {display:block;font-size:10px;color:#adbaa2;line-height:1.5;margin-top:3px;overflow-wrap:anywhere;}
.kayfa-workspace .kayfa-online-person-copy small {font-size:9px;color:#91a487;}
.kayfa-workspace .kayfa-management {padding-bottom:32px;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-hero {min-height:151px;justify-content:space-between;gap:20px;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-hero__art {opacity:.48;object-position:center 43%;}
.kayfa-workspace .kayfa-management-eyebrow {display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:600;color:#d7b990;line-height:1.6;}
.kayfa-workspace .kayfa-management-eyebrow > span:last-child {letter-spacing:0;font-weight:400;color:#b6c3b5;border-left:1px solid #576351;padding-left:10px;}
.kayfa-workspace .kayfa-management-dot {width:7px;height:7px;flex:none;border-radius:50%;background:#89c2aa;box-shadow:0 0 12px #89c2aa66;}
.kayfa-workspace .kayfa-management .kayfa-page-title {margin:9px 0;font-size:34px;letter-spacing:-1px;}
.kayfa-workspace .kayfa-management-hero-actions {display:grid;justify-items:end;gap:10px;position:relative;z-index:1;}
.kayfa-workspace .kayfa-management-hero-actions small {font-size:11px;color:#afb8a9;}
.kayfa-workspace .kayfa-management-filter {display:flex;align-items:end;gap:14px;padding:16px 20px;margin-bottom:20px;background:rgba(9,20,14,.48);}
.kayfa-workspace .kayfa-management-filter label {display:block;font-size:11px;color:#bcc7b7;margin-bottom:7px;}
.kayfa-workspace .kayfa-management-filter .form-control,.kayfa-workspace .kayfa-management-filter .form-select {font-size:12px;color:#eaf0e5;background-color:rgba(6,15,10,.6);border-color:rgba(203,205,180,.23);min-height:38px;}
.kayfa-workspace .kayfa-management-filter > div:first-child {min-width:160px;}
.kayfa-workspace .kayfa-management-filter > button {min-height:38px;padding:8px 15px;}
.kayfa-workspace .kayfa-management-filter > p {margin:0 0 2px auto;color:#dae3d4;font-size:12px;text-align:right;}
.kayfa-workspace .kayfa-management-filter > p span {display:block;margin-top:5px;color:#a7b3a1;font-size:10px;}
.kayfa-workspace .kayfa-management-attention {display:flex;align-items:center;gap:24px;padding:20px 23px;margin-bottom:20px;border-left:3px solid #cba577;background:linear-gradient(105deg,rgba(122,88,41,.2),rgba(15,29,21,.42));}
.kayfa-workspace .kayfa-management-attention.is-urgent {border-left-color:#ed8e79;background:linear-gradient(105deg,rgba(135,66,47,.22),rgba(15,29,21,.42));}
.kayfa-workspace .kayfa-management-attention.is-clear {border-left-color:#89bca5;background:linear-gradient(105deg,rgba(57,113,83,.18),rgba(15,29,21,.42));}
.kayfa-workspace .kayfa-management-attention-title {display:flex;align-items:center;gap:15px;min-width:220px;}
.kayfa-workspace .kayfa-management-attention-title > i {display:grid;place-items:center;width:43px;height:43px;font-size:30px;color:#d4ad7b;border:1px solid #bb976344;border-radius:12px;background:#a77b3520;flex:none;}
.kayfa-workspace .kayfa-management-attention h2 {font-size:16px;margin:0 0 5px;font-weight:600;}
.kayfa-workspace .kayfa-management-attention p {font-size:10px;color:#b5bfad;margin:0;}
.kayfa-workspace .kayfa-management-signals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;flex:1;}
.kayfa-workspace .kayfa-management-signals > a {display:flex;align-items:center;gap:10px;min-height:42px;padding-left:17px;color:#e6dfcc;text-decoration:none;border-left:1px solid #b9c3a922;}
.kayfa-workspace .kayfa-management-signals strong {font-size:29px;font-weight:600;line-height:1;}
.kayfa-workspace .kayfa-management-signals span {font-size:11px;max-width:120px;line-height:1.5;}
.kayfa-workspace .kayfa-management-signals i {margin-left:auto;opacity:.6;}
.kayfa-workspace .kayfa-management-signals > a:hover {color:#fff;}
.kayfa-workspace .kayfa-management .is-urgent {color:#f1a18f;}
.kayfa-workspace .kayfa-management .is-clear {color:#a7d3b8;}
.kayfa-workspace .kayfa-management .is-attention {color:#e8c69b;}
.kayfa-workspace .kayfa-management-warning {font-size:12px;padding:11px 15px;border:1px solid #d2aa7133;background:#a4772820;border-radius:10px;color:#e4caa8;}
.kayfa-workspace .kayfa-management .kayfa-kpi {min-height:158px;gap:15px;padding:22px 19px;}
.kayfa-workspace .kayfa-management .kayfa-kpi__icon {width:42px;height:42px;font-size:25px;border-radius:12px;}
.kayfa-workspace .kayfa-management .kayfa-kpi__label {font-size:12px;line-height:1.5;}
.kayfa-workspace .kayfa-management .kayfa-kpi__value {font-size:25px;margin:12px 0;letter-spacing:-.6px;}
.kayfa-workspace .kayfa-management .kayfa-kpi__hint {font-size:10px;line-height:1.6;}
.kayfa-workspace .kayfa-management-overview {display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;margin-bottom:20px;}
.kayfa-workspace .kayfa-management-panel {padding:21px 23px;min-width:0;margin-bottom:20px;scroll-margin-top:85px;}
.kayfa-workspace .kayfa-management-overview > .kayfa-management-panel,.kayfa-workspace .kayfa-management-action-grid > .kayfa-management-panel,.kayfa-workspace .kayfa-management-finance-grid > .kayfa-management-panel {margin-bottom:0;}
.kayfa-workspace .kayfa-management .kayfa-panel-heading {align-items:start;}
.kayfa-workspace .kayfa-management .kayfa-panel-heading h2 {font-size:16px;}
.kayfa-workspace .kayfa-management .kayfa-panel-heading p {font-size:11px;line-height:1.6;}
.kayfa-workspace .kayfa-management .kayfa-panel-link {white-space:nowrap;}
.kayfa-workspace .kayfa-management-tag {display:inline-block;padding:4px 8px;color:#bfcbb8;border:1px solid #a6b49a33;background:#9fb69709;border-radius:5px;font-size:9px;letter-spacing:.8px;white-space:nowrap;vertical-align:middle;}
.kayfa-workspace .kayfa-management-chart {min-height:265px;}
.kayfa-workspace .kayfa-management-chart-note {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:#a8b4a0;}
.kayfa-workspace .kayfa-management-chart-note i {font-size:13px;color:#c8a271;}
.kayfa-workspace .kayfa-management-pill {display:inline-flex;align-items:center;gap:4px;font-size:10px;border-radius:6px;padding:4px 8px;background:#9aa78c15;color:#b6c2aa;white-space:nowrap;}
.kayfa-workspace .kayfa-management-pill.is-urgent {background:#bd604322;color:#f0a58d;}
.kayfa-workspace .kayfa-management-pill.is-attention {background:#ba8a3922;color:#e2bd84;}
.kayfa-workspace .kayfa-management-pill.is-clear {background:#619b7c18;color:#a6c7af;}
.kayfa-workspace .kayfa-management-section-heading {display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 16px;}
.kayfa-workspace .kayfa-management-section-heading h2 {font-size:22px;font-weight:600;margin:5px 0 0;letter-spacing:-.4px;}
.kayfa-workspace .kayfa-management-section-heading > p {font-size:10px;color:#a8b7a0;margin:0 0 3px;}
.kayfa-workspace .kayfa-management-action-grid,.kayfa-workspace .kayfa-management-finance-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-table tbody td {padding:12px 10px!important;line-height:1.5;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-table .dataTables_empty {height:88px;text-align:left!important;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-table td small {display:block;font-size:10px;color:#a4b29c;margin-top:4px;line-height:1.5;}
.kayfa-workspace .kayfa-management-cell-title {display:block;margin-top:3px;max-width:260px;overflow-wrap:anywhere;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-table td > a {color:#d8b38b;text-decoration:none;}
.kayfa-workspace .kayfa-management .kayfa-dashboard-table td > a:hover {color:#fff;text-decoration:underline;}
.kayfa-workspace .kayfa-management-finance-list {margin:0;display:grid;gap:16px;}
.kayfa-workspace .kayfa-management-finance-list > div,.kayfa-workspace .kayfa-management-projection dl > div {display:flex;justify-content:space-between;gap:15px;}
.kayfa-workspace .kayfa-management-finance-list dt {font-size:12px;font-weight:400;color:#d8e1d0;}
.kayfa-workspace .kayfa-management-finance-list dt small {display:block;margin-top:5px;color:#a5b19b;font-size:10px;}
.kayfa-workspace .kayfa-management-finance-list dd {font-size:14px;font-weight:600;color:#e4d1ae;margin:0;white-space:nowrap;}
.kayfa-workspace .kayfa-management-secondary-links {display:flex;gap:10px;flex-wrap:wrap;margin-top:23px;}
.kayfa-workspace .kayfa-management-secondary-links a {font-size:11px;padding:7px 11px;text-decoration:none;border:1px solid #b0ba9c30;border-radius:7px;color:#c4cfb8;}
.kayfa-workspace .kayfa-management-ledger {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.kayfa-workspace .kayfa-management-ledger > div {padding:14px;border-radius:10px;background:#92a5820e;border:1px solid #b9c2a222;min-width:0;}
.kayfa-workspace .kayfa-management-ledger span {font-size:11px;color:#b8c4ac;}
.kayfa-workspace .kayfa-management-ledger strong {display:block;font-size:20px;font-weight:600;color:#e6d2ac;margin:9px 0;overflow-wrap:anywhere;}
.kayfa-workspace .kayfa-management-ledger small {font-size:9px;color:#9fac93;}
.kayfa-workspace .kayfa-management-projection {margin-top:18px;border-top:1px solid #aab89426;padding-top:15px;}
.kayfa-workspace .kayfa-management-projection summary {display:flex;justify-content:space-between;gap:10px;cursor:pointer;color:#b9c6ae;font-size:11px;list-style:none;}
.kayfa-workspace .kayfa-management-projection dl {margin:15px 0;font-size:12px;}
.kayfa-workspace .kayfa-management-projection dd {margin-bottom:6px;}
.kayfa-workspace .kayfa-management-projection p {font-size:10px;color:#9cab90;margin:10px 0 0;line-height:1.6;}
.kayfa-workspace .kayfa-management-message {display:flex;gap:15px;padding:25px;margin-bottom:20px;}
.kayfa-workspace .kayfa-management-message > i {font-size:28px;color:#deb081;}
.kayfa-workspace .kayfa-management-message h2 {font-size:20px;}
.kayfa-workspace .kayfa-management-message p {font-size:13px;color:#bac8af;}
.kayfa-workspace .kayfa-management-table-region .kayfa-dashboard-table-loading {display:flex;justify-content:center;align-items:center;gap:10px;}
@media(max-width:1200px) {
 .kayfa-workspace .kayfa-management-attention {align-items:start;flex-direction:column;gap:18px;}
 .kayfa-workspace .kayfa-management-signals {width:100%;}
 .kayfa-workspace .kayfa-management .kayfa-kpi {display:block;}
 .kayfa-workspace .kayfa-management .kayfa-kpi__icon {margin-bottom:13px;}
 .kayfa-workspace .kayfa-management-overview {grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);}
}
@media(max-width:900px) {
 .kayfa-workspace .kayfa-management-overview,.kayfa-workspace .kayfa-management-action-grid,.kayfa-workspace .kayfa-management-finance-grid {grid-template-columns:1fr;}
 .kayfa-workspace .kayfa-management-filter {flex-wrap:wrap;}
 .kayfa-workspace .kayfa-management-filter > p {text-align:left;width:100%;margin:4px 0 0;}
}
@media(max-width:576px) {
 .kayfa-workspace .kayfa-management .kayfa-dashboard-hero {align-items:start;min-height:175px;padding-top:20px;}
 .kayfa-workspace .kayfa-management .kayfa-page-title {font-size:27px;}
 .kayfa-workspace .kayfa-management-eyebrow {font-size:8px;letter-spacing:1px;flex-wrap:wrap;}
 .kayfa-workspace .kayfa-management-hero-actions {gap:8px;max-width:115px;}
 .kayfa-workspace .kayfa-management-hero-actions .kayfa-primary-action {font-size:10px;padding:8px;}
 .kayfa-workspace .kayfa-management-hero-actions small {font-size:9px;}
 .kayfa-workspace .kayfa-management-filter {padding:15px;gap:12px;}
 .kayfa-workspace .kayfa-management-filter > div:first-child {min-width:0;flex:1;}
 .kayfa-workspace .kayfa-management-filter [data-management-date] {flex:1;min-width:130px;}
 .kayfa-workspace .kayfa-management-attention {padding:18px 16px;}
 .kayfa-workspace .kayfa-management-attention-title {min-width:0;}
 .kayfa-workspace .kayfa-management-signals {gap:10px;}
 .kayfa-workspace .kayfa-management-signals > a {display:block;padding-left:10px;}
 .kayfa-workspace .kayfa-management-signals strong {display:block;font-size:26px;}
 .kayfa-workspace .kayfa-management-signals span {display:block;font-size:10px;margin-top:7px;}
 .kayfa-workspace .kayfa-management-signals i {display:none;}
 .kayfa-workspace .kayfa-management .kayfa-kpi {padding:16px;min-height:189px;}
 .kayfa-workspace .kayfa-management .kayfa-kpi__value {font-size:21px;}
 .kayfa-workspace .kayfa-management-panel {padding:19px 15px;}
 .kayfa-workspace .kayfa-management-panel {scroll-margin-top:140px;}
 .kayfa-workspace .kayfa-management-section-heading {align-items:start;flex-direction:column;gap:7px;}
 .kayfa-workspace .kayfa-management-ledger {grid-template-columns:1fr;}
 .kayfa-workspace .kayfa-management .kayfa-dashboard-table {min-width:460px;}
 .kayfa-workspace .kayfa-management #managementStockTable {min-width:640px;}
 .kayfa-workspace .kayfa-management #managementStockTable td:first-child {min-width:210px;}
 .kayfa-workspace .kayfa-management-tag {font-size:8px;}
}
@media(max-width:767.98px) {
 body.kayfa-workspace .kayfa-navbar > .kayfa-navbar__container {padding-left:12px;padding-right:12px;gap:8px;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__leading {gap:6px!important;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__trailing {gap:4px!important;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__action {width:44px;min-width:44px;height:44px;min-height:44px;border-radius:9px;justify-content:center;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__switcher {width:44px;max-width:44px;padding:0;}
 .kayfa-workspace .kayfa-navbar__switcher .bx-chevron-down {display:none;}
 .kayfa-workspace .kayfa-navbar__mode-badge {display:none;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__brand {font-size:16px;margin-right:0;}
 .kayfa-workspace .kayfa-navbar-search {height:40px;}
 .kayfa-workspace .kayfa-navbar-search input {font-size:16px;}
 .kayfa-workspace :is(.kayfa-branch-dropdown,.kayfa-presence,.kayfa-profile-dropdown) {position:static;}
 .kayfa-workspace .kayfa-profile-dropdown .kayfa-workspace-profile > .bx-chevron-down {display:none;}
 body.kayfa-workspace .kayfa-navbar .kayfa-navbar__dropdown-menu {
    left:12px!important;right:12px!important;top:100%!important;bottom:auto!important;
    width:auto;min-width:0;max-width:none;transform:none!important;margin-top:8px!important;
    max-height:calc(100dvh - 142px);overflow-y:auto;
 }
 .kayfa-workspace .kayfa-presence__users {max-height:min(240px,38dvh);}
 .kayfa-workspace .kayfa-presence__menu [id$="Refresh"] {min-width:44px;min-height:44px;border-color:#5b6455;}
 .kayfa-workspace .kayfa-presence__person {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;}
 .kayfa-workspace .kayfa-presence__person > div {grid-column:1;overflow-wrap:anywhere;}
 .kayfa-workspace .kayfa-presence__person > div:not(:first-child) {font-size:11px;line-height:1.5;}
 .kayfa-workspace .kayfa-presence__logout {grid-column:2;grid-row:1/4;min-height:44px;max-width:80px;padding:8px;font-size:11px;line-height:1.4;background:transparent;color:#c7b59e;border:1px solid #5a5b49;border-radius:8px;}
 .kayfa-workspace .kayfa-presence__logout:hover {background:#ed7c6412;border-color:#b6806d;color:#ed9d88;}
 .kayfa-workspace .kayfa-presence__menu > div:last-child {font-size:11px!important;}
 .kayfa-workspace #presenceCount,.kayfa-workspace #customerPresenceCount {top:0;right:0;}
 .kayfa-note-modal .modal-dialog {margin:16px 12px;min-height:calc(100dvh - 32px);}
 .kayfa-note-modal .kayfa-note-modal__content {min-height:0;}
 .kayfa-note-modal .note-card {height:170px;}
 .kayfa-note-modal .note-card-add {height:100px;}
 .kayfa-note-modal .note-card-add .fs-1 {font-size:26px!important;}
 .kayfa-note-modal .note-card-add .mb-2 {margin-bottom:4px!important;}
 .kayfa-note-modal #viewEditor {min-height:0;}
 .kayfa-note-modal .kayfa-note-modal__textarea {min-height:180px;}
}
@media(max-width:375px) {
 body.kayfa-workspace .kayfa-navbar--presence .kayfa-navbar__brand {display:none!important;}
}