/* =====================================================================
   Theme Tokens
   ===================================================================== */
:root {
    --ui-brand: #00467d;
    --primary: #005a94;
    --primary-hover: #00385f;
    --success: #0e9767;
    --success-hover: #1c542c;
    --danger: #a83244;
    --danger-hover: #8b0000;
    --warning: #ffd34d;
    --warning-hover: #ffe283;
    --warning-ink: #20394d;
    --info: #236c80;
    --info-hover: #06636e;
    --secondary: #526879;
    --secondary-hover: #43566a;
    --ui-accent: #ff9d2e;
    --ui-accent-hover: #ffb65c;
    --ui-accent-ink: #17354a;
    --ui-draft-bg: #e9eef3;
    --ui-draft-ink: #344c61;
    --ui-draft-border: #bdcbd7;
    --ui-bg: #f3f6f9;
    --ui-surface: #ffffff;
    --ui-border: #d2dfe8;
    --ui-border-subtle: #e5e7e9;
    --ui-text: #20394d;
    --ui-muted: #536d81;
    --surface-soft: #eef3f7;
    --surface-soft-2: #e7f0f7;
    --table-head: #e7eef4;
    --table-row-hover: #edf4f9;
    --table-body-bg: var(--ui-surface);
    --table-header-ink: var(--ui-text);
    --table-border: var(--ui-border);
    --table-footer-bg: var(--surface-soft);
    --table-stripe-bg: var(--surface-soft);
    --table-selected-bg: var(--surface-soft-2);
    --table-changed-bg: var(--ui-warning-soft);
    --table-attention-bg: var(--ui-warning-soft);
    --table-group-bg: var(--surface-soft-2);
    --table-locked-bg: var(--ui-draft-bg);
    --table-locked-hover-bg: var(--table-row-hover);
    --ui-success-soft: #e5f5eb;
    --ui-danger-soft: #fdecea;
    --ui-danger-border: #f5c6cb;
    --ui-warning-soft: #fff3d6;
    --ui-info-soft: #cfe2ff;
    --launcher-ink: var(--text-on-brand);
    --launcher-muted: rgb(255 255 255 / 78%);
    --ops-ink: var(--ui-text);
    --ops-muted: var(--ui-muted);
    --ops-line: var(--ui-border);
    --ops-paper: var(--ui-bg);
    --ops-surface: var(--ui-surface);
    --ops-green: var(--success);
    --ops-blue: var(--info);
    --ops-gold: var(--warning);
    --ops-red: var(--danger);
    --ops-lime: var(--warning);
    --dash-bg: var(--ui-bg);
    --dash-card: var(--ui-surface);
    --dash-text: var(--ui-text);
    --dash-muted: var(--ui-muted);
    --dash-border: var(--ui-border);
    --dash-primary: var(--primary);
    --dash-secondary: var(--info);
    --dash-accent: var(--ui-accent);
    --dash-danger: var(--danger);
    --settings-bg: var(--ui-bg);
    --settings-surface: var(--ui-surface);
    --settings-text: var(--ui-text);
    --settings-muted: var(--ui-muted);
    --settings-border: var(--ui-border);
    --settings-primary: var(--primary);
    --settings-secondary: var(--info);
    --settings-accent: var(--ui-accent);
    --settings-soft: var(--surface-soft-2);
    --ui-header-padding: .25rem .5rem;
    --ui-header-title-size: 1rem;
    /* --ui-header-action-bg: var(--ui-surface); */
    --ui-header-action-hover-bg: #1494e9;
    --ui-header-action-primary-hover: #b8d8ee;
    --ui-header-action-secondary-hover: #dce5ee;
    --ui-header-action-border: #c7dce9;
    --ui-header-create-hover: #bf5100;
    --ui-header-action-dark-ink: #000000;
    --ui-header-export-excel: var(--success);
    --ui-header-export-pdf: #8b3a3a;
    --ui-header-action-success: #fff3cd;
    --ui-header-action-success-ink: #13422d;
    --ui-header-action-success-hover: #a0e8c1;
    --ui-header-action-danger: #fff3cd;
    --ui-header-action-danger-ink: #6f1426;
    --ui-header-action-danger-hover: #ffb2bb;
    --ui-header-action-warning: var(--warning);
    --ui-header-action-info: #64d1ed;
    --ui-header-action-info-ink: #124359;
    --ui-header-action-info-hover: #a0e4f4;
    --ui-radius: 4px;
    --ui-radius-lg: 8px;
    --ui-shadow: 0 2px 10px rgb(0 0 0 / 8%);
    --ui-shadow-modal: 0 8px 24px rgb(0 0 0 / 16%);
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-6: 1.5rem;
    --ui-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --ui-font-size: .8125rem;
    --ui-font-size-control: .75rem;
    --ui-control-height: 2.375rem;
    --ui-control-height-sm: 1.9375rem;
    --ui-control-height-lg: 3rem;
    --ui-z-dropdown: 1000;
    --ui-z-sidebar: 1030;
    --ui-z-modal: 1055;
    --ui-z-toast: 1090;
    --brand-blue: var(--primary);
    --brand-blue-dark: var(--primary-hover);
    --brand-blue-2: #377ba8;
    --brand-orange: var(--ui-accent);
    --brand-orange-dark: var(--ui-accent-hover);
    --brand-table-header-light: var(--table-head);
    --brand-green: var(--success);
    --text-on-brand: var(--ui-surface);
    --text-muted: var(--ui-muted);
    --surface-white: var(--ui-surface);
    --border-soft: var(--ui-border);
    --border-soft-2: var(--ui-border-subtle);
    --text-header-table: var(--ui-text);
    --danger-dark: var(--danger-hover);
    --ui-page-header-bg: var(--ui-brand);
    --ui-section-header-bg: #205d88;
    --card-header-bg: var(--ui-section-header-bg);
    --card-header-border: var(--primary-hover);
    --bs-primary: var(--primary);
    --bs-success: var(--success);
    --bs-danger: var(--danger);
    --bs-primary-rgb: 0, 90, 148;
    --bs-success-rgb: 36, 102, 79;
    --bs-danger-rgb: 168, 50, 68;
    --bs-warning-rgb: 255, 211, 77;
    --bs-info-rgb: 35, 108, 128;
    --bs-secondary-rgb: 82, 104, 121;
    --bs-warning: var(--warning);
    --bs-info: var(--info);
    --bs-border-radius: var(--ui-radius);
    
}

/* =====================================================================
   Base Styles
   ===================================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    font-size: 0.8125rem;
}

.vhe-border {
    /* border: 1px solid #e1e8ed;
    border-radius: 8px; */
    border-collapse: collapse;

}

/* Navigation styles */
.navbar-brand {
    font-weight: 700;
    font-size: 1rem;
}

.icon-xs {
    /* font-size: 0.8rem; */
    /* padding:2px; */
    margin: 2px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #9992928a;
}

.btn-xs {
    /* font-size: 0.75rem; */
    /* padding: 4px 6px !important; */
    border-radius: 4px;
}

/* =====================================================================
   Legacy Shared UI (kept for backward compatibility)
   ===================================================================== */

/* Alert styles */
.alert {
    border: none;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.alert-success {
    background-color: var(--ui-success-soft);
    color: var(--success);
    border-left: 4px solid var(--success);
}

.alert-danger {
    background-color: var(--ui-danger-soft) !important;
    color: var(--danger);
    border-left: 4px solid var(--danger);
}

.alert-warning {
    background-color: var(--ui-warning-soft);
    color: var(--warning-ink);
    border-left: 4px solid var(--warning);
}

.alert-info {
    background-color: var(--ui-info-soft);
    color: var(--brand-blue-dark);
    border-left: 4px solid var(--brand-blue);
}

.modal-xl {
    max-width: 80vw !important;
}

/* Badge styles */
.badge {
    border-radius: 6px;
    font-weight: 500;
    padding: 6px 10px;
}

/* Loading spinner */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.spinner-border-custom {
    width: 3rem;
    height: 3rem;
    border: 3px solid rgba(var(--bs-primary-rgb), 0.2);
    border-top: 3px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Utility classes */
.shadow-custom {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

.shadow-custom-lg {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Responsive utilities */
@media (max-width: 768px) {
    .table-responsive {
        border-radius: 8px;
    }

    .card {
        margin-bottom: 20px;
    }
}

/* Print styles */
@media print {

    .navbar,
    .btn,
    .modal {
        display: none !important;
    }

    .card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}

/* Accessibility improvements */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Focus styles for keyboard navigation */
.btn:focus,
.form-control:focus,
.nav-link:focus {
    outline: 2px solid var(--brand-blue);
    outline-offset: 2px;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection styles */
::selection {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    color: #333;
}

/*01-08-2026 sửa layout PO hển thị trên MPR status*/
.po-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(95px, 1fr));
    gap: 4px;
}

/* =====================================================================
   Core Theme Override
   ===================================================================== */

body {
    background-color: var(--ui-bg) !important;
    color: var(--ui-text) !important;
}

.navbar,
.navbar-custom {
    background: var(--brand-blue) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16) !important;
}

.navbar-nav .nav-link {
    color: var(--text-on-brand) !important;
    border-radius: 4px !important;
    font-size: 0.75rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    background-color: rgba(255, 255, 255, 0.18) !important;
}

.dropdown-menu {
    border: 1px solid var(--ui-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--surface-soft-2) !important;
    color: var(--brand-blue-dark) !important;
}

.main-content {
    background-color: var(--ui-bg) !important;
}

.card:hover {
    transform: none !important;
    box-shadow: none !important;
}

.btn:hover {
    transform: none !important;
}

.btn-danger:hover,
.btn-outline-danger:hover {
    background-color: var(--danger-dark) !important;
    border-color: var(--danger-dark) !important;
}

.badge-danger,
.bg-danger {
    background-color: var(--bs-danger) !important;
}

.bg-success {
    background-color: var(--success) !important;
}
.text-danger {
    color: var(--danger) !important;
}
.text-success{
    color: var(--success) !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15) !important;
}

.table thead th {
    padding: 8px 6px !important;
}

.table tbody td {
    background: var(--bs-table-bg, var(--table-body-bg));
}

.modal-content {
    border: 1px solid var(--ui-border) !important;
}

.modal-header {
    background: var(--brand-table-header-light) !important;
    border-bottom: 1px solid var(--brand-blue-dark) !important;
    border-radius: 4px 4px 0 0 !important;
    color: var(--text-header-table) !important;
}

.text-primary-custom,
.border-primary-custom {
    color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
}

.bg-primary-custom {
    background: var(--brand-blue) !important;
}



/* =====================================================================
    Module Styles
    ===================================================================== */
.po-buttons {
    border: 1px solid var(--success) !important;
    background-color: #1b7e82 !important;
}

.po-buttons:hover {
    background-color: var(--success) !important;
    color: var(--text-on-brand) !important;
}

/* ======================================================================
   Shared Module UI Kit (dùng chung cho MPR + For Approval + module sau này)
   Gộp về 1 file để đồng bộ giao diện toàn app, tránh lặp CSS ở từng view.
   ====================================================================== */

/* Card containers */
.mpr-card,
.mpr-detail-card,
.mpr-edit-card,
.approval-card {
    background: var(--ui-surface);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
    padding: 0.5rem;
}

.approval-items-table {
    width: 100%;
    min-width: 1100px;
    table-layout: fixed;
}

.approval-items-table .approval-description-column {
    width: 20%;
}

.approval-items-table .approval-detail-column {
    width: 32%;
}

.approval-items-table .approval-remarks-column {
    width: 18%;
}

.approval-items-table .approval-detail-cell {
    vertical-align: top !important;
    overflow: hidden;
}

.approval-items-table .approval-textarea-cell {
    vertical-align: top !important;
    justify-content: flex-start;
}

.approval-items-table .approval-detail-cell>*,
.approval-items-table .approval-textarea-cell>* {
    max-width: 100%;
    box-sizing: border-box;
}

.detail-editor-row {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
}

.detail-editor-row .form-control {
    min-width: 0;
    flex: 1 1 auto;
}

.detail-image-picker {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.detail-image-grid {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    overflow: hidden;
    box-sizing: border-box;
}

.detail-image-thumb-wrap {
    width: 100%;
    min-width: 0;
    max-width: 250px;
    overflow: hidden;
}

.detail-image-thumb {
    position: relative;
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    aspect-ratio: 25 / 18;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background: var(--surface-soft);
    cursor: pointer;
}

.detail-image-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-image-more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ui-surface);
    background: rgba(0, 0, 0, 0.58);
    font-size: 1.05rem;
    font-weight: 700;
}

.detail-image-keep {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.3rem;
    font-size: 0.78rem;
}

.modal.document-preview-modal .modal-dialog {
    width: calc(100vw - 2rem);
    max-width: var(--document-preview-width, 960px);
    height: calc(100vh - 2rem);
    height: calc(100dvh - 2rem);
    max-height: 900px;
    min-height: 0;
    margin: 1rem auto;
}

.document-preview-modal--landscape {
    --document-preview-width: 1200px;
}

.modal.document-preview-modal .modal-content {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.modal.document-preview-modal .modal-header,
.modal.document-preview-modal .modal-footer {
    flex-shrink: 0;
}

.modal.document-preview-modal .modal-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal.document-preview-modal .modal-body {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.modal.document-preview-modal .modal-body iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.modal.document-preview-modal #attachmentPreviewBody {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.document-preview-modal #attachmentPreviewBody img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 575.98px) {
    .modal.document-preview-modal .modal-dialog {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
        height: calc(100dvh - 1rem);
        margin: .5rem auto;
    }

    .modal.document-preview-modal .modal-header {
        padding: .5rem;
        flex-wrap: wrap;
        gap: .5rem;
    }
}

.detail-image-modal-preview {
    display: block;
    max-width: 100%;
    max-height: 78vh;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .detail-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Gradient section headers */

.h3,
h3 {
    font-size: 1.5rem !important;
}

/* .card-header-custom .text-muted {
    color: rgba(255, 255, 255, 0.78) !important;
} */

.mpr-card .dataTables_wrapper>.row:first-child,
.approval-card .dataTables_wrapper>.row:first-child,
.vr-card .dataTables_wrapper>.row:first-child {
    align-items: flex-end;
    padding: 0.5rem 0.75rem;
}

.mpr-card .dataTables_wrapper .row,
.approval-card .dataTables_wrapper .row,
.vr-card .dataTables_wrapper .row,
.items-table-card .dataTables_wrapper .row,
.po-items-table-card .dataTables_wrapper .row {
    margin-left: 0;
    margin-right: 0;
}

.mpr-card .dataTables_wrapper .dataTables_paginate,
.approval-card .dataTables_wrapper .dataTables_paginate,
.vr-card .dataTables_wrapper .dataTables_paginate,
.items-table-card .dataTables_wrapper .dataTables_paginate,
.po-items-table-card .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5rem;
}

.mpr-card .items-action-block,
.po-table-toolbar,
.approval-table-toolbar {
    border-bottom: 1px solid var(--ui-border-subtle);
    background: linear-gradient(180deg, #fafbfc 0%, var(--ui-surface) 100%);
}

.po-quick-search,
.approval-quick-search {
    width: 100%;
    max-width: 520px;
}

#mprDataTable tbody td:not(:last-child),
#purchaseOrdersTable tbody td:not(:last-child),
#approvalsTable tbody td:not(:last-child),
#vehicleRequestsTable tbody td:not(:last-child) {
    cursor: pointer;
}


/* Filter panel */
.filter-card {
    background: var(--surface-soft);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

/* Statistics cards */
.stats-card {
    background: var(--ui-surface);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-left: 4px solid;
    transition: transform 0.3s ease;
}

.stats-card:hover {
    transform: translateY(-3px);
}

.stats-card.total {
    border-left-color: var(--brand-blue);
}

.stats-card.pending {
    border-left-color: var(--warning);
}

.stats-card.approved {
    border-left-color: var(--success);
}

.stats-card.rejected {
    border-left-color: var(--danger);
}

.stats-card.completed {
    border-left-color: #0dcaf0;
}

.stats-card.in_progress {
    border-left-color: #0d6efd;
}

/* Status badges */
.status-badge {
    /* padding: 0.2rem 0.3rem; */
    border-radius: 2px;
    font-size: 0.7rem;
    font-weight: 500;
}

.status-draft {
    background-color: #e2e3e5;
    color: #41464b;
    border: 1px solid #d3d6d8;
}

.status-pending {
    background-color: #fff0dd;
    color: var(--warning-ink);
    border: 1px solid #ffd49c;
}

.status-pending_approval {
    background-color: #f0f4ff;
    color: #0066cc;
    border: 1px solid #cce0ff;
}

.status-in_progress,
.status-processing {
    background-color: #e7f3ff;
    color: #004080;
    border: 1px solid #b3d9ff;
}

.status-approved {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.status-rejected,
.status-cancelled {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid var(--ui-danger-border);
}

.status-completed {
    background-color: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
}

/* Priority labels */
.priority-urgent {
    color: var(--danger);
    font-weight: bold;
}

.priority-high {
    color: #fd7e14;
    font-weight: bold;
}

.priority-medium {
    color: var(--warning);
    font-weight: bold;
}

.priority-low {
    color: var(--success);
    font-weight: bold;
}

/* Row action icon buttons */
.action-btn {
    padding: 0.2rem 0.25rem;
    /* margin: 0 0.2rem 0 0; */
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.action-btn:last-child {
    margin-right: 0;
}

.action-btn i {
    font-size: 1rem;
}
.sidebar-note{
    background-color: var(--success);
    color: var(--ui-surface);
    font-weight: bold;
    border: 1px solid #00b894;
}
.action-btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

/* Info / detail panels */
.info-card {
    background: var(--surface-soft);
    border-radius: 8px;
    padding: 1.5rem;
    /* margin-bottom: 1.5rem; */
}

.item-card {
    background: var(--ui-surface);
    border-radius: 8px;
    border: 1px solid var(--ui-border-subtle);
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.item-card:hover {
    border-color: var(--brand-blue);
    box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.1);
}

.item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--ui-border-subtle);
}

.remove-item-btn {
    background: var(--danger);
    color: var(--ui-surface);
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/* Timeline (MPR detail activity) */
.timeline {
    position: relative;
    padding-left: 2rem;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--ui-border);
}

.timeline-item {
    position: relative;
    margin-bottom: 2rem;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -21px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--ui-surface);
    border: 3px solid var(--brand-blue);
}

.timeline-item.completed::before {
    background: var(--success);
    border-color: var(--success);
}

/* Attachments */
.attachment-item {
    background: var(--surface-soft);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 0.5rem;
    border-left: 4px solid var(--brand-blue);
}

.attachment-item:hover {
    background: var(--ui-border-subtle);
    cursor: pointer;
}

/* Change-log / activity history list */
.action-history {
    background: var(--ui-surface);
    border-radius: 8px;
    border: 1px solid var(--ui-border-subtle);
    overflow: hidden;
}

.action-history .list-group-item {
    border: none;
    border-bottom: 1px solid var(--surface-soft);
    padding: 1rem 1.5rem;
}

.action-history .list-group-item:last-child {
    border-bottom: none;
}

/* Comments */
.comments-section {
    max-height: 400px;
    overflow-y: auto;
}

.comment-item {
    background: var(--surface-soft);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 4px solid var(--brand-blue);
}

.comment-meta {
    font-size: 0.875rem;
    color: var(--ui-muted);
    margin-bottom: 0.5rem;
}

/* Table refinement (bổ sung cho theme flat ở trên, không phá màu đã ép !important) */
.table th {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.8rem !important;
    vertical-align: middle;
    padding: 8px 6px !important;
}

/* .table tr , */
/* .table td {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
} */

.table td {
    padding: 1px 2px !important;
    vertical-align: middle;
}

.table tfoot td {
    border-top: 2px solid var(--ui-border);
    font-weight: 600;
}

/* Progress bars */
.progress-custom {
    height: 10px;
    border-radius: 20px;
}

/* Pagination */
.pagination .page-link {
    border: none;
    padding: 0.5rem 1rem;
    margin: 0 0.125rem;
    border-radius: 5px;
}

/* Safety fallback: prevent oversized SVG arrows when non-Bootstrap paginator is rendered */
.pagination .page-link svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-2) 100%);
    border: none;
}

/* Form sections (trang create/edit) */
.form-section {
    background: var(--ui-surface);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid var(--ui-border) !important;
}

.section-title {
    color: var(--brand-blue-dark);
    font-weight: 700;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
}

.add-item-btn {
    background: var(--brand-green);
    color: var(--ui-surface);
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.add-item-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 168, 89, 0.15);
    color: var(--ui-surface);
}

/* Project search autocomplete (dùng ở form tạo/sửa MPR & For Approval) */
[data-issue-header] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-issue-header] > label { display: block; min-width: 0; padding: 7px 10px; }
.issue-header-drawer { --bs-offcanvas-width: 640px; max-width: 100%; }
.issue-header-drawer [data-issue-header] { grid-template-columns: minmax(0, 1fr); }
.issue-stock-picker { --bs-offcanvas-width: 960px; max-width: 100%; }
.issue-stock-picker [data-stock-picker-owner] { width: auto; }
.issue-stock-picker td { white-space: pre-line; vertical-align: middle; }
@media (max-width: 767.98px) {
    [data-issue-header] { grid-template-columns: minmax(0, 1fr); }
}
.project-search {
    position: relative;
}

.project-search-dropdown {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: 0;
    z-index: 1050;
    background: var(--ui-surface);
    border: 1px solid #cfe0fb;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(var(--bs-primary-rgb), 0.15);
    max-height: 260px;
    overflow-y: auto;
    display: none;
}

.project-search-dropdown.show {
    display: block;
}

/* Autocomplete trong bảng item phải vượt qua vùng overflow của table-responsive. */
.vr-items-table .project-search-dropdown {
    position: fixed;
}

.approval-items-table .project-search-dropdown {
    position: fixed;
}

.project-search-option {
    padding: 0.7rem 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid #dceafa;
    font-size: 0.9rem;
}

.project-search-option:last-child {
    border-bottom: none;
}

.project-search-option:hover,
.project-search-option.active {
    background: var(--surface-soft-2);
    color: var(--brand-blue-dark);
}

.project-search-empty {
    padding: 0.75rem 0.9rem;
    color: var(--ui-muted);
    font-size: 0.9rem;
}

/* Bảng nhập liệu dòng (items table) trong form tạo/sửa */
#items-table th {
    background: var(--surface-soft-2) !important;
    color: var(--brand-blue-dark) !important;
    font-weight: 700;
    opacity: 1 !important;
}

#items-table td input,
#items-table td select {
    border: 1px solid var(--ui-border);
    border-radius: 4px;
    color: var(--ui-text);
    background-color: var(--ui-surface);
}

#items-table td input:focus,
#items-table td select:focus {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    outline: 0;
}

#items-table td input:disabled {
    background-color: var(--surface-soft);
    color: var(--ui-muted);
    font-weight: 700;
    text-align: center;
    opacity: 1;
    -webkit-text-fill-color: #495057;
}

/* Print: ẩn thao tác, làm phẳng card khi in phiếu chi tiết */
.print-hide {
    display: block;
}

@media print {
    .print-hide {
        display: none !important;
    }

    .mpr-card,
    .mpr-detail-card,
    .mpr-edit-card,
    .approval-card {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .card-header-custom,
    .card-header-edit {
        background: #333 !important;
    }
}

/* Responsive: form/item-entry trên mobile */
@media (max-width: 768px) {
    .item-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .remove-item-btn {
        margin-top: 0.5rem;
        width: auto;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
    }

    .form-section {
        padding: 1rem;
    }

    .card-header-custom,
    .card-header-edit {
        padding: 1rem;
    }


}

/* ============================================================
   Gộp từ style nội tuyến (\3c style>/inline) trong các view Blade
   ============================================================ */

/* --- layouts/app.blade.php: toast --- */
.main-content {
    min-height: 100vh;
}

.app-toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1085;
    width: min(420px, calc(100vw - 1.5rem));
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    pointer-events: none;
}

.app-toast {
    pointer-events: auto;
    border-radius: 0.8rem;
    border: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.app-toast .toast-body {
    padding: 0.85rem 1rem;
    font-weight: 500;
}

.app-toast-success {
    background: var(--success);
    color: var(--ui-surface);
}

.app-toast-warning {
    background: var(--warning);
    color: #1f2328;
}

.app-toast-error {
    background: var(--danger);
    color: var(--ui-surface);
}

@media (max-width: 991.98px) {
    .app-toast-container {
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

}

/* --- approvals/partials/form.blade.php: khung xem trước PDF approval --- */
.approval-preview-shell {
    font-family: DejaVu Sans, Arial, sans-serif;
    font-size: 12px;
    color: #111;
    background: var(--ui-surface);
}

.approval-preview-shell .sheet {
    border: 1px solid #000;
    box-sizing: border-box;
    min-height: 267mm;
}

.approval-preview-shell table {
    width: 100%;
    border-collapse: collapse;
}

.approval-preview-shell table+table {
    margin-top: -1px;
}

.approval-preview-shell td,
.approval-preview-shell th {
    border: 0.1px solid #000;
    padding: 4px 6px;
    vertical-align: top;
}

.approval-preview-shell .no-border {
    border: none !important;
}

.approval-preview-shell .title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.approval-preview-shell .small {
    font-size: 11px;
}

.approval-preview-shell .section {
    font-weight: 700;
    margin: 10px 0 6px;
}

.approval-preview-shell .text-center {
    text-align: center;
}

.approval-preview-shell .text-right {
    text-align: right;
}

.approval-preview-shell .text-bottom {
    vertical-align: bottom;
}

.approval-preview-shell .sign-box {
    height: 90px;
}

.workflow-signature-img {
    display: block;
    width: auto;
    /* max-width: 100%; */ 
    max-height: 120px;
    object-fit: contain;
    margin: 0 auto;
}

/* --- mpr/status.blade.php: trang theo dõi tình trạng MPR --- */
.status-header {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: var(--ui-surface);
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.status-card {
    background: var(--ui-surface);
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.status-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.mpr-status {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
}

/* Ghi chú: dùng compound selector .mpr-status.status-* để không đụng chạm
   tới .status-badge.status-* (dùng ở các trang khác) vốn có màu khác. */
.mpr-status.status-pending_approval {
    background: var(--ui-warning-soft);
    color: #856404;
    border: 1px solid #ffeaa7;
}

.mpr-status.status-processing {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #74b9ff;
}

.mpr-status.status-completed {
    background: #d4edda;
    color: #155724;
    border: 1px solid #00b894;
}

.priority-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Ghi chú: dùng compound selector .priority-badge.priority-* để không đụng
   .priority-* dạng chữ (dùng trong bảng) đã có ở trên. */
.priority-badge.priority-high {
    background: var(--danger);
    color: var(--ui-surface);
}

.priority-badge.priority-medium {
    background: var(--warning);
    color: #212529;
}

.priority-badge.priority-low {
    background: var(--ui-muted);
    color: var(--ui-surface);
}

.progress-container {
    background: var(--surface-soft);
    border-radius: 10px;
    padding: 0.5rem;
    margin: 1rem 0;
}

.progress-bar-custom {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(90deg, #28a745, #20c997);
    transition: width 0.6s ease;
}

.filter-tabs {
    background: var(--ui-surface);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.filter-tab {
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--ui-border);
    border-radius: 25px;
    background: var(--ui-surface);
    color: var(--ui-muted);
    text-decoration: none;
    margin-right: 1rem;
    transition: all 0.3s ease;
}

.filter-tab:hover {
    border-color: #28a745;
    color: #28a745;
    text-decoration: none;
}

.filter-tab.active {
    background: linear-gradient(135deg, #28a745, #20c997);
    border-color: #28a745;
    color: var(--ui-surface);
}

/* --- mpr/create.blade.php --- */
.mpr-create-page .mpr-create-heading .card-header-custom { padding: 8px 12px; }
.mpr-create-page .mpr-create-heading h3 { font-size: 1.1rem; }
.mpr-create-header .form-label { margin-bottom: 2px; font-size: 12px; }
.mpr-create-header .form-control,
.mpr-create-header .form-select { min-height: 32px; padding-top: 4px; padding-bottom: 4px; }
.mpr-create-header #mpr_code { font-size: 13px; letter-spacing: 0; }
.mpr-create-header .mpr-header-extras .border.rounded { padding: 4px 6px !important; }
.mpr-create-header .mpr-header-extras .col-md-6 { margin-bottom: 0 !important; }
.mpr-create-header .mpr-attachment-list:empty { margin: 0; }
.mpr-create-header [data-mpr-signer-fields] { margin-top: 6px !important; padding-bottom: 6px; }
.mpr-create-header [data-mpr-signer-fields] > .col-12:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.mpr-create-header [data-mpr-signer-fields] .section-title,
.mpr-create-header [data-mpr-signer-fields] small { margin-bottom: 4px !important; }
.mpr-create-page .mpr-create-items { margin-top: 6px; }
.mpr-create-page .mpr-supplement-drawer { --bs-offcanvas-width: 560px; max-width: 100%; }
.mpr-create-page #items-table > tbody > tr > td { padding: 2px 3px; }
.mpr-create-page #items-table > tbody > tr > td :is(input, select, textarea) {
    min-height: 28px; padding: 2px 4px; line-height: 1.25;
}
.mpr-create-page #items-table > tbody > tr > td .btn { padding: 2px 6px; }
@media (max-width: 575.98px) {
    .mpr-create-page .mpr-supplement-drawer { --bs-offcanvas-width: 100%; }
}
.mpr-create-page .mpr-excel-paste { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; align-items: center; }
.mpr-create-page .mpr-excel-paste label { grid-column: 1 / -1; margin-bottom: 0; font-size: 12px; }
.mpr-create-page .mpr-excel-paste textarea { min-height: 38px; height: 38px; }
.mpr-create-page .mpr-excel-paste button { margin-top: 0 !important; }
@media (min-width: 1200px) {
    .mpr-create-header .mpr-header-fields { display: grid; grid-template-columns: 1.1fr .45fr 1fr .8fr 1.3fr 1.1fr 1.3fr; }
    .mpr-create-header .mpr-header-fields > div { width: auto; min-width: 0; }
    .mpr-create-header .mpr-header-fields .form-label { white-space: nowrap; }
    .mpr-create-header .mpr-header-fields > div:last-child > div { gap: 8px !important; white-space: nowrap; }
}
@media (max-width: 575.98px) {
    .mpr-create-page .mpr-excel-paste { grid-template-columns: 1fr; }
}
.form-card {
    background: var(--ui-surface);
    border-radius: 18px;
    /* padding: 2.5rem 2rem; */
    box-shadow: 0 8px 32px rgba(var(--bs-primary-rgb), 0.1);
    margin-bottom: 2.5rem;
    max-width: 100vw;
    width: 100%;
}

#mpr_code {
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center;
    color: var(--brand-blue);
    background: linear-gradient(135deg, var(--ui-surface), #edf4fc) !important;
    border: 2px solid var(--brand-blue) !important;
    letter-spacing: 1px;
}

.mpr-code-label {
    color: var(--brand-blue);
    font-weight: 600;
    font-size: 0.9rem;
}

/* --- mpr/edit.blade.php --- */
.btn-warning {
    background: linear-gradient(135deg, var(--warning) 0%, #fd7e14 100%);
    border: none;
    color: #000;
}

.btn-warning:hover {
    background: linear-gradient(135deg, #e0a800 0%, #dc6100 100%);
    color: #000;
    transform: translateY(-1px);
}

.mpr-item-locked-row>td {
    background: var(--table-locked-bg) !important;
    --bs-table-bg-state: var(--table-locked-bg) !important;
}

.mpr-item-locked-row>td input,
.mpr-item-locked-row>td select,
.mpr-item-locked-row>td textarea {
    background: var(--table-locked-bg) !important;
    border-color: var(--table-border);
    --bs-table-bg-state: var(--table-locked-bg) !important;
}

.mpr-item-locked-row:hover>td {
    background: var(--table-locked-hover-bg) !important;
    --bs-table-bg-state: var(--table-locked-hover-bg) !important;
}

/* --- mpr/items.blade.php + inspection/items-overview.blade.php (gộp trùng) --- */
.items-table {
    background: var(--ui-surface);
}
/* =====================================================================
   Sidebar Theme
   ===================================================================== */
.sidebar {
    background: var(--ui-surface, #fff);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
    min-height: calc(100vh - 76px);
    padding: 20px 0;
}

.sidebar .nav-link {
    color: var(--ui-muted, #5b738b);
    padding: 12px 20px;
    border-radius: 0;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.sidebar .nav-link:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--brand-blue, #0070f2);
    border-left-color: var(--brand-blue, #0070f2);
}

.sidebar .nav-link.active {
    background-color: rgba(var(--bs-primary-rgb), 0.12);
    color: var(--brand-blue-dark, #0057d2);
    border-left-color: var(--brand-blue, #0070f2);
    font-weight: 600;
}

.main-content.with-sidebar {
    margin-left: var(--sidebar-width, 250px);
    min-height: 100vh;
    background: var(--ui-bg, #f5f6f7);
    transition: margin-left 0.2s ease;
}

.app-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--sidebar-width, 250px);
    height: 100vh;
    background: var(--ui-brand, #00467d);
    color: var(--ui-surface);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.16);
    transition: transform 0.2s ease;
}

.sidebar-desktop-toggle {
    position: fixed;
    top: 50%;
    left: calc(var(--sidebar-width, 250px) - 14px);
    z-index: 1031;
    width: 28px;
    height: 42px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ui-surface);
    background: var(--sidebar-toggle-bg, var(--sidebar-bg-dark, var(--brand-orange, #FF6600)));
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%);
    transition: left 0.2s ease, background-color 0.2s ease;
}

.sidebar-desktop-toggle:hover,
.sidebar-desktop-toggle:focus-visible {
    background: var(--sidebar-toggle-hover, var(--brand-blue-2, #3095ff));
}

body.sidebar-collapsed .app-sidebar {
    transform: translateX(-100%);
}

body.sidebar-collapsed .main-content.with-sidebar {
    margin-left: 0;
}

body.sidebar-collapsed .sidebar-desktop-toggle {
    left: 0.5rem;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.sidebar-brand img {
    height: 46px;
    width: auto;
}

.sidebar-title {
    color: var(--ui-surface);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
    display: block;
}

.today {
    color: #d9e8f5;
    font-size: 0.875rem;
    font-weight: 600;
}

.sidebar-menu {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 0.5rem;
}

.sidebar-nav .nav-link {
    color: var(--ui-surface) !important;
    border-radius: 0.5rem;
    padding: 0.4rem 0.5rem;
    /* margin-bottom: 0.2rem; */
    font-size: 0.875rem;
}

.sidebar-nav .nav-link:hover {
    background: var(--sidebar-hover, rgba(255, 255, 255, 0.12));
    color: var(--sidebar-hover-color, #fff) !important;
}

.sidebar-nav .nav-link.active {
    background: var(--sidebar-active, rgba(255, 255, 255, 0.22));
    color: var(--sidebar-active-color, #fff) !important;
}

.sidebar-group-toggle.active {
    color: var(--sidebar-group-active-color, #d9e8f5) !important;
    background: var(--sidebar-group-active-bg, rgba(255, 255, 255, 0.18));
}

.sidebar-group {
    margin-bottom: 0.2rem;
}

.sidebar-group-toggle {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    gap: 0.6rem;
    text-align: left;
}

.sidebar-group-toggle .sidebar-caret {
    transition: transform 0.2s ease;
    font-size: 0.75rem;
}

.sidebar-group.is-open .sidebar-caret,
.sidebar-group-toggle[aria-expanded="true"] .sidebar-caret {
    transform: rotate(180deg);
}

.sidebar-submenu {
    display: none;
    padding: 0.35rem 0.25rem 0.35rem 1.8rem;
}

.sidebar-submenu.show {
    display: block;
}

.sidebar-submenu .dropdown-item {
    color: rgba(255, 255, 255, 0.92);
    border-radius: 0.45rem;
    padding: 0.45rem 0.7rem;
    /* margin-bottom: 0.15rem; */
    font-size: 0.75rem;
}

.sidebar-submenu .dropdown-item:hover,
.sidebar-submenu .dropdown-item.active {
    background: var(--sidebar-submenu-active-bg, rgba(255, 255, 255, 0.18));
}

.sidebar-nav .dropdown-menu {
    border: 1px solid var(--ui-border, #d5dadd);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
    min-width: 235px;
}

.sidebar-footer {
    padding: 0.65rem 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.sidebar-mobile-header {
    display: none;
    position: sticky;
    top: 0;
    z-index: 1020;
    background: var(--sidebar-bg, var(--brand-blue, #0070f2));
    color: var(--ui-surface);
    padding: 0.5rem 0.65rem;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
}

.sidebar-mobile-header .btn {
    color: var(--ui-surface);
    border-color: rgba(255, 255, 255, 0.5);
}

.sidebar-overlay {
    display: none;
}

@media (max-width: 768px) {
    .sidebar {
        min-height: 0;
    }
}

@media (max-width: 991.98px) {
    .sidebar-mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-desktop-toggle {
        display: none;
    }

    .app-sidebar {
        transform: translateX(-100%);
        transition: transform 0.2s ease;
    }

    body.sidebar-open .app-sidebar {
        transform: translateX(0);
    }

    .sidebar-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.42);
        z-index: 1025;
    }

    body.sidebar-open .sidebar-overlay {
        display: block;
    }

    .main-content.with-sidebar {
        margin-left: 0;
    }
}

@media print {
    .sidebar {
        display: none !important;
    }
}

/* resources/views/admin/currencies/index.blade.php */

    :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-table-toolbar { padding: .75rem; border-bottom: 1px solid var(--border-soft-2); }
    :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-filter-controls { display: flex; align-items: flex-end; justify-content: flex-end; gap: .75rem; }
    :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-search { flex: 0 1 460px; }
    :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-7ded84538e-0"])) 
    .currency-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-7ded84538e-0"])) 
    .currency-table-toolbar .btn { height: 38px; }
    :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-index-table { min-width: 760px; }
    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-filter-controls { align-items: stretch; flex-direction: column; }
        :where(:root:has([data-ui-scope="view-7ded84538e-0"])) .currency-search { width: 100%; flex-basis: auto; }
    }


/* resources/views/admin/workflow-templates/create.blade.php */

    :where(:root:has([data-ui-scope="view-fa8974711d-0"])) .step-row {
        border: 1px solid var(--ui-border);
        background: var(--ui-surface);
        padding: 0.75rem;
        border-radius: 8px;
    }

    :where(:root:has([data-ui-scope="view-fa8974711d-0"])) .step-row.is-dragging {
        opacity: 0.45;
    }

    :where(:root:has([data-ui-scope="view-fa8974711d-0"])) .step-drag-handle {
        cursor: grab;
    }

    :where(:root:has([data-ui-scope="view-fa8974711d-0"])) .step-drag-handle:active {
        cursor: grabbing;
    }


/* resources/views/admin/workflow-templates/edit.blade.php */

    :where(:root:has([data-ui-scope="view-c85555db95-0"])) .step-row {
        border: 1px solid var(--ui-border);
        background: var(--ui-surface);
        padding: 0.75rem;
        border-radius: 8px;
    }

    :where(:root:has([data-ui-scope="view-c85555db95-0"])) .step-row.is-dragging {
        opacity: 0.45;
    }

    :where(:root:has([data-ui-scope="view-c85555db95-0"])) .step-drag-handle {
        cursor: grab;
    }

    :where(:root:has([data-ui-scope="view-c85555db95-0"])) .step-drag-handle:active {
        cursor: grabbing;
    }


/* resources/views/approvals/index.blade.php */

    :where(:root:has([data-ui-scope="view-0e86597d89-0"])) .approval-table-quick-search-slot {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding-right: 0;
    }

    :where(:root:has([data-ui-scope="view-0e86597d89-0"])) .approval-table-quick-search-slot .approval-quick-search {
        margin-left: auto;
    }

    :where(:root:has([data-ui-scope="view-0e86597d89-0"])) .approval-number-link {
        border: 0;
        background: transparent;
        color: var(--bs-primary);
        padding: 0;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    :where(:root:has([data-ui-scope="view-0e86597d89-0"])) .approval-number-link:hover,:where(:root:has([data-ui-scope="view-0e86597d89-0"])) 
    .approval-number-link:focus {
        color: var(--bs-primary-text-emphasis);
    }

    :where(:root:has([data-ui-scope="view-0e86597d89-0"])) #approvalQuickViewFrame {
        width: 100%;
        height: 100%;
        border: 0;
        background: var(--ui-surface);
    }


/* resources/views/approvals/show.blade.php */

    :where(:root:has([data-ui-scope="view-7ded49abdc-0"])) .approval-item-changed > td {
        background-color: var(--table-changed-bg) !important;
        --bs-table-bg-state: var(--table-changed-bg) !important;
    }

    :where(:root:has([data-ui-scope="view-7ded49abdc-0"])) .approval-change-indicator {
        cursor: pointer;
    }


/* resources/views/approvals/status.blade.php */

    :where(:root:has([data-ui-scope="view-38090edf23-0"])) .approval-status-toolbar {
        display: flex;
        justify-content: flex-end;
        padding: 0.5rem 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-38090edf23-0"])) .approval-status-quick-search {
        max-width: 520px;
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-38090edf23-0"])) .approval-status-quick-search .input-group > .form-control,:where(:root:has([data-ui-scope="view-38090edf23-0"])) 
    .approval-status-quick-search .input-group > .btn {
        height: 38px;
    }


/* resources/views/bom/items.blade.php */

    :where(:root:has([data-ui-scope="view-506c56adc2-0"])) .table-sm th,:where(:root:has([data-ui-scope="view-506c56adc2-0"])) 
    .table-sm td {
        padding: 0.5rem;
    }


/* resources/views/bom/modals/edit-assembly.blade.php */

@media (max-width: 767.98px) {
    :where(:root:has([data-ui-scope="view-142a690591-0"])) .bom-edit-modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    :where(:root:has([data-ui-scope="view-142a690591-0"])) .bom-edit-modal-dialog .modal-content {
        min-height: 100%;
        border: 0;
        border-radius: 0;
    }

    :where(:root:has([data-ui-scope="view-142a690591-0"])) .bom-edit-modal-footer {
        position: sticky;
        bottom: 0;
        z-index: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        background: var(--ui-surface);
    }

    :where(:root:has([data-ui-scope="view-142a690591-0"])) .bom-edit-modal-footer .btn {
        width: 100%;
    }
}


/* resources/views/bom/modals/edit-detail.blade.php */

@media (max-width: 767.98px) {
    :where(:root:has([data-ui-scope="view-34fc3309ef-0"])) .bom-edit-modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    :where(:root:has([data-ui-scope="view-34fc3309ef-0"])) .bom-edit-modal-dialog .modal-content {
        min-height: 100%;
        border: 0;
        border-radius: 0;
    }

    :where(:root:has([data-ui-scope="view-34fc3309ef-0"])) .bom-edit-detail-modal-body {
        max-height: none;
        padding: 1rem;
    }

    :where(:root:has([data-ui-scope="view-34fc3309ef-0"])) .bom-edit-modal-footer {
        position: sticky;
        bottom: 0;
        z-index: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        background: var(--ui-surface);
    }

    :where(:root:has([data-ui-scope="view-34fc3309ef-0"])) .bom-edit-modal-footer .btn {
        width: 100%;
    }
}


/* resources/views/bom/partials/assembly-details-modal.blade.php */

    :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .change-value {
        min-width: 150px;
        max-width: 300px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-list {
        display: none;
    }

    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) #assemblyDetailsModal .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) #assemblyDetailsModal .modal-content {
            min-height: 100%;
            border: 0;
            border-radius: 0;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-assembly-detail-modal-body {
            padding: 1rem;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-assembly-detail-modal-body [data-assembly-detail-search] .col,:where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) 
        .bom-assembly-detail-modal-body [data-assembly-detail-search] .col-auto {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-assembly-detail-modal-body [data-assembly-detail-search] .btn {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-desktop-table {
            display: none;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-list {
            display: grid;
            gap: .75rem;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-item {
            border: 1px solid var(--ui-border);
            padding: .9rem;
            background: var(--ui-surface);
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            border-top: 1px solid var(--ui-border-subtle);
            border-left: 1px solid var(--ui-border-subtle);
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-grid span {
            min-width: 0;
            padding: .5rem;
            color: var(--ui-muted);
            font-size: .72rem;
            border-right: 1px solid var(--ui-border-subtle);
            border-bottom: 1px solid var(--ui-border-subtle);
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-grid strong {
            display: block;
            color: #212529;
            font-size: .85rem;
            overflow-wrap: anywhere;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-detail-mobile-processes {
            margin-top: .75rem;
            padding: .55rem;
            background: var(--surface-soft);
            font-size: .78rem;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-mobile-modal-footer {
            align-items: stretch;
            flex-direction: column-reverse;
            gap: .5rem;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-mobile-modal-footer > * {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-5db64bcfd3-0"])) .bom-mobile-modal-footer .pagination {
            justify-content: center;
            flex-wrap: wrap;
        }
    }


/* resources/views/bom/sheet.blade.php */

    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-frame { border: 1px solid var(--table-border); background: var(--ui-surface); }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-table { min-width: 1550px; font-size: .79rem; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-table thead th { background: var(--table-head); color: var(--table-header-ink); white-space: nowrap; text-align: center; vertical-align: middle; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-table td { border-color: var(--table-border); vertical-align: middle; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-editable { cursor: text; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-editable:hover { outline: 2px solid var(--primary); outline-offset: -2px; background: var(--table-row-hover) !important; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-edit-input { width: 100%; min-width: 90px; border: 1px solid var(--primary); padding: .1rem .25rem; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-saving { opacity: .55; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-assembly-row td { background: var(--table-group-bg)  !important; font-weight: 500; --bs-table-bg-state: var(--table-group-bg) !important; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-detail-row td { background: var(--ui-surface); }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-table td:nth-child(1),:where(:root:has([data-ui-scope="view-c57a23f9b0-0"]))  .bom-sheet-table td:nth-child(13),:where(:root:has([data-ui-scope="view-c57a23f9b0-0"]))  .bom-sheet-table td:nth-child(14),:where(:root:has([data-ui-scope="view-c57a23f9b0-0"]))  .bom-sheet-table td:nth-child(15) { text-align: right; }
    :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bg-badge { background: #0081ff;
        color: var(--ui-surface);
        font-weight: 500;
        border-radius: 5px;
        padding: 3px; }
    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-page { padding: .75rem; }
        :where(:root:has([data-ui-scope="view-c57a23f9b0-0"])) .bom-sheet-page .btn { min-height: 42px; }
    }


/* resources/views/bom/show-summary.blade.php */

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-history-changed>td {
        background-color: var(--table-changed-bg) !important;
        color: var(--ui-text) !important;
        --bs-table-bg-state: var(--table-changed-bg) !important;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-history-changed>td:first-child {
        border-left: 4px solid var(--warning) !important;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-info {
        --bs-bg-opacity: 1;
        background-color: #1b9797 !important;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .change-value {
        min-width: 180px;
        max-width: 360px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-assembly-mobile-list {
        display: none;
    }

    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-page-header {
            align-items: flex-start !important;
            gap: 1rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-page-header h3 {
            font-size: 1.35rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-page-actions {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-page-actions .btn:first-child {
            grid-column: 1 / -1;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-assembly-desktop-table {
            display: none;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-assembly-mobile-list {
            display: grid;
            gap: .75rem;
            padding: .75rem;
            background: var(--surface-soft);
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-assembly-mobile-item {
            border: 1px solid var(--ui-border);
            background: var(--ui-surface);
            padding: 1rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-assembly-mobile-item.bom-history-changed {
            background: var(--table-changed-bg);
            border-left: 4px solid var(--ui-muted);
            --bs-table-bg-state: var(--table-changed-bg) !important;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 1rem 0;
            border-top: 1px solid var(--ui-border-subtle);
            border-bottom: 1px solid var(--ui-border-subtle);
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics>div {
            min-width: 0;
            padding: .65rem .35rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics>div+div {
            border-left: 1px solid var(--ui-border-subtle);
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics span,:where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) 
        .bom-mobile-metrics strong {
            display: block;
            overflow-wrap: anywhere;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics span {
            color: var(--ui-muted);
            font-size: .72rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-mobile-metrics strong {
            font-size: .86rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .card-body .row.g-2>.col-md-8,:where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) 
        .card-body .row.g-2>.col-md-auto {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .card-body .row.g-2 .btn {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) #assemblyDetailsModal .modal-dialog,:where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) 
        .bom-edit-modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) #assemblyDetailsModal .modal-content,:where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) 
        .bom-edit-modal-dialog .modal-content {
            min-height: 100%;
            border: 0;
            border-radius: 0;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-edit-detail-modal-body {
            max-height: none;
            padding: 1rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) #assemblyFabricationDrawer {
            --bs-offcanvas-width: min(100vw, 980px);
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-edit-modal-footer {
            position: sticky;
            bottom: 0;
            z-index: 2;
            background: var(--ui-surface);
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: .5rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) .bom-edit-modal-footer .btn {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) [data-process-editor] {
            padding: .8rem !important;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) [data-process-editor] .col-md-4,:where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) 
        [data-process-editor] .col-md-6 {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) [data-process-editor] .input-group {
            flex-wrap: wrap;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) [data-process-editor] .input-group>.input-group-text.flex-grow-1 {
            width: calc(100% - 42px);
            flex: none !important;
            border-top-right-radius: .375rem;
        }

        :where(:root:has([data-ui-scope="view-d1c08a8ae5-0"])) [data-process-editor] .js-sub-process-status {
            width: 100%;
            flex: none;
            border-top-left-radius: 0;
        }
    }


/* resources/views/bom/show-summary.blade.php */

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) #assemblyFabricationDrawer {
        height: 100vh;
        height: 100dvh;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) #assemblyFabricationDrawerContent {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) #assemblyFabricationDrawerContent .offcanvas-header {
        flex: 0 0 auto;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) #assemblyFabricationDrawerContent .offcanvas-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-summary {
        color: inherit;
        text-decoration: none;
        white-space: normal;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-summary:hover,:where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) 
    .fab-summary:focus-visible {
        color: inherit;
        background: var(--surface-soft);
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-process-mini {
        font-size: .68rem;
        line-height: 1.2;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-stage {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: .1rem;
        min-width: 38px;
        font-size: .65rem;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-stage-done {
        color: var(--success);
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-stage-partial {
        color: #b58100;
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-stage-pending {
        color: var(--ui-muted);
    }

    :where(:root:has([data-ui-scope="view-d1c08a8ae5-1"])) .fab-parts-table th {
        white-space: nowrap;
    }


/* resources/views/bom/show.blade.php */

    :where(:root:has([data-ui-scope="view-366d4a589e-0"])) .form-control-sm {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }


/* resources/views/cp/partials/touch-styles.blade.php */

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-touch {
        --cp-radius: 16px;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-touch .form-label {
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .4px;
        color: #10233d;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-touch .form-select,:where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) 
    .cp-touch .form-control {
        min-height: 64px;
        font-size: 1.3rem;
        font-weight: 600;
        border: 2px solid #94a3b8;
        border-radius: var(--cp-radius);
        color: #0b1a2b;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-touch .form-select:focus,:where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) 
    .cp-touch .form-control:focus {
        border-color: #1a73e8;
        box-shadow: 0 0 0 .3rem rgba(26, 115, 232, .25);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-card {
        border: 0;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(15, 34, 58, .12);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn {
        width: 100%;
        min-height: 86px;
        border: 0;
        border-radius: var(--cp-radius);
        font-size: 1.45rem;
        font-weight: 800;
        letter-spacing: .5px;
        color: var(--ui-surface);
        text-transform: uppercase;
        transition: transform .08s ease-in-out, filter .15s ease-in-out;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn:disabled {
        opacity: .45;
        filter: grayscale(.4);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn:not(:disabled):active {
        transform: scale(.97);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn-start {
        background: var(--success);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn-finish {
        background: #1d4ed8;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn-cancel {
        background: var(--danger);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-metric {
        border-radius: var(--cp-radius);
        background: #0f213a;
        color: var(--ui-surface);
        padding: 18px 16px;
        text-align: center;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-metric .cp-metric-value {
        font-size: 2.6rem;
        font-weight: 800;
        line-height: 1.1;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-metric .cp-metric-label {
        font-size: .95rem;
        text-transform: uppercase;
        letter-spacing: .6px;
        opacity: .85;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 14px;
        border-radius: 999px;
        font-weight: 700;
        font-size: 1rem;
        color: var(--ui-surface);
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-chip-muted {
        background: #e2e8f0;
        color: #334155;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-alert {
        border-radius: var(--cp-radius);
        font-size: 1.15rem;
        font-weight: 700;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-part-card {
        border: 2px solid #e2e8f0;
        border-radius: 18px;
        background: var(--ui-surface);
        height: 100%;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-part-card .cp-part-mark {
        font-size: 1.6rem;
        font-weight: 800;
        color: #0f213a;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-process-btn {
        min-height: 62px;
        font-size: 1.15rem;
        font-weight: 800;
        border: 0;
        border-radius: 14px;
        color: var(--ui-surface);
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cnc-running-table {
        width: 100%;
        table-layout: fixed;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cnc-running-table th,:where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) 
    #runningSheetsBody>tr>td {
        padding: 0.75rem 0.5rem;
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) #runningSheetsBody>tr.table-warning>td {
        height: 45px;
        vertical-align: middle;
    }

    @media (max-width: 576px) {
        :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-btn {
            min-height: 74px;
            font-size: 1.25rem;
        }

        :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-metric .cp-metric-value {
            font-size: 2.1rem;
        }
    }

    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-table-wrap { max-height: 72vh; overflow: auto; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-table { min-width: 900px; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-table thead th { position: sticky; top: 0; z-index: 2; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-row { transition: background-color .2s ease, opacity .2s ease; cursor: pointer; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-row.is-hidden { display: none; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-row.is-selected { background-color: #e8f1ff; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label { display: flex; align-items: center; gap: .5rem; min-height: 42px; cursor: pointer; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label[data-level="0"] { padding-left: .25rem; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label[data-level="1"] { padding-left: 1.25rem; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label[data-level="2"] { padding-left: 2.25rem; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label[data-level="3"] { padding-left: 3.75rem; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-label[data-level="4"] { padding-left: 5.25rem; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-toggle { width: 1.5rem; padding: 0; border: 0; background: transparent; color: #475569; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-toggle i { transition: transform .2s ease; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-row.is-collapsed > td:first-child .cp-tree-toggle i { transform: rotate(-90deg); }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-leaf-mark { width: 1.5rem; text-align: center; color: #94a3b8; }
    :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-children { overflow: hidden; transition: max-height .25s ease, opacity .2s ease; }
    @media (max-width: 768px) {
        :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-table { min-width: 760px; }
        :where(:root:has([data-ui-scope="view-dbc7c969b3-0"])) .cp-tree-table-wrap { max-height: 65vh; }
    }


/* resources/views/customer-material/admin/contacts.blade.php */

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-table-toolbar {
        padding: .75rem;
        border-bottom: 1px solid var(--border-soft-2);
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-table-controls {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-page-size {
        display: flex;
        align-items: center;
        gap: .4rem;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-page-size .form-select {
        width: 76px;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-filter-controls {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        gap: .75rem;
        flex: 1 1 auto;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-contact-filter {
        flex: 0 0 240px;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-quick-search {
        flex: 0 1 440px;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-7b2c42effd-0"])) 
    .csm-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-7b2c42effd-0"])) 
    .csm-table-toolbar .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-index-table {
        min-width: 900px;
    }

    @media (max-width: 991.98px) {

        :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-table-controls,:where(:root:has([data-ui-scope="view-7b2c42effd-0"])) 
        .csm-filter-controls {
            align-items: stretch;
            flex-direction: column;
        }

        :where(:root:has([data-ui-scope="view-7b2c42effd-0"])) .csm-filter-controls,:where(:root:has([data-ui-scope="view-7b2c42effd-0"])) 
        .csm-contact-filter,:where(:root:has([data-ui-scope="view-7b2c42effd-0"])) 
        .csm-quick-search {
            width: 100%;
            flex: 1 1 auto;
        }
    }


/* resources/views/customer-material/admin/customers.blade.php */

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-table-toolbar {
        padding: .75rem;
        border-bottom: 1px solid var(--border-soft-2);
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-table-controls {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-page-size {
        display: flex;
        align-items: center;
        gap: .4rem;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-page-size .form-select {
        width: 76px;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-filter-controls {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        gap: .75rem;
        flex: 1 1 auto;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-quick-search {
        flex: 0 1 520px;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) 
    .csm-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) 
    .csm-table-toolbar .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-index-table {
        min-width: 1080px;
    }

    @media (max-width: 991.98px) {

        :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-table-controls,:where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) 
        .csm-filter-controls {
            align-items: stretch;
            flex-direction: column;
        }

        :where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) .csm-filter-controls,:where(:root:has([data-ui-scope="view-bf51f8ca72-0"])) 
        .csm-quick-search {
            width: 100%;
        }
    }


/* resources/views/customer-material/admin/projects.blade.php */

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-table-toolbar {
        padding: .75rem;
        border-bottom: 1px solid var(--border-soft-2);
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-table-controls {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-page-size {
        display: flex;
        align-items: center;
        gap: .4rem;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-page-size .form-select {
        width: 76px;
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-quick-search {
        flex: 0 1 520px;
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-66a46a8c21-0"])) 
    .csm-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-66a46a8c21-0"])) 
    .csm-table-toolbar .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-index-table {
        min-width: 1000px;
    }

    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-table-controls {
            align-items: stretch;
            flex-direction: column;
        }

        :where(:root:has([data-ui-scope="view-66a46a8c21-0"])) .csm-quick-search {
            width: 100%;
        }
    }


/* resources/views/customer_invoices/create.blade.php */

    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-toolbar { max-width: 210mm; margin: 0 auto .75rem; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet { box-sizing: border-box; width: 210mm; min-height: 297mm; margin: 0 auto; padding: 10mm; background: #fff; color: #172033; box-shadow: 0 4px 22px rgba(15, 23, 42, .14); font-size: 12px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-company { border-bottom: 5px double #2563a6; padding-bottom: 8px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-brand-logo { display: block; width: 108px; height: auto; flex: 0 0 auto; object-fit: contain; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-title { color: #2868a9; font-size: 29px; font-weight: 700; letter-spacing: .22em; text-align: center; border-bottom: 5px double #2563a6; padding: 6px 0; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-meta { background: #d5eafa; padding: 8px 10px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-billto { background: #eff2f7; min-height: 121px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-billto-name { background: #a8d69c; padding: 9px 6px; font-weight: 700; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet .form-control,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-sheet .form-select { border-radius: 0; font-size: 12px; padding: .25rem .4rem; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet label { font-size: 11px; font-weight: 600; margin-bottom: 2px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-items { min-width: 0; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-items th { background: #d5eafa !important; text-align: center; font-size: 10px !important; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-items td,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-items th { border-color: #7aa5d3 !important; padding: 0; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-bank { white-space: pre-line; line-height: 1.5; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-total { background: #d5eafa; font-weight: 700; padding: 5px 8px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-line { display: flex; align-items: flex-start; gap: .5rem; margin-bottom: 4px; padding: 0 6px; background: #f3f3f3; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-line > label { flex: 0 0 22px; margin: 9px 0 0; color: #2868a9; font-style: italic; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-control { position: relative; display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: 3px; min-width: 0; min-height: 34px; padding: 2px 4px; border: 1px solid #ced4da; background: #fff; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-badges { display: contents; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-search { flex: 1 1 120px; width: 100%; min-width: 120px; border: 0 !important; box-shadow: none !important; background: transparent !important; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-badge { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 1px 5px; border: 1px solid #9abbd7; background: #d5eafa; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-recipient-remove { padding: 0 2px; border: 0; background: transparent; color: #34495e; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-contact-results { position: absolute; z-index: 20; top: 100%; right: -1px; left: -1px; max-height: 180px; overflow-y: auto; border: 1px solid #9aa9b8; background: #fff; box-shadow: 0 4px 10px rgba(15, 23, 42, .14); }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-contact-results[hidden] { display: none; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-contact-result { display: block; width: 100%; padding: 6px 8px; border: 0; border-bottom: 1px solid #e5e7eb; background: #fff; text-align: left; font-size: 12px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-contact-result:hover,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-contact-result:focus { background: #d5eafa; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-search { position: relative; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-results { position: absolute; z-index: 20; top: 100%; right: 0; left: 0; max-height: 220px; overflow-y: auto; border: 1px solid #9aa9b8; background: #fff; box-shadow: 0 4px 10px rgba(15, 23, 42, .14); }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-results[hidden] { display: none; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-result { display: block; width: 100%; padding: 6px 8px; border: 0; border-bottom: 1px solid #e5e7eb; background: #fff; text-align: left; font-size: 12px; }
    :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-result:hover,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-project-result:focus { background: #d5eafa; }
    @media (max-width: 800px) { :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet { width: 100%; min-height: auto; padding: 1rem; } }
    @page ui-invoice-create { size: A4 portrait; margin: 0; }
    @media print {
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) body { page: ui-invoice-create; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) body * { visibility: hidden !important; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-sheet * { visibility: visible !important; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet { position: absolute; inset: 0 auto auto 0; width: 210mm; min-height: 297mm; margin: 0; padding: 10mm; box-shadow: none; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-toolbar,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-no-print { display: none !important; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet .form-control,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-sheet .form-select { border: 0; box-shadow: none; background: transparent !important; padding-left: 0; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-sheet .form-select { appearance: none; }
        :where(:root:has([data-ui-scope="view-846ac68b87-0"])) .invoice-project-results,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-contact-results,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-recipient-remove,:where(:root:has([data-ui-scope="view-846ac68b87-0"]))  .invoice-recipient-search { display: none !important; }
    }


/* resources/views/customer_invoices/index.blade.php */

    :where(:root:has([data-ui-scope="view-834726aaa7-0"])) .invoice-index-row { cursor: pointer; }
    :where(:root:has([data-ui-scope="view-834726aaa7-0"])) .invoice-index-row:focus-visible { outline: 2px solid #2563a6; outline-offset: -2px; }
    :where(:root:has([data-ui-scope="view-834726aaa7-0"])) .invoice-row-action { position: relative; z-index: 1; }
    :where(:root:has([data-ui-scope="view-834726aaa7-0"])) .table-hover > tbody > tr.invoice-partially-paid > *,:where(:root:has([data-ui-scope="view-834726aaa7-0"])) 
    .table-hover > tbody > tr.invoice-partially-paid:hover > * {
        --bs-table-bg: var(--table-attention-bg);
        --bs-table-bg-type: var(--table-attention-bg);
        --bs-table-bg-state: var(--table-attention-bg);
        background-color: var(--table-attention-bg);
    }


/* resources/views/customer_invoices/show.blade.php */

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-toolbar {
        max-width: 210mm;
        margin: 0 auto .75rem;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-sheet {
        box-sizing: border-box;
        width: 210mm;
        min-height: 297mm;
        margin: 0 auto;
        padding: 10mm;
        background: #fff;
        color: #172033;
        font-size: 12px;
        box-shadow: 0 4px 22px rgba(15, 23, 42, .14);
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-company {
        border-bottom: 5px double #2563a6;
        padding-bottom: 8px;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-brand-logo {
        display: block;
        width: 108px;
        height: auto;
        flex: 0 0 auto;
        object-fit: contain;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-title {
        color: #2868a9;
        font-size: 29px;
        font-weight: 700;
        letter-spacing: .22em;
        text-align: center;
        border-bottom: 5px double #2563a6;
        padding: 6px 0;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-meta {
        background: #d5eafa;
        padding: 8px 10px;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-client {
        background: #eff2f7;
        padding: 8px 10px;
        /* margin-bottom: 1rem; */
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-billto {
        background: #eff2f7;
        min-height: 121px;
        /* padding: 8px; */
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-billto-name {
        background: #a8d69c;
        padding: 9px 6px;
        font-weight: 700;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-items th {
        background: #d5eafa !important;
        text-align: center;
        font-size: 10px !important;
        /* padding: 0px !important; */
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-items td,:where(:root:has([data-ui-scope="view-6e5312d446-0"])) 
    .invoice-items th {
        border-color: #7aa5d3 !important;
        padding: 0px;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-bank {
        white-space: pre-line;
        line-height: 1.5;
    }

    :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-total {
        background: #d5eafa;
        font-weight: 700;
        padding: 5px 8px;
    }

    @media (max-width: 800px) {
        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-sheet {
            width: 100%;
            min-height: auto;
            padding: 1rem;
        }
    }

    @page ui-invoice-show {
        size: A4 portrait;
        margin: 0;
    }

    @media print {
        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) body { page: ui-invoice-show; }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])),:where(:root:has([data-ui-scope="view-6e5312d446-0"])) 
        body {
            width: 210mm !important;
            height: 297mm !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
        }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) #app {
            width: 210mm !important;
            height: 297mm !important;
            min-height: 0 !important;
            overflow: hidden !important;
        }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) body * {
            visibility: hidden !important;
        }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-sheet,:where(:root:has([data-ui-scope="view-6e5312d446-0"])) 
        .invoice-sheet * {
            visibility: visible !important;
        }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-sheet {
            position: absolute;
            top: 0 !important;
            left: 0 !important;
            width: 210mm;
            height: 297mm;
            min-height: 0;
            margin: 0;
            padding: 10mm;
            box-shadow: none;
        }

        :where(:root:has([data-ui-scope="view-6e5312d446-0"])) .invoice-toolbar {
            display: none !important;
        }
    }


/* resources/views/customer_payment_milestones/create-batch.blade.php */

    :where(:root:has([data-ui-scope="view-30e69a0191-0"])) .milestone-row {
        border: 1px solid #8fb7df !important;
        border-radius: .5rem;
        box-shadow: 5px 5px 15px 2px rgba(30, 64, 96, .1);
    }

    :where(:root:has([data-ui-scope="view-30e69a0191-0"])) .milestone-document-panel {
        height: 100%;
        padding: .75rem;
        background: #f2f6fa;
        border: 1px solid #dbe5ee;
        border-radius: .4rem;
    }

    :where(:root:has([data-ui-scope="view-30e69a0191-0"])) .milestone-document-panel .document-row {
        padding: .45rem;
        background: var(--ui-surface);
        border: 1px solid #e0e7ef;
        border-radius: .35rem;
    }


/* resources/views/customer_payment_milestones/show.blade.php */

:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .card-header-custom { padding: .35rem .7rem; background: #f3f5f7; border-bottom: 1px solid #d9dee3; color: var(--ui-text); }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .mpr-card:has(.card-header-custom h1) .card-header-custom { background: #427CAC; color: var(--ui-surface); }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .card-header-custom .text-white-50 { color: rgba(255,255,255,.8) !important; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .card-header-custom h1 { font-size: 1.1rem !important; line-height: 1.25; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .card-header-custom h2 { font-size: .92rem !important; font-weight: 600; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .nav-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .nav-tabs .nav-link { padding: .3rem .55rem; font-size: .8rem; white-space: nowrap; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .row.g-3.mb-3 .mpr-card { padding: .55rem .7rem !important; }
:where(:root:has([data-ui-scope="view-cce5e2ff1c-0"])) .milestone-detail .row.g-3.mb-3 .fs-5 { font-size: 1rem !important; }


/* resources/views/customer_purchase_orders/_file-selection.blade.php */

    :where(:root:has([data-ui-scope="view-e52e720a32-0"])) .po-file-dropzone {
        display: flex;
        min-height: 112px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .25rem;
        border: 2px dashed var(--border-soft-2, #cbd5e1);
        border-radius: 6px;
        background: var(--bs-tertiary-bg, #f8f9fa);
        cursor: pointer;
        transition: border-color .15s ease, background-color .15s ease;
    }
    :where(:root:has([data-ui-scope="view-e52e720a32-0"])) .po-file-dropzone > .fas { color: var(--bs-primary); font-size: 1.35rem; }
    :where(:root:has([data-ui-scope="view-e52e720a32-0"])) .po-file-dropzone:hover,:where(:root:has([data-ui-scope="view-e52e720a32-0"])) 
    .po-file-dropzone:focus-visible,:where(:root:has([data-ui-scope="view-e52e720a32-0"])) 
    .po-file-dropzone.is-dragover {
        border-color: var(--bs-primary);
        background: var(--bs-primary-bg-subtle, #eaf2ff);
        outline: none;
    }


/* resources/views/customer_purchase_orders/index.blade.php */

    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-table-toolbar { padding: .75rem; border-bottom: 1px solid var(--border-soft-2); }
    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-filter-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; }
    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-filter-controls > div { flex: 1 1 0; min-width: 150px; }
    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-filter-controls .customer-po-search { flex: 1.5 1 260px; }
    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-5ef4fee343-0"])) 
    .customer-po-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-5ef4fee343-0"])) 
    .customer-po-table-toolbar .btn { height: 38px; }
    :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-index-table { min-width: 1120px; }
    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-filter-controls { align-items: stretch; flex-direction: column; }
        :where(:root:has([data-ui-scope="view-5ef4fee343-0"])) .customer-po-filter-controls > div,:where(:root:has([data-ui-scope="view-5ef4fee343-0"])) 
        .customer-po-filter-controls .customer-po-search { width: 100%; }
    }


/* resources/views/dashboard-launcher.blade.php */

    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) body:has(.vhe-launcher) { overflow: hidden; background: #9e929d; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) body:has(.vhe-launcher) .app-sidebar,:where(:root:has([data-ui-scope="view-3f703574f6-0"])) 
    body:has(.vhe-launcher) .sidebar-mobile-header { display: none; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) body:has(.vhe-launcher) .main-content,:where(:root:has([data-ui-scope="view-3f703574f6-0"])) 
    body:has(.vhe-launcher) .main-content.with-sidebar { margin-left: 0; min-height: 100vh; padding: 0; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .vhe-launcher { min-height: 100vh; position: relative; isolation: isolate; overflow: auto; color: var(--launcher-ink); background: linear-gradient(135deg, rgba(44, 51, 78, .46), rgba(157, 106, 127, .42)), radial-gradient(circle at 80% 18%, rgba(245, 215, 198, .48), transparent 34%), linear-gradient(125deg, #79778c 0%, #9f8e9e 48%, #c49fa8 100%); }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .vhe-launcher::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-status { display: flex; justify-content: flex-end; align-items: center; gap: 18px; padding: 14px 28px 0; color: var(--launcher-muted); font-size: .86rem; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-status-item { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-badge { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: -8px; margin-top: -13px; border: 2px solid rgba(126,118,137,.75); border-radius: 999px; background: #118f9e; color: var(--ui-surface); font-size: .68rem; font-weight: 700; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-user { padding-left: 2px; color: var(--ui-surface); }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-grid { display: grid; grid-template-columns: repeat(6, minmax(86px, 1fr)); gap: 34px 52px; width: min(790px, calc(100% - 48px)); margin: clamp(80px, 15vh, 145px) auto 0; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-tile { display: flex; flex-direction: column; align-items: center; gap: 9px; min-width: 0; color: var(--ui-surface); text-decoration: none; text-shadow: 0 1px 3px rgba(0,0,0,.42); transition: transform 160ms ease, filter 160ms ease; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-tile:hover,:where(:root:has([data-ui-scope="view-3f703574f6-0"]))  .launcher-tile:focus-visible { color: var(--ui-surface); transform: translateY(-5px); filter: brightness(1.12); }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-icon { display: grid; place-items: center; width: 70px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); border-radius: 2px; background: var(--tile-color, #55708e); box-shadow: 0 9px 16px rgba(47,40,54,.22), inset 0 1px rgba(255,255,255,.12); font-size: 2.3rem; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-label { max-width: 112px; min-height: 20px; font-size: .94rem; font-weight: 500; line-height: 1.25; text-align: center; }
    :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-logo { display: block; width: 105px; max-height: 55px; object-fit: contain; margin: clamp(56px, 11vh, 106px) auto 28px; filter: brightness(0) invert(1) drop-shadow(0 2px 2px rgba(0,0,0,.18)); }
    @media (max-width: 760px) {
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) body:has(.vhe-launcher) { overflow: auto; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-status { gap: 10px; padding: 12px 16px 0; font-size: .76rem; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-status-item:not(.launcher-user) span:not(.launcher-badge) { display: none; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-grid { grid-template-columns: repeat(3, minmax(74px, 1fr)); gap: 28px 18px; width: min(420px, calc(100% - 42px)); margin-top: 70px; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-icon { width: 62px; font-size: 2rem; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-label { font-size: .82rem; }
        :where(:root:has([data-ui-scope="view-3f703574f6-0"])) .launcher-logo { margin-top: 64px; }
    }


/* resources/views/dashboard-overview.blade.php */

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) body { background: var(--ops-paper); }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-shell { max-width: 1680px; margin: 0 auto; padding: 1.35rem 1.5rem 2.5rem; color: var(--ops-ink); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding: 0.4rem 0 1.25rem; border-bottom: 1px solid var(--ops-line); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-kicker { display: flex; align-items: center; gap: 0.55rem; color: var(--ops-green); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-kicker::before { width: 22px; height: 3px; content: ''; background: var(--ops-lime); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-title { margin: 0.35rem 0 0; color: var(--ops-ink); font-size: 1.8rem; font-weight: 750; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-subtitle { margin: 0.3rem 0 0; color: var(--ops-muted); font-size: 0.9rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header-meta { display: flex; align-items: center; gap: 0.55rem; color: var(--ops-muted); font-size: 0.85rem; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header-meta i { color: var(--ops-green); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header-meta .meta-divider { width: 1px; height: 18px; background: var(--ops-line); margin: 0 0.25rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 1.2rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-action { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 38px; padding: 0.55rem 0.8rem; color: var(--ops-ink); background: var(--ops-surface); border: 1px solid var(--ops-line); border-radius: 5px; font-size: 0.82rem; font-weight: 700; text-decoration: none; transition: border-color 0.18s ease, color 0.18s ease; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-action:hover { color: var(--ops-green); border-color: var(--ops-green); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-action.primary { color: var(--ui-surface); background: var(--ops-green); border-color: var(--ops-green); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-action.primary:hover { background: #105647; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; margin-bottom: 1.25rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric { min-height: 112px; padding: 1rem 1.05rem; background: var(--ops-surface); border: 1px solid var(--ops-line); border-top: 3px solid var(--metric-color, var(--ops-green)); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric-head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; color: var(--ops-muted); font-size: 0.79rem; font-weight: 650; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric-head i { color: var(--metric-color, var(--ops-green)); font-size: 0.95rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric-value { margin-top: 0.7rem; color: var(--ops-ink); font-size: 1.85rem; font-weight: 750; line-height: 1; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric-note { margin-top: 0.35rem; color: var(--ops-muted); font-size: 0.72rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-section { margin-top: 1.35rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 0.65rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-section-title { margin: 0; color: var(--ops-ink); font-size: 1rem; font-weight: 750; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-section-note { color: var(--ops-muted); font-size: 0.77rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.6rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-link { position: relative; display: flex; align-items: center; gap: 0.7rem; min-height: 66px; padding: 0.75rem; color: var(--ops-ink); background: var(--ops-surface); border: 1px solid var(--ops-line); text-decoration: none; transition: border-color 0.18s ease, transform 0.18s ease; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-link:hover { color: var(--ops-green); border-color: var(--ops-green); transform: translateY(-2px); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; color: var(--step-color, var(--ops-green)); background: var(--step-tint, #e7f2ed); border-radius: 4px; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-copy { min-width: 0; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-copy strong,:where(:root:has([data-ui-scope="view-4bc24d1feb-0"]))  .ops-workflow-copy small { display: block; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-copy strong { font-size: 0.83rem; line-height: 1.2; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-copy small { margin-top: 0.2rem; color: var(--ops-muted); font-size: 0.69rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-main-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr); gap: 0.85rem; margin-top: 1.25rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-side-stack { display: grid; align-content: start; gap: 0.85rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel { min-width: 0; background: var(--ops-surface); border: 1px solid var(--ops-line); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 52px; padding: 0.75rem 1rem; border-bottom: 1px solid var(--ops-line); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-head h2 { margin: 0; color: var(--ops-ink); font-size: 0.92rem; font-weight: 750; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-link { color: var(--ops-green); font-size: 0.77rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-link:hover { color: #104f43; text-decoration: underline; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-body { padding: 0.75rem 1rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table { width: 100%; margin: 0; border-collapse: collapse; font-size: 0.8rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table th { padding: 0.6rem 0.5rem; color: var(--ops-muted); background: var(--table-head); border-bottom: 1px solid var(--ops-line); font-size: 0.69rem; font-weight: 750; text-align: left; text-transform: uppercase; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table td { padding: 0.7rem 0.5rem; color: var(--ops-ink); border-bottom: 1px solid var(--table-border); vertical-align: middle; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table tr:last-child td { border-bottom: 0; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table a { color: var(--ops-green); font-weight: 750; text-decoration: none; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table a:hover { text-decoration: underline; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-secondary { display: block; margin-top: 0.18rem; color: var(--ops-muted); font-size: 0.7rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge { display: inline-block; padding: 0.25rem 0.45rem; color: var(--badge-ink, #52635d); background: var(--badge-bg, #edf1ed); border-radius: 3px; font-size: 0.68rem; font-weight: 700; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.pending { --badge-ink: var(--warning-ink); --badge-bg: var(--ui-warning-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.pending_approval { --badge-ink: var(--ui-accent-ink); --badge-bg: var(--ui-warning-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.approved { --badge-ink: var(--success); --badge-bg: var(--ui-success-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.processing { --badge-ink: var(--info); --badge-bg: var(--ui-info-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.rejected { --badge-ink: var(--danger); --badge-bg: var(--ui-danger-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.urgent { --badge-ink: var(--danger); --badge-bg: var(--ui-danger-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.high { --badge-ink: var(--warning-ink); --badge-bg: var(--ui-warning-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-badge.medium { --badge-ink: var(--info); --badge-bg: var(--ui-info-soft); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-empty { padding: 1.5rem 0.5rem !important; color: var(--ops-muted) !important; text-align: center; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-list { display: grid; gap: 0.8rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-item { min-width: 0; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-label { display: flex; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.3rem; color: #405650; font-size: 0.75rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-label strong { color: var(--ops-ink); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-track { height: 6px; overflow: hidden; background: #e9eeea; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-status-fill { width: calc(var(--progress, 0) * 1%); height: 100%; background: var(--status-color, var(--ops-green)); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-approval-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; margin-top: 1rem; padding-top: 0.9rem; border-top: 1px solid var(--ops-line); }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-approval-cell { padding: 0.55rem; background: #f6f8f5; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-approval-cell strong { display: block; color: var(--ops-ink); font-size: 1.05rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-approval-cell span { color: var(--ops-muted); font-size: 0.66rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity { display: grid; gap: 0; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity-item { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0.65rem; padding: 0.68rem 0; border-bottom: 1px solid #edf0ec; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity-item:last-child { border-bottom: 0; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity-icon { display: grid; width: 26px; height: 26px; place-items: center; color: var(--ops-green); background: var(--ui-success-soft); border-radius: 50%; font-size: 0.68rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity-title { color: var(--ops-ink); font-size: 0.77rem; font-weight: 700; line-height: 1.35; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-activity-meta { display: flex; justify-content: space-between; gap: 0.5rem; margin-top: 0.2rem; color: var(--ops-muted); font-size: 0.68rem; }

    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-documents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; margin-top: 0.85rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-tools { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.6rem; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-tool-link { display: flex; align-items: center; gap: 0.65rem; min-height: 54px; padding: 0.65rem 0.75rem; color: var(--ops-ink); background: var(--ops-surface); border: 1px solid var(--ops-line); font-size: 0.78rem; font-weight: 700; text-decoration: none; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-tool-link i { width: 19px; color: var(--ops-blue); text-align: center; }
    :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-tool-link:hover { color: var(--ops-green); border-color: var(--ops-green); }

    @media (max-width: 1200px) {
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow,:where(:root:has([data-ui-scope="view-4bc24d1feb-0"]))  .ops-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 900px) {
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-shell { padding: 1rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-main-grid { grid-template-columns: 1fr; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-documents { grid-template-columns: 1fr; }
    }
    @media (max-width: 600px) {
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header { align-items: flex-start; flex-direction: column; gap: 0.7rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-title { font-size: 1.55rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-header-meta { flex-wrap: wrap; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric { min-height: 100px; padding: 0.8rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-metric-value { font-size: 1.55rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow,:where(:root:has([data-ui-scope="view-4bc24d1feb-0"]))  .ops-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-link { min-height: 60px; padding: 0.55rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-icon { flex-basis: 30px; width: 30px; height: 30px; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-workflow-copy small { display: none; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-section-head { align-items: flex-start; flex-direction: column; gap: 0.15rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-panel-body { padding: 0.5rem; }
        :where(:root:has([data-ui-scope="view-4bc24d1feb-0"])) .ops-table { min-width: 540px; }
    }


/* resources/views/dashboard.blade.php */

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) body {
        background-color: var(--dash-bg);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .hero-banner {
        background: radial-gradient(circle at 12% 15%, rgba(255, 255, 255, 0.24) 0, transparent 35%),
            linear-gradient(120deg, var(--primary) 0%, #155e75 55%, var(--primary) 100%);
        color: var(--ui-surface);
        border-radius: 22px;
        padding: 2rem;
        box-shadow: 0 16px 34px rgba(17, 67, 74, 0.25);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .hero-title {
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .hero-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.16);
        font-size: 0.85rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .panel-card {
        border: 1px solid var(--dash-border);
        border-radius: 18px;
        background: var(--dash-card);
        box-shadow: 0 12px 28px rgba(9, 47, 53, 0.06);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-card {
        height: 100%;
        padding: 1.1rem;
        position: relative;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-card::after {
        content: '';
        position: absolute;
        width: 120px;
        height: 120px;
        right: -45px;
        bottom: -60px;
        border-radius: 50%;
        background: rgba(var(--bs-primary-rgb), 0.08);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-value {
        font-size: 1.9rem;
        font-weight: 700;
        color: var(--dash-text);
        line-height: 1.1;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-label {
        color: var(--dash-muted);
        font-size: 0.rem;
        margin-top: 2px;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ui-surface);
        margin-bottom: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-icon.teal {
        background: linear-gradient(135deg, var(--primary), #14b8a6);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-icon.blue {
        background: linear-gradient(135deg, var(--primary), #0ea5e9);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-icon.amber {
        background: linear-gradient(135deg, #b45309, var(--ui-accent));
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-icon.red {
        background: linear-gradient(135deg, #b91c1c, #ef4444);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .section-title {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--dash-text);
        margin-bottom: 1rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .status-line {
        margin-bottom: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .status-line:last-child {
        margin-bottom: 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .status-label {
        display: flex;
        justify-content: space-between;
        color: #35595f;
        font-size: 0.75rem;
        margin-bottom: 0.35rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .status-progress {
        height: 10px;
        border-radius: 999px;
        background: #e8eff0;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .status-progress>span {
        display: block;
        height: 100%;
        border-radius: 999px;
        width: calc(var(--progress, 0) * 1%);
        transition: width 0.6s ease;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-pending {
        background: var(--ui-accent);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-pending-approval {
        background: #f97316;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-approved {
        background: #22c55e;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-processing {
        background: #0ea5e9;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-completed {
        background: var(--success);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .progress-rejected {
        background: var(--danger);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .action-list .btn {
        text-align: left;
        border-radius: 12px;
        margin-bottom: 0.65rem;
        border: none;
        padding: 0.75rem 1rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .activity-item {
        border-bottom: 1px dashed #dbe8ea;
        padding: 0.85rem 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .activity-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .dot.pending {
        background: var(--ui-accent);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .dot.processing {
        background: #0ea5e9;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .dot.completed {
        background: #22c55e;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .counter-status{
        display: flex;
        align-items: stretch;
        /* gap: 6px; */
        /* font-size: 0.9rem; */
        /* padding-bottom: 0.5rem; */
        justify-content: space-between;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-section {
        margin-bottom: 1.25rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-heading {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-heading h4 {
        color: var(--dash-text);
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-heading span {
        color: var(--dash-muted);
        font-size: 0.82rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        border: 1px solid var(--dash-border);
        border-radius: 10px;
        background: var(--dash-card);
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step {
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        min-height: 88px;
        padding: 1rem;
        color: var(--dash-text);
        text-decoration: none;
        border-right: 1px solid var(--dash-border);
        transition: background-color 0.18s ease, color 0.18s ease;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:last-child {
        border-right: 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:hover {
        color: var(--dash-primary);
        background: #f3faf8;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step-icon {
        display: grid;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 9px;
        color: var(--dash-primary);
        background: #e5f4f1;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(2) .business-step-icon { color: var(--primary); background: #e7f1f8; }
    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(3) .business-step-icon { color: #a45b08; background: #fff3db; }
    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(4) .business-step-icon { color: #a33b42; background: #fbeaec; }
    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(5) .business-step-icon { color: #43744b; background: #eaf4e9; }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step-copy {
        min-width: 0;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step-copy strong,:where(:root:has([data-ui-scope="view-e720f286fb-0"])) 
    .business-step-copy small {
        display: block;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step-copy strong {
        font-size: 0.9rem;
        line-height: 1.25;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step-copy small {
        margin-top: 3px;
        color: var(--dash-muted);
        font-size: 0.76rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tools {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.65rem;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tool {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        min-height: 62px;
        padding: 0.75rem 0.9rem;
        color: var(--dash-text);
        background: var(--ui-surface);
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        text-decoration: none;
        transition: border-color 0.18s ease, transform 0.18s ease;
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tool:hover {
        color: var(--dash-primary);
        border-color: var(--dash-primary);
        transform: translateY(-2px);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tool i {
        width: 20px;
        text-align: center;
        color: var(--dash-secondary);
    }

    :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tool span {
        font-size: 0.87rem;
        font-weight: 600;
    }

    @media (max-width: 1440px) {
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .hero-banner {
            padding: 1.2rem;
            border-radius: 18px;
        }

        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .kpi-value {
            font-size: 1.6rem;
        }
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step { border-bottom: 1px solid var(--dash-border); }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(2n) { border-right: 0; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:last-child { border-bottom: 0; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 575.98px) {
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-heading { align-items: flex-start; flex-direction: column; gap: 0.2rem; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-flow { grid-template-columns: 1fr; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step { min-height: 70px; border-right: 0; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:nth-child(2n) { border-right: 0; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-step:last-child { border-bottom: 0; }
        :where(:root:has([data-ui-scope="view-e720f286fb-0"])) .business-tools { grid-template-columns: 1fr; }
    }


/* resources/views/errors/419.blade.php */

        :where(:root:has([data-ui-scope="view-7eb8b7f31b-0"])) body {
            margin: 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: #eef1f4;
            color: #2f353b;
        }
        :where(:root:has([data-ui-scope="view-7eb8b7f31b-0"])) .box {
            text-align: center;
            background: var(--ui-surface);
            border-radius: 10px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            padding: 40px 32px;
            max-width: 420px;
        }
        :where(:root:has([data-ui-scope="view-7eb8b7f31b-0"])) h1 { font-size: 1.3rem; margin: 0 0 10px; }
        :where(:root:has([data-ui-scope="view-7eb8b7f31b-0"])) p { color: var(--ui-muted); margin: 0 0 20px; }
        :where(:root:has([data-ui-scope="view-7eb8b7f31b-0"])) a.btn {
            display: inline-block;
            background: #1a73e8;
            color: var(--ui-surface);
            text-decoration: none;
            padding: 10px 22px;
            border-radius: 4px;
            font-weight: 600;
        }
    

/* resources/views/inspection/inspection-detail.blade.php */

    :where(:root:has([data-ui-scope="view-6c4169a105-0"])) #check-all-po-items,:where(:root:has([data-ui-scope="view-6c4169a105-0"])) 
    .js-item-select:not(:disabled) {
        border-color: #0d6efd;
        accent-color: #0d6efd;
        cursor: pointer;
    }

    :where(:root:has([data-ui-scope="view-6c4169a105-0"])) #check-all-po-items:checked,:where(:root:has([data-ui-scope="view-6c4169a105-0"])) 
    .js-item-select:not(:disabled):checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    :where(:root:has([data-ui-scope="view-6c4169a105-0"])) #check-all-po-items:focus,:where(:root:has([data-ui-scope="view-6c4169a105-0"])) 
    .js-item-select:not(:disabled):focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .2);
    }

/* resources/views/inspection/inspection_request.blade.php */

    :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .inspection-sheet .inspection-table th,:where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) 
    .inspection-sheet .inspection-table td {
        font-size: 12px;
        vertical-align: middle;
    }

    :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .meta-table td {
        font-size: 12px;
    }

    :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .meta-label {
        width: 45%;
        font-weight: 600;
    }

    @media print {
        :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .btn,:where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) 
        .alert,:where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) 
        .navbar,:where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) 
        .sidebar,:where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) 
        .footer {
            display: none !important;
        }

        :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .card {
            border: 0 !important;
            box-shadow: none !important;
        }

        :where(:root:has([data-ui-scope="view-a6952b7eb8-0"])) .container-fluid {
            padding: 0 !important;
        }
    }


/* resources/views/inspection/items-overview.blade.php */

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-card .table th,:where(:root:has([data-ui-scope="view-b78a72474f-0"])) 
    .inspection-items-card .table td {
        vertical-align: middle !important;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-item-row-clickable {
        cursor: pointer;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-item-row-clickable:focus-visible {
        outline: 2px solid #2563a6;
        outline-offset: -2px;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .heat-lines div+div {
        margin-top: 0.15rem;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-toolbar {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 0.75rem;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--ui-border-subtle);
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-search {
        flex: 1 1 460px;
        max-width: 520px;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-manual-receipts {
        flex: 0 0 auto;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .per-page-control {
        width: 120px;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-toolbar .form-control,:where(:root:has([data-ui-scope="view-b78a72474f-0"])) 
    .inspection-items-toolbar .form-select,:where(:root:has([data-ui-scope="view-b78a72474f-0"])) 
    .inspection-items-toolbar .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-table-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--table-border);
        background: var(--table-footer-bg);
        color: var(--ui-muted);
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-table-footer .pagination {
        margin-bottom: 0;
    }

    :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .dataTables_empty {
        background: transparent !important;
        border: 0 !important;
        color: #6b7280 !important;
        text-align: center !important;
        padding: 1rem 0.75rem !important;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-toolbar {
            align-items: stretch;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-items-search,:where(:root:has([data-ui-scope="view-b78a72474f-0"])) 
        .inspection-items-per-page,:where(:root:has([data-ui-scope="view-b78a72474f-0"])) 
        .inspection-items-manual-receipts {
            flex: 1 1 100%;
            max-width: none;
        }

        :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .per-page-control {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-b78a72474f-0"])) .inspection-table-footer {
            align-items: flex-start;
            flex-direction: column;
        }
    }


/* resources/views/inspection/status.blade.php */

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-toolbar {
        border-bottom: 1px solid var(--ui-border-subtle);
        padding: 0.5rem 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-filter {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-search {
        flex: 1 1 420px;
        max-width: 520px;
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-select {
        flex: 0 0 210px;
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-filter .form-control,:where(:root:has([data-ui-scope="view-ea58c131ea-0"])) 
    .inspection-status-filter .form-select,:where(:root:has([data-ui-scope="view-ea58c131ea-0"])) 
    .inspection-status-filter .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-table-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--table-border);
        background: var(--table-footer-bg);
        color: var(--ui-muted);
    }

    :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-table-footer .pagination {
        margin-bottom: 0;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-filter {
            align-items: stretch;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-status-search,:where(:root:has([data-ui-scope="view-ea58c131ea-0"])) 
        .inspection-status-select {
            flex: 1 1 100%;
            max-width: none;
        }

        :where(:root:has([data-ui-scope="view-ea58c131ea-0"])) .inspection-table-footer {
            align-items: flex-start;
            flex-direction: column;
        }
    }


/* resources/views/layouts/app.blade.php */

        :where(:root:has([data-ui-scope="view-66a3ba2334-0"])) .clickable-table-row,:where(:root:has([data-ui-scope="view-66a3ba2334-0"]))  tr[data-row-href] { cursor: pointer; }
        :where(:root:has([data-ui-scope="view-66a3ba2334-0"])) .clickable-table-row:focus-visible,:where(:root:has([data-ui-scope="view-66a3ba2334-0"]))  tr[data-row-href]:focus-visible { outline: 2px solid #245c48; outline-offset: -2px; }
    

/* resources/views/mpr/create.blade.php */

    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table-responsive {
        width: 100%;
        max-width: 100vw;
        overflow-x: auto;
        margin-left: 0;
        margin-right: 0;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table {
        min-width: 1100px;
        background: var(--ui-surface);
        border-radius: 12px;
        overflow: hidden;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table th,:where(:root:has([data-ui-scope="view-b431d94962-0"]))  .table td {
        vertical-align: middle !important;
        font-size: 0.9rem;
        padding: 0.35rem 0.2rem;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table th {
        background: var(--table-head) !important;
        color: var(--ui-text);
        font-weight: 700;
        border-bottom: 2px solid var(--table-border) !important;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table td {
        background: var(--ui-surface);
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table td input,:where(:root:has([data-ui-scope="view-b431d94962-0"]))  .table td select {
        border: 1px solid var(--ui-border);
        border-radius: 4px;
        /* padding: 0.25rem 0.35rem; */
        font-size: 0.75rem;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .mpr-attachment-list {
        display: block;
        width: 100%;
        margin: 0.5rem 0 0;
        padding: 0;
        list-style: none;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .mpr-attachment-item {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 2px;
        /* margin-bottom: 0.35rem; */
        border: 1px solid #e2e8f0;
        border-radius: 0.35rem;
        background: var(--ui-warning-soft);
        font-size: 0.75rem;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .mpr-attachment-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .mpr-attachment-size {
        flex: 0 0 auto;
        color: #64748b;
        white-space: nowrap;
    }
    :where(:root:has([data-ui-scope="view-b431d94962-0"])) .mpr-attachment-remove {
        flex: 0 0 auto;
    }
    @media (max-width: 1200px) {
        :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table-responsive {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        :where(:root:has([data-ui-scope="view-b431d94962-0"])) .table {
            min-width: 1100px;
        }
    }


/* resources/views/mpr/edit.blade.php */

    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table-responsive {
        width: 100%;
        max-width: 100vw;
        overflow-x: auto;
        margin-left: 0;
        margin-right: 0;
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table {
        min-width: 1400px;
        background: var(--ui-surface);
        border-radius: 12px;
        overflow: hidden;
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table th{
        vertical-align: middle !important;
        font-size: 0.9rem;
        padding: 0.35rem 0.2rem;
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table th {
        background: var(--table-head) !important;
        color: var(--ui-text);
        font-weight: 700;
        border-bottom: 2px solid var(--table-border) !important;
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table td {
        background: var(--ui-surface);
        font-size: 0.75rem;
        padding: 0;
        border:#000 1px solid var(--ui-border);  
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table td input,:where(:root:has([data-ui-scope="view-38aaa423f5-0"]))  .table td select {
        border: 1px solid var(--ui-border);
        border-radius: 4px;
        padding: 0.25rem 0.35rem;
        font-size: 0.75rem;
    }
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .mpr-attachment-list {
        display: block;
        width: 100%;
        margin: 0.5rem 0 0;
        padding: 0;
        list-style: none;
    }
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .mpr-attachment-item {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.45rem 0.6rem;
        margin-bottom: 0.35rem;
        border: 1px solid #e2e8f0;
        border-radius: 0.35rem;
        background: #f8fafc;
        font-size: 0.8rem;
    }
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .mpr-attachment-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .mpr-attachment-size {
        flex: 0 0 auto;
        color: #64748b;
        white-space: nowrap;
    }
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .mpr-attachment-remove {
        flex: 0 0 auto;
    }
    
    :where(:root:has([data-ui-scope="view-38aaa423f5-0"])) .table td input:focus,:where(:root:has([data-ui-scope="view-38aaa423f5-0"]))  .table td select:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
        outline: 0;
    }


/* resources/views/mpr/index.blade.php */

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) #mprQuickSearchControl {
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-table-quick-search-slot {
        display: flex;
        flex: 1 1 auto;
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 0;
        width: auto;
    }

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-table-controls-wrap {
        display: flex;
        align-items: flex-end;
        gap: 0.75rem;
        justify-content: flex-end;
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-type-filter-control {
        flex: 0 0 210px;
    }

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) #mprQuickSearchControl .quick-search-wrap {
        flex: 1 1 460px;
        max-width: 460px;
    }

    :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-type-filter-control .form-select,:where(:root:has([data-ui-scope="view-19453c8cef-0"])) 
    #mprQuickSearchControl .input-group>.form-control,:where(:root:has([data-ui-scope="view-19453c8cef-0"])) 
    #mprQuickSearchControl .input-group>.btn {
        height: 38px;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-table-quick-search-slot {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-table-controls-wrap {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        :where(:root:has([data-ui-scope="view-19453c8cef-0"])) .mpr-type-filter-control,:where(:root:has([data-ui-scope="view-19453c8cef-0"])) 
        #mprQuickSearchControl .quick-search-wrap {
            flex: 1 1 100%;
            max-width: none;
        }
    }



/* resources/views/mpr/items.blade.php */

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-header-content {
        gap: 1rem;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-header-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-header-selection {
        max-width: 320px;
        text-align: right;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) #po-selection-preview {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) #mpr-items-table tbody td {
        cursor: pointer;
    }

    .ui-item-selection:not(:disabled),
    :where(:root:has([data-ui-scope="view-123df47362-0"])) #check-all-po-items,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
    .js-po-item-check:not(:disabled) {
        /* width: 1.3rem;
        height: 1.3rem; */
        border-color: #0d6efd;
        accent-color: #0d6efd;
        cursor: pointer;
    }

    .ui-item-selection:not(:disabled):checked,
    :where(:root:has([data-ui-scope="view-123df47362-0"])) #check-all-po-items:checked,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
    .js-po-item-check:not(:disabled):checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .ui-item-selection:not(:disabled):focus,
    :where(:root:has([data-ui-scope="view-123df47362-0"])) #check-all-po-items:focus,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
    .js-po-item-check:not(:disabled):focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .2);
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) #itemsDataTableControls {
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-card .dataTables_wrapper>.row:first-child {
        align-items: flex-end;
        flex-wrap: nowrap;
        padding: 0.5rem 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-card .dataTables_wrapper>.row:first-child>div:first-child {
        flex: 0 0 auto;
        width: auto;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-controls-slot {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
        padding-right: 0;
        width: auto;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-controls-wrap {
        display: flex;
        align-items: flex-end;
        gap: 0.75rem;
        justify-content: flex-end;
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-mpr-type-control {
        flex: 0 0 210px;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-quick-search-control {
        flex: 1 1 460px;
        max-width: 520px;
    }

    :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-mpr-type-control .form-select,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
    .items-quick-search-control .input-group>.form-control,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
    .items-quick-search-control .input-group>.btn {
        height: 38px;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-header-content {
            align-items: flex-start !important;
            flex-direction: column;
        }

        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-header-actions,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
        .items-header-selection {
            justify-content: flex-start;
            max-width: none;
            text-align: left;
        }

        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-card .dataTables_wrapper>.row:first-child {
            align-items: stretch;
            flex-wrap: wrap;
        }

        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-controls-slot {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-table-controls-wrap {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        :where(:root:has([data-ui-scope="view-123df47362-0"])) .items-mpr-type-control,:where(:root:has([data-ui-scope="view-123df47362-0"])) 
        .items-quick-search-control {
            flex: 1 1 100%;
            max-width: none;
        }
    }


/* resources/views/mpr/partials/item-script.blade.php */

    :where(:root:has([data-ui-scope="view-19e60d70e2-0"])) #items-table .mpr-unit-corrected {
        background-color: var(--ui-warning-soft) !important;
        border-color: #ffca2c !important;
    }

    :where(:root:has([data-ui-scope="view-19e60d70e2-0"])) #items-table .mpr-unit-invalid {
        background-color: #f8d7da !important;
        border-color: var(--danger) !important;
    }

    :where(:root:has([data-ui-scope="view-19e60d70e2-0"])) #items-table .mpr-material-warning {
        background-color: #fff8e1 !important;
        border-left: 4px solid #f0ad4e;
    }

    :where(:root:has([data-ui-scope="view-19e60d70e2-0"])) #items-table .mpr-material-warning-badge {
        display: block;
        margin-top: 0.25rem;
        color: #856404;
        font-size: 0.7rem;
    }


/* resources/views/mpr_receipts/index.blade.php */

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-table-toolbar {
		border-bottom: 1px solid var(--ui-border-subtle);
		padding: 0.5rem 0.75rem;
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-filter-form {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		gap: 0.75rem;
		width: 100%;
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-quick-search {
		flex: 1 1 420px;
		max-width: 520px;
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-date-filter {
		flex: 0 0 170px;
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-filter-form .form-control,:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) 
	.receipts-filter-form .btn {
		height: 38px;
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-table-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.75rem 1rem;
		border-top: 1px solid var(--table-border);
		background: var(--table-footer-bg);
		color: var(--ui-muted);
	}

	:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-table-footer .pagination {
		margin-bottom: 0;
	}

	@media (max-width: 991.98px) {
		:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-filter-form {
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-quick-search,:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) 
		.receipts-date-filter {
			flex: 1 1 100%;
			max-width: none;
		}

		:where(:root:has([data-ui-scope="view-98b7f25b7a-0"])) .receipts-table-footer {
			align-items: flex-start;
			flex-direction: column;
		}
	}


/* resources/views/mpr_receipts/partials/item-picker.blade.php */

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-portal-dropdown {
                position: fixed;
                display: block;
                max-height: 280px;
                overflow-y: auto;
                overflow-x: auto;
                z-index: 9999;
            }

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-option {
                white-space: normal;
                padding: 0.35rem 0.5rem;
                font-size: 0.85rem;
                line-height: 1.2;
            }

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-option-row {
                display: grid;
                grid-template-columns: 100px 250px 50px 180px 100px 180px 130px 140px 140px;
                gap: 0.4rem;
                align-items: center;
                min-width: 1480px;
            }

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-cell-text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-qty-cell {
                text-align: right;
                font-weight: 600;
            }

            :where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) .receipt-item-option.active,:where(:root:has([data-ui-scope="view-0c5a4c217a-0"])) 
            .receipt-item-option:active {
                background-color: #0d6efd;
                color: var(--ui-surface);
            }
        

/* resources/views/pending-signatures/index.blade.php */

    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signatures-page { max-width: 1440px; margin: 0 auto; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signatures-heading { border-bottom: 1px solid var(--ui-border); padding-bottom: 1rem; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-count { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: var(--success); color: var(--ui-surface); font-weight: 700; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-table thead th { white-space: nowrap; color: var(--ui-muted); font-size: .78rem; text-transform: uppercase; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-document-type { display: inline-flex; align-items: center; gap: .4rem; color: #495057; font-size: .82rem; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-empty { min-height: 320px; display: grid; place-items: center; text-align: center; color: var(--ui-muted); }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-modal .modal-dialog { max-width: min(1500px, 96vw); }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-modal .modal-content { height: min(880px, 92vh); overflow: hidden; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-modal .modal-body { padding: 0; min-height: 0; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-modal-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(340px, 1fr); height: 100%; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-preview-pane { min-width: 0; background: #eef1f4; border-right: 1px solid var(--ui-border); }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-preview-frame { width: 100%; height: 100%; border: 0; background: var(--ui-surface); }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-action-pane { overflow-y: auto; padding: 1.25rem; background: var(--ui-surface); }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-saved,:where(:root:has([data-ui-scope="view-eab7171051-0"]))  .pending-signature-upload { border: 1px solid var(--ui-border); border-radius: 6px; padding: 1rem; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-saved img { display: block; max-width: 100%; max-height: 120px; margin: .75rem auto; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-preview { max-width: 100%; max-height: 120px; }
    :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-feedback { position: fixed; top: 1rem; left: 50%; z-index: 2000; width: min(520px, calc(100vw - 2rem)); transform: translateX(-50%); }
    @media (max-width: 1080px) {
        :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-signature-modal .modal-content { height: 94vh; }
        :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-modal-grid { grid-template-columns: 1fr; grid-template-rows: minmax(280px, 35%) minmax(0, 65%); }
        :where(:root:has([data-ui-scope="view-eab7171051-0"])) .pending-preview-pane { border-right: 0; border-bottom: 1px solid var(--ui-border); }
    }


/* resources/views/profile/index.blade.php */

    :where(:root:has([data-ui-scope="view-8a46a5245b-0"])) .profile-wrap {
        background: var(--ui-bg);
        border-radius: 18px;
        padding: 1.25rem;
    }

    :where(:root:has([data-ui-scope="view-8a46a5245b-0"])) .profile-card {
        border: 1px solid var(--ui-border);
        border-radius: 16px;
        background: var(--ui-surface);
        box-shadow: 0 8px 20px rgba(9, 41, 44, 0.05);
        height: 100%;
    }

    :where(:root:has([data-ui-scope="view-8a46a5245b-0"])) .profile-title {
        color: var(--ui-text);
        font-weight: 700;
        font-size: 1.02rem;
    }

    :where(:root:has([data-ui-scope="view-8a46a5245b-0"])) .profile-meta {
        color: var(--ui-muted);
        font-size: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-8a46a5245b-0"])) .password-rules {
        background: #f7faf9;
        border: 1px dashed #d8e6e4;
        border-radius: 12px;
        padding: 0.8rem 0.9rem;
        color: #4f6669;
        font-size: 0.88rem;
    }


/* resources/views/purchase_orders/create.blade.php */

    :where(:root:has([data-ui-scope="view-241aaa36c5-0"])) .po-attachment-list {
        list-style: none;
        margin: .5rem 0 0;
        padding: 0;
    }

    :where(:root:has([data-ui-scope="view-241aaa36c5-0"])) .po-attachment-item {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        gap: .75rem;
        padding: 2px;
        /* margin-bottom: .35rem; */
        border: 1px solid #e2e8f0;
        border-radius: .35rem;
        background: var(--ui-warning-soft);
        font-size: .75rem;
    }

    :where(:root:has([data-ui-scope="view-241aaa36c5-0"])) .po-attachment-name {
        min-width: 0;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-241aaa36c5-0"])) .po-attachment-size {
        flex: 0 0 auto;
        color: #64748b;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-241aaa36c5-0"])) .po-attachment-remove {
        flex: 0 0 auto;
    }


/* resources/views/purchase_orders/edit.blade.php */

    :where(:root:has([data-ui-scope="view-fbcf5728f7-0"])) .po-attachment-list { list-style: none; margin: .5rem 0 0; padding: 0; }
    :where(:root:has([data-ui-scope="view-fbcf5728f7-0"])) .po-attachment-item { display: flex; align-items: center; gap: .75rem; padding: .45rem .6rem; margin-bottom: .35rem; border: 1px solid #e2e8f0; border-radius: .35rem; background: #f8fafc; font-size: .8rem; }
    :where(:root:has([data-ui-scope="view-fbcf5728f7-0"])) .po-attachment-name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-fbcf5728f7-0"])) .po-attachment-size { flex: 0 0 auto; color: #64748b; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-fbcf5728f7-0"])) .po-attachment-remove { flex: 0 0 auto; }


/* resources/views/purchase_orders/index.blade.php */

    :where(:root:has([data-ui-scope="view-dd82a8d096-0"])) .po-table-quick-search-slot {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding-right: 0;
    }

    :where(:root:has([data-ui-scope="view-dd82a8d096-0"])) .po-table-quick-search-slot .po-quick-search {
        margin-left: auto;
    }



/* resources/views/purchase_orders/items.blade.php */

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .items-header-content {
        gap: 1rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .items-header-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .items-header-selection {
        max-width: 320px;
        text-align: right;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) #receipt-selection-preview {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .table th,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .table td {
        vertical-align: middle !important;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) #poItemsDataTableControls {
        width: 100%;
        padding: 0.75rem;
        border-bottom: 1px solid var(--ui-border);
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) #check-all-receipt-items,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .js-receipt-item-check:not(:disabled) {
        /* width: 1.3rem;
        height: 1.3rem; */
        border-color: #0d6efd;
        accent-color: #0d6efd;
        cursor: pointer;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) #check-all-receipt-items:checked,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .js-receipt-item-check:not(:disabled):checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) #check-all-receipt-items:focus,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .js-receipt-item-check:not(:disabled):focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .2);
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-table-card .datatable-toolbar:first-child {
        flex-wrap: nowrap;
        padding: 0.5rem 0.75rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-table-controls-slot {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-filter-form {
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        flex-wrap: wrap;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-page-size-control {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        white-space: nowrap;
        padding-bottom: 0.35rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-page-size-control .form-select {
        width: 76px;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-quick-search-control {
        flex: 1 1 460px;
        max-width: 520px;
        margin-left: auto;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-quick-search-control .input-group > .form-control,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .po-items-quick-search-control .input-group > .btn {
        height: 38px;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .datatable-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--table-border);
        background: var(--table-footer-bg);
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .datatable-toolbar .dataTables_length {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .datatable-toolbar .dataTables_length label,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
    .datatable-toolbar .dataTables_info {
        margin: 0;
        color: var(--ui-muted);
        font-size: 0.95rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .datatable-toolbar .dataTables_length select {
        min-width: 80px;
        border-radius: 8px;
        border: 1px solid var(--table-border);
        padding: 0.3rem 0.5rem;
    }

    :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .dataTables_empty {
        background: transparent !important;
        border: 0 !important;
        color: #6b7280 !important;
        text-align: center !important;
        padding: 1rem 0.75rem !important;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .items-header-content {
            align-items: flex-start !important;
            flex-direction: column;
        }

        :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .items-header-actions,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
        .items-header-selection {
            justify-content: flex-start;
            max-width: none;
            text-align: left;
        }

        :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-table-card .datatable-toolbar:first-child {
            align-items: stretch;
            flex-wrap: wrap;
        }

        :where(:root:has([data-ui-scope="view-597b6d57e7-0"])) .po-items-table-controls-slot,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
        .po-items-filter-form,:where(:root:has([data-ui-scope="view-597b6d57e7-0"])) 
        .po-items-quick-search-control {
            flex: 1 1 100%;
            max-width: none;
            width: 100%;
        }
    }


/* resources/views/purchase_orders/partials/item-picker.blade.php */

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .po-items-table-wrap {
                overflow-y: visible !important;
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-portal-dropdown {
                position: fixed;
                display: block;
                max-height: 260px;
                overflow-y: auto;
                overflow-x: auto;
                z-index: 9999;
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-option {
                white-space: normal;
                padding: 0.35rem 0.5rem;
                font-size: 0.85rem;
                line-height: 1.2;
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-option-row {
                display: grid;
                grid-template-columns: 100px 250px 50px 220px 130px 140px;
                gap: 0.2rem;
                align-items: center;
                /* min-width: 1080px; */
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-cell-text {
                white-space: nowrap;
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-qty-cell {
                text-align: right;
                font-weight: 600;
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-option.active,:where(:root:has([data-ui-scope="view-a32b347b28-0"])) 
            .mpr-item-option:active {
                background-color: #0d6efd;
                color: var(--ui-surface);
            }

            :where(:root:has([data-ui-scope="view-a32b347b28-0"])) .mpr-item-option.active .text-muted,:where(:root:has([data-ui-scope="view-a32b347b28-0"])) 
            .mpr-item-option:active .text-muted {
                color: rgba(255, 255, 255, 0.9) !important;
            }
        

/* resources/views/qms/dashboard.blade.php */

    :where(:root:has([data-ui-scope="view-30b40746ca-0"])) .qms-metric { min-height: 112px; border-left: 3px solid #34745c; }
    :where(:root:has([data-ui-scope="view-30b40746ca-0"])) .qms-metric-value { font-size: 1.8rem; font-weight: 700; line-height: 1.1; }
    :where(:root:has([data-ui-scope="view-30b40746ca-0"])) .qms-chart { min-height: 250px; position: relative; }
    :where(:root:has([data-ui-scope="view-30b40746ca-0"])) .qms-export-action { display: inline-flex; align-items: center; height: 1.875rem !important; min-height: 1.875rem !important; padding: .125rem .5rem !important; line-height: 1.1 !important; white-space: nowrap !important; }


/* resources/views/qms/surveys/create.blade.php */

    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions [data-question] { font-size: 14px; line-height: 1.45; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .survey-question-number { color: #245b82; font-size: 14px; font-weight: 600; line-height: 20px; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-question-drawer { --bs-offcanvas-width: min(760px, 100vw); }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .survey-answer-heading { font-size: 15px; font-weight: 600; line-height: 21px; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .form-label { font-size: 14px !important; line-height: 20px; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .form-control,:where(:root:has([data-ui-scope="view-9b7af84446-0"])) 
    #survey-questions .form-select { font-size: 14px !important; line-height: 20px; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .form-check-label,:where(:root:has([data-ui-scope="view-9b7af84446-0"])) 
    #survey-questions .small { font-size: 13px; line-height: 19px; }
    :where(:root:has([data-ui-scope="view-9b7af84446-0"])) #survey-questions .btn { font-size: 13px !important; line-height: 19px; }


/* resources/views/qms/surveys/respond.blade.php */

        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-scale-options { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-rating-star { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; font-size:22px; line-height:1; color:#9a6b00; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-rating-circle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border-radius:50%; font-size:14px; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-nps-choice { min-width:42px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .btn-check:checked + .survey-rating-star { color:var(--ui-surface); background:#a87500; border-color:#a87500; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .btn-check:focus-visible + .survey-rating-star,:where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) 
        .btn-check:focus-visible + .survey-rating-circle,:where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) 
        .btn-check:focus-visible + .survey-nps-choice { outline:3px solid rgba(25,135,84,.3); outline-offset:2px; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-scale-labels { display:flex; justify-content:space-between; gap:1rem; margin-top:.5rem; color:#66757b; font-size:.875rem; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-scale-labels > span { flex:1 1 0; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-scale-labels > span:last-child { text-align:right; }
        :where(:root:has([data-ui-scope="view-c2fd47bdb8-0"])) .survey-nps-options .btn-check:checked + .survey-nps-choice { color:var(--ui-surface); background:var(--success); border-color:var(--success); }
    

/* resources/views/qms/surveys/show.blade.php */

    :where(:root:has([data-ui-scope="view-9629fb6a13-0"])) .survey-results-chart { height: 260px; position: relative; }


/* resources/views/settings/partials/styles.blade.php */

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) body {
        background:
            radial-gradient(circle at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 30%),
            radial-gradient(circle at bottom right, rgba(var(--bs-primary-rgb), 0.10), transparent 28%),
            var(--settings-bg);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-hero {
        border-radius: 24px;
        padding: 2rem;
        color: var(--ui-surface);
        background:
            linear-gradient(120deg, rgba(var(--bs-primary-rgb), 0.98), rgba(var(--bs-primary-rgb), 0.96)),
            radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 28%);
        box-shadow: 0 18px 32px rgba(10, 47, 52, 0.18);
        position: relative;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-hero::after {
        content: '';
        position: absolute;
        right: -40px;
        top: -40px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-title {
        font-size: clamp(1.7rem, 2.4vw, 2.6rem);
        font-weight: 800;
        letter-spacing: 0.2px;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-subtitle {
        max-width: 780px;
        color: rgba(255, 255, 255, 0.82);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .glass-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border-radius: 999px;
        padding: 0.5rem 0.85rem;
        background: rgba(255, 255, 255, 0.14);
        backdrop-filter: blur(8px);
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        font-size: 0.88rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .panel-card {
        background: var(--settings-surface);
        border: 1px solid var(--settings-border);
        border-radius: 18px;
        box-shadow: 0 12px 26px rgba(9, 41, 44, 0.06);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-card {
        padding: 1rem 1.1rem;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-card::after {
        content: '';
        position: absolute;
        width: 110px;
        height: 110px;
        right: -42px;
        bottom: -58px;
        border-radius: 50%;
        background: rgba(var(--bs-primary-rgb), 0.08);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-label {
        color: var(--settings-muted);
        font-size: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-value {
        font-size: 1.85rem;
        line-height: 1.1;
        font-weight: 800;
        color: var(--settings-text);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        color: var(--ui-surface);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-icon.teal { background: linear-gradient(135deg, var(--primary), #14b8a6); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-icon.blue { background: linear-gradient(135deg, var(--primary), #38bdf8); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-icon.amber { background: linear-gradient(135deg, #b45309, var(--ui-accent)); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-icon.rose { background: linear-gradient(135deg, #be123c, #fb7185); }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .section-title {
        color: var(--settings-text);
        font-size: 1.05rem;
        font-weight: 800;
        margin-bottom: 1rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card {
        padding: 1.15rem;
        height: 100%;
        border-left: 5px solid transparent;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.teal { border-left-color: var(--primary); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.blue { border-left-color: var(--primary); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.amber { border-left-color: #b45309; }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.violet { border-left-color: #7c3aed; }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.rose { border-left-color: #be123c; }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.emerald { border-left-color: #059669; }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-card.slate { border-left-color: #334155; }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon {
        width: 50px;
        height: 50px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--ui-surface);
        margin-bottom: 0.9rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.teal { background: linear-gradient(135deg, var(--primary), #14b8a6); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.blue { background: linear-gradient(135deg, var(--primary), #38bdf8); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.amber { background: linear-gradient(135deg, #b45309, var(--ui-accent)); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.violet { background: linear-gradient(135deg, #6d28d9, #a78bfa); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.rose { background: linear-gradient(135deg, #be123c, #fb7185); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.emerald { background: linear-gradient(135deg, #047857, #10b981); }
    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-icon.slate { background: linear-gradient(135deg, #0f172a, #64748b); }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-title {
        font-size: 1.02rem;
        font-weight: 800;
        color: var(--settings-text);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-summary {
        color: var(--settings-muted);
        margin-bottom: 0.9rem;
        min-height: 4.5rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .route-chip,:where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) 
    .permission-chip,:where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) 
    .role-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 0.38rem 0.7rem;
        font-size: 0.84rem;
        margin: 0 0.35rem 0.35rem 0;
        text-decoration: none;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .route-chip {
        color: var(--primary);
        background: #eaf4ff;
        border: 1px solid #cce3fb;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .permission-chip {
        color: var(--primary);
        background: #e7f7f5;
        border: 1px solid #c8eeea;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .role-chip {
        color: #6d28d9;
        background: #f2ebff;
        border: 1px solid #d9c9ff;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .access-box {
        background: linear-gradient(180deg, var(--ui-surface) 0%, #f8fbfb 100%);
        border: 1px solid var(--settings-border);
        border-radius: 18px;
        padding: 1.1rem;
        height: 100%;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .table-settings thead th {
        background: var(--table-head);
        color: var(--table-header-ink);
        border-bottom: 1px solid var(--settings-border);
        font-size: 0.86rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .table-settings td,:where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) 
    .table-settings th {
        border-color: var(--settings-border);
        vertical-align: top;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .empty-state {
        color: var(--settings-muted);
        background: #f7faf9;
        border: 1px dashed #d8e6e4;
        border-radius: 16px;
        padding: 1rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-nav-link {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 0.55rem 1rem;
        font-size: 0.88rem;
        font-weight: 600;
        text-decoration: none;
        color: var(--settings-text);
        background: var(--settings-surface);
        border: 1px solid var(--settings-border);
        transition: all 0.15s ease-in-out;
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-nav-link:hover {
        color: var(--settings-primary);
        border-color: var(--settings-primary);
    }

    :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-nav-link.active {
        color: var(--ui-surface);
        background: linear-gradient(120deg, var(--primary), var(--primary));
        border-color: transparent;
        box-shadow: 0 8px 16px rgba(var(--bs-primary-rgb), 0.22);
    }

    @media (max-width: 768px) {
        :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .settings-hero {
            padding: 1.35rem;
            border-radius: 20px;
        }

        :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .metric-value {
            font-size: 1.55rem;
        }

        :where(:root:has([data-ui-scope="view-a6ee4f0f0a-0"])) .module-summary {
            min-height: auto;
        }
    }


/* resources/views/settings/roles/form.blade.php */

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .role-form-shell {
        background: var(--ui-bg);
        min-height: 100%;
        padding: 1.25rem;
        border-radius: 18px;
    }

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .role-form-card {
        border: 1px solid var(--ui-border);
        border-radius: 16px;
        background: var(--ui-surface);
        box-shadow: 0 8px 20px rgba(9, 41, 44, 0.05);
    }

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .perm-grid {
        border: 1px solid var(--ui-border);
        border-radius: 12px;
        padding: 0.9rem;
        max-height: 420px;
        overflow-y: auto;
        background: #f9fcfc;
    }

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .perm-menu-table tbody tr {
        cursor: pointer;
    }

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .perm-menu-table tbody tr.active {
        background: var(--table-selected-bg) !important;
        box-shadow: inset 4px 0 0 var(--primary);
        color: var(--ui-text);
        font-weight: 600;
        --bs-table-bg-state: var(--table-selected-bg) !important;
    }

    :where(:root:has([data-ui-scope="view-c207057b82-0"])) .selected-perm-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        background: #e7f7f5;
        color: var(--primary);
        border: 1px solid #c8eeea;
        padding: 0.25rem 0.6rem;
        margin: 0 0.35rem 0.35rem 0;
        font-size: 0.8rem;
    }


/* resources/views/settings/roles/index.blade.php */

    :where(:root:has([data-ui-scope="view-720372e9d9-0"])) .role-shell {
        background: var(--ui-bg);
        min-height: 100%;
        padding: 1.25rem;
        border-radius: 18px;
    }

    :where(:root:has([data-ui-scope="view-720372e9d9-0"])) .role-card {
        border: 1px solid var(--ui-border);
        border-radius: 16px;
        background: var(--ui-surface);
        box-shadow: 0 8px 20px rgba(9, 41, 44, 0.05);
    }

    :where(:root:has([data-ui-scope="view-720372e9d9-0"])) .perm-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        background: #e7f7f5;
        color: var(--primary);
        border: 1px solid #c8eeea;
        padding: 0.25rem 0.6rem;
        margin-right: 0.35rem;
        margin-bottom: 0.35rem;
        font-size: 0.78rem;
    }


/* resources/views/settings/users/form.blade.php */

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .form-shell {
        background: var(--ui-bg);
        min-height: 100%;
        padding: 1.25rem;
        border-radius: 18px;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .form-card {
        border: 1px solid var(--ui-border);
        border-radius: 16px;
        background: var(--ui-surface);
        box-shadow: 0 8px 20px rgba(9, 41, 44, 0.05);
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .section-title {
        font-weight: 700;
        color: var(--ui-text);
        font-size: 1rem;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        background: #f2f8ff;
        color: var(--primary);
        border: 1px solid #d5e7fb;
        padding: 0.25rem 0.6rem;
        margin-right: 0.35rem;
        margin-bottom: 0.35rem;
        font-size: 0.8rem;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .perm-grid {
        border: 1px solid var(--ui-border);
        border-radius: 12px;
        padding: 0.9rem;
        max-height: 420px;
        overflow-y: auto;
        background: #f9fcfc;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .perm-menu-table tbody tr {
        cursor: pointer;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .perm-menu-table tbody tr.active {
        background: var(--table-selected-bg);
        --bs-table-bg-state: var(--table-selected-bg) !important;
    }

    :where(:root:has([data-ui-scope="view-e06195791b-0"])) .selected-perm-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        background: #e7f7f5;
        color: var(--primary);
        border: 1px solid #c8eeea;
        padding: 0.25rem 0.6rem;
        margin: 0 0.35rem 0.35rem 0;
        font-size: 0.8rem;
    }


/* resources/views/settings/users/index.blade.php */

    :where(:root:has([data-ui-scope="view-12f8d57166-0"])) .user-shell {
        background: var(--ui-bg);
        min-height: 100%;
        padding: 1.25rem;
        border-radius: 18px;
    }

    :where(:root:has([data-ui-scope="view-12f8d57166-0"])) .user-card {
        border: 1px solid var(--ui-border);
        border-radius: 16px;
        background: var(--ui-surface);
        box-shadow: 0 8px 20px rgba(9, 41, 44, 0.05);
    }

    :where(:root:has([data-ui-scope="view-12f8d57166-0"])) .pill {
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.6rem;
        border-radius: 999px;
        font-size: 0.78rem;
        background: #eaf4ff;
        color: var(--primary);
        border: 1px solid #cce3fb;
        margin-right: 0.35rem;
        margin-bottom: 0.35rem;
    }


/* resources/views/supplier/index.blade.php */

    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-table-toolbar { padding: .75rem; border-bottom: 1px solid var(--border-soft-2); }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-table-controls { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-page-size { display: flex; align-items: center; gap: .4rem; white-space: nowrap; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-page-size .form-select { width: 76px; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-filter-controls { display: flex; align-items: flex-end; justify-content: flex-end; gap: .75rem; flex: 1 1 auto; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-classification-filter { flex: 0 0 210px; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-quick-search { flex: 0 1 460px; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-table-toolbar .form-select,:where(:root:has([data-ui-scope="view-4e48bb0819-0"])) 
    .supplier-table-toolbar .form-control,:where(:root:has([data-ui-scope="view-4e48bb0819-0"])) 
    .supplier-table-toolbar .btn { height: 38px; }
    :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-index-table { min-width: 1250px; }
    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-table-controls,:where(:root:has([data-ui-scope="view-4e48bb0819-0"]))  .supplier-filter-controls { align-items: stretch; flex-direction: column; }
        :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-filter-controls { width: 100%; }
        :where(:root:has([data-ui-scope="view-4e48bb0819-0"])) .supplier-classification-filter,:where(:root:has([data-ui-scope="view-4e48bb0819-0"]))  .supplier-quick-search { flex: 1 1 auto; width: 100%; }
    }


/* resources/views/vehicle_requests/index.blade.php */

    :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-table-controls-slot {
        display: flex;
        flex: 1 1 auto;
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 0;
        width: auto;
    }

    :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-table-controls-wrap {
        display: flex;
        align-items: flex-end;
        gap: 0.75rem;
        justify-content: flex-end;
        width: 100%;
    }

    :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-filter-control {
        flex: 0 0 190px;
    }

    :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-quick-search-control {
        flex: 1 1 420px;
        max-width: 460px;
    }

    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-table-controls-slot {
            width: 100%;
        }

        :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-table-controls-wrap {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        :where(:root:has([data-ui-scope="view-2231afe67b-0"])) .vr-filter-control,:where(:root:has([data-ui-scope="view-2231afe67b-0"])) 
        .vr-quick-search-control {
            flex: 1 1 100%;
            max-width: none;
        }
    }


/* resources/views/vehicle_requests/show.blade.php */

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .detail-section {
        background: var(--ui-surface);
        border: 1px solid var(--ui-border-subtle);
        border-radius: 10px;
        padding: 1rem 1.25rem;
        margin-bottom: 1rem;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .detail-section .section-title {
        font-weight: 600;
        color: #34495e;
        border-bottom: 1px solid var(--ui-border-subtle);
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .detail-section .section-title i {
        margin-right: 0.5rem;
        color: #0d6efd;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .workflow-review-panel {
        background: #f5f8ff;
        border: 1px solid #dfe7f5;
        border-radius: 12px;
        padding: 1rem;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .review-signatory-card {
        border: 1px solid #e6edf8;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
        padding: 1rem;
        height: 100%;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .review-signatory-card.pending {
        border-color: #f0c36d;
        background: linear-gradient(180deg, rgba(255, 250, 230, 0.82) 0%, rgba(255, 255, 255, 0.85) 100%);
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .review-signatory-card.signed {
        border-color: #bfe8ce;
        background: linear-gradient(180deg, rgba(236, 250, 243, 0.88) 0%, rgba(255, 255, 255, 0.85) 100%);
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .detail-label {
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        color: var(--ui-muted);
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .detail-value {
        font-weight: 500;
        color: #212529;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .vr-detail-table {
        font-size: 0.86rem;
        min-width: 1250px;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .vr-detail-table th {
        font-size: 0.76rem;
        text-transform: uppercase;
        vertical-align: middle;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .vr-detail-table tr.vr-item-updated > td {
        background-color: var(--table-changed-bg) !important;
        --bs-table-bg-state: var(--table-changed-bg) !important;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .vr-detail-table tr.vr-item-updated > td:first-child {
        border-left: 4px solid var(--warning);
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .timeline-item {
        border-left: 2px solid var(--ui-border);
        padding: 0 0 1rem 1rem;
        position: relative;
    }

    :where(:root:has([data-ui-scope="view-ec23527bda-0"])) .timeline-item::before {
        content: '';
        position: absolute;
        left: -6px;
        top: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0d6efd;
    }


/* resources/views/visitor_visits/form_fields.blade.php */

:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-list { overflow-x: auto; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-visit-form-layout > section { min-width: 0; padding: 1rem 1.25rem; border-radius: 6px; font-family: inherit; font-size: .875rem; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-visit-logistics-panel { background: #f0f7f4; border: 1px solid #d6e8df; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-visit-form-layout .form-label,:where(:root:has([data-ui-scope="view-7272c243ff-0"])) 
.visitor-visit-form-layout .form-check-label,:where(:root:has([data-ui-scope="view-7272c243ff-0"])) 
.visitor-visit-form-layout .form-text { font-family: inherit; font-size: .875rem; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-visit-form-layout .form-control,:where(:root:has([data-ui-scope="view-7272c243ff-0"])) 
.visitor-visit-form-layout .form-select { min-height: 38px; padding: .375rem .75rem; font-family: inherit; font-size: .875rem; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-visit-form-layout textarea.form-control { min-height: 4.5rem; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-row { display: grid; grid-template-columns: minmax(110px, 1.2fr) minmax(85px, 1fr) minmax(95px, 1fr) minmax(88px, .9fr) 64px 32px; min-width: 480px; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-flight { grid-column: 1 / -1; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-save { width: 64px; min-width: 64px; align-self: center; display: flex; align-items: center; gap: .35rem; padding: 0; margin: 0; min-height: 38px; white-space: nowrap; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-save .form-check-input { position: static; float: none; flex: 0 0 auto; margin: 0; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-save .form-check-label { margin: 0; }
:where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-row .remove-visitor { width: 32px; height: 32px; padding: 0; margin: 0; display: inline-flex; align-items: center; justify-content: center; align-self: center; justify-self: center; }
@media (max-width: 1199.98px) {
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-list { overflow-x: visible; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 32px; min-width: 0; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-contact { grid-column: 1 / -1; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-name { grid-column: 1; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-email { grid-column: 2; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-phone { grid-column: 1; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-save { grid-column: 3; grid-row: 3; align-self: center; padding: 0; }
    :where(:root:has([data-ui-scope="view-7272c243ff-0"])) .visitor-guest-row .remove-visitor { grid-column: 3; grid-row: 3; align-self: center; justify-self: center; }
}


/* resources/views/visitor_visits/index.blade.php */

:where(:root:has([data-ui-scope="view-507603daf8-0"])) #visitor-create-modal .modal-content > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) #visitor-create-modal .modal-body { min-height: 0; overflow-y: auto; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) #visitor-create-modal .modal-footer { flex-shrink: 0; }
@media (max-width: 991.98px) {
    :where(:root:has([data-ui-scope="view-507603daf8-0"])) #visitor-create-modal .modal-dialog { width: 100vw !important; max-width: 100vw !important; height: 100vh !important; height: 100dvh !important; margin: 0 !important; }
    :where(:root:has([data-ui-scope="view-507603daf8-0"])) #visitor-create-modal .modal-content { min-height: 100% !important; border: 0 !important; border-radius: 0 !important; }
}
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); min-width: 880px; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-weekday { padding: .5rem; font-size: .8rem; font-weight: 600; color: #596b65; border-bottom: 1px solid #dce5e1; text-align: center; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-day { min-height: 132px; padding: .45rem; border-right: 1px solid #e4ebe8; border-bottom: 1px solid #e4ebe8; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-day:nth-child(7n) { border-right: 0; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is([data-visitor-calendar] .fc-daygrid-day, .visitor-calendar-day) { background: #fff; color: #243f51; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-daygrid-day-number { color: #243f51; font-weight: 700; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is([data-visitor-calendar] .fc-day-sat, .visitor-calendar-weekday.is-saturday, .visitor-calendar-day.is-saturday) { background: #edf5ff; color: #245c96; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-day-sat :is(.fc-col-header-cell-cushion, .fc-daygrid-day-number) { color: #245c96; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is([data-visitor-calendar] .fc-day-sun, .visitor-calendar-weekday.is-sunday, .visitor-calendar-day.is-sunday) { background: #fff1f0; color: #a43838; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-day-sun :is(.fc-col-header-cell-cushion, .fc-daygrid-day-number) { color: #a43838; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is([data-visitor-calendar] .fc-day-other, .visitor-calendar-day.is-outside) { background: #f1f3f5; color: #929ca5; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-day-other .fc-daygrid-day-top { opacity: 1; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-day-other .fc-daygrid-day-number { color: #929ca5; font-weight: 400; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is([data-visitor-calendar] .fc-day-today, .visitor-calendar-day.is-today) { background: #e6f4ea; box-shadow: inset 0 0 0 2px #287a5c; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-event { display: block; margin-top: .35rem; padding: .35rem .45rem; border-left: 3px solid #287a5c; background: #eaf4ef; color: #234d3d; text-decoration: none; font-size: .75rem; line-height: 1.3; overflow-wrap: anywhere; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-event.is-completed { border-left-color: #31805b; background: #e9f5ed; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-event.is-cancelled { border-left-color: #87918c; background: #f0f2f1; color: #647069; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-events { overflow: visible; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-host-cell { min-width: 180px; width: 25%; max-width: 360px; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-host-badges { display: flex; flex-wrap: wrap; gap: .3rem; min-width: 0; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-host-badges .badge { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; line-height: 1.4; font-weight: 500; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-calendar-scroll { overflow-x: auto; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] { min-width: 980px; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-daygrid-event { white-space: normal; margin: 3px 4px; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) [data-visitor-calendar] .fc-event-main { min-width: 0; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-event-card { padding: .4rem; overflow-wrap: anywhere; white-space: normal; line-height: 1.45; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) :is(.visitor-event-time, .visitor-event-title) { font-weight: 700; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-event-time { display: inline; white-space: nowrap; margin-right: .35rem; }
:where(:root:has([data-ui-scope="view-507603daf8-0"])) .visitor-event-title { display: inline; }


/* resources/views/warehouse/customer-material/disposition-create.blade.php */

    :where(:root:has([data-ui-scope="view-e9dfbbf36f-0"])) .csm-material-options { position: absolute; inset: 100% 0 auto; z-index: 1080; max-height: 280px; overflow-y: auto; min-width: 300px; }
    :where(:root:has([data-ui-scope="view-e9dfbbf36f-0"])) .csm-customer-options { position: absolute; inset: 100% 0 auto; z-index: 1080; max-height: 240px; overflow-y: auto; }


/* resources/views/warehouse/customer-material/show.blade.php */

    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-heading { border-bottom: 1px solid #cbd5d1; padding: 1rem 0; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-meta { background: var(--ui-surface); border-bottom: 1px solid var(--ui-border); padding: 1.25rem; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-meta dt { color: #626b67; font-size: .82rem; font-weight: 400; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-meta dd { margin-bottom: 0; overflow-wrap: anywhere; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-summary { display: flex; flex-wrap: wrap; gap: 1.25rem; padding: 1rem 0; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-item-table { min-width: 1250px; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-item-table th { white-space: nowrap; font-size: .85rem; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-description { min-width: 200px; max-width: 300px; overflow-wrap: anywhere; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table { min-width: 1050px; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table input,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .csm-iqc-table select { min-width: 95px; }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-history-entry { padding: 1.25rem 0; border-bottom: 1px solid var(--ui-border); }
    :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-icon-button { width: 34px; height: 34px; padding: 0; }
    @media (max-width: 991.98px) {
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-modal .modal-dialog { width: 100%; max-width: 100vw !important; margin: 0; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-modal .modal-content,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .csm-iqc-modal form { height: 100%; min-height: 0; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-modal .modal-body { overflow-y: auto; }
    }
    @media (max-width: 767.98px) {
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .csm-iqc-table tbody { display: block; min-width: 0; width: 100%; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table thead { display: none; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .75rem 0; border-bottom: 1px solid var(--ui-border); }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table td { display: block; padding: 0; border: 0; min-width: 0; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table td[data-label]::before { content: attr(data-label); display: block; margin-bottom: .25rem; font-size: .8rem; color: var(--ui-muted); }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table input,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .csm-iqc-table select { min-width: 0; width: 100%; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-iqc-table td:last-child { align-self: end; text-align: right; }
    }
    @media print {
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .app-sidebar,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .sidebar-mobile-header,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .sidebar-desktop-toggle,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .csm-actions,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .modal,:where(:root:has([data-ui-scope="view-b002e04704-0"]))  .app-toast-container { display: none !important; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .main-content { margin: 0 !important; padding: 0 !important; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .tab-pane { display: block !important; opacity: 1 !important; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .table-responsive { overflow: visible; }
        :where(:root:has([data-ui-scope="view-b002e04704-0"])) .csm-item-table { min-width: 0; font-size: .75rem; }
    }


/* resources/views/warehouse/issues/create.blade.php */

	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-page { max-width: 1240px; margin: 0 auto; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-sheet { border: 1px solid #222; background: var(--ui-surface); color: #111; font-family: Arial, sans-serif; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-head { display: grid; grid-template-columns: 150px 1fr 340px; border-bottom: 1px solid #222; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-logo { display: grid; place-items: center; padding: 8px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-logo img { display: block; width: min(100%, 150px); max-height: 50px; height: auto; object-fit: contain; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-title { align-self: center; padding: 12px; text-align: center; font-size: 20px; font-weight: 700; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-title em { font-size: 17px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number { display: grid; grid-template-columns: 110px 1fr; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number > * { padding: 6px 8px; border-left: 1px solid #222; border-bottom: 1px solid #222; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number > :nth-last-child(-n+2) { border-bottom: 0; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number input { min-width: 0; border: 0; border-radius: 0; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields { display: grid; grid-template-columns: 1fr 1fr; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields label { min-height: 62px; padding: 7px 10px; border-right: 1px solid #222; border-bottom: 1px solid #222; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields label:nth-child(even) { border-right: 0; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields .form-control,:where(:root:has([data-ui-scope="view-0911ace5da-0"]))  .issue-create-fields .form-select { border: 0; border-radius: 0; padding: 3px 0; box-shadow: none; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table { min-width: 1040px; table-layout: fixed; margin: 0; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table th,:where(:root:has([data-ui-scope="view-0911ace5da-0"]))  .issue-entry-table td { border: 1px solid #222; padding: 5px; vertical-align: middle; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table th { height: 48px; text-align: center; font-weight: 400; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table th em { font-size: 12px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table td { height: 64px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table .form-control { min-width: 0; border-radius: 0; font-size: 13px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table .reference-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table .reference-inputs > :first-child { grid-column: 1 / -1; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-row-tools { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 4px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-remove-row { flex: 0 0 20px; min-height: 20px; height: 20px; padding: 0; line-height: 20px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-entry-table .issue-fefo-options { grid-column: 1 / -1; min-width: 0; width: 100%; font-size: 12px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-lot-controls { display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: 3px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-lot-controls .form-control { min-height: 26px; height: 26px; padding: 2px 4px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-lot-controls .issue-heat-input { grid-column: 1 / -1; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-lot-controls [data-fefo-suggest] { min-height: 26px; height: 26px; padding: 2px; font-size: 11px; line-height: 20px; white-space: nowrap; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-search-wrap { position: relative; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .dropdown-menu.material-search-results { position: fixed; z-index: 1050; overflow-y: auto; padding: 0; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-search-results .dropdown-item-text { padding: 8px 12px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-search-results .dropdown-item { white-space: normal; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-pick-grid { display: grid; grid-template-columns: 1.3fr 3fr 1fr 1.3fr 0.9fr 1.6fr 1fr; gap: 8px; align-items: center; font-size: 13px; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-pick-head { position: sticky; top: 0; z-index: 1; background: #f1f3f5; padding: 6px 12px; font-weight: 600; border-bottom: 1px solid var(--ui-border); }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-search-results .material-pick-row { padding: 6px 12px; border-bottom: 1px solid #f1f3f5; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-pick-qty { text-align: right; font-weight: 600; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .material-pick-origin { white-space: pre-line; }
	:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-form-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
	@media (max-width: 767.98px) {
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-head { grid-template-columns: 84px 1fr; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number { grid-column: 1 / -1; border-top: 1px solid #222; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-number > * { border-left: 0; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-title { font-size: 16px; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-title em { font-size: 14px; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields { grid-template-columns: 1fr; }
		:where(:root:has([data-ui-scope="view-0911ace5da-0"])) .issue-create-fields label,:where(:root:has([data-ui-scope="view-0911ace5da-0"]))  .issue-create-fields label:nth-child(even) { border-right: 0; }
	}


/* resources/views/warehouse/issues/show.blade.php */

	:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-page { max-width: 1240px; margin: 0 auto; }
	:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
	@media print {
        @page ui-warehouse-issue { size: A4 landscape; margin: 8mm; }
        :where(:root:has([data-ui-scope="view-f8824d0a45-0"])) body { page: ui-warehouse-issue; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) body { background: var(--ui-surface) !important; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) body * { visibility: hidden !important; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-print-area,:where(:root:has([data-ui-scope="view-f8824d0a45-0"]))  .issue-print-area * { visibility: visible !important; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-print-area { position: absolute; inset: 0; width: 100%; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-toolbar,:where(:root:has([data-ui-scope="view-f8824d0a45-0"]))  .no-print { display: none !important; }
		:where(:root:has([data-ui-scope="view-f8824d0a45-0"])) .issue-page { max-width: none; margin: 0; padding: 0 !important; }
	}


/* resources/views/warehouse/returns/show.blade.php */
@media print {:where(:root:has([data-ui-scope="view-6d84089ae5-0"])) .no-print,:where(:root:has([data-ui-scope="view-6d84089ae5-0"]))  nav,:where(:root:has([data-ui-scope="view-6d84089ae5-0"]))  aside {display:none!important} :where(:root:has([data-ui-scope="view-6d84089ae5-0"])) body{background:var(--ui-surface)!important}}

/* resources/views/warehouse/transfers/show.blade.php */
@media print {:where(:root:has([data-ui-scope="view-8d6586a1a1-0"])) .no-print,:where(:root:has([data-ui-scope="view-8d6586a1a1-0"]))  nav,:where(:root:has([data-ui-scope="view-8d6586a1a1-0"]))  aside {display:none!important} :where(:root:has([data-ui-scope="view-8d6586a1a1-0"])) body{background:var(--ui-surface)!important}}
body { margin: 0; padding: 0; font-family: var(--ui-font-family); font-size: var(--ui-font-size); }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-hover); }
.main-content { min-width: 0; margin: 0; padding: 0; }
.main-content > :is(.container, .container-fluid, .ops-shell) { width: 100%; max-width: none; margin: 0 !important; padding: var(--ui-space-2) var(--ui-space-3) !important; }
.ui-pre-line { white-space: pre-line; }
.signature-source-area { height: 320px; max-width: 100%; overflow: hidden; }
.signature-source-image { display: block; max-width: 100%; max-height: 100%; }
.signature-preview-area { height: 180px; background: repeating-conic-gradient(var(--border-soft-2) 0% 25%, var(--ui-surface) 0% 50%) 0 / 16px 16px; }
.signature-preview-image { max-width: 100%; max-height: 100%; object-fit: contain; }
.ui-breadcrumb:empty, .ui-footer:empty { display: none; }
.inventory-widgets a.card {
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.inventory-widgets a.card.border-primary {
    background-color: var(--surface-soft-2);
}
.inventory-widgets a.card:hover {
    background-color: var(--table-row-hover);
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(0, 70, 125, 0.15);
    transform: translateY(-2px);
}
.inventory-widgets a.card:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
    background-color: var(--table-row-hover);
}
.inventory-widgets a.card:active {
    transform: translateY(0);
    background-color: var(--surface-soft-2);
    box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
    .inventory-widgets a.card { transition: none; transform: none; }
}
.outsource-selectable-row { cursor: pointer; }
.outsource-selectable-row:hover > td { background-color: var(--table-row-hover); }
.outsource-selectable-row[aria-selected="true"] > td { background-color: var(--table-selected-bg); }
.outsource-selectable-row:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.clickable-table-row, tr[data-row-href] { cursor: pointer; }
.clickable-table-row:focus-visible, tr[data-row-href]:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}

.btn {
    --bs-btn-border-radius: var(--ui-radius);
    font-weight: 600;
    transform: none !important;
    /* min-height: var(--ui-control-height); */
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: var(--ui-font-size-control) !important;
    border-radius: var(--ui-radius) !important;
    letter-spacing: 0;
    white-space: normal;
}
.btn-sm { min-height: var(--ui-control-height-sm); padding: .25rem .5rem; }
.btn-lg { min-height: var(--ui-control-height-lg); padding: .5rem 1rem; }
.btn-primary, .btn-custom { --ui-button-color: var(--primary); --ui-button-hover: var(--primary-hover); }
.btn-success { --ui-button-color: var(--success); --ui-button-hover: #1c542c; }
.btn-danger { --ui-button-color: var(--danger); --ui-button-hover: #8b0000; }
.btn-warning { --ui-button-color: var(--warning); --ui-button-hover: var(--warning-hover); }
.btn-accent { --ui-button-color: var(--ui-accent); --ui-button-hover: var(--ui-accent-hover); }
.btn-info { --ui-button-color: var(--info); --ui-button-hover: #06636e; }
.btn-secondary { --ui-button-color: var(--secondary); --ui-button-hover: #43566a; }
:is(.btn-primary, .btn-custom, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-secondary) {
    --bs-btn-disabled-bg: var(--ui-button-color);
    --bs-btn-disabled-border-color: var(--ui-button-color);
    --bs-btn-active-bg: var(--ui-button-hover);
    --bs-btn-active-border-color: var(--ui-button-hover);
    background: var(--ui-button-color) !important;
    border-color: var(--ui-button-color) !important;
    color: var(--text-on-brand, #fff) !important;
}
:is(.btn-primary, .btn-custom, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-secondary):is(:hover, :active, .active) {
    background: var(--ui-button-hover) !important;
    border-color: var(--ui-button-hover) !important;
}
.btn-warning, .btn-warning:is(:hover, :active, .active), .btn-accent, .btn-accent:is(:hover, :active, .active) {
    color: var(--ui-accent-ink) !important;
    background: var(--ui-button-color) !important;
    border-color: var(--ui-button-color) !important;
}
.btn-warning:is(:hover, :active, .active) { background: var(--warning-hover) !important; border-color: var(--warning-hover) !important; }
.btn-accent:is(:hover, :active, .active) { background: var(--ui-accent-hover) !important; }
.btn-outline-warning { --bs-btn-color: var(--warning-ink); --bs-btn-border-color: var(--warning); --bs-btn-hover-bg: var(--warning); --bs-btn-hover-border-color: var(--warning); --bs-btn-hover-color: var(--warning-ink); --bs-btn-active-bg: var(--warning-hover); --bs-btn-active-border-color: var(--warning-hover); --bs-btn-active-color: var(--warning-ink); }
.text-warning, .priority-medium, .risk-medium { color: var(--warning-ink) !important; }
.dt-buttons .buttons-excel { --ui-button-color: var(--success); --ui-button-hover: #1c542c; }
.dt-buttons .buttons-pdf { --ui-button-color: var(--danger); --ui-button-hover: #8c2535; }
.dt-buttons .buttons-print { --ui-button-color: var(--info); --ui-button-hover: #185467; }
.dt-buttons :is(.buttons-excel, .buttons-pdf, .buttons-print) { background: var(--ui-button-color) !important; border-color: var(--ui-button-color) !important; color: var(--ui-surface) !important; }
.dt-buttons :is(.buttons-excel, .buttons-pdf, .buttons-print):is(:hover, :active) { background: var(--ui-button-hover) !important; }
.btn:disabled, .btn.disabled { opacity: .65; pointer-events: none; }
.btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.card, .mpr-card, .mpr-detail-card, .mpr-edit-card, .approval-card, .custom-card, .panel, .summary-box {
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background-color: var(--ui-surface);
    box-shadow: none !important;
}
.card-header, .card-header-custom, .card-header-create, .card-header-edit {
    background: var(--card-header-bg) !important;
    color: var(--text-on-brand) !important;
    border-bottom: 1px solid var(--card-header-border);
    border-radius: var(--ui-radius) var(--ui-radius) 0 0;
    padding: var(--ui-header-padding);
}
.main-content :is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) {
    background: var(--card-header-bg) !important;
    color: var(--text-on-brand) !important;
    padding: var(--ui-header-padding) !important;
    gap: var(--ui-space-2) !important;
    min-width: 0;
    flex-wrap: wrap;
}
.main-content :is(.page-header, [data-ui-page-header]) {
    background: var(--ui-page-header-bg) !important;
}
.main-content :is(.mpr-card, .mpr-detail-card, .mpr-edit-card, .approval-card, .card):has(> :is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header)) { padding: 0 !important; }
.page-header { display: flex; justify-content: space-between; align-items: center; border-radius: var(--ui-radius); }
:is(#pdf-drop-zone, #pdf-signing-drop-zone) { width: 100%; min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 18px; border: 2px dashed #00689d; border-radius: var(--bs-border-radius, .375rem); background: #d1e3fc; color: #005582; cursor: pointer; font: inherit; transition: background-color .15s, box-shadow .15s; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone) i { font-size: 24px; color: #00689d; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone) small { font-size: 12px; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone):hover, :is(#pdf-drop-zone, #pdf-signing-drop-zone).is-dragging { background: #bdd9fa; border-color: #004e78; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone).is-dragging { box-shadow: inset 0 0 0 3px #00689d; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone):focus-visible { outline: 3px solid #00689d; outline-offset: 3px; }
:is(#pdf-drop-zone, #pdf-signing-drop-zone):disabled { opacity: .6; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { :is(#pdf-drop-zone, #pdf-signing-drop-zone) { transition: none; } }
.page-header :is(.ops-kicker, .ops-header-meta, .hero-chip) { color: #e1edf5; }
.page-header .hero-chip { background: rgb(255 255 255 / 12%); }
.settings-hero.page-header > .row { width: 100%; margin-inline: 0; }
.settings-hero.page-header::after { display: none; }
.main-content .dashboard-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.dashboard-greeting { min-width: 0; }
.main-content .dashboard-header .hero-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.dashboard-datetime { display: flex; justify-self: end; align-items: center; gap: var(--ui-space-2); white-space: nowrap; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) > .d-flex,
.items-header-content, .items-header-actions { flex-wrap: wrap; min-width: 0; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) > div { min-width: 0; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: inherit !important;
    font-size: var(--ui-header-title-size) !important;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: .125rem !important;
    overflow-wrap: anywhere;
}
.main-content :is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) :is(i, svg, .fa, .fas, .far, .fab) { color: var(--ui-surface) !important; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(p, .text-muted, .text-secondary) {
    color: #e1edf5 !important;
    font-size: .75rem;
    line-height: 1.4;
    margin-bottom: 0 !important;
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) a:not(.btn) { color: var(--ui-surface); text-decoration: underline; text-underline-offset: .15em; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) .btn {
    --ui-header-button-ink: var(--ui-surface);
    --ui-header-button-fill: transparent;
    --ui-header-button-border: var(--ui-header-action-border);
    --ui-header-button-hover-fill: transparent;
    --ui-header-button-hover-ink: var(--bs-teal);
    --ui-header-button-hover-border: var(--ui-header-action-border);
    --bs-btn-disabled-opacity: .65;
    background: var(--ui-header-button-fill) !important;
    border: 1px solid var(--ui-header-button-border) !important;
    color: var(--ui-header-button-ink) !important;
    min-height: 2rem;
    height: auto;
    /* padding: .25rem .625rem; */
    box-shadow: none !important;
    line-height: 1.5;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(.btn-accent, .btn-create, [data-ui-action="create"], .btn:has(:is(.fa-plus, .fa-circle-plus, .fa-file-circle-plus))) {
    --ui-header-button-ink: var(--ui-header-action-dark-ink);
    --ui-header-button-fill: var(--ui-accent);
    --ui-header-button-border: var(--ui-accent);
    --ui-header-button-hover-fill: var(--ui-header-create-hover);
    --ui-header-button-hover-border: var(--ui-header-create-hover);
    --ui-header-button-hover-ink: var(--ui-surface);
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(.btn-warning, .btn-outline-warning) {
    --ui-header-button-ink: var(--warning);
    --ui-header-button-fill: transparent;
    --ui-header-button-border: var(--warning);
    --ui-header-button-hover-fill: var(--warning);
    --ui-header-button-hover-border: var(--warning);
    --ui-header-button-hover-ink: var(--ui-header-action-dark-ink);
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(.buttons-excel, .btn-export-excel, .btn:has(:is(.fa-file-excel, .fa-file-excel-o))) {
    --ui-header-button-ink: var(--ui-header-export-excel);
    --ui-header-button-fill: var(--ui-surface);
    --ui-header-button-border: var(--ui-header-export-excel);
    --ui-header-button-hover-fill: var(--ui-header-export-excel);
    --ui-header-button-hover-border: var(--ui-header-export-excel);
    --ui-header-button-hover-ink: var(--ui-surface);
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) :is(.buttons-pdf, .btn-export-pdf, .btn:has(:is(.fa-file-pdf, .fa-file-pdf-o))) {
    --ui-header-button-ink: var(--ui-header-export-pdf);
    --ui-header-button-fill: var(--ui-surface);
    --ui-header-button-border: var(--ui-header-export-pdf);
    --ui-header-button-hover-fill: var(--ui-header-export-pdf);
    --ui-header-button-hover-border: var(--ui-header-export-pdf);
    --ui-header-button-hover-ink: var(--ui-surface);
}
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) .btn:not(:disabled):not(.disabled):is(:hover, :active, .active) {
    background: var(--ui-header-button-hover-fill, var(--ui-header-action-hover-bg)) !important;
    border-color: var(--ui-header-button-hover-border) !important;
    color: var(--ui-header-button-hover-ink) !important;
    box-shadow: 0 0 0 2px rgb(255 255 255 / 45%) !important;
}
.main-content :is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) .btn :is(i, svg) { color: inherit !important; }
:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header) .btn:focus-visible { outline-color: var(--ui-surface); }
.modal-header { padding: var(--ui-header-padding) !important; background: var(--ui-brand) !important; color: var(--ui-surface) !important; }
.modal-header .modal-title { color: inherit !important; font-size: var(--ui-header-title-size); line-height: 1.4; }
.modal-header :is(.modal-title, h1, h2, h3, h4, h5, h6) :is(i, svg) { color: var(--ui-surface) !important; }
.modal-header .btn-close { filter: brightness(0) invert(1); }
.modal-header .text-muted { color: var(--ui-surface) !important; }
.card-body { padding: var(--ui-space-4); }
.main-content .ui-card:not(:is(.card-header, .card-header-custom, .card-header-create, .card-header-edit, .page-header)) { background: var(--ui-surface) !important; color: var(--ui-text); border: 1px solid var(--ui-border) !important; border-radius: var(--ui-radius) !important; box-shadow: none !important; }
.main-content .ui-page-shell { background: var(--ui-bg); color: var(--ui-text); }
.main-content .ui-table-toolbar { padding: var(--ui-space-3) !important; border-bottom: 1px solid var(--ui-border-subtle) !important; background: var(--ui-surface); }
.ui-table-controls { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--ui-space-4); min-width: 0; }
.ui-table-filters { display: flex; align-items: flex-end; justify-content: flex-end; gap: var(--ui-space-3); min-width: 0; }
.ui-page-size { display: flex; align-items: center; gap: var(--ui-space-2); white-space: nowrap; }
@media (max-width: 991.98px) {
    .main-content :is(.ui-table-controls, .ui-table-filters) { flex-direction: column; align-items: stretch; width: 100%; }
}
.main-content .card-body { margin: 0 !important; }
.main-content .card-body:not(.p-0) { padding: var(--ui-space-4) !important; }
.card-footer { padding: var(--ui-space-3) var(--ui-space-4); background: var(--surface-soft); }

.form-control, .form-select {
    background: var(--ui-surface) !important;
    color: var(--ui-text);
    min-height: var(--ui-control-height);
    font-family: inherit;
    font-size: var(--ui-font-size-control) !important;
    border-radius: var(--ui-radius) !important;
    border: 1px solid var(--ui-border) !important;
    padding: .375rem .75rem;
}
.form-select { padding-right: 2.25rem; background-image: var(--bs-form-select-bg-img) !important; background-repeat: no-repeat !important; background-position: right .75rem center !important; background-size: 16px 12px !important; }
.form-control-sm, .form-select-sm { min-height: var(--ui-control-height-sm); padding-top: .25rem; padding-bottom: .25rem; }
.form-control-lg, .form-select-lg { min-height: var(--ui-control-height-lg); }
textarea.form-control { height: auto; }
.form-control:disabled, .form-select:disabled, .form-control[readonly] { background-color: var(--surface-soft) !important; }
.form-control::placeholder { color: var(--ui-muted); opacity: 1; }
.form-control:disabled, .form-select:disabled { color: var(--ui-muted); }
.form-control[readonly] { cursor: not-allowed; }
.form-control.is-invalid, .form-select.is-invalid { border-color: var(--danger) !important; }
.form-control.is-valid, .form-select.is-valid { border-color: var(--success) !important; }
.form-label { color: var(--primary-hover) !important; font-weight: 500 !important; font-size: var(--ui-font-size); margin-bottom: var(--ui-space-1); }

.table, .data-table { --bs-table-color: var(--ui-text); --bs-table-border-color: var(--table-border); --bs-table-striped-bg: var(--table-stripe-bg); --bs-table-striped-color: var(--ui-text); --bs-table-hover-bg: var(--table-row-hover); --bs-table-hover-color: var(--ui-text); --bs-table-active-bg: var(--table-selected-bg); --bs-table-active-color: var(--ui-text); width: 100%; border: 1px solid var(--table-border) !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 0; }
.table :is(th, td), .data-table :is(th, td) { border: 1px solid var(--table-border); }
.table thead th, .data-table thead th { background: var(--table-head) !important; color: var(--table-header-ink) !important; letter-spacing: 0; }
.table tfoot > tr > *, .data-table tfoot > tr > * { background: var(--table-footer-bg); }
.table-hover > tbody > tr:hover > *, .data-table > tbody > tr:hover > * { --bs-table-bg-state: var(--bs-table-hover-bg, var(--table-row-hover)); }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: var(--bs-table-striped-bg, var(--table-stripe-bg)); }
.table-warning { --bs-table-bg: var(--ui-warning-soft); --bs-table-color: var(--warning-ink); --bs-table-striped-bg: var(--ui-warning-soft); --bs-table-striped-color: var(--warning-ink); --bs-table-hover-bg: var(--ui-warning-soft); --bs-table-hover-color: var(--warning-ink); }
.table-danger { --bs-table-bg: var(--ui-danger-soft); --bs-table-color: var(--danger); --bs-table-striped-bg: var(--ui-danger-soft); --bs-table-striped-color: var(--danger); --bs-table-hover-bg: var(--ui-danger-soft); --bs-table-hover-color: var(--danger); }
.table-success { --bs-table-bg: var(--ui-success-soft); --bs-table-color: var(--success); --bs-table-striped-bg: var(--ui-success-soft); --bs-table-striped-color: var(--success); --bs-table-hover-bg: var(--ui-success-soft); --bs-table-hover-color: var(--success); }
.table-info { --bs-table-bg: var(--ui-info-soft); --bs-table-color: var(--info); --bs-table-striped-bg: var(--ui-info-soft); --bs-table-striped-color: var(--info); --bs-table-hover-bg: var(--ui-info-soft); --bs-table-hover-color: var(--info); }
.table-active { --bs-table-bg-state: var(--table-selected-bg); }
.perm-menu-table tbody tr.active > * { background: var(--table-selected-bg); --bs-table-bg-state: var(--table-selected-bg) !important; }
.table-responsive { width: 100%; max-width: 100%; overflow-x: auto; }

.status-badge, .priority-badge, .risk-badge { display: inline-flex; align-items: center; gap: var(--ui-space-1); border-radius: var(--ui-radius); font-size: .7rem; font-weight: 600; padding: .2rem .4rem; }
.status-badge.status-draft, .badge.status-draft, :is(.badge, .status-badge)[data-ui-status="draft" i] {
    background: var(--ui-draft-bg) !important;
    color: var(--ui-draft-ink) !important;
    border: 1px solid var(--ui-draft-border) !important;
    border-radius: var(--ui-radius);
    font-size: .7rem;
    font-weight: 600;
    padding: .2rem .4rem;
}
.priority-high, .priority-urgent, .risk-high { color: var(--danger); }
.priority-medium, .risk-medium { color: var(--warning); }
.priority-low, .risk-low { color: var(--success); }
.stat-card, .metric-card, .chart-card, .stats-card { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-lg); padding: var(--ui-space-4); min-width: 0; }
.chart-card { position: relative; min-height: 16rem; }
.chart-card canvas, .qms-chart canvas, .survey-results-chart canvas { max-width: 100%; }
.alert { border-radius: var(--ui-radius); padding: var(--ui-space-3) var(--ui-space-4); }
.modal-content { border-radius: var(--ui-radius) !important; box-shadow: var(--ui-shadow-modal) !important; }
.modal-body { overflow-wrap: anywhere; }
.app-toast-container { z-index: var(--ui-z-toast); }

@media (max-width: 767.98px) {
    .main-content { max-width: 100%; }
    .main-content .dashboard-header { grid-template-columns: minmax(0, 1fr); }
    .main-content > :is(.container, .container-fluid, .ops-shell) { padding-left: var(--ui-space-2) !important; padding-right: var(--ui-space-2) !important; }
    .pagination { flex-wrap: wrap; row-gap: var(--ui-space-1); }
    .pagination .page-link { padding: .375rem .625rem; }
    .card-header, .card-header-custom { flex-wrap: wrap; gap: var(--ui-space-2); }
    .modal-xl { max-width: calc(100% - 1rem) !important; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .btn, .card, .app-sidebar, .main-content { transition: none !important; }
}
.ui-rule-15b59c1a9a { min-width: 140px !important; }
.ui-rule-e05d4a3301 { width: 50px !important; }
.ui-rule-6d2a18baae { width: 100px !important; }
.ui-rule-d334b57bfc { width: 120px !important; }
.ui-rule-ffcb6e42ab { width: 160px !important; }
.ui-rule-662c8e4334 { width: 150px !important; }
.ui-rule-9db3c3232a { width: 130px !important; }
.ui-rule-592fd6c9a1 { width: 16% !important; text-align: center !important; vertical-align: middle !important; }
.ui-rule-7217a7abdd { height: 60px !important; }
.ui-rule-d480a492d6 { width: 56% !important; }
.ui-rule-47a9fce0a8 { width: 28% !important; padding: 0 !important; }
.ui-rule-dc9d6d9a86 { width: 30% !important; }
.ui-rule-a75d926385 { min-height: 90px !important; }
.ui-rule-95bec79ece { width: 8% !important; }
.ui-rule-cffff263db { width: 22% !important; }
.ui-rule-58c1d4abfb { width: 36% !important; }
.ui-rule-027c8a554b { width: 10% !important; }
.ui-rule-32cbb91c0f { width: 14% !important; }
.ui-rule-a1588e2b80 { padding-bottom: 10px !important; }
.ui-rule-0ee7f66ad9 { margin-top: 12px !important; }
.ui-rule-57fefa4dbd { width: 25% !important; }
.ui-rule-42112ea816 { width: 65% !important; }
.ui-rule-753d8a1e5b { width: 35% !important; }
.ui-rule-8071f21693 { width: 60px !important; }
.ui-rule-499619ad33 { max-width: 96vw !important; }
.ui-rule-becbce1360 { min-height: 86vh !important; }
.ui-rule-1ea5e112d4 { width: 40px !important; }
.ui-rule-86579973e4 { min-width: 150px !important; }
.ui-rule-91269935bd { width: 80px !important; }
.ui-rule-e104eb5fa2 { width: 220px !important; }
.ui-rule-8de6457591 { width: 100px !important; height: auto !important; object-fit: contain !important; }
.ui-rule-7ec4898503 { height: 12px !important; }
.ui-rule-e593254ea2 { height: 6px !important; }
.ui-rule-64ee0ef9d0 { min-width: 205px !important; }
.ui-rule-6175250a48 { width: 76px !important; }
.ui-rule-36840fdbd2 { height: 7px !important; }
.ui-rule-d68e2229b1 { height: 20px !important; }
.ui-rule-12abba4f94 { min-width: 170px !important; }
.ui-rule-02f1ed8e11 { min-width: 190px !important; }
.ui-rule-6f30f75c6a { height: 8px !important; }
.ui-rule-fd1c0f9efd { --bs-offcanvas-width: min(100vw, 980px) !important; }
.ui-rule-26c8b9b56a { background: #0d6efd !important; }
.ui-rule-9521764e74 { max-width: 900px !important; }
.ui-rule-0fc6b0c6bd { background: #1d4ed8 !important; }
.ui-rule-5123a74efc { background: #334155 !important; }
.ui-rule-41a4df5eab { font-size: 1.5rem !important; }
.ui-rule-a32b1f1b77 { background: #b45309 !important; }
.ui-rule-53b4069d7d { background: var(--success) !important; }
.ui-rule-62c73ebf86 { max-width: 1100px !important; }
.ui-rule-9463ff4798 { cursor: pointer !important; }
.ui-rule-0c94311ceb { max-width: 1200px !important; }
.ui-rule-6b1b796935 { width: 42% !important; }
.ui-rule-47dd9eee79 { min-width: 120px !important; }
.ui-rule-4f2248ba4a { min-width: 160px !important; }
.ui-rule-5a5f7abe41 { width: 110px !important; }
.ui-rule-9fbf30136a { width: 1% !important; white-space: nowrap !important; }
.ui-rule-83f176b064 { max-width: 250px !important; }
.ui-rule-d5b38cff5d { z-index: 1080 !important; max-height: 240px !important; overflow-y: auto !important; }
.ui-rule-7eb44f64c0 { max-width: 420px !important; white-space: pre-wrap !important; }
.ui-rule-6346e951cc { max-width: 160px !important; max-height: 90px !important; object-fit: contain !important; }
.ui-rule-f0ac506b2f { max-width: 56px !important; max-height: 40px !important; object-fit: contain !important; }
.ui-rule-2f57672c94 { white-space: pre-line !important; min-width: 360px !important; }
.ui-rule-6968352194 { width: 16% !important; }
.ui-rule-1368fa0d46 { width: 18% !important; }
.ui-rule-e057286164 { width: 38px !important; }
.ui-rule-a32db3049f { height: 40px !important; }
.ui-rule-c96f9a7f82 { --bs-offcanvas-width: min(980px, 96vw) !important; }
.ui-rule-82a264a0f2 { --metric-color: var(--ops-green) !important; }
.ui-rule-7cae0fa945 { --metric-color: var(--ops-blue) !important; }
.ui-rule-5d7213976f { --metric-color: var(--ops-gold) !important; }
.ui-rule-d1a1000d5b { --metric-color: var(--ops-red) !important; }
.ui-rule-5201e2fcb0 { --step-color: var(--ops-green) !important; --step-tint: var(--ui-success-soft) !important; }
.ui-rule-e7b4bbe55a { --step-color: var(--ops-blue) !important; --step-tint: var(--ui-info-soft) !important; }
.ui-rule-ce7048c664 { --step-color: var(--ops-gold) !important; --step-tint: var(--ui-warning-soft) !important; }
.ui-rule-7ac7294198 { --step-color: var(--ops-red) !important; --step-tint: var(--ui-danger-soft) !important; }
.ui-rule-d1caead449 { width: 44px !important; }
.ui-rule-55d8ffef28 { width: 170px !important; }
.ui-rule-0b76278fae { width: 380px !important; }
.ui-rule-d01ec87d92 { width: 30px !important; }
.ui-rule-78bdaeac92 { width: auto !important; margin: right 3px !important; }
.ui-rule-9e6557e232 { width: 26px !important; }
.ui-rule-75d5f75d1a { width: auto !important; }
.ui-rule-bb1ea9937a { width: 100% !important; height: 75vh !important; border: 0 !important; }
.ui-rule-0deeda8007 { text-align: left !important; }
.ui-rule-f1ff77e5dd { color: var(--danger) !important; }
.ui-rule-bf27b4d40b { white-space: pre-line !important; line-height: 1.5 !important; }
.ui-rule-316d0225b8 { max-height: 70px !important; max-width: min-content !important; border: 1px solid var(--ui-border) !important; border-radius: 4px !important; padding: 2px !important; background: var(--ui-surface) !important; }
.ui-rule-cd2b97c43d { width: 140px !important; }
.ui-rule-3a258d31ad { height: 90vh !important; }
.ui-rule-bbb73fd2d0 { width: 100% !important; height: 100% !important; border: 0 !important; }
.ui-rule-a3f2399a15 { min-width: 300px !important; }
.ui-rule-b7e63b9b81 { min-width: 220px !important; }
.ui-rule-43459be14c { min-width: 180px !important; }
.ui-rule-3cab7ef27d { width: 200px !important; }
.ui-rule-0aca01dd99 { min-width: 50px !important; }
.ui-rule-f47e3b970d { width: 90px !important; }
.ui-rule-bea2031474 { height: 32px !important; }
.ui-rule-d4d91f9a13 { width: 20% !important; }
.ui-rule-e3f447c4f5 { width: 180px !important; }
.ui-rule-fa7344f97c { height: 160px !important; }
.ui-rule-a1c2ebc1e8 { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
.ui-rule-233663c79d { max-width: 100% !important; max-height: 160px !important; object-fit: contain !important; }
.ui-rule-b3f799fe56 { height: 110px !important; }
.ui-rule-ba34b892f7 { z-index: 1050 !important; max-height: 260px !important; overflow-y: auto !important; }
.ui-rule-8f79617ec4 { z-index: 1050 !important; max-height: 240px !important; overflow-y: auto !important; }
.ui-rule-45435946ea { min-width: 260px !important; }
.ui-rule-4aa3ae5934 { min-width: 110px !important; }
.ui-rule-81e2b2b07b { max-height: 44px !important; max-width: 100% !important; }
.ui-rule-101bfa174d { max-width: 220px !important; }
.ui-rule-c5b3d5b4cf { max-height: 320px !important; z-index: 1050 !important; }
.ui-rule-2a112061d9 { max-height: 280px !important; z-index: 1050 !important; }
.ui-rule-9c9bd71090 { max-width: 860px !important; }
.ui-rule-85380f89a6 { max-width: 700px !important; }
.ui-rule-1f9ab3be63 { z-index: 1 !important; }
.ui-rule-6cb5fa8be4 { min-width: 320px !important; }
.ui-rule-096c6a52e4 { min-width: 240px !important; }
.ui-rule-c2cf54abc1 { width: 36px !important; }
.ui-rule-dc9eac3f89 { width: 190px !important; }
.ui-rule-6a8b7384ca { z-index: 1056 !important; max-height: 220px !important; overflow-y: auto !important; }
.ui-rule-a1cef9cdf1 { z-index: 1056 !important; max-height: 200px !important; overflow-y: auto !important; }
.ui-rule-facef1cb59 { max-width: 360px !important; }
.ui-rule-2a551eb8eb { max-width: 200px !important; }
.ui-rule-fb2034fb7e { width: 4% !important; }
.ui-rule-0743333099 { width: 23% !important; }
.ui-rule-f2c140d5fe { width: 11% !important; }
.ui-rule-2be6e49227 { width: 9% !important; }
.ui-rule-fd0294336b { width: 6% !important; }
.ui-rule-6498dd8f49 { width: 15% !important; }
.ui-rule-83b4e37f24 { width: 5% !important; }
.inventory-stock-scope,
.inventory-filter-actions { min-height: var(--ui-control-height, 2.375rem); }
.inventory-stock-scope { align-content: center; align-items: center; }
.inventory-filter-actions { align-items: center; }
.ui-rule-2963e4f261 { width: 21% !important; }
.ui-rule-41c887046a { width: 125px !important; min-width: 0 !important; flex: 0 0 125px !important; }
.ui-rule-01b0acaffa { max-width: 230px !important; }
.ui-rule-1596700282 { max-width: 560px !important; }
.ui-rule-dc87c24c3c { font-size: 3rem !important; }
.ui-rule-badcd27c29 { width: 40% !important; }

/* Consolidated seasonal themes */

/* public/assets/css/themes/birthday.css */
/* ==========================================================
   VHE BIRTHDAY
   Full Sidebar Theme
   ========================================================== */
:where(html:has(body.theme-birthday)) body.theme-birthday {
    --theme-primary: #1565c0;
    --theme-primary-dark: #0d47a1;
    --theme-secondary: #ffca28;
    --theme-soft: rgba(255, 202, 40, 0.16);
}

/* ==========================================================
   SIDEBAR CONTAINER
   ========================================================== */
:where(html:has(body.theme-birthday)) .theme-birthday .app-sidebar {
    background: linear-gradient(180deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%) !important;
    color: #fff !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.25);
}

/* ==========================================================
   BRAND
   ========================================================== */
:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-brand {
    border-bottom: 1px solid rgba(255, 202, 40, 0.38);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-brand img {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.25));
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-title {
    color: #fff !important;
}

:where(html:has(body.theme-birthday)) .theme-birthday .today,:where(html:has(body.theme-birthday)) 
.theme-birthday .sidebar-caret {
    color: var(--theme-secondary) !important;
}

/* ==========================================================
   MENU WRAPPER, LINKS, GROUP, AND SUBMENU
   ========================================================== */
:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-menu {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-nav .nav-link,:where(html:has(body.theme-birthday)) 
.theme-birthday .sidebar-group-toggle {
    color: #fff !important;
    border-radius: 8px;
    transition: all 0.25s ease;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-nav .nav-link:hover,:where(html:has(body.theme-birthday)) 
.theme-birthday .sidebar-group-toggle:hover {
    background: var(--theme-soft) !important;
    transform: translateX(3px);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-nav .nav-link.active,:where(html:has(body.theme-birthday)) 
.theme-birthday .sidebar-submenu .dropdown-item.active {
    background: var(--theme-secondary) !important;
    color: #111 !important;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(255, 202, 40, 0.32);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-group-toggle.active {
    background: var(--theme-soft) !important;
    border-left: 3px solid var(--theme-secondary);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-submenu {
    border-left: 1px solid rgba(255, 255, 255, 0.16);
    margin-left: 8px;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-submenu .dropdown-item {
    color: rgba(255, 255, 255, 0.92);
    transition: all 0.2s ease;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-submenu .dropdown-item:hover {
    background: var(--theme-soft) !important;
    color: #fff !important;
    transform: translateX(3px);
}

/* ==========================================================
   FOOTER, DROPDOWN, MOBILE, TOGGLE, AND SCROLLBAR
   ========================================================== */
:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-footer {
    border-top: 1px solid rgba(255, 202, 40, 0.38);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-footer .nav-link {
    color: #fff !important;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-footer .nav-link:hover {
    background: var(--theme-soft);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-nav .dropdown-menu {
    border: 1px solid var(--theme-primary);
    border-radius: 10px;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-nav .dropdown-item:hover {
    background: #e3f2fd;
    color: var(--theme-primary-dark);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-mobile-header {
    background: linear-gradient(90deg, var(--theme-primary), var(--theme-primary-dark)) !important;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-overlay {
    background: rgba(0, 0, 0, 0.4);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-desktop-toggle {
    background: var(--theme-secondary);
    color: #111;
    border-color: var(--theme-primary-dark);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-desktop-toggle:hover {
    background: #ffe082;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-menu::-webkit-scrollbar {
    width: 8px;
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

:where(html:has(body.theme-birthday)) .theme-birthday .sidebar-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 202, 40, 0.55);
    border-radius: 4px;
}

/* public/assets/css/themes/christmas.css */


:where(html:has(body.theme-christmas)) .theme-christmas{
    --theme-primary:#c62828;
    --theme-secondary:#2e7d32;
    --sidebar-bg: #b71c1c;
    --sidebar-bg-dark: #7f0000;
    --sidebar-hover: rgba(46, 125, 50, 0.85);
    --sidebar-active: #2e7d32;
    --sidebar-active-color: #fff;
    --sidebar-toggle-hover: #2e7d32;
    --sidebar-group-active-color: #fff;
    --sidebar-group-active-bg: rgba(46, 125, 50, 0.85);
    --sidebar-submenu-active-bg: #2e7d32;
}

:where(html:has(body.theme-christmas)) .theme-christmas .app-sidebar{
    background:linear-gradient(
        180deg,
        #b71c1c,
        #c62828
    );
}

:where(html:has(body.theme-christmas)) .theme-christmas .nav-link.active{
    background:#2e7d32 !important;
}

:where(html:has(body.theme-christmas)) .theme-christmas .sidebar-brand{
    border-bottom:2px solid #ffffff33;
}

:where(html:has(body.theme-christmas)) .theme-christmas .sidebar-brand::before {
    content: "Merry Christmas";
    color: #fff;
    background: #2e7d32;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 3px;
    white-space: nowrap;
}

:where(html:has(body.theme-christmas)) .theme-christmas .main-content{
    background:
    url('/assets/images/themes/christmas/snow.png'),
    #f5f5f5 !important;
    background-size:500px;
}

:where(html:has(body.theme-christmas)) .theme-christmas .sidebar-brand::after {
    content: "🎄";
    /* display: block; */
    width: 64px;
    height: 64px;
    /* border:#ffd54f 2px solid; */
    /* border-radius: 50%; */
    /* background: var(--qk-red);
    color: var(--qk-yellow); */
    /* margin-top: 8px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    /* letter-spacing: 1px; */
    /* color: var(--qk-yellow); */
}
/* .theme-christmas::before{
    content:"🎄";
    position:fixed;
    right:20px;
    top:20px;
    font-size:60px;
    z-index:9999;
} */
:where(html:has(body.theme-christmas)) #snow-container{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:999;
}

:where(html:has(body.theme-christmas)) #snow-container::before{
    content:"❄ ❅ ❆ ❄ ❅ ❆";
    position:absolute;
    width:100%;
    height:100%;
    animation:snowFall 12s linear infinite;
    color:white;
    font-size:24px;
}

@keyframes snowFall{

    from{
        transform:translateY(-100%);
    }

    to{
        transform:translateY(100vh);
    }
}

/* public/assets/css/themes/giaiphong.css */
/* ==========================================================
   VHE GIAI PHONG MIEN NAM 30/4
   Full Sidebar Theme
   ========================================================== */

:where(html:has(body.theme-giaiphong)) body.theme-giaiphong {
	--gpmn-red: #da251d;
	--gpmn-red-dark: #9e1712;
	--gpmn-yellow: #ffeb00;
	--gpmn-yellow-soft: rgba(255, 235, 0, 0.16);
	--sidebar-bg: var(--gpmn-red);
	--sidebar-bg-dark: var(--gpmn-red-dark);
	--sidebar-hover: rgba(255, 235, 0, 0.18);
	--sidebar-active: var(--gpmn-yellow);
	--sidebar-active-color: var(--gpmn-red-dark);
	--sidebar-toggle-hover: #fff36a;
	--sidebar-group-active-color: #fff;
	--sidebar-group-active-bg: var(--gpmn-yellow-soft);
	--sidebar-submenu-active-bg: var(--gpmn-yellow);
}

/* ==========================================================
   SIDEBAR CONTAINER
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .app-sidebar {
	background: linear-gradient(180deg, var(--gpmn-red) 0%, var(--gpmn-red-dark) 100%) !important;
	color: #ffffff !important;
	box-shadow: 2px 0 12px rgba(0, 0, 0, 0.25);
}

/* ==========================================================
   BRAND
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-brand {
	border-bottom: 1px solid rgba(255, 235, 0, 0.38);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-brand img {
	filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.25));
}

/* .theme-giaiphong .sidebar-brand::after {
	content: "";
	width: 52px;
	height: 52px;
	border: 2px solid var(--gpmn-yellow);
	border-radius: 50%;
	color: var(--gpmn-yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 6 Free";
	font-size: 24px;
	font-weight: 900;
    
} */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-brand::after {
  content: "";
  width: 52px;
  height: 52px;
  border: 2px solid var(--sidebar-active, #ffde00);
  border-radius: 50%;
  
    background-image: url("/assets/images/themes/giaiphong/tank.png");
  background-size: 60%; /* Tùy chỉnh kích thước hình xe tăng bên trong vòng tròn */
  background-position: center;
  background-repeat: no-repeat;
  
  display: inline-block;
  box-sizing: border-box;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-title {
	color: #ffffff !important;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .today {
	color: #fff36a !important;
}

/* ==========================================================
   MENU WRAPPER
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-menu {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

/* ==========================================================
   MENU LINKS
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .nav-link {
	color: #ffffff !important;
	border-radius: 8px;
	transition: all 0.25s ease;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .nav-link:hover {
	background: rgba(255, 235, 0, 0.18) !important;
	color: #ffffff !important;
	transform: translateX(3px);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .nav-link.active {
	background: var(--gpmn-yellow) !important;
	color: var(--gpmn-red-dark) !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(255, 235, 0, 0.3);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .nav-link.active i {
	color: var(--gpmn-red-dark);
}

/* ==========================================================
   GROUP
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-group {
	margin-bottom: 4px;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-group-toggle {
	color: #ffffff !important;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-group-toggle:hover {
	background: rgba(255, 235, 0, 0.18) !important;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-group-toggle.active {
	background: var(--gpmn-yellow-soft) !important;
	color: #ffffff !important;
	border-left: 3px solid var(--gpmn-yellow);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-caret {
	color: var(--gpmn-yellow);
}

/* ==========================================================
   SUB MENU
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-submenu {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	margin-left: 8px;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-submenu .dropdown-item {
	color: rgba(255, 255, 255, 0.92);
	transition: all 0.2s ease;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-submenu .dropdown-item:hover {
	background: var(--gpmn-yellow-soft) !important;
	color: #ffffff !important;
	transform: translateX(3px);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-submenu .dropdown-item.active {
	background: var(--gpmn-yellow) !important;
	color: var(--gpmn-red-dark) !important;
	font-weight: 700;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-submenu .dropdown-item.active i {
	color: var(--gpmn-red-dark);
}

/* ==========================================================
   USER PANEL
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-footer {
	border-top: 1px solid rgba(255, 235, 0, 0.38);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-footer .nav-link {
	color: #ffffff !important;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-footer .nav-link:hover {
	background: var(--gpmn-yellow-soft);
}

/* ==========================================================
   DROPDOWN
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .dropdown-menu {
	border: 1px solid var(--gpmn-red);
	border-radius: 10px;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-nav .dropdown-item:hover {
	background: #fffde7;
	color: var(--gpmn-red-dark);
}

/* ==========================================================
   MOBILE HEADER
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-mobile-header {
	background: linear-gradient(90deg, var(--gpmn-red), var(--gpmn-red-dark)) !important;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-mobile-header .today {
	color: var(--gpmn-yellow);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-mobile-header .btn {
	border-color: rgba(255, 255, 255, 0.4);
}

/* ==========================================================
   OVERLAY
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-overlay {
	background: rgba(0, 0, 0, 0.4);
}

/* ==========================================================
   DESKTOP TOGGLE
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-desktop-toggle {
	background: var(--gpmn-yellow);
	color: var(--gpmn-red-dark);
	border-color: var(--gpmn-red-dark);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-desktop-toggle:hover {
	background: #fff36a;
	color: #7a0e09;
}

/* ==========================================================
   BADGE
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .holiday-badge {
	background: rgba(255, 235, 0, 0.12);
	color: #ffffff;
	border: 1px solid rgba(255, 235, 0, 0.4);
}

/* ==========================================================
   SCROLLBAR
   ========================================================== */

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-menu::-webkit-scrollbar {
	width: 8px;
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-menu::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
}

:where(html:has(body.theme-giaiphong)) .theme-giaiphong .sidebar-menu::-webkit-scrollbar-thumb {
	background: rgba(255, 235, 0, 0.5);
	border-radius: 4px;
}

/* public/assets/css/themes/hungvuong.css */


:where(html:has(body.theme-hungvuong)) {
    --sidebar-bg: #5d4037;
    --sidebar-bg-dark: #3e2723;
    --sidebar-hover: #795548;
    --sidebar-active: #ffb300;
    --sidebar-active-color: #111;
    --sidebar-toggle-hover: #ffb300;
    --sidebar-group-active-color: #111;
    --sidebar-group-active-bg: #ffb300;
    --sidebar-submenu-active-bg: #ffb300;
}

:where(html:has(body.theme-hungvuong)) .sidebar {
    background: linear-gradient(180deg, var(--sidebar-bg), #111);
    color: white;
}

:where(html:has(body.theme-hungvuong)) .menu-item:hover {
    background: var(--sidebar-hover);
}

:where(html:has(body.theme-hungvuong)) .menu-item.active {
    background: var(--sidebar-active);
    color: black;
}

/* public/assets/css/themes/newyear.css */


:where(html:has(body.theme-newyear)) .theme-newyear {
    --sidebar-bg: #0d47a1;
    --sidebar-bg-dark: #1565c0;
    --sidebar-hover: rgba(255, 255, 255, 0.18);
    --sidebar-active: #ffca28;
    --sidebar-active-color: #111;
    --sidebar-toggle-hover: #ffca28;
    --sidebar-group-active-color: #111;
    --sidebar-group-active-bg: #ffca28;
    --sidebar-submenu-active-bg: #ffca28;
}

:where(html:has(body.theme-newyear)) .theme-newyear .app-sidebar{
    background:linear-gradient(
    180deg,
    #0d47a1,
    #1565c0
    );
}

:where(html:has(body.theme-newyear)) .theme-newyear .sidebar-brand::before {
    content: "Happy New Year";
    color: #111;
    background: #ffca28;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 3px;
    white-space: nowrap;
}

:where(html:has(body.theme-newyear)) .theme-newyear .main-content{
    background:
    radial-gradient(circle,#fff7c2,#f0f5ff);
}

:where(html:has(body.theme-newyear)) .theme-newyear::before{
    content:"🎆";
    position:fixed;
    top:15px;
    right:20px;
    font-size:60px;
    z-index:9999;
}

/* public/assets/css/themes/noel.css */


:where(html:has(body.theme-noel)) .theme-christmas{
    --theme-primary:#c62828;
    --theme-secondary:#2e7d32;
    --sidebar-bg: #b71c1c;
    --sidebar-bg-dark: #7f0000;
    --sidebar-hover: rgba(46, 125, 50, 0.85);
    --sidebar-active: #2e7d32;
    --sidebar-active-color: #fff;
    --sidebar-toggle-hover: #2e7d32;
    --sidebar-group-active-color: #fff;
    --sidebar-group-active-bg: rgba(46, 125, 50, 0.85);
    --sidebar-submenu-active-bg: #2e7d32;
}

:where(html:has(body.theme-noel)) .theme-christmas .app-sidebar{
    background:linear-gradient(
        180deg,
        #b71c1c,
        #c62828
    );
}

:where(html:has(body.theme-noel)) .theme-christmas .nav-link.active{
    background:#2e7d32 !important;
}

:where(html:has(body.theme-noel)) .theme-christmas .sidebar-brand{
    border-bottom:2px solid #ffffff33;
}

:where(html:has(body.theme-noel)) .theme-christmas .main-content{
    background:
    url('/assets/images/themes/christmas/snow.png'),
    #f5f5f5 !important;
    background-size:500px;
}

:where(html:has(body.theme-noel)) .theme-christmas::before{
    content:"🎄";
    position:fixed;
    right:20px;
    top:20px;
    font-size:60px;
    z-index:9999;
}

/* public/assets/css/themes/quockhanh.css */
/* ==========================================================
   VHE QUOC KHANH 2/9
   Full Sidebar Theme
   ========================================================== */

:where(html:has(body.theme-quockhanh)) body.theme-quockhanh {
    --qk-red: #c8102e;
    --qk-red-dark: #960018;
    --qk-yellow: #ffd700;
    --qk-yellow-soft: rgba(255,215,0,.15);
    --sidebar-bg: var(--qk-red);
    --sidebar-bg-dark: var(--qk-red-dark);
    --sidebar-hover: rgba(255, 215, 0, 0.18);
    --sidebar-active: var(--qk-yellow);
    --sidebar-active-color: var(--qk-red-dark);
    --sidebar-toggle-hover: #ffeb3b;
    --sidebar-group-active-color: #fff;
    --sidebar-group-active-bg: var(--qk-yellow-soft);
    --sidebar-submenu-active-bg: var(--qk-yellow);
}

/* ==========================================================
   SIDEBAR CONTAINER
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .app-sidebar {
    background:
        linear-gradient(
            180deg,
            var(--qk-red) 0%,
            var(--qk-red-dark) 100%
        ) !important;

    color: #ffffff !important;
    box-shadow: 2px 0 12px rgba(0,0,0,.25);
}

/* ==========================================================
   BRAND
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-brand {
    border-bottom: 1px solid rgba(255,215,0,.35);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .holiday-badge::before {
    content: "";
    width: 200px;
    /* height: 52px; */
    background-image: url('/assets/images/themes/quockhanh/qk-2026.png');
    color: var(--qk-yellow);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
/* .theme-quockhanh .holiday-badge::before {
    content: url('/assets/images/themes/quockhanh/qk-2026.png');
    display: inline-block;
    transform: scale(0.2);
    transform-origin: left top;
} */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-brand img {
    filter:
        drop-shadow(0 0 6px rgba(255,255,255,.25));
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-brand::after {
    content: "★";
    /* display: block; */
    width: 64px;
    height: 42px;
    border:#ffd54f 2px solid;
    /* border-radius: 50%; */
    /* background: var(--qk-red); */
    color: var(--qk-yellow);
    /* margin-top: 8px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    /* letter-spacing: 1px; */
    color: var(--qk-yellow);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-title {
    color: #ffffff !important;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .today {
    color: #ffe082 !important;
}

/* ==========================================================
   MENU WRAPPER
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-menu {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.01)
        );
}

/* ==========================================================
   MENU LINKS
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .nav-link {
    color: #ffffff !important;
    border-radius: 8px;
    transition: all .25s ease;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .nav-link:hover {
    background: rgba(255,215,0,.18) !important;
    color: #ffffff !important;
    transform: translateX(3px);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .nav-link.active {
    background: var(--qk-yellow) !important;
    color: var(--qk-red-dark) !important;
    font-weight: 700 !important;
    box-shadow:
        0 2px 8px rgba(255,215,0,.3);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .nav-link.active i {
    color: var(--qk-red-dark);
}

/* ==========================================================
   GROUP
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-group {
    margin-bottom: 4px;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-group-toggle {
    color: #ffffff !important;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-group-toggle:hover {
    background: rgba(255,215,0,.18) !important;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-group-toggle.active {
    background: rgba(255,215,0,.15) !important;
    color: #ffffff !important;
    border-left: 3px solid var(--qk-yellow);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-caret {
    color: #ffd54f;
}

/* ==========================================================
   SUB MENU
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-submenu {
    border-left: 1px solid rgba(255,255,255,.15);
    margin-left: 8px;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-submenu .dropdown-item {
    color: rgba(255,255,255,.92);
    transition: all .2s ease;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-submenu .dropdown-item:hover {
    background: rgba(255,215,0,.15) !important;
    color: #ffffff !important;
    transform: translateX(3px);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-submenu .dropdown-item.active {
    background: var(--qk-yellow) !important;
    color: var(--qk-red-dark) !important;
    font-weight: 700;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-submenu .dropdown-item.active i {
    color: var(--qk-red-dark);
}

/* ==========================================================
   USER PANEL
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-footer {
    border-top: 1px solid rgba(255,215,0,.35);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-footer .nav-link {
    color: #ffffff !important;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-footer .nav-link:hover {
    background: rgba(255,215,0,.15);
}

/* ==========================================================
   DROPDOWN
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .dropdown-menu {
    border: 1px solid #d32f2f;
    border-radius: 10px;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-nav .dropdown-item:hover {
    background: #fff8dc;
    color: #b71c1c;
}

/* ==========================================================
   MOBILE HEADER
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-mobile-header {
    background:
        linear-gradient(
            90deg,
            var(--qk-red),
            var(--qk-red-dark)
        ) !important;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-mobile-header .today {
    color: var(--qk-yellow);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-mobile-header .btn {
    border-color: rgba(255,255,255,.4);
}

/* ==========================================================
   OVERLAY
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-overlay {
    background: rgba(0,0,0,.4);
}

/* ==========================================================
   DESKTOP TOGGLE
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-desktop-toggle {
    background: var(--qk-yellow);
    color: #b71c1c;
    border-color: #b71c1c;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-desktop-toggle:hover {
    background: #ffeb3b;
    color: #8b0000;
}

/* ==========================================================
   SCROLLBAR
   ========================================================== */

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-menu::-webkit-scrollbar {
    width: 8px;
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
}

:where(html:has(body.theme-quockhanh)) .theme-quockhanh .sidebar-menu::-webkit-scrollbar-thumb {
    background: rgba(255,215,0,.5);
    border-radius: 4px;
}

/* ==========================================================
   DECORATION
   ========================================================== */

/* .theme-quockhanh .sidebar-brand::after {
    content: "⭐";
    position: fixed;
    top: 14px;
    right: 15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--qk-red);
    color: var(--qk-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    z-index: 9999;
} */

/* public/assets/css/themes/sidebar-theme.css */
/* ==========================================================
   VHE HOLIDAY SIDEBAR
   Shared Full Sidebar Theme Structure
   ========================================================== */
body[class*="theme-"] .app-sidebar {
    background: linear-gradient(180deg, var(--theme-primary, var(--sidebar-bg)) 0%, var(--theme-primary-dark, var(--sidebar-bg-dark)) 100%) !important;
    color: #fff !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.25);
}

body[class*="theme-"] .sidebar-brand,
body[class*="theme-"] .sidebar-footer {
    border-color: var(--theme-secondary, var(--sidebar-active));
}

body[class*="theme-"] .sidebar-brand img {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.25));
}

body[class*="theme-"] .sidebar-title,
body[class*="theme-"] .sidebar-nav .nav-link,
body[class*="theme-"] .sidebar-group-toggle,
body[class*="theme-"] .sidebar-footer .nav-link {
    color: #fff !important;
}

body[class*="theme-"] .today,
body[class*="theme-"] .sidebar-caret {
    color: var(--theme-secondary, var(--sidebar-active)) !important;
}

body[class*="theme-"] .sidebar-menu {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}

body[class*="theme-"] .sidebar-nav .nav-link {
    border-radius: 8px;
    transition: all 0.25s ease;
}

body[class*="theme-"] .sidebar-nav .nav-link:hover,
body[class*="theme-"] .sidebar-group-toggle:hover {
    background: var(--theme-soft, var(--sidebar-hover)) !important;
    transform: translateX(3px);
}

body[class*="theme-"] .sidebar-nav .nav-link.active,
body[class*="theme-"] .sidebar-submenu .dropdown-item.active {
    background: var(--theme-secondary, var(--sidebar-active)) !important;
    color: var(--sidebar-active-color, #111) !important;
    font-weight: 700;
}

body[class*="theme-"] .sidebar-group {
    margin-bottom: 4px;
}

body[class*="theme-"] .sidebar-group-toggle.active {
    background: var(--theme-soft, var(--sidebar-group-active-bg)) !important;
    border-left: 3px solid var(--theme-secondary, var(--sidebar-active));
}

body[class*="theme-"] .sidebar-submenu {
    border-left: 1px solid rgba(255, 255, 255, 0.16);
    margin-left: 8px;
}

body[class*="theme-"] .sidebar-submenu .dropdown-item {
    color: rgba(255, 255, 255, 0.92);
    transition: all 0.2s ease;
}

body[class*="theme-"] .sidebar-submenu .dropdown-item:hover {
    background: var(--theme-soft, var(--sidebar-hover)) !important;
    color: #fff !important;
    transform: translateX(3px);
}

body[class*="theme-"] .sidebar-nav .dropdown-menu {
    border: 1px solid var(--theme-primary, var(--sidebar-bg));
    border-radius: 10px;
}

body[class*="theme-"] .sidebar-mobile-header {
    background: linear-gradient(90deg, var(--theme-primary, var(--sidebar-bg)), var(--theme-primary-dark, var(--sidebar-bg-dark))) !important;
}

body[class*="theme-"] .sidebar-overlay {
    background: rgba(0, 0, 0, 0.4);
}

body[class*="theme-"] .sidebar-desktop-toggle {
    background: var(--theme-secondary, var(--sidebar-active));
    color: var(--sidebar-active-color, #111);
    border-color: var(--theme-primary-dark, var(--sidebar-bg-dark));
}

body[class*="theme-"] .sidebar-menu::-webkit-scrollbar {
    width: 8px;
}

body[class*="theme-"] .sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

body[class*="theme-"] .sidebar-menu::-webkit-scrollbar-thumb {
    background: var(--theme-secondary, var(--sidebar-active));
    border-radius: 4px;
}

/* public/assets/css/themes/tet.css */


:where(html:has(body.theme-tet)) {
    --sidebar-bg: #b71c1c;
    --sidebar-bg-dark: #7f0000;
    --sidebar-hover: #d32f2f;
    --sidebar-active: #ffca28;
    --sidebar-active-color: #111;
    --sidebar-toggle-hover: #ffca28;
    --sidebar-group-active-color: #111;
    --sidebar-group-active-bg: #ffca28;
    --sidebar-submenu-active-bg: #ffca28;
}

:where(html:has(body.theme-tet)) .sidebar {
    background: linear-gradient(180deg, var(--sidebar-bg), #111);
    color: white;
}

:where(html:has(body.theme-tet)) .menu-item:hover {
    background: var(--sidebar-hover);
}

:where(html:has(body.theme-tet)) .menu-item.active {
    background: var(--sidebar-active);
    color: black;
}

/* public/assets/css/themes/trungthu.css */


:where(html:has(body.theme-trungthu)) {
    --sidebar-bg: #0d1b4c;
    --sidebar-bg-dark: #081238;
    --sidebar-hover: #1e3c72;
    --sidebar-active: #ffa726;
    --sidebar-active-color: #111;
    --sidebar-toggle-hover: #ffa726;
    --sidebar-group-active-color: #111;
    --sidebar-group-active-bg: #ffa726;
    --sidebar-submenu-active-bg: #ffa726;
}

:where(html:has(body.theme-trungthu)) .sidebar {
    background: linear-gradient(180deg, var(--sidebar-bg), #111);
    color: white;
}

:where(html:has(body.theme-trungthu)) .menu-item:hover {
    background: var(--sidebar-hover);
}

:where(html:has(body.theme-trungthu)) .menu-item.active {
    background: var(--sidebar-active);
    color: black;
}

:where(html:has(body.theme-trungthu)) .theme-trungthu .sidebar-brand::after {
    content: "";
    /* display: block; */
    
    width: 64px;
    /* height: 42px; */
    background-image: url('/assets/images/themes/trungthu/full-moon.png');
    border:#ffd54f 2px solid;
    /* border-radius: 50%; */
    /* background: var(--qk-red); */
    color: var(--qk-yellow);
    /* margin-top: 8px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    /* letter-spacing: 1px; */
    color: var(--qk-yellow);
}
.outsource-lookup {
    position: relative;
}

.outsource-lookup [role="status"] {
    height: 2.5em;
    overflow-y: auto;
}

.outsource-lookup-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: min(320px, 40vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}