/* LASA System dark theme = portal design "A" dark tokens (2026-10-26).
 * Loaded AFTER lasa-system-theme.css from layouts/head.blade.php (back-office only).
 * Scope: @media screen AND prefers-color-scheme: dark AND #layout-wrapper / :has(#layout-wrapper).
 * Print views, PDFs, login, and the customer shop are untouched (no #layout-wrapper / not this layout).
 * Tokens copied from design_20261025/final/lasa.css lines 44–81. Text pairs are WCAG >= 4.5:1.
 * Rollback = remove the one <link> line (or this file). */
@media screen {
@media (prefers-color-scheme: dark) {

:root {
  --lasa-c-header: #20262C;
  --lasa-c-header-search: #171C21;
  --lasa-c-header-muted: #D4DAE0;
  --lasa-c-canvas: #181C20;
  --lasa-c-surface: #22272C;
  --lasa-c-text: #F2F1ED;
  --lasa-c-muted: #B2B8BF;
  --lasa-c-primary: #D8E1E9;
  --lasa-c-link: #A6C6DE;
  --lasa-c-accent: #FF959A;
  --lasa-c-border: #3E464D;
  --lasa-c-subtle: #2B3238;
  --lasa-t-canvas: #181C20;
  --lasa-t-surface: #22272C;
  --lasa-t-raised: #292F35;
  --lasa-t-subtle: #2B3238;
  --lasa-t-subtle-hover: #353E46;
  --lasa-t-text: #F2F1ED;
  --lasa-t-muted: #B2B8BF;
  --lasa-t-border: #3E464D;
  --lasa-t-input: #8B959F;
  --lasa-t-primary: #D8E1E9;
  --lasa-t-primary-hover: #EBF0F5;
  --lasa-t-primary-label: #181C20;
  --lasa-t-link: #A6C6DE;
  --lasa-t-accent: #FF959A;
  --lasa-t-success: #ABD2B8;
  --lasa-t-success-bg: #2B3C32;
  --lasa-t-warning: #DFC18B;
  --lasa-t-warning-bg: #3C3528;
  --lasa-t-danger: #FFADB7;
  --lasa-t-danger-bg: #482932;
  --lasa-t-info: #B0C9E5;
  --lasa-t-info-bg: #2C3845;
}

html:has(#layout-wrapper),
body:has(#layout-wrapper) {
  color-scheme: dark;
  background-color: var(--lasa-c-canvas);
  color: var(--lasa-c-text);
}

#layout-wrapper {
  color-scheme: dark;
  background-color: var(--lasa-c-canvas);
  color: var(--lasa-t-text);
  --bs-body-color: #F2F1ED;
  --bs-body-bg: #181C20;
  --bs-border-color: #3E464D;
  --bs-secondary-color: #B2B8BF;
  --bs-secondary-bg: #2B3238;
  --bs-tertiary-bg: #292F35;
  --bs-tertiary-color: #B2B8BF;
  --bs-emphasis-color: #F2F1ED;
  --bs-heading-color: #F2F1ED;
  --bs-link-color: #A6C6DE;
  --bs-link-hover-color: #EBF0F5;
  --bs-form-valid-border-color: #ABD2B8;
  --bs-form-invalid-border-color: #FFADB7;
}

#layout-wrapper .main-content,
#layout-wrapper .page-content { background-color: var(--lasa-c-canvas); color: var(--lasa-t-text); }
#layout-wrapper .footer { background-color: var(--lasa-c-surface); border-top-color: var(--lasa-c-border); color: var(--lasa-t-muted); }

/* chrome: app-grid hover was hardcoded #EEEFEC */
#layout-wrapper #page-topbar .lasa-app:hover,
#layout-wrapper #page-topbar .lasa-app:focus-visible { background-color: var(--lasa-c-subtle); color: var(--lasa-c-text); }
#layout-wrapper #page-topbar .lasa-apps-panel,
#layout-wrapper #page-topbar .lasa-apps-panel::before,
#layout-wrapper #page-topbar .lasa-search-results { background: var(--lasa-c-surface); color: var(--lasa-c-text); border-color: var(--lasa-c-border); }

/* cards */
#layout-wrapper .card { background: var(--lasa-t-surface); border-color: var(--lasa-t-border); box-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
#layout-wrapper .card-header, #layout-wrapper .card-footer { background: transparent; border-color: var(--lasa-t-border); color: var(--lasa-t-text); }
#layout-wrapper .card-title, #layout-wrapper .card-header h4, #layout-wrapper .card-header h5 { color: var(--lasa-t-text); }
#layout-wrapper .bg-white { background-color: var(--lasa-t-surface) !important; }
#layout-wrapper .bg-light, #layout-wrapper .bg-soft-light, #layout-wrapper .bg-soft-secondary { background-color: var(--lasa-t-subtle) !important; color: var(--lasa-t-text) !important; }

/* buttons: portal dark = light fill + dark label (theme hardcodes color:#fff and --bs-btn-* hex) */
#layout-wrapper .btn-primary {
  --bs-btn-color: #181C20; --bs-btn-bg: #D8E1E9; --bs-btn-border-color: #D8E1E9;
  --bs-btn-hover-color: #181C20; --bs-btn-hover-bg: #EBF0F5; --bs-btn-hover-border-color: #EBF0F5;
  --bs-btn-active-color: #181C20; --bs-btn-active-bg: #EBF0F5; --bs-btn-active-border-color: #EBF0F5;
  --bs-btn-disabled-color: #181C20; --bs-btn-disabled-bg: #D8E1E9; --bs-btn-disabled-border-color: #D8E1E9;
  background-color: #D8E1E9 !important; border-color: #D8E1E9 !important; color: #181C20 !important;
}
#layout-wrapper .btn-primary:hover, #layout-wrapper .btn-primary:focus, #layout-wrapper .btn-primary:active {
  background-color: #EBF0F5 !important; border-color: #EBF0F5 !important; color: #181C20 !important;
}
#layout-wrapper .btn-success {
  --bs-btn-color: #181C20; --bs-btn-bg: #ABD2B8; --bs-btn-border-color: #ABD2B8;
  --bs-btn-hover-color: #181C20; --bs-btn-hover-bg: #C5E3CE; --bs-btn-hover-border-color: #C5E3CE;
  background-color: #ABD2B8 !important; border-color: #ABD2B8 !important; color: #181C20 !important;
}
#layout-wrapper .btn-success:hover, #layout-wrapper .btn-success:focus { background-color: #C5E3CE !important; border-color: #C5E3CE !important; color: #181C20 !important; }
#layout-wrapper .btn-danger {
  --bs-btn-color: #181C20; --bs-btn-bg: #FFADB7; --bs-btn-border-color: #FFADB7;
  --bs-btn-hover-color: #181C20; --bs-btn-hover-bg: #FFC5CC; --bs-btn-hover-border-color: #FFC5CC;
  background-color: #FFADB7 !important; border-color: #FFADB7 !important; color: #181C20 !important;
}
#layout-wrapper .btn-danger:hover, #layout-wrapper .btn-danger:focus { background-color: #FFC5CC !important; border-color: #FFC5CC !important; color: #181C20 !important; }
#layout-wrapper .btn-info {
  --bs-btn-color: #181C20; --bs-btn-bg: #B0C9E5; --bs-btn-border-color: #B0C9E5;
  --bs-btn-hover-color: #181C20; --bs-btn-hover-bg: #C9DBEE; --bs-btn-hover-border-color: #C9DBEE;
  background-color: #B0C9E5 !important; border-color: #B0C9E5 !important; color: #181C20 !important;
}
#layout-wrapper .btn-info:hover, #layout-wrapper .btn-info:focus { background-color: #C9DBEE !important; border-color: #C9DBEE !important; color: #181C20 !important; }
#layout-wrapper .btn-warning {
  --bs-btn-color: #181C20; --bs-btn-bg: #DFC18B; --bs-btn-border-color: #DFC18B;
  --bs-btn-hover-color: #181C20; --bs-btn-hover-bg: #EAD4A8; --bs-btn-hover-border-color: #EAD4A8;
  background-color: #DFC18B !important; border-color: #DFC18B !important; color: #181C20 !important;
}
#layout-wrapper .btn-warning:hover, #layout-wrapper .btn-warning:focus { background-color: #EAD4A8 !important; border-color: #EAD4A8 !important; color: #181C20 !important; }
#layout-wrapper .btn-secondary, #layout-wrapper .btn-light {
  background-color: var(--lasa-t-subtle) !important; border-color: var(--lasa-t-border) !important; color: var(--lasa-t-text) !important;
}
#layout-wrapper .btn-outline-primary { color: var(--lasa-t-primary); border-color: var(--lasa-t-primary); background: transparent; }
#layout-wrapper .btn-outline-primary:hover { background-color: var(--lasa-t-primary); color: var(--lasa-t-primary-label); }
#layout-wrapper .btn-outline-secondary { color: var(--lasa-t-text); border-color: var(--lasa-t-border); }
#layout-wrapper .btn-link { color: var(--lasa-t-link); }
#layout-wrapper .btn-close { filter: invert(1) grayscale(100%); opacity: .7; }

/* badges already follow --lasa-t-*-bg tokens; keep text on those fills */
#layout-wrapper .badge.bg-primary { background-color: var(--lasa-t-info-bg) !important; color: var(--lasa-t-info) !important; }

/* tables */
#layout-wrapper .table, #layout-wrapper table.dataTable { color: var(--lasa-t-text); border-color: var(--lasa-t-border); --bs-table-bg: transparent; --bs-table-color: #F2F1ED; --bs-table-border-color: #3E464D; --bs-table-hover-bg: #2B3238; --bs-table-striped-bg: #1E2429; --bs-table-striped-color: #F2F1ED; }
#layout-wrapper .table > :not(caption) > * > * { background-color: transparent; color: var(--lasa-t-text); border-bottom-color: var(--lasa-t-border); }
#layout-wrapper .table > thead > tr > th, #layout-wrapper .table thead th, #layout-wrapper .table .table-light th, #layout-wrapper .table-light {
  background-color: var(--lasa-t-canvas) !important; color: var(--lasa-t-muted) !important; border-color: var(--lasa-t-border) !important;
}
#layout-wrapper .table-hover > tbody > tr:hover > * { background-color: #2B3238 !important; color: var(--lasa-t-text); }
#layout-wrapper .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #1E2429; color: var(--lasa-t-text); }
#layout-wrapper .table-active, #layout-wrapper .table-active > * { background-color: var(--lasa-t-subtle) !important; color: var(--lasa-t-text) !important; }

/* pagination + DataTables */
#layout-wrapper .page-link, #layout-wrapper .dataTables_paginate .paginate_button {
  background-color: var(--lasa-t-surface) !important; color: var(--lasa-t-link) !important; border-color: var(--lasa-t-border) !important;
}
#layout-wrapper .page-item.disabled .page-link, #layout-wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: var(--lasa-t-surface) !important; color: var(--lasa-t-muted) !important; border-color: var(--lasa-t-border) !important;
}
#layout-wrapper .page-item.active .page-link, #layout-wrapper .dataTables_paginate .paginate_button.current {
  background-color: #D8E1E9 !important; border-color: #D8E1E9 !important; color: #181C20 !important;
}
#layout-wrapper .dataTables_wrapper, #layout-wrapper .dataTables_wrapper .dataTables_length,
#layout-wrapper .dataTables_wrapper .dataTables_filter, #layout-wrapper .dataTables_wrapper .dataTables_info,
#layout-wrapper .dataTables_wrapper .dataTables_paginate { color: var(--lasa-t-muted); }
#layout-wrapper .dataTables_wrapper .dataTables_filter input,
#layout-wrapper .dataTables_wrapper .dataTables_length select {
  background-color: var(--lasa-t-surface) !important; color: var(--lasa-t-text) !important; border: 1px solid var(--lasa-t-input) !important;
}
#layout-wrapper .dataTables_processing { background: var(--lasa-t-raised) !important; color: var(--lasa-t-text) !important; }
#layout-wrapper table.dataTable tbody tr, #layout-wrapper table.dataTable.stripe tbody tr.odd,
#layout-wrapper table.dataTable.display tbody tr.odd { background-color: transparent; }
#layout-wrapper table.dataTable.hover tbody tr:hover, #layout-wrapper table.dataTable.display tbody tr:hover { background-color: #2B3238; }
#layout-wrapper table.dataTable thead th, #layout-wrapper table.dataTable thead td { border-bottom-color: var(--lasa-t-border); }

/* forms (header search stays on chrome's more-specific #page-topbar .app-search rule) */
:where(#layout-wrapper) .form-control, :where(#layout-wrapper) .form-select {
  background-color: var(--lasa-t-surface); color: var(--lasa-t-text); border-color: var(--lasa-t-input);
}
:where(#layout-wrapper) .form-control:focus, :where(#layout-wrapper) .form-select:focus {
  background-color: var(--lasa-t-surface); color: var(--lasa-t-text);
  border-color: var(--lasa-t-link); box-shadow: 0 0 0 3px rgba(166, 198, 222, .28);
}
#layout-wrapper .form-control::placeholder, #layout-wrapper .form-select::placeholder { color: var(--lasa-t-muted); opacity: 1; }
#layout-wrapper .form-control:disabled, #layout-wrapper .form-select:disabled { background-color: var(--lasa-t-subtle); color: var(--lasa-t-muted); }
#layout-wrapper .form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #22272C inset; -webkit-text-fill-color: #F2F1ED; caret-color: #F2F1ED; }
#layout-wrapper .form-label, #layout-wrapper label, #layout-wrapper .col-form-label { color: var(--lasa-t-text); }
#layout-wrapper .input-group-text { background-color: var(--lasa-t-subtle); color: var(--lasa-t-text); border-color: var(--lasa-t-input); }
#layout-wrapper .form-check-input { background-color: var(--lasa-t-surface); border-color: var(--lasa-t-input); }
#layout-wrapper .form-check-input:checked { background-color: var(--lasa-t-primary); border-color: var(--lasa-t-primary); }
#layout-wrapper .form-control.is-invalid, #layout-wrapper .form-select.is-invalid,
#layout-wrapper .was-validated .form-control:invalid { border-color: var(--lasa-t-danger) !important; }
#layout-wrapper .invalid-feedback, #layout-wrapper .parsley-errors-list, #layout-wrapper .text-danger { color: var(--lasa-t-danger) !important; }

/* select2 (dropdown is often appended to body) */
#layout-wrapper .select2-container--default .select2-selection--single,
#layout-wrapper .select2-container--default .select2-selection--multiple {
  background-color: var(--lasa-t-surface) !important; border-color: var(--lasa-t-input) !important; color: var(--lasa-t-text) !important;
}
#layout-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--lasa-t-text) !important; }
#layout-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--lasa-t-muted) !important; }
#layout-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--lasa-t-muted) transparent transparent transparent; }
#layout-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--lasa-t-subtle) !important; border-color: var(--lasa-t-border) !important; color: var(--lasa-t-text) !important;
}
body:has(#layout-wrapper) .select2-dropdown {
  background: var(--lasa-t-raised) !important; border-color: var(--lasa-t-border) !important; color: var(--lasa-t-text) !important;
}
body:has(#layout-wrapper) .select2-search,
body:has(#layout-wrapper) .select2-search--dropdown {
  background: var(--lasa-t-raised) !important;
}
body:has(#layout-wrapper) .select2-search__field,
body:has(#layout-wrapper) .select2-search input,
body:has(#layout-wrapper) .select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--lasa-t-surface) !important; color: var(--lasa-t-text) !important;
  border: 1px solid var(--lasa-t-input) !important; outline: none !important;
  box-shadow: none !important; caret-color: var(--lasa-t-text);
}
body:has(#layout-wrapper) .select2-container--default .select2-results__option { color: var(--lasa-t-text); }
body:has(#layout-wrapper) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:has(#layout-wrapper) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--lasa-t-subtle) !important; color: var(--lasa-t-text) !important;
}
body:has(#layout-wrapper) .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #D8E1E9 !important; color: #181C20 !important;
}

/* sidebar */
#layout-wrapper .vertical-menu { background-color: var(--lasa-c-surface); border-right-color: var(--lasa-c-border); }
#layout-wrapper .vertical-menu #sidebar-menu ul li a { color: var(--lasa-t-text); }
#layout-wrapper .vertical-menu #sidebar-menu ul li a i { color: var(--lasa-t-muted) !important; }
#layout-wrapper .vertical-menu #sidebar-menu ul li a:hover,
#layout-wrapper .vertical-menu #sidebar-menu ul li a:hover i { color: var(--lasa-t-primary) !important; }
#layout-wrapper .vertical-menu #sidebar-menu ul li.mm-active > a,
#layout-wrapper .vertical-menu #sidebar-menu ul li a.active {
  color: var(--lasa-t-primary) !important; background-color: var(--lasa-t-subtle); box-shadow: inset 3px 0 0 var(--lasa-t-accent);
}
#layout-wrapper .vertical-menu #sidebar-menu ul li.mm-active > a i,
#layout-wrapper .vertical-menu #sidebar-menu ul li a.active i { color: var(--lasa-t-primary) !important; }
#layout-wrapper .vertical-menu #sidebar-menu .sub-menu li a { color: var(--lasa-t-muted); }
#layout-wrapper .vertical-menu #sidebar-menu .sub-menu li a:hover,
#layout-wrapper .vertical-menu #sidebar-menu .sub-menu li.mm-active > a { color: var(--lasa-t-primary) !important; }
#layout-wrapper .vertical-menu #sidebar-menu .menu-title { color: var(--lasa-t-muted); }
#layout-wrapper .vertical-menu #sidebar-menu .has-arrow::after,
#layout-wrapper .vertical-menu #sidebar-menu .has-arrow:after { border-color: var(--lasa-t-muted) !important; }

/* dropdowns, modals, alerts, sweetalert (body-mounted) */
#layout-wrapper .dropdown-menu {
  background-color: var(--lasa-t-raised); border-color: var(--lasa-t-border); color: var(--lasa-t-text);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
#layout-wrapper .dropdown-item { color: var(--lasa-t-text); }
#layout-wrapper .dropdown-item:hover, #layout-wrapper .dropdown-item:focus { background-color: var(--lasa-t-subtle); color: var(--lasa-t-text); }
#layout-wrapper .dropdown-item:active { background-color: #D8E1E9; color: #181C20; }
#layout-wrapper .dropdown-divider { border-top-color: var(--lasa-t-border); }
#layout-wrapper .dropdown-header { color: var(--lasa-t-muted); }
body:has(#layout-wrapper) .modal-content {
  background-color: var(--lasa-t-surface); color: var(--lasa-t-text); border-color: var(--lasa-t-border);
}
body:has(#layout-wrapper) .modal-header, body:has(#layout-wrapper) .modal-footer { border-color: var(--lasa-t-border); }
body:has(#layout-wrapper) .modal-title { color: var(--lasa-t-text); }
body:has(#layout-wrapper) .modal-backdrop { background-color: #000; }
#layout-wrapper .alert { color: var(--lasa-t-text); border-color: var(--lasa-t-border); }
#layout-wrapper .alert-success { background-color: var(--lasa-t-success-bg); color: var(--lasa-t-success); border-color: var(--lasa-t-success-bg); }
#layout-wrapper .alert-warning { background-color: var(--lasa-t-warning-bg); color: var(--lasa-t-warning); border-color: var(--lasa-t-warning-bg); }
#layout-wrapper .alert-danger { background-color: var(--lasa-t-danger-bg); color: var(--lasa-t-danger); border-color: var(--lasa-t-danger-bg); }
#layout-wrapper .alert-info, #layout-wrapper .alert-primary { background-color: var(--lasa-t-info-bg); color: var(--lasa-t-info); border-color: var(--lasa-t-info-bg); }
body:has(#layout-wrapper) .swal2-popup { background: var(--lasa-t-surface) !important; color: var(--lasa-t-text) !important; }
body:has(#layout-wrapper) .swal2-title, body:has(#layout-wrapper) .swal2-html-container, body:has(#layout-wrapper) .swal2-content { color: var(--lasa-t-text) !important; }
body:has(#layout-wrapper) .swal2-styled.swal2-confirm { background-color: #D8E1E9 !important; color: #181C20 !important; }
body:has(#layout-wrapper) .swal2-styled.swal2-cancel { background-color: var(--lasa-t-subtle) !important; color: var(--lasa-t-text) !important; }
body:has(#layout-wrapper) .toast-success, body:has(#layout-wrapper) #toast-container > div { box-shadow: 0 4px 16px rgba(0, 0, 0, .4); }

/* nav / lists / misc Skote leftovers */
#layout-wrapper .nav-tabs { border-bottom-color: var(--lasa-t-border); }
#layout-wrapper .nav-tabs .nav-link { color: var(--lasa-t-muted); }
#layout-wrapper .nav-tabs .nav-link.active { background-color: var(--lasa-t-surface); color: var(--lasa-t-text); border-color: var(--lasa-t-border) var(--lasa-t-border) var(--lasa-t-surface); }
#layout-wrapper .list-group-item { background-color: var(--lasa-t-surface); color: var(--lasa-t-text); border-color: var(--lasa-t-border); }
#layout-wrapper .accordion-item { background-color: var(--lasa-t-surface); color: var(--lasa-t-text); border-color: var(--lasa-t-border); }
#layout-wrapper .accordion-button { background-color: var(--lasa-t-surface); color: var(--lasa-t-text); }
#layout-wrapper .accordion-button:not(.collapsed) { background-color: var(--lasa-t-subtle); color: var(--lasa-t-text); }
#layout-wrapper .offcanvas { background-color: var(--lasa-t-surface); color: var(--lasa-t-text); }
#layout-wrapper .popover, body:has(#layout-wrapper) .popover { background-color: var(--lasa-t-raised); color: var(--lasa-t-text); border-color: var(--lasa-t-border); }
#layout-wrapper hr, #layout-wrapper .border, #layout-wrapper .border-top, #layout-wrapper .border-bottom { border-color: var(--lasa-t-border) !important; }
#layout-wrapper .text-dark, #layout-wrapper .text-body, #layout-wrapper .text-black { color: var(--lasa-t-text) !important; }
#layout-wrapper .text-primary { color: var(--lasa-t-link) !important; }
#layout-wrapper .text-success { color: var(--lasa-t-success) !important; }
#layout-wrapper .text-warning { color: var(--lasa-t-warning) !important; }
#layout-wrapper .text-info { color: var(--lasa-t-info) !important; }
#layout-wrapper .text-muted { color: var(--lasa-t-muted) !important; }
#layout-wrapper a:not(.btn):not(.badge):not(.nav-link):not(.page-link):not(.dropdown-item) { color: var(--lasa-t-link); }
#layout-wrapper .page-title-box h4, #layout-wrapper .page-title-box .page-title { color: var(--lasa-t-text); }
#layout-wrapper .breadcrumb-item, #layout-wrapper .breadcrumb-item a { color: var(--lasa-t-muted) !important; }
#layout-wrapper pre, #layout-wrapper code, #layout-wrapper kbd { background-color: var(--lasa-t-subtle); color: var(--lasa-t-text); }
#layout-wrapper .progress { background-color: var(--lasa-t-subtle); }
#layout-wrapper .bg-soft-success { background-color: var(--lasa-t-success-bg) !important; color: var(--lasa-t-success) !important; }
#layout-wrapper .bg-soft-warning { background-color: var(--lasa-t-warning-bg) !important; color: var(--lasa-t-warning) !important; }
#layout-wrapper .bg-soft-danger { background-color: var(--lasa-t-danger-bg) !important; color: var(--lasa-t-danger) !important; }
#layout-wrapper .bg-soft-info, #layout-wrapper .bg-soft-primary { background-color: var(--lasa-t-info-bg) !important; color: var(--lasa-t-info) !important; }
#layout-wrapper .avatar-title { color: inherit; }

}
}