@media (prefers-color-scheme: dark) {
    :root {
        --bg: #1a1d23;
        --surface: #23272e;
        --panel: #23272e;
        --ink: #e0e0e0;
        --textColour: #e0e0e0;
        --muted: #7a8a9e;
                                                                                      
        --muted-strong: #8fa0b5;
        --line: #3a3f4b;
        --accent: #6ea8ff;
        --accent-strong: #6ea8ff;
        --ok-bg: #1a3d2a;
        --ok-fg: #78e8a8;
        --success: #6fd9a0;
        --bad-bg: #3d1f1f;
        --bad-fg: var(--red-200);
        --chip: #2a3040;
        --chip-line: #3a4560;
                                                                  
        --button-primary-admin: #b23fa6;
                                                                                   
                                                              
        --button-primary-customer: #049aaa;
        --no-image-bg: rgba(0,0,0,0.4);
    }

                           
    html, body {
        color-scheme: dark;
    }

                                                                           
                                                                            
                                                                           
                                                                            
                                                                         
                                                                      
    .subscription-tier-card,
    .slot-btn,
    .gantt-bar.status-arrived.gantt-bar-group {
        border-color: var(--line);
    }

    .modalinner {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 24px;
    }

                                                                            
                                                                          
                                                                             
                                                                          
                                                                           
                                                                             
                              
    select {
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
        color: var(--ink);
    }
    input[type="date"] {
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002V8M8 4H16M8 4V2M16 4H16.8002C17.9203 4 18.4796 4 18.9074 4.21799C19.2837 4.40973 19.5905 4.71547 19.7822 5.0918C20 5.5192 20 6.07899 20 7.19691V8M16 4V2M4 8V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V8M4 8H20M16 16H16.002L16.002 16.002L16 16.002V16ZM12 16H12.002L12.002 16.002L12 16.002V16ZM8 16H8.002L8.00195 16.002L8 16.002V16ZM16.002 12V12.002L16 12.002V12H16.002ZM12 12H12.002L12.002 12.002L12 12.002V12ZM8 12H8.002L8.00195 12.002L8 12.002V12Z' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center var(--surface);
    }
    select.inherited-station-disabled {
        background: var(--grey-850);
        color: #999;
    }
    ::placeholder {
        color: var(--muted);
        opacity: 1;
    }

                                                   
    button.secondary {
        color: var(--brand-lilac);
        border-color: var(--brand-lilac);
    }
    button.link-button {
        color: var(--brand-lilac);
    }

                                         
    .pill-btn,
    .filter-btn {
        color: var(--ink);
    }
    .mode-btn {
        background: rgba(255,255,255,0.06);
        color: var(--ink);
    }

                
    tr.inactive {
        background: var(--grey-850);
    }

                         
    .feature-toggle {
        background: #2e2e1f;
    }
    .feature-toggle.enabled {
        background: #2e1f3a;
    }
    .feature-toggle .state-badge {
        color: var(--ink);
    }
    .feature-toggle .hint {
        color: var(--muted);
    }
    .subscription-tier-card.is-included {
        background: #2e1f3a;
    }

                       
    .status-badge.delivery {
        background: #1f3860;
        color: #9ac4ff;
    }
    .status-badge.pickup {
        background: #0e3020;
        color: var(--success);
    }
                                                                        
    .status-badge.eta-range {
        background: var(--grey-850);
        color: var(--ink);
    }
    .status-badge.refunded {
        background: #3d1f22;
        color: var(--red-200);
    }
    .status-badge.sent {
        background: var(--grey-850);
        color: var(--grey-400);
    }
    .status-badge.delivered {
        background: #0e3020;
        color: var(--success);
    }
    .status-badge.unpaid {
        background: #3d3520;
        color: #e8d870;
    }
    .status-badge.paid {
        background: #0e3020;
        color: var(--success);
    }
    .pill-badge {
        background: #1f3040;
        color: #8ac0e8;
    }
    .item-veg-badge {
        background: #1a3a22;
        color: #80d898;
    }
    .item-vegan-badge {
        background: #153320;
        color: #6dcc8a;
    }
    .item-spice-badge { color: #e07050; }
                                                                          
                                                     
    .item-spice-mild   { background: #3a2218; color: #e08a3c; }
    .item-spice-medium { background: #3d1e18; color: #e87a55; }
    .item-spice-hot    { background: #3f1812; color: #f07a60; }
    .spice-dot { background: #4a3a36; }
    .spice-dot--on:nth-child(1){ background: #d4761a; }
    .spice-dot--on:nth-child(2){ background: #c03a18; }
    .spice-dot--on:nth-child(3){ background: #a01818; }
    .refunded-inline {
        background: #3d1f22;
        color: var(--red-200);
    }
    .order-override-pill {
        background: linear-gradient(135deg, #3a3520, #3a3010);
        color: #e8d870;
    }

                          
    .gantt-bar.status-rejected {
        background: var(--bad-bg);
    }
    .gantt-bar.gantt-bar-group {
        background: #1f2d50;
    }

                                    
    .productimage {
        background: #2a3a40;
    }

    .network-offline-banner {
        background: #3d1f1f;
        color: var(--red-200);
    }

                                                                             
                                                                             
                                                         
    .business-card-list .biz-card.activated-business-card {
        box-shadow: 0 2px 8px rgba(154, 46, 142, 0.15);
    }

                                                                               
                                           
    .books-section-title,
    .books-j-header .books-j-desc,
    .books-j-header .books-j-dr,
    .books-j-header .books-j-cr { color: var(--brand-lilac); }
    .books-section-title { border-bottom-color: var(--line); }
    .books-label,
    .books-j-desc { color: var(--ink); }
    .books-note { color: var(--muted-strong); }
    .books-row-in .books-label,
    .books-recon-ok .books-value { color: var(--success); }
    .books-row-out .books-label,
    .books-recon-fail .books-value { color: var(--red-200); }
    .books-j-dr { color: #8ab4ff; }
    .books-j-cr { color: #d98fd0; }
    .books-divider { border-top-color: var(--line); }
    .books-j-row { border-bottom-color: var(--line); }
    .books-j-header { border-bottom-color: var(--line); }

                                                                            
                                                                             
                                                   
    .delivery-step.current .step-label { color: #8ab4ff; }
    .delivery-tracker--table .delivery-step.active:not(.current) .step-label,
    .delivery-tracker--table .delivery-step.current .step-label { color: #d98fd0; }
                                                                            
                                                                   
    .step-dot,
    .step-connector {
        background: var(--line);
    }

                                                                                
    .biz-hours-is-today .biz-hours-dayname,
    .biz-hours-is-today .biz-hours-times { color: var(--brand-lilac); }

                                                                          
                                                                        
    #or-toast.or-toast-success {
        background: #2e1f3a;
        color: var(--brand-lilac);
    }
    .or-writeoff-row {
        background: rgba(255,255,255,0.04);
        border-color: var(--line);
    }
    .or-split-share { border-color: var(--line); }
    .or-split-share.paid {
        background: var(--ok-bg);
        border-color: var(--line);
    }
    .or-split-pay-btn:hover { background: rgba(255,255,255,0.08); }
    .sc-edit-btn.icon-btn:hover,
    .station-delivery-footer .override-delivery.icon-btn:hover {
        background: rgba(255,255,255,0.08);
        border-color: var(--grey-600);
    }
    .money-adjust-divider { border-top-color: var(--line); }
    .reassign-table-from-row { color: var(--muted-strong); }
    .item-desc-modal .idm-allergens {
        border-top-color: rgba(255,255,255,0.1);
        color: var(--red-200);
    }
    .item-desc-modal .idm-allergens strong { color: var(--red-200); }

                                                  
    .receipt-footer { color: var(--grey-450); }
    .receipt-company { color: var(--ink); }
    .directory-empty-copy { color: #9aa0a8; }
    .directory-create-business-modal p { color: #9aa0a8; }
    .item-desc-modal .idm-text { color: var(--ink); }

                                 
    ::-webkit-scrollbar {
        background: var(--bg);
    }
    ::-webkit-scrollbar-thumb {
        background: #3a3f4b;
        border-radius: 4px;
    }

                                 
    header #logo img {
        filter: invert(1) brightness(1.8);
    }


                           
    .slots-gantt {
        background: var(--surface);
        border-color: var(--line);
    }


    .gantt-axis,
    .gantt-row-label,
    .gantt-row-lane {
        background: rgba(255,255,255,0.04);
        border-color: var(--line);
        box-shadow: none;
    }
    .gantt-axis-tick::after {
        background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
    }
    .gantt-bar {
        box-shadow: none;
    }
    .gantt-bar.status-arrived {
        background: #1d2330;
        color: #efe3ff;
        border-color: var(--brand-lavender);
    }
    .gantt-bar.status-arrived .gantt-bar-party {
        background: var(--brand-lavender);
        color: #101318;
        border-color: var(--brand-lavender);
    }
    .gantt-now-line::before {
        background: #f5f5f5;
        color: #111827;
    }

                                                                             
                                                                           
                                                        
    .admin-action-btn, .refund-station, .tableorder-receipt-btn, .stripe-action-btn {
        border-color: var(--line);
    }
    .admin-action-btn img, .refund-station img, .tableorder-receipt-btn img {
        filter: invert(1);
    }

                                                                              
                                           
    .gantt-action-popup {
        border-color: var(--line);
        box-shadow: 0 6px 18px rgba(0,0,0,0.4);
    }
    .gantt-action-popup .gantt-popup-details {
        color: var(--muted);
    }

                                 
    .opening-screen {
        background-color: #1a1d23;
    }
    .opening-screen .overlay {
        background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
    }
    .opening-btn.secondary {
        background: rgba(30,33,40,0.92);
        color: var(--brand-lilac);
    }

                                                              
    .login-banner.logged-in {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21C19 17.134 15.866 14 12 14C8.13401 14 5 17.134 5 21M12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7C16 9.20914 14.2091 11 12 11Z' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

                                                    
    .biz-hours-info-btn,
    .item .desc-btn {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11V16M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21ZM12.0498 8V8.1L11.9502 8.1002V8H12.0498Z' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

                                                                       
    .fav-btn img[src*="fav-off"] {
        content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7.15428C10 2.45984 3 2.95984 3 8.95987C3 14.9599 12 19.9601 12 19.9601C12 19.9601 21 14.9599 21 8.95987C21 2.95984 14 2.45984 12 7.15428Z' fill='%23404550'/%3E%3C/svg%3E");
    }
    .fav-btn img[src*="fav-on"] {
        content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7.15428C10 2.45984 3 2.95984 3 8.95987C3 14.9599 12 19.9601 12 19.9601C12 19.9601 21 14.9599 21 8.95987C21 2.95984 14 2.45984 12 7.15428Z' fill='%2302B1C4'/%3E%3C/svg%3E");
    }

                                                               
    .cart li .adjustnumber button:first-of-type {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12H18' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .cart li .adjustnumber button.inc {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12H12M12 12H18M12 12V18M12 12V6' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .cart li button:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10V17M10 10V17M6 6V17.8C6 18.9201 6 19.4798 6.21799 19.9076C6.40973 20.2839 6.71547 20.5905 7.0918 20.7822C7.5192 21 8.07899 21 9.19691 21H14.8031C15.921 21 16.48 21 16.9074 20.7822C17.2837 20.5905 17.5905 20.2839 17.7822 19.9076C18 19.4802 18 18.921 18 17.8031V6M6 6H8M6 6H4M8 6H16M8 6C8 5.06812 8 4.60241 8.15224 4.23486C8.35523 3.74481 8.74432 3.35523 9.23438 3.15224C9.60192 3 10.0681 3 11 3H13C13.9319 3 14.3978 3 14.7654 3.15224C15.2554 3.35523 15.6447 3.74481 15.8477 4.23486C15.9999 4.6024 16 5.06812 16 6M16 6H18M18 6H20' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    label.checkbox input[type="checkbox"]:checked~.dummycheckbox {
        filter: invert(1);
    }

                                                                
                                                                                
                                                                               
                                                                                 
    #biz { color: var(--brand-lilac); }
    #biz:hover { color: var(--brand-lavender); }

                                                                                
    #booking-date-label,
    #booking-time-label,
    #booking-party-label,
    #screen-bookings .booking-controls label { color: var(--ink); }

                                                                             
    .screen-policy-links span,
    .policy-link-btn { color: var(--grey-450); }
    .policy-link-btn:hover { color: var(--grey-300); }

                                                                      
    .delivery-card-when { color: var(--ink); }

                                                                                 
    .tableorder-span-warning {
        background: #4a3f14;
        color: #ffd866;
    }
}