/* GalaCRM — dark-mode overrides (V21). Scoped to html.dark-style (Sneat stamps it from the admin-mode cookie).
   Core/theme CSS is appended a second time at runtime AFTER brand-global, so keep the html.dark-style prefix
   and mirror !important where Sneat uses it. */

/* ---- Tokens ---- */
html.dark-style {
  --brand-page-bg: #232333;
  --brand-surface: #2b2c40;
  --brand-surface-2: #35365a;
  --brand-surface-3: #3d3f66;
  --brand-text: #d5d5e2;
  --brand-heading: #d5d5e2;
  --brand-label-text: #b2b2c4;
  --brand-muted: #9a9cb5;
  --brand-neutral: #9a9cb5;
  --brand-border: #4e4f6c;
  --brand-navy: #d5d5e2;           /* navy is used as TEXT colour in many places */
  --brand-navy-hover: #ffffff;
  --brand-shadow-card: 0 6px 24px rgba(0,0,0,.35);
  --brand-shadow-modal: 0 20px 50px rgba(0,0,0,.55);
  --bs-body-color: #b2b2c4; --bs-body-color-rgb: 178,178,196;
  --bs-border-color: #4e4f6c;
  --bs-link-color: #8DDDEC; --bs-link-color-rgb: 141,221,236; --bs-link-hover-color: #b7ecf5;
  --bs-heading-color: #d5d5e2;
  --asst-bg: #2b2c40; --asst-muted: #9a9cb5; --asst-border: #4e4f6c; --asst-tool-bg: #35365a;
}

/* ---- Keep navy where it is a BACKGROUND with white text (the token above turns it into a text grey) ---- */
html.dark-style .btn-primary, html.dark-style .btn-dark, html.dark-style .badge.bg-primary, html.dark-style .brand-filter-chip, html.dark-style .nav-pills .nav-link.active, html.dark-style .nav-pills .show > .nav-link, html.dark-style .settings-hub .initials-avatar { background-color: #2D3D51 !important; border-color: #2D3D51 !important; color: #fff !important; }
/* lighter, not darker: the light-mode hover (#26343f) is indistinguishable from the #2b2c40 card behind it */
html.dark-style .btn-primary:hover, html.dark-style .btn-primary:focus, html.dark-style .btn-primary:active, html.dark-style .btn-primary.active, html.dark-style .show > .btn-primary.dropdown-toggle,
html.dark-style .btn-dark:hover, html.dark-style .btn-dark:focus, html.dark-style .btn-dark:active { background-color: #3a4d66 !important; border-color: #3a4d66 !important; color: #fff !important; }
html.dark-style .btn-accent-cyan { color: #2D3D51 !important; }
html.dark-style .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2D3D51 !important; color: #fff !important; }

/* ---- Canvas / layout ---- */
html.dark-style body, html.dark-style .layout-wrapper, html.dark-style .layout-page, html.dark-style .content-wrapper { background-color: #232333; color: #b2b2c4; }
html.dark-style h1, html.dark-style h2, html.dark-style h3, html.dark-style h4, html.dark-style h5, html.dark-style h6,
html.dark-style .h1, html.dark-style .h2, html.dark-style .h3, html.dark-style .h4, html.dark-style .h5, html.dark-style .h6 { color: #d5d5e2; }
html.dark-style .text-muted { color: #9a9cb5 !important; }
html.dark-style .text-primary { color: #8DDDEC !important; }
html.dark-style a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link) { color: #8DDDEC; }
html.dark-style a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link):hover { color: #b7ecf5; }

/* ---- Navbar (navbar.blade.php keeps its inline html.dark-style rules; these carry more specificity) ---- */
html.dark-style #layout-navbar, html.dark-style #layout-navbar.navbar-detached { background-color: #2b2c40 !important; box-shadow: 0 1px 0 #4e4f6c; }
html.dark-style #layout-navbar .search-input-wrapper:not(.container-xxl):not(.container-fluid) { background: #232333; border-color: #4e4f6c; }
html.dark-style #layout-navbar .search-input-wrapper:not(.container-xxl):focus-within { border-color: #FF7023; box-shadow: 0 0 0 2px rgba(255,112,35,.25); }
html.dark-style #layout-navbar .search-input-wrapper:not(.container-xxl) .search-input { color: #d5d5e2; background-color: transparent !important; }
html.dark-style #layout-navbar .search-input-wrapper:not(.container-xxl) .search-input::placeholder, html.dark-style #layout-navbar .brand-inline-search-icon { color: #7e7f96; }

/* ---- Sidebar — every light-theme rule painting the menu is re-stated dark here ---- */
html.dark-style #layout-menu, html.dark-style .layout-menu, html.dark-style .bg-menu-theme, html.dark-style .menu-vertical { background-color: #2b2c40 !important; color: #d5d5e2 !important; }
html.dark-style .bg-menu-theme .menu-inner-shadow { background: linear-gradient(#2b2c40 41%, rgba(43,44,64,.11) 95%, rgba(43,44,64,0)) !important; }
html.dark-style .bg-menu-theme .menu-link, html.dark-style .bg-menu-theme .menu-link .menu-icon, html.dark-style .bg-menu-theme .menu-text,
html.dark-style .bg-menu-theme .menu-link:hover, html.dark-style .bg-menu-theme .menu-link:focus { color: #d5d5e2; }
html.dark-style .bg-menu-theme .menu-header, html.dark-style .bg-menu-theme .menu-header .menu-header-text, html.dark-style .bg-menu-theme .menu-section-caret { color: #ababba; }
html.dark-style .bg-menu-theme .menu-block:before { background-color: #ababba; }
html.dark-style .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover,
html.dark-style .bg-menu-theme .menu-inner .menu-item.open > .menu-link { background-color: rgba(230,230,241,.08) !important; }
html.dark-style .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle), html.dark-style .bg-menu-theme .menu-inner > .menu-item.active > .menu-link { color: #fff !important; }
html.dark-style .bg-menu-theme .menu-inner > .menu-item.active > .menu-link { background-color: #2D3D51 !important; } /* brand navy pill instead of pure black */
html.dark-style .bg-menu-theme .menu-inner > .menu-item.active > .menu-link .menu-icon { color: #fff !important; }
html.dark-style .bg-menu-theme .menu-inner > .menu-item.active:before { background: #8DDDEC !important; }
html.dark-style .bg-menu-theme .menu-sub > .menu-item > .menu-link:before { background-color: #7e7f96 !important; }
html.dark-style .bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before { background-color: #8DDDEC !important; border-color: #2b2c40 !important; }
html.dark-style .bg-menu-theme .ps__thumb-y, html.dark-style .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y { background: rgba(213,213,226,.5) !important; }
html.dark-style .app-brand .layout-menu-toggle { background-color: #2D3D51 !important; border-color: #232333 !important; }
html.dark-style .app-brand .layout-menu-toggle i { color: #fff !important; }
html.dark-style .layout-overlay { background: rgba(0,0,0,.6); }

/* ---- Cards ---- */
html.dark-style .card, html.dark-style .modern-card { background-color: #2b2c40; border-color: #4e4f6c !important; box-shadow: 0 6px 24px rgba(0,0,0,.35) !important; }
html.dark-style .card.border-danger { border-color: rgba(214,69,69,.45) !important; box-shadow: 0 0 0 1px rgba(214,69,69,.15), 0 6px 24px rgba(0,0,0,.35) !important; } /* softer than core's solid #d64545 */
html.dark-style .card .card-header, html.dark-style .card-footer { border-color: #4e4f6c; }

/* ---- Buttons ---- */
html.dark-style .btn-outline-secondary, html.dark-style .btn-outline-dark { background-color: #2b2c40 !important; border-color: #4e4f6c !important; color: #d5d5e2 !important; }
html.dark-style .btn-outline-secondary:hover, html.dark-style .btn-outline-dark:hover { background-color: #35365a !important; }
html.dark-style .btn-outline-danger { background-color: transparent !important; }
html.dark-style .btn-label-danger { background: rgba(214,69,69,.18) !important; color: #ff8a8a !important; border-color: transparent !important; }
html.dark-style .btn-label-danger:hover { background: rgba(214,69,69,.32) !important; color: #fff !important; }
html.dark-style .btn-label-primary { background: rgba(141,221,236,.16) !important; color: #8DDDEC !important; }
html.dark-style .btn-label-secondary { background: rgba(230,230,241,.08) !important; color: #d5d5e2 !important; }
html.dark-style .brand-filter-toggle.active { background: #35365a !important; color: #d5d5e2 !important; }

/* ---- Badges / labels (brand-global pastel pills) ---- */
html.dark-style .badge.bg-label-success, html.dark-style .badge.bg-success { background-color: rgba(30,158,90,.22) !important; color: #4fd48a !important; }
html.dark-style .badge.bg-label-primary { background-color: rgba(141,221,236,.16) !important; color: #8DDDEC !important; }
html.dark-style .badge.bg-label-info { background-color: rgba(76,111,216,.25) !important; color: #9db4ff !important; }
html.dark-style .badge.bg-label-warning, html.dark-style .badge.bg-warning { background-color: rgba(217,138,43,.22) !important; color: #f0b56a !important; }
html.dark-style .badge.bg-label-danger, html.dark-style .badge.bg-danger { background-color: rgba(214,69,69,.22) !important; color: #ff8a8a !important; }
html.dark-style .badge.bg-label-secondary { background-color: rgba(230,230,241,.10) !important; color: #b2b2c4 !important; }
html.dark-style .badge.bg-label-cyan, html.dark-style .badge.bg-cyan, html.dark-style .badge.badge-synced { background-color: rgba(42,165,189,.22) !important; color: #6fd3e6 !important; }
html.dark-style .badge-count, html.dark-style .badge-pill-count, html.dark-style .badge-chip, html.dark-style .badge-chan.default, html.dark-style .badge-soft { background: #35365a !important; color: #d5d5e2 !important; }
html.dark-style .dash-stat-icon.bg-label-success { background-color: rgba(30,158,90,.22) !important; color: #4fd48a !important; }
html.dark-style .dash-stat-icon.bg-label-danger { background-color: rgba(214,69,69,.22) !important; color: #ff8a8a !important; }
html.dark-style .dash-stat-icon.bg-label-info { background-color: rgba(76,111,216,.25) !important; color: #9db4ff !important; }
html.dark-style .dash-stat-icon.bg-label-warning { background-color: rgba(217,138,43,.22) !important; color: #f0b56a !important; }
html.dark-style .dash-stat-icon.bg-label-primary { background-color: rgba(141,221,236,.16) !important; color: #8DDDEC !important; }

/* ---- Inputs / selects / select2 / date pills ---- */
html.dark-style .form-control, html.dark-style .form-select { background-color: #232333; border-color: #4e4f6c; color: #d5d5e2; }
html.dark-style .form-control:focus, html.dark-style .form-select:focus { border-color: #8DDDEC !important; box-shadow: 0 0 0 .15rem rgba(141,221,236,.2) !important; }
html.dark-style .form-control::placeholder { color: #7e7f96; }
html.dark-style .form-label, html.dark-style .brand-modal .modal-body .form-label { color: #b2b2c4; }
html.dark-style .input-group-text { background-color: #232333; border-color: #4e4f6c; color: #b2b2c4; }
html.dark-style .select2-container .select2-selection--single, html.dark-style .select2-container--default .select2-selection--single,
html.dark-style .select2-container--default .select2-selection--multiple { background-color: #232333 !important; border-color: #4e4f6c !important; }
html.dark-style .select2-container--default.select2-container--focus .select2-selection--single, html.dark-style .select2-container--default.select2-container--open .select2-selection--single,
html.dark-style .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #8DDDEC !important; box-shadow: 0 0 0 .15rem rgba(141,221,236,.2) !important; }
html.dark-style .select2-container--default .select2-selection--single .select2-selection__rendered { color: #d5d5e2 !important; }
html.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d5d5e2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; }
html.dark-style .select2-dropdown { background-color: #2b2c40; border-color: #4e4f6c !important; }
html.dark-style .select2-container--default .select2-search--dropdown .select2-search__field { background: #232333; color: #d5d5e2; border-color: #4e4f6c !important; }
html.dark-style .select2-container--default .select2-results__option { color: #d5d5e2; }
html.dark-style .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #35365a; color: #fff; }
html.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3d3f66 !important; color: #d5d5e2 !important; }
html.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #d5d5e2 !important; }
html.dark-style .select2-container--default.select2-container--disabled .select2-selection--single, html.dark-style [data-view-mode="view"] .form-control:disabled, html.dark-style [data-view-mode="view"] .form-select:disabled { background-color: #35365a !important; color: #9a9cb5; }
html.dark-style .brand-date-filter, html.dark-style .brand-date-range { background: #2b2c40; border-color: #4e4f6c; }
html.dark-style .brand-date-filter input[type="date"], html.dark-style .brand-date-range input[type="date"] { color: #d5d5e2; color-scheme: dark; }
html.dark-style .brand-date-filter input.brand-date-alt, html.dark-style .brand-date-range input.brand-date-alt { color: #d5d5e2; }
html.dark-style .brand-filter-row { background: #2b2c40; border-color: #4e4f6c; }
html.dark-style .form-check-input:not(:checked) { background-color: #232333; border-color: #5f607b; }

/* ---- Tables / DataTables ---- */
html.dark-style .table thead th, html.dark-style .modern-table th, html.dark-style .brand-table thead th, html.dark-style .reservations-page .reservations-table th, html.dark-style .emails-page .emails-table th, html.dark-style .property-doc-table thead th { color: #9a9cb5 !important; background-color: transparent !important; border-color: #4e4f6c; }
html.dark-style .table > :not(caption) > * > * { border-color: #4e4f6c; color: #d5d5e2; }
html.dark-style .modern-table td { color: #d5d5e2; }
html.dark-style .reservations-page .reservations-table tbody tr:hover td { background: #35365a; }
html.dark-style .dataTables_wrapper .dataTables_length select, html.dark-style .dataTables_wrapper .dataTables_filter input { background: #232333; color: #d5d5e2; border-color: #4e4f6c; }
html.dark-style .dataTables_wrapper .dataTables_info, html.dark-style .dataTables_wrapper .dataTables_paginate .paginate_button { color: #b2b2c4 !important; }
html.dark-style .page-link { background-color: #2b2c40; border-color: #4e4f6c; color: #d5d5e2 !important; }
html.dark-style .page-item.active .page-link { background-color: #8DDDEC !important; border-color: #8DDDEC !important; color: #17171f !important; }

/* ---- Tabs / pills ---- */
html.dark-style .nav-tabs .nav-link { color: #9a9cb5; }
html.dark-style .nav-tabs .nav-link.active, html.dark-style .settings-hub .nav-tabs .nav-link.active, html.dark-style .contract-tabs .nav-link.active { color: #8DDDEC !important; border-bottom-color: #8DDDEC !important; background: transparent; }
html.dark-style .modern-tabs .nav-link.active { background-color: #8DDDEC !important; color: #17171f !important; }
html.dark-style .modern-tabs .nav-link, html.dark-style .contacts-page .modern-tabs .nav-link, html.dark-style .property-nav .nav-link, html.dark-style .property-nav .dropdown-item { color: #b2b2c4; }
html.dark-style .property-nav .nav-link:hover, html.dark-style .property-nav .dropdown-item:hover, html.dark-style .settings-hub .setup-selector .nav-link.active { background-color: #35365a; }

/* ---- Modals / dropdowns / toasts / brand-modal ---- */
html.dark-style .modal-content { background-color: #2b2c40; color: #d5d5e2; }
html.dark-style .brand-modal .modal-header, html.dark-style .brand-modal .modal-footer { border-color: #4e4f6c; }
html.dark-style .brand-modal .modal-title { color: #d5d5e2; }
html.dark-style .brand-modal .btn-close, html.dark-style .brand-modal .brand-modal-x { background-color: #35365a; color: #d5d5e2; }
html.dark-style .brand-modal-pill { background: #232333; color: #b2b2c4; border-color: #4e4f6c; }
html.dark-style .brand-modal-pill.active, html.dark-style .mnt-pill-toggle.active, html.dark-style #createJobModal .mnt-pill-toggle.active, html.dark-style .mnt-modal-step, html.dark-style .brand-modal .mnt-modal-step { background: #3d3f66 !important; color: #8DDDEC !important; border-color: #8DDDEC !important; }
html.dark-style .dropdown-menu { background-color: #2b2c40; border: 1px solid #4e4f6c; }
html.dark-style #toast-container > .toast-success, html.dark-style #toast-container > .toast-error, html.dark-style #toast-container > .toast-warning, html.dark-style #toast-container > .toast-info { background-color: #2b2c40 !important; color: #d5d5e2 !important; }
html.dark-style .popup-content { background: #2b2c40; color: #d5d5e2; } /* footer suggestion popup */
html.dark-style .brand-empty-state .empty-icon { background: rgba(42,165,189,.22); }
html.dark-style .doc-thumb { border-color: #4e4f6c; background: #35365a; }
html.dark-style .doc-thumb-name { color: #b2b2c4; border-top-color: #4e4f6c; }

/* ---- Dashboard (dashboards-analytics inline styles) ---- */
html.dark-style .dash-stat-label { color: #9a9cb5; }
html.dark-style .dash-stat-sub { color: #7e7f96; }
html.dark-style .dash-stat-value { color: #fff; }
html.dark-style .task-row, html.dark-style .res-summary-item { border-bottom-color: #4e4f6c; }
html.dark-style .dash-activity-track { background: rgba(230,230,241,.12); }

/* ---- Settings hub ---- */
html.dark-style .settings-hub .role-avatar, html.dark-style .settings-hub .perm-module-row.active { background: #35365a; color: #d5d5e2; }
html.dark-style .settings-hub .perm-rail { border-right-color: #4e4f6c; }
html.dark-style .settings-hub .perm-module-row { color: #d5d5e2; }
html.dark-style .settings-hub .perm-module-row .perm-dot { background: #5f607b; }
html.dark-style .settings-hub .rp-perm-row:hover { background: #35365a; }
html.dark-style .settings-hub .perm-group-head { color: #8f90a6 !important; }
html.dark-style .settings-hub .division-tile { border-color: #4e4f6c; }
html.dark-style .settings-hub .division-tile:hover { background-color: #2b2c40; box-shadow: 0 8px 24px rgba(0,0,0,.35); }

/* ---- Contacts / reservations / properties / tasks / emails / maintenance / inspections (inline page styles) ---- */
html.dark-style .contacts-page .modern-tabs .nav-link:hover { color: #d5d5e2; }
html.dark-style .reservations-page .reservations-section .card-header { border-bottom-color: #4e4f6c; }
html.dark-style .apt-information, html.dark-style .apt-information a { color: #d5d5e2 !important; }
html.dark-style .booking-toolbar .booking-search, html.dark-style .booking-channel-select, html.dark-style .properties-search-pill, html.dark-style .properties-reset-pill, html.dark-style .sidebar-toggle-btn { background: #2b2c40; border-color: #4e4f6c; color: #d5d5e2; }
html.dark-style .booking-toolbar .booking-search input, html.dark-style .booking-channel-select select, html.dark-style .properties-search-pill input, html.dark-style .booking-guest .booking-guest-name, html.dark-style .booking-guest .booking-guest-name a, html.dark-style .booking-channel-badge { color: #d5d5e2 !important; }
html.dark-style .booking-row { border-top-color: #4e4f6c; }
html.dark-style .kanban-col { background: #2b2c40; }
html.dark-style .kanban-col-header { color: #b2b2c4; }
html.dark-style .kanban-list:empty, html.dark-style .task-card { border-color: #4e4f6c; }
html.dark-style .emails-page .btn-send-row { color: #b2b2c4; }
html.dark-style .mnt-photo-tile, html.dark-style .mnt-modal-photo-tile, html.dark-style .stepper .step .node, html.dark-style .mnt-timeline li.pending:before { border-color: #5f607b; color: #9a9cb5; }
html.dark-style .mnt-vtab.active { background: #2D3D51 !important; border-color: #2D3D51 !important; color: #fff !important; }
html.dark-style .mnt-create-footer { background: #232333; }
html.dark-style .mnt-step-num { background: #2D3D51; }
/* V22 — the cleaner portal's create page mirrors the maintenance one. */
html.dark-style .cln-create-footer { background: #232333; }
html.dark-style .cln-step-num { background: #2D3D51; }
html.dark-style #vendorWorkTable tbody tr { border-bottom-color: #4e4f6c; }
html.dark-style .stepper .step::before { background: #5f607b; }
html.dark-style .form-preview-area, html.dark-style .section-header, html.dark-style .config-panel .card-header { background: #232333; border-color: #4e4f6c; }
html.dark-style .section-card, html.dark-style .field-item, html.dark-style .drop-zone, html.dark-style .preset-chip { border-color: #4e4f6c; background: #2b2c40; }
html.dark-style .insp-tile { background: #232333; border-color: #4e4f6c; }
html.dark-style #unitSetupCard .usx-item-thumb, html.dark-style #unitSetupCard .usx-photo-add { border-color: #4e4f6c; }
html.dark-style .ss-panel, html.dark-style .ss-kebab, html.dark-style .ss-add-row, html.dark-style .ss-items-table thead th { border-color: #4e4f6c; }
html.dark-style .ss-set-row:hover, html.dark-style .ss-kebab:hover, html.dark-style .ss-items-table thead th { background: #35365a; }
html.dark-style .shared-styles .form-control, html.dark-style .divider { border-color: #4e4f6c; background: #4e4f6c; }
html.dark-style .info-display, html.dark-style .info-label, html.dark-style .modern-tabs .nav-link:hover { color: #b2b2c4; }
html.dark-style .pcal-toolbar, html.dark-style .pcal-prop, html.dark-style .pcal-legend { border-color: #4e4f6c; }
html.dark-style .pcal-legend, html.dark-style .pcal-pop-route, html.dark-style .pcal-icon-btn, html.dark-style .pcal-scroll::-webkit-scrollbar-track { background: #35365a; }
html.dark-style .pcal-pop-divider { background: #4e4f6c; }
html.dark-style .pcal-pop-sub, html.dark-style .pcal-pop-status-label { color: #9a9cb5; }
html.dark-style .pcal-overlay.is-weekend { background: repeating-linear-gradient(45deg, #2b2c40 0 6px, #2f3048 6px 12px); }
html.dark-style .property-documents-card .doc-drop-zone { border-color: #5f607b; }
html.dark-style .assistant-messages, html.dark-style .assistant-msg.assistant pre { background: #232333; }
html.dark-style .contract-info-banner, html.dark-style .contract-drawer-banner, html.dark-style .contract-tabs .nav-link:hover { color: #d5d5e2; }
html.dark-style #ggr-root .table-responsive thead th { background: #2b2c40; }

/* ---- V28: every dropdown (brand-ui.js §2) and every upload (brand-dropzone.js) ---- */
html.dark-style .select2-container--default.brand-s2-pill .select2-selection--single { border-color: #4e4f6c !important; }
html.dark-style .hc-fld .select2-container--default .select2-selection--single { border-color: #5f607b !important; background-color: var(--hc-surface, #2b2c40) !important; }
html.dark-style .hc-fld .select2-container--default.select2-container--focus .select2-selection--single,
html.dark-style .hc-fld .select2-container--default.select2-container--open .select2-selection--single { border-color: #8DDDEC !important; box-shadow: 0 0 0 3px rgba(141,221,236,.2) !important; }
html.dark-style .ops .cosel.sug + .select2-container--default .select2-selection--single { background-color: rgba(74, 99, 217, .12) !important; }
html.dark-style .brand-dz .brand-dz-zone { border-color: #4e4f6c; color: #9a9cb5; }
html.dark-style .brand-dz .brand-dz-zone > .bx, html.dark-style .brand-dz .brand-dz-title, html.dark-style .brand-dz .brand-dz-hint { color: #9a9cb5; }
html.dark-style .brand-dz .brand-dz-zone:hover, html.dark-style .brand-dz.is-over .brand-dz-zone { border-color: #8DDDEC; background: #35365a; }
html.dark-style .brand-dz:focus-within .brand-dz-zone { border-color: #8DDDEC; box-shadow: 0 0 0 .15rem rgba(141,221,236,.2); }
html.dark-style .brand-dz .brand-dz-size { color: #9a9cb5; }
html.dark-style .brand-dz .brand-dz-x { color: #ff8a8a; }
html.dark-style .brand-dz .brand-dz-x:hover, html.dark-style .brand-dz .brand-dz-x:focus-visible { background: rgba(214,69,69,.25); }
html.dark-style .brand-dz.is-invalid .brand-dz-zone, html.dark-style .brand-dz:has(.brand-dz-input.is-invalid) .brand-dz-zone { border-color: #ff8a8a; }
html.dark-style .ops .upl.is-over, html.dark-style .insp-upload.is-over, html.dark-style [data-dz-tile].is-over, html.dark-style label.brand-dz-tile.is-over { border-color: #8DDDEC !important; background: #35365a; color: #d5d5e2; }