/* EFTA workspace: layered surfaces, tenant-first navigation and a readable night palette. */
:root{--ws-bg:#f3f6fb;--ws-surface:#fff;--ws-raised:#f8faff;--ws-text:#20344f;--ws-muted:#667891;--ws-line:#e3eaf3;--ws-accent:#1670e8;--ws-soft:#eaf3ff;--ws-shadow:0 6px 24px #203f6d08;--ws-nav:#fff;--ws-nav-text:#52657e}
html[data-theme=dark]{--ws-bg:#0c1423;--ws-surface:#131f32;--ws-raised:#19283e;--ws-text:#e6edf8;--ws-muted:#a3b3ca;--ws-line:#2b3b53;--ws-accent:#77b7ff;--ws-soft:#203b5e;--ws-shadow:0 8px 28px #02081626;--ws-nav:#101d30;--ws-nav-text:#adbed6;--ops-text:var(--ws-text);--ops-muted:var(--ws-muted);--ops-border:var(--ws-line)}
body.efta-workspace{background:var(--ws-bg);color:var(--ws-text)}
.efta-workspace .sidebar{width:248px;height:100dvh;min-height:0;display:flex;flex-direction:column;background:var(--ws-nav);border-right:1px solid var(--ws-line);box-shadow:4px 0 28px #17365a04;z-index:1045;transition:transform .2s ease}
.efta-workspace .sidebar-header{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;text-align:left;padding:25px 22px 23px;border-bottom:1px solid var(--ws-line)}
.efta-workspace .sidebar-header img{width:43px!important;height:43px!important;margin:0!important;border-radius:12px!important;object-fit:contain;background:#fff;flex-shrink:0}
.efta-workspace .sidebar-identity{min-width:0;flex:1}
.efta-workspace .sidebar-header h4{font-size:14px;line-height:1.5;font-weight:750;color:var(--ws-text);overflow-wrap:anywhere;letter-spacing:-.25px}
.efta-workspace .sidebar-header small{font-size:10px;color:var(--ws-muted);letter-spacing:.3px}
.efta-workspace .sidebar-menu{padding:15px 12px;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:var(--ws-line) transparent}
.efta-nav-section{padding:16px 14px 9px;font-size:10px;font-weight:750;letter-spacing:1.1px;color:var(--ws-muted);list-style:none;text-transform:uppercase}
.efta-workspace .sidebar-menu .nav-link{display:flex;align-items:center;gap:12px;position:relative;margin:3px 0;padding:11px 14px;border-radius:11px;color:var(--ws-nav-text);font-size:12px;font-weight:550;line-height:1.6;transition:background .15s,color .15s;transform:none}
.efta-workspace .sidebar-menu .nav-link i{width:19px;margin:0;font-size:15px;flex-shrink:0;text-align:center}
.efta-workspace .sidebar-menu .nav-link:hover{color:var(--ws-accent);background:var(--ws-raised);transform:none}
.efta-workspace .sidebar-menu .nav-link.active{color:var(--ws-accent);background:var(--ws-soft);font-weight:750;transform:none}
.efta-workspace .sidebar-menu .nav-link.active:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--ws-accent);border-radius:4px}
/* A blue navigation rail separates day-mode navigation from the white work cards. */
html[data-theme=light] .efta-workspace .sidebar{background:linear-gradient(180deg,#e3efff 0%,#eef5ff 100%);border-right-color:#cbdcf2}
html[data-theme=light] .sidebar :is(.sidebar-header,.efta-sidebar-footer){border-color:#cbdcf2}
html[data-theme=light] .sidebar .efta-nav-section,html[data-theme=light] .sidebar-header small{color:#536d8e}
html[data-theme=light] .efta-workspace .sidebar-menu .nav-link{color:#345477}
html[data-theme=light] .efta-workspace .sidebar-menu .nav-link:hover{background:#d5e7ff;color:#145ebc}
html[data-theme=light] .efta-workspace .sidebar-menu .nav-link.active{background:#176bd4;color:#fff;box-shadow:0 4px 12px #176bd41c}
html[data-theme=light] .efta-workspace .sidebar-menu .nav-link.active:before{background:#b9dfff}
.efta-sidebar-footer{border-top:1px solid var(--ws-line);padding:16px 25px;font-size:10px;letter-spacing:.4px;color:var(--ws-muted)}
.efta-sidebar-footer strong{color:var(--ws-accent);font-weight:750}
.efta-workspace .main-content{margin-left:248px;min-width:0}
.efta-workspace .top-navbar{position:relative;min-height:82px;padding:18px 28px;background:var(--ws-surface);border-bottom:1px solid var(--ws-line);box-shadow:none;gap:12px}
.efta-workspace .top-navbar h5{font-size:16px;font-weight:750;letter-spacing:-.3px;color:var(--ws-text)}
.efta-workspace .top-navbar>.d-flex{min-width:0;flex-wrap:wrap;gap:8px}
.efta-workspace .top-navbar .dropdown-toggle{font-size:12px;max-width:100%;white-space:normal;text-align:left}
.efta-workspace .main-content>.container-fluid{padding:28px!important}
.efta-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--ws-line);border-radius:12px;padding:9px 12px;background:var(--ws-surface);color:var(--ws-text);font:inherit;cursor:pointer}
.efta-theme-toggle [data-theme-icon]{font-size:17px;line-height:1}
.efta-theme-toggle[aria-pressed=true]{background:var(--ws-soft);color:var(--ws-accent);border-color:#3e648d}
.efta-theme-toggle:hover{border-color:var(--ws-accent)}
.efta-sidebar-close{display:none}
.efta-sidebar-backdrop{position:fixed;inset:0;background:#07142680;backdrop-filter:blur(3px);border:0;z-index:1040}
.efta-sidebar-backdrop[hidden]{display:none}
.efta-nav-open{overflow:hidden}
.efta-workspace :is(a,button,input,select,textarea):focus-visible,.efta-theme-toggle:focus-visible{outline:3px solid var(--ws-accent);outline-offset:3px}
.efta-dashboard .dashboard-welcome{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:6px 0 26px}
.dashboard-eyebrow{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.7px;color:var(--ws-accent);margin-bottom:10px}
.efta-dashboard .dashboard-welcome h1{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.9px;font-weight:750;line-height:1.35;margin:0 0 8px;color:var(--ws-text)}
.efta-dashboard .dashboard-welcome p{font-size:13px;color:var(--ws-muted);margin:0}
.dashboard-shortcuts{display:flex;gap:9px;flex-wrap:wrap}.dashboard-shortcuts .btn{padding:11px 17px;font-size:12px}
.efta-dashboard .admin-dashboard-card{background:var(--ws-surface);color:var(--ws-text);padding:22px;border:1px solid var(--ws-line)!important;border-radius:17px;box-shadow:var(--ws-shadow);height:100%;transition:border-color .15s;min-width:0}
.efta-dashboard .admin-dashboard-card:hover{transform:none;border-color:var(--ws-accent)!important;box-shadow:var(--ws-shadow)}
.efta-dashboard .admin-stat-icon{width:43px;height:43px;min-width:43px;flex-shrink:0;border-radius:13px;font-size:17px;box-shadow:inset 0 1px #ffffff30}
.efta-dashboard h3{font-size:clamp(20px,1.7vw,27px);font-weight:750;letter-spacing:-.6px;overflow-wrap:anywhere}
.efta-dashboard .admin-dashboard-card p{font-size:12px}.efta-dashboard .admin-dashboard-card small{font-size:11px}
.efta-dashboard .admin-section-title{color:var(--ws-text);font-size:14px;font-weight:750;letter-spacing:-.2px;border-bottom:1px solid var(--ws-line);padding-bottom:16px;margin-bottom:18px;line-height:1.5}
.efta-dashboard .admin-section-title i{color:var(--ws-accent)}
.efta-dashboard .text-muted{color:var(--ws-muted)!important}.efta-dashboard .text-dark{color:var(--ws-text)!important}
.efta-dashboard .table{font-size:12px}.efta-dashboard .table td{padding:12px 8px;vertical-align:middle}
.efta-dashboard .table th{background:var(--ws-raised);color:var(--ws-muted);font-size:10px;padding:10px 8px;letter-spacing:.4px}
.efta-dashboard .bg-light{background:var(--ws-raised)!important;border:1px solid var(--ws-line);border-radius:11px!important}
.efta-dashboard .row{--bs-gutter-x:20px}.efta-dashboard .row.mb-4{margin-bottom:8px!important}
.efta-dashboard canvas{max-width:100%}
/* Night mode surfaces: never invert photos, tenant logos, or semantic status colors. */
html[data-theme=dark] body{--bg:var(--ws-bg);--card-bg:var(--ws-surface);--border:var(--ws-line);--dark-text:var(--ws-text);background-color:var(--ws-bg);color:var(--ws-text)}
html[data-theme=dark] :is(.panel-header,.cart-header){background:var(--ws-surface)!important}
html[data-theme=dark] :is(.cart-item,.cart-actions,.payment-section,.pending-panel,.pending-item,.quick-amounts button){background:var(--ws-surface)!important;color:var(--ws-text);border-color:var(--ws-line)}
html[data-theme=dark] :is(.cart-items,.cart-item-qty,.product-icon){background:var(--ws-raised)!important;color:var(--ws-muted)}
html[data-theme=dark] :is(.cart-item-price,.payment-section label,.pending-header,.pending-item .o-waiter){color:var(--ws-muted)}
html[data-theme=dark] :is(.cart-item-total,.pending-item .o-num){color:var(--ws-accent)}
html[data-theme=dark] .cart-summary{background:#173655!important;color:var(--ws-text)!important;border-color:var(--ws-line)}
html[data-theme=dark] .cart-summary .total-amount{color:#a8d4ff!important}
html[data-theme=dark] .cat-pill.active{background:var(--ws-soft)!important;color:var(--ws-accent)!important;border-color:#527fae}
html[data-theme=dark] :is(.card,.content-card,.stats-card,.stat-card,.page-header,.ops-card,.modal-content,.dropdown-menu,.efta-help section,.products-panel,.cart-panel,.product-card,.panel-header,.panel-body,.cart-header,.cart-footer,.login-card){background-color:var(--ws-surface)!important;color:var(--ws-text)!important;border-color:var(--ws-line)!important;box-shadow:var(--ws-shadow)!important}
html[data-theme=dark] :is(.card-header,.card-footer,.modal-header,.modal-footer,.top-navbar){background-color:var(--ws-surface)!important;border-color:var(--ws-line)!important;color:var(--ws-text)}
html[data-theme=dark] :is(.text-dark,.text-body,.text-black,.admin-section-title,.ops-card h3,.panel-header h5,.product-name,.cart-item-name){color:var(--ws-text)!important}
html[data-theme=dark] :is(.text-muted,.text-secondary,.ops-form label,.ops-filter label,.form-text){color:var(--ws-muted)!important}
html[data-theme=dark] :is(.bg-white,.bg-light,.btn-light,.search-box input,.cat-pill,.efta-language){background-color:var(--ws-raised)!important;color:var(--ws-text)!important;border-color:var(--ws-line)!important}
html[data-theme=dark] :is(.form-control,.form-select,.input-group-text,.ops-form input,.ops-form select){background-color:var(--ws-raised);color:var(--ws-text);border-color:var(--ws-line)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--ws-muted);opacity:1}
html[data-theme=dark] .form-control:disabled{background:var(--ws-bg);color:var(--ws-muted)}
html[data-theme=dark] .dropdown-item{color:var(--ws-text)}html[data-theme=dark] .dropdown-item:hover{background:var(--ws-soft);color:var(--ws-accent)}
html[data-theme=dark] .table{--bs-table-bg:var(--ws-surface);--bs-table-color:var(--ws-text);--bs-table-border-color:var(--ws-line);--bs-table-hover-bg:var(--ws-raised);--bs-table-hover-color:var(--ws-text);--bs-table-striped-bg:var(--ws-raised);--bs-table-striped-color:var(--ws-text);color:var(--ws-text)}
html[data-theme=dark] .table :is(th,thead th){background:var(--ws-raised)!important;color:var(--ws-muted);border-color:var(--ws-line)}
html[data-theme=dark] .efta-language a{color:var(--ws-muted)}html[data-theme=dark] .efta-language a[aria-current=true]{background:#286ebd;color:white}
html[data-theme=dark] .efta-install{background:var(--ws-soft);color:#aed5ff;border-color:#3e648d}
html[data-theme=dark] .btn-outline-primary{--bs-btn-color:#8bc2ff;--bs-btn-border-color:#527fae;--bs-btn-hover-bg:#2368b3;--bs-btn-hover-border-color:#77b7ff}
html[data-theme=dark] :is(.text-primary,.product-price){color:#8bc2ff!important}html[data-theme=dark] .text-success{color:#65d7ae!important}html[data-theme=dark] .text-danger{color:#ff93a6!important}html[data-theme=dark] .text-info{color:#6ed5ec!important}
html[data-theme=dark] .btn-close{filter:invert(1) grayscale(1) brightness(1.7)}
html[data-theme=dark] .login-header{background:var(--ws-surface);color:#a8d4ff;border-bottom:1px solid var(--ws-line)}
html[data-theme=dark] .form-control:focus{background:var(--ws-raised);color:var(--ws-text);border-color:var(--ws-accent)}
/* Explicit report and till surfaces which otherwise retain their authored white backgrounds. */
html[data-theme=dark] .ops-metric{background:var(--ws-surface);border-color:var(--ws-line);color:var(--ws-text);box-shadow:var(--ws-shadow)}
html[data-theme=dark] .ops-metric small{color:var(--ws-muted)}
html[data-theme=dark] .ops-metric strong{color:var(--ws-text)}
html[data-theme=dark] :is(.checkout-summary,.orders-metrics>div){background:var(--ws-raised);border-color:var(--ws-line);color:var(--ws-text)}
html[data-theme=dark] .checkout-summary .checkout-total{color:#a8d4ff;border-top-color:#45658b}
html[data-theme=dark] #checkoutModal .payment-section label{color:var(--ws-muted)}
html[data-theme=dark] #checkoutModal .payment-section :is(input,select){background:var(--ws-raised);color:var(--ws-text);border-color:var(--ws-line)}
html[data-theme=dark] :is(.cart-checkout,.pending-header){background:var(--ws-surface);border-color:var(--ws-line)}
html[data-theme=dark] :is(.orders-metrics strong,.orders-board .order-table){color:var(--ws-text)}
html[data-theme=dark] :is(.orders-metrics span,.orders-board .order-time,.workspace-eyebrow){color:var(--ws-muted)}
html[data-theme=dark] .table-chip{background:var(--ws-raised);color:var(--ws-muted);border-color:var(--ws-line)}
html[data-theme=dark] .table-chip.active{background:var(--ws-soft);color:#a8d4ff;border-color:#527fae}
html[data-theme=dark] .btn-complete:disabled{background:#2a3e57;color:#c1ccdb;opacity:1;box-shadow:none;cursor:not-allowed}
.checkout-summary>div>span{min-width:0;overflow-wrap:anywhere}.checkout-summary>div>strong{flex-shrink:0}
/* Legacy workspace pages share the same surfaces and responsive containment. */
.efta-workspace .content-card>.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.efta-workspace .content-card>.card-header>.d-flex{flex-wrap:wrap}
.daily-money-metrics .card-body{min-width:0;overflow-wrap:anywhere}.daily-money-metrics .card-body>.d-flex>small{min-width:0}
html[data-theme=dark] .daily-money-metrics .fs-4{color:var(--ws-text)!important}
.efta-workspace :is(.settings-section,.account-section,.shift-card){background:var(--ws-surface);color:var(--ws-text);border:1px solid var(--ws-line);border-radius:16px}
.efta-workspace :is(.settings-section h5,.section-title,.shift-title){color:var(--ws-text);border-color:var(--ws-line)}
.efta-workspace :is(.message-bubble,.conversation-item,.shift-card,.account-section){overflow-wrap:anywhere;min-width:0}
.efta-workspace :is(.account-settings-container,.message-container,.conversation-list,.tab-content,.tab-pane){min-width:0;max-width:100%}
.efta-workspace :is(.settings-section,.account-section) img{max-width:100%;height:auto}
.efta-workspace .read-only-badge{position:static;margin-bottom:16px;animation:none}
.efta-workspace .nav-tabs{gap:4px;flex-wrap:wrap}.efta-workspace .nav-tabs .nav-link{min-height:42px;white-space:normal}
.efta-workspace :is(.settings-section,.account-section){box-shadow:none;padding:24px}.efta-workspace :is(.settings-section h5,.account-section h5){font-size:16px;font-weight:750;letter-spacing:-.2px}.efta-workspace .settings-section h5{color:var(--ws-text);border-bottom-color:var(--ws-line)}.efta-workspace .nav-tabs .nav-link.active{color:var(--ws-accent);border-bottom-color:var(--ws-accent)}.efta-workspace :is(.settings-section,.account-section) .form-control{min-height:43px;border-radius:9px}.efta-workspace .shift-card{box-shadow:none;border-left:3px solid var(--ws-accent)}
html[data-theme=dark] .efta-workspace :is(.settings-section,.account-section,.shift-card,.conversation-item){background:var(--ws-surface);color:var(--ws-text);border-color:var(--ws-line)}
html[data-theme=dark] .efta-workspace :is(.message-bubble.received,.conversation-item:hover,.conversation-item.active){background:var(--ws-raised);color:var(--ws-text)}
html[data-theme=dark] .efta-workspace .conversation-item.unread{background:var(--ws-soft)}
html[data-theme=dark] .efta-workspace :is(.settings-section h5,.section-title,.shift-title,.account-section h5){color:var(--ws-text);border-color:var(--ws-line)}
@media(max-width:767px){.efta-workspace :is(.settings-section,.account-section,.account-settings-container){padding:16px}.efta-workspace .conversation-list{max-height:280px;border-right:0;border-bottom:1px solid var(--ws-line);margin-bottom:16px}.efta-workspace .message-container{height:auto;max-height:65vh;min-height:200px}.efta-workspace .message-bubble{max-width:95%}.efta-workspace .shift-header{gap:12px;flex-wrap:wrap}.efta-workspace .stats-card{margin-bottom:12px}.efta-workspace .shift-info{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.efta-workspace .top-navbar{padding:16px 20px}.efta-workspace .main-content>.container-fluid{padding:20px!important}.efta-dashboard .admin-dashboard-card{padding:18px}}
@media(max-width:768px){.efta-workspace .main-content{margin-left:0}.efta-workspace .sidebar{width:min(292px,88vw);transform:translateX(-100%)}.efta-workspace .sidebar.show{transform:translateX(0)}.efta-workspace #sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin-right:4px!important}.efta-sidebar-close{display:block;position:absolute;right:8px;top:6px;border:0;background:transparent;color:var(--ws-muted);font-size:22px;padding:4px 10px}.efta-workspace .sidebar-header{padding-top:35px}.efta-workspace .top-navbar>.d-flex:last-child{width:100%;justify-content:space-between}.efta-workspace .main-content>.container-fluid{padding:16px!important}.efta-dashboard .dashboard-welcome{padding:5px 0 22px}.efta-dashboard .admin-dashboard-card{padding:16px}.efta-theme-toggle{padding:9px 10px}.efta-dashboard .row{--bs-gutter-x:14px}}
@media(prefers-reduced-motion:reduce){.efta-workspace *{transition:none!important;animation:none!important}}
@media print{html[data-theme] body{background:#fff!important;color:#111!important}.efta-workspace .sidebar,.efta-workspace .top-navbar,.efta-theme-toggle,.efta-sidebar-backdrop,.dashboard-shortcuts{display:none!important}.efta-workspace .main-content{margin-left:0!important}html[data-theme=dark] :is(.card,.content-card,.admin-dashboard-card,.ops-card,.ops-metric,.bg-light,.table th){background:#fff!important;color:#111!important;box-shadow:none!important}html[data-theme=dark] :is(.table,.text-dark,.text-muted,.admin-section-title,.ops-metric small,.ops-metric strong){color:#111!important;--bs-table-bg:#fff;--bs-table-color:#111}}