:root{--primary:#ff6900;--soft:#ff6900;--line:#403026;--muted:#c7a68e;--highlight:#ff8a38;--icon:#ffb27d;--input-border:#9a4516}
.app-layout .eyebrow,.app-layout .muted,.app-layout .status,.app-layout .settings-tabs .filter.active{color:var(--highlight)}
.app-layout .brand-copy small,.app-layout .pause-link{color:var(--highlight)}
.app-layout .btn.primary,.app-layout .filter.active,.app-layout .nav-btn.active,.app-layout .badge{background-color:var(--primary);border-color:var(--primary)}
.app-layout .nav-btn:not(.active):hover{background-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--white)}
.app-layout .nav-icon,.app-layout .section-head .status{color:var(--icon)}
#overlay .popup-mark{color:var(--icon);border-color:var(--icon);background:color-mix(in srgb,var(--icon) 16%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--icon) 16%,transparent)}
#overlay .feedback-modal-context .feedback-card-stars{color:var(--highlight)}
.app-layout .feedback-average,.app-layout .feedback-summary-status{border-color:color-mix(in srgb,var(--primary) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,var(--card)),color-mix(in srgb,var(--primary) 8%,var(--card)))}
.app-layout .feedback-average b,.app-layout .feedback-summary-status,.app-layout .feedback-order,.app-layout .feedback-pending{color:var(--highlight)}
.app-layout .feedback-average span,.app-layout .feedback-card-stars{color:var(--icon)}
.app-layout .feedback-average{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1}.app-layout .feedback-average b,.app-layout .feedback-average span{display:inline-flex;align-items:center;line-height:1;margin:0}
.app-layout .feedback-admin-reply{border-left-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.app-layout .feedback-admin-reply small{color:var(--highlight)}
.app-layout .feedback-notification{border-left-color:var(--primary)!important}.app-layout .feedback-notification>span{color:var(--highlight)!important}
.app-layout .revenue-report-actions>.btn{border-color:var(--primary);background:var(--primary);color:var(--white)}
.app-layout .revenue-total{border-color:color-mix(in srgb,var(--primary) 72%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 30%,var(--card)),color-mix(in srgb,var(--primary) 10%,var(--card)))}
.app-layout .revenue-total small,.app-layout .revenue-total strong,.app-layout .revenue-table td b{color:var(--highlight)}
.app-layout .hours-settings-card{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card))}
.app-layout .schedule-summary{border-color:color-mix(in srgb,var(--primary) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,var(--primary) 4%,var(--card)))}
.app-layout .schedule-summary span,.app-layout .schedule-day.active .schedule-day-head small{color:var(--highlight)}
.app-layout .schedule-day.active{border-color:color-mix(in srgb,var(--primary) 68%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 13%,var(--card)),var(--card))}
.app-layout .schedule-toggle input:focus-visible+span{outline-color:var(--icon)}
.app-layout .payment-method-option:hover{border-color:color-mix(in srgb,var(--primary) 58%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--card))}
.app-layout .payment-method-option:has(input:checked){border-color:color-mix(in srgb,var(--primary) 72%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--card)),color-mix(in srgb,var(--primary) 4%,var(--card)))}
.app-layout .payment-check i{border-color:var(--input-border)}.app-layout .payment-check input:checked+i{border-color:var(--primary);background:var(--primary);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 30%,transparent)}
.app-layout .payment-check input:focus-visible+i{outline-color:var(--icon)}.app-layout .payment-check input:checked~em{color:var(--highlight)}
.app-layout .pix-settings-box{border-color:color-mix(in srgb,var(--primary) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),color-mix(in srgb,var(--primary) 3%,var(--card)))}.app-layout .pix-settings-box span{color:var(--highlight)}
.app-layout .payment-settings-card .btn:not(:disabled),.app-layout .faq-settings-card .btn:not(:disabled),.app-layout button[data-action="user-modal"][data-id],.app-layout button[data-action="user-delete"]{border-color:var(--primary);background:var(--primary);color:var(--white)}
.app-layout .faq-remove:hover,.app-layout button[data-action="user-modal"][data-id]:hover,.app-layout button[data-action="user-delete"]:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 84%,black);color:var(--white)}
.app-layout button[data-action="user-delete"]:disabled{opacity:.38;cursor:not-allowed}
.app-layout .support-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 58%,transparent);border-radius:9px;background:color-mix(in srgb,var(--primary) 14%,var(--card));color:var(--highlight);font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}.app-layout .support-whatsapp svg{width:20px;height:20px;fill:var(--icon);stroke:none}.app-layout .support-whatsapp:hover{border-color:var(--primary);background:var(--primary);color:var(--white);transform:translateY(-1px)}.app-layout .support-whatsapp:hover svg{fill:currentColor}
.app-layout input,.app-layout select,.app-layout textarea{border-color:var(--input-border)}
.app-layout input:focus,.app-layout select:focus,.app-layout textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.app-layout .top-search{transition:border-color .2s,box-shadow .2s}
.app-layout .top-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.app-layout .top-search input,.app-layout .top-search input:focus,.app-layout .top-search input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
.campaigns-grid .managed-card-flags{display:flex;align-items:center;justify-content:space-between;gap:8px}.campaigns-grid .campaign-kind{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.04em}.campaigns-grid .campaign-kind.promotion{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 17%,var(--card));color:var(--highlight)}.campaigns-grid .campaign-kind.banner{border-color:var(--icon);background:color-mix(in srgb,var(--icon) 13%,var(--card));color:var(--icon)}
.modal .admin-form .price-from-check{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;white-space:nowrap}.modal .admin-form .price-from-check input[type=checkbox]{display:block;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;margin:0;padding:0}.modal .admin-form .price-from-check b{margin-left:auto;white-space:nowrap}
.visual-settings-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:stretch}.visual-settings-card .visual-preview,.visual-color-field{min-height:210px;padding:16px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.visual-settings-card .visual-preview{display:flex;flex-direction:column;justify-content:space-between;border-color:color-mix(in srgb,var(--highlight) 30%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 16%,transparent),rgba(255,255,255,.02))}
.visual-preview h3{margin:0 0 8px}.visual-preview p{margin:0 0 14px;color:var(--muted)}.visual-preview-fields{margin-top:14px}.visual-preview-fields label{display:grid;gap:6px}.visual-preview-fields input{width:100%}
.visual-color-field{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:14px}.visual-color-field span{display:flex;flex-direction:column;gap:5px}.visual-color-field small{color:var(--muted);font-size:12px}.visual-color-field input[type=color]{width:48px;height:38px;padding:3px;border:1px solid var(--input-border);border-radius:8px;background:transparent;cursor:pointer}.visual-color-field code{grid-column:2;min-width:72px;color:var(--highlight);font-size:12px}.visual-settings-form>.field.full{grid-column:1/-1}
.delivery-assignment{display:grid;gap:5px;margin:11px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#100e0d}.delivery-assignment span{color:var(--highlight);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.delivery-assignment select{width:100%;min-width:0;padding:8px;border:1px solid var(--input-border);border-radius:7px;background:var(--card)}
@media(max-width:760px){.visual-settings-form{grid-template-columns:1fr}.visual-color-field{min-height:170px}.visual-settings-card .visual-preview{min-height:210px}}
.visual-settings-form{grid-template-columns:repeat(5,minmax(0,1fr))}.visual-settings-card .visual-preview,.visual-color-field{min-width:0;padding:14px}@media(max-width:900px){.visual-settings-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:760px){.visual-settings-form{grid-template-columns:1fr}}

.global-loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:10px;background:rgba(12,9,13,.82);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.18s}.global-loader.show{opacity:1;visibility:visible}.global-loader img{width:min(150px,34vw);aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:0 22px 65px #0009}.global-loader span{color:#fff;font-weight:800}
.modal:has(#editorForm [name="active_tables"]) .admin-form{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr);align-items:end}.modal:has(#editorForm [name="active_tables"]) .admin-form>label{min-width:0}.modal:has(#editorForm [name="active_tables"]) .admin-form>label:not(.full){white-space:nowrap}.category-statuses{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media(max-width:760px){.modal:has(#editorForm [name="active_tables"]) .admin-form{grid-template-columns:1fr}.modal:has(#editorForm [name="active_tables"]) .admin-form>label:not(.full){white-space:normal}}
.admin-theme-toggle{position:fixed;right:20px;bottom:20px;z-index:8;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--primary);box-shadow:0 12px 28px #0004;cursor:pointer;transition:transform .2s,background .2s,color .2s}.admin-theme-toggle:hover{transform:translateY(-2px)}.admin-theme-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}body:has(.admin-theme-toggle) .toast{bottom:82px}
:root[data-theme="light"]{color-scheme:light;--bg:#f7f5f8;--side:#fff;--card:#fff;--soft:#f0edf3;--line:#ded8e3;--white:#2a2430;--muted:#6f6576;--green:#148451;--amber:#9a6100}:root[data-theme="light"] .topbar{background:color-mix(in srgb,#fff 88%,transparent)}:root[data-theme="light"] .kanban-col{background:#f1eef4}:root[data-theme="light"] .field input,:root[data-theme="light"] .field select,:root[data-theme="light"] .field textarea,:root[data-theme="light"] .delivery-assignment{background:#fff}:root[data-theme="light"] .toast{background:#fff;color:var(--white);box-shadow:0 12px 28px #29202f22}:root[data-theme="light"] .global-loader{background:rgba(247,245,248,.82)}:root[data-theme="light"] .global-loader span{color:var(--white)}:root[data-theme="light"] .thumb{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 38%,#fff),#eee7f0 65%);border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}:root[data-theme="light"] .product-image{background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--primary) 42%,#fff),#f2eaf3 55%,#e6dce9)}:root[data-theme="light"] .delivery-print-settings-card,:root[data-theme="light"] .dining-print-settings-card,:root[data-theme="light"] .dining-product-popup-card,:root[data-theme="light"] .dining-item-popup-card,:root[data-theme="light"] .dining-payment-popup-card{background:var(--card);color:var(--white)}:root[data-theme="light"] .dining-payment-products,:root[data-theme="light"] .dining-payment-totals{background:color-mix(in srgb,var(--primary) 6%,#fff)}@media(max-width:650px){.admin-theme-toggle{right:14px;bottom:14px}.admin-theme-toggle~.toast{right:14px;bottom:76px}}

/* Surfaces that predate the theme variables keep their own dark colors. */
:root[data-theme="light"] .auth-page{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--primary) 14%,transparent) 0,transparent 34%),var(--bg)}
:root[data-theme="light"] .auth-card,:root[data-theme="light"] .modal,:root[data-theme="light"] .drawer,:root[data-theme="light"] .drawer.notification-drawer{background:var(--card)!important;color:var(--white);border-color:var(--line);box-shadow:0 20px 60px #29202f22}
:root[data-theme="light"] .auth-card{border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}
:root[data-theme="light"] .auth-brand small,:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .notification-item>span,:root[data-theme="light"] .notification-link{color:var(--primary)}
:root[data-theme="light"] .top-search,:root[data-theme="light"] .logout-btn,:root[data-theme="light"] .period-select,:root[data-theme="light"] .category-select,:root[data-theme="light"] .product-toolbar select,:root[data-theme="light"] .search-box,:root[data-theme="light"] .mini,:root[data-theme="light"] .icon-btn{background:#fff;color:var(--white);border-color:var(--line)}
:root[data-theme="light"] .top-search input,:root[data-theme="light"] .search-box input{color:var(--white)}
:root[data-theme="light"] .top-search input::placeholder,:root[data-theme="light"] .search-box input::placeholder{color:var(--muted)}
:root[data-theme="light"] .logout-btn:hover,:root[data-theme="light"] .mini:hover,:root[data-theme="light"] .icon-btn:hover{background:var(--soft);border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}
:root[data-theme="light"] .status{background:#eee7f2;color:#6f2b8a}

/* Orange is the native visual identity.  These rules supersede the legacy
   violet palette still present in older admin components. */
.app-layout .brand-copy small,.app-layout .pause-link,.app-layout .eyebrow,.app-layout .nav-icon,.app-layout .section-head .status{color:var(--highlight)}
.app-layout .nav-btn.active,.app-layout .filter.active,.app-layout .order-filter.active{background-color:color-mix(in srgb,var(--primary) 14%,var(--card));border-color:var(--primary)}
.app-layout .order-filter.active,.app-layout .detail-line.total,.app-layout .order-total,.app-layout .price,.app-layout .btn.ghost{color:var(--highlight)}
.app-layout .field input,.app-layout .field select,.app-layout .field textarea,.app-layout .settings-card input:not([type=checkbox]),.app-layout .settings-card select,.app-layout .settings-card textarea,.app-layout .admin-form input,.app-layout .admin-form select,.app-layout .admin-form textarea,.app-layout .period-select,.app-layout .category-select,.app-layout .schedule-times input{border-color:var(--input-border)}
.app-layout .field input:focus,.app-layout .field select:focus,.app-layout .field textarea:focus,.app-layout .settings-card input:not([type=checkbox]):focus,.app-layout .settings-card select:focus,.app-layout .settings-card textarea:focus,.app-layout .admin-form input:focus,.app-layout .admin-form select:focus,.app-layout .admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.app-layout .settings-card .btn:hover,.app-layout .category-actions .btn:hover,.app-layout .order-filter.active,.app-layout .interactive-row:hover{background-color:color-mix(in srgb,var(--primary) 10%,var(--card))}
.app-layout .order-stage.done i{box-shadow:0 0 8px color-mix(in srgb,var(--primary) 62%,transparent)}
.app-layout .status-pill{background:color-mix(in srgb,var(--primary) 16%,var(--card));color:var(--highlight)}
.app-layout .bar{background:color-mix(in srgb,var(--primary) 36%,var(--card))}
.app-layout .thumb{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 62%,#fff),color-mix(in srgb,var(--primary) 24%,var(--card)) 65%);border-color:color-mix(in srgb,var(--primary) 52%,var(--line))}
.app-layout .product-image{background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--primary) 56%,#fff),color-mix(in srgb,var(--primary) 22%,var(--card)) 55%,var(--card))}
.app-layout .product-image .thumb{box-shadow:0 9px 0 color-mix(in srgb,var(--primary) 20%,var(--card))}
.app-layout .order-card:hover{border-color:color-mix(in srgb,var(--primary) 62%,var(--line))}
.app-layout .popup-mark{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:var(--primary);color:var(--highlight);box-shadow:0 0 22px color-mix(in srgb,var(--primary) 16%,transparent)}
.app-layout .modal:has(.popup-mark){border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:0 25px 75px rgba(0,0,0,.72),0 0 35px color-mix(in srgb,var(--primary) 8%,transparent)}
.app-layout .schedule-summary,.app-layout .pix-settings-box{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),color-mix(in srgb,var(--primary) 3%,var(--card)))}
.app-layout .schedule-summary span,.app-layout .pix-settings-box span,.app-layout .feedback-card-stars,.app-layout .feedback-order,.app-layout .feedback-admin-reply small,.app-layout .feedback-pending{color:var(--highlight)}
.app-layout .schedule-day.active{border-color:color-mix(in srgb,var(--primary) 56%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--card)),var(--card))}
.app-layout .schedule-toggle input:focus-visible+span,.app-layout .payment-check input:focus-visible+i{outline-color:var(--icon)}
.app-layout .payment-method-option:hover,.app-layout .payment-method-option:has(input:checked){border-color:color-mix(in srgb,var(--primary) 60%,var(--line));background:color-mix(in srgb,var(--primary) 10%,var(--card))}
.app-layout .payment-check input:checked+i{box-shadow:0 0 14px color-mix(in srgb,var(--primary) 30%,transparent)}
:root[data-theme="light"] .status.open{background:#e4f4e9;color:#12673d}
:root[data-theme="light"] .status-pill{background:#f0e4f5;color:#70258b}
:root[data-theme="light"] .status-pill.green{background:#e4f4e9;color:#12673d}
:root[data-theme="light"] .order-card:hover{background:color-mix(in srgb,var(--primary) 7%,#fff);border-color:color-mix(in srgb,var(--primary) 46%,var(--line))}
:root[data-theme="light"] .order-total,:root[data-theme="light"] .detail-line.total{color:#73248f}
:root[data-theme="light"] .detail-block,:root[data-theme="light"] .drawer .detail-block,:root[data-theme="light"] .notification-item,:root[data-theme="light"] .profile-upload,:root[data-theme="light"] .pix-settings,:root[data-theme="light"] .feedback-admin-reply,:root[data-theme="light"] .feedback-modal-context{background:#fff;border-color:var(--line)}
:root[data-theme="light"] .drawer .detail-block h3{color:var(--white)}
:root[data-theme="light"] .managed-card,:root[data-theme="light"] .product-admin-card,:root[data-theme="light"] .feedback-card,:root[data-theme="light"] .settings-card,:root[data-theme="light"] .card{background:var(--card)}
:root[data-theme="light"] .product-upload-row,:root[data-theme="light"] .coupon-remaining,:root[data-theme="light"] .subcategory-product-list,:root[data-theme="light"] .subscription-grid>div,:root[data-theme="light"] .subscription-activation-form{background:#fff;border-color:var(--line)}
:root[data-theme="light"] .subcategory-product-list label{color:var(--white);border-color:var(--line)}
:root[data-theme="light"] .settings-card input:not([type=checkbox]),:root[data-theme="light"] .settings-card select,:root[data-theme="light"] .settings-card textarea,:root[data-theme="light"] .schedule-times input,:root[data-theme="light"] .input-action select,:root[data-theme="light"] .admin-form input,:root[data-theme="light"] .admin-form select,:root[data-theme="light"] .admin-form textarea,:root[data-theme="light"] .price-from-check{background:#fff;color:var(--white);color-scheme:light}
:root[data-theme="light"] .settings-card .btn,:root[data-theme="light"] .category-actions .btn{background:#fff!important;color:var(--white);border-color:var(--line)!important}
:root[data-theme="light"] .settings-card .btn:hover,:root[data-theme="light"] .category-actions .btn:hover{background:color-mix(in srgb,var(--primary) 8%,#fff)!important;border-color:color-mix(in srgb,var(--primary) 48%,var(--line))!important}
:root[data-theme="light"] .settings-card .btn.primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff}
:root[data-theme="light"] .category-actions .btn.danger{background:#fff5f5!important;border-color:#e7a5aa!important;color:#a6303b}
:root[data-theme="light"] .feedback-average,:root[data-theme="light"] .feedback-summary-status,:root[data-theme="light"] .revenue-total{background:color-mix(in srgb,var(--primary) 8%,#fff);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));color:var(--white)}
:root[data-theme="light"] .schedule-day{background:#f5f2f6}:root[data-theme="light"] .schedule-day.active{background:color-mix(in srgb,var(--primary) 7%,#fff);border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}
:root[data-theme="light"] .visual-settings-card .visual-preview,:root[data-theme="light"] .visual-color-field{background:color-mix(in srgb,var(--primary) 4%,#fff)}
@media(max-width:650px){body:has(.admin-theme-toggle) .toast{right:14px;bottom:76px}}

:root[data-theme="light"] .product-admin-card.has-product-photo{background:#fff}
:root[data-theme="light"] .product-admin-card.has-product-photo .product-image:after{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.76) 48%,rgba(255,255,255,.98) 78%)}
:root[data-theme="light"] .product-admin-card.has-product-photo .product-body{color:var(--white);text-shadow:none}
:root[data-theme="light"] .product-admin-card.has-product-photo .product-body .eyebrow,:root[data-theme="light"] .product-admin-card.has-product-photo .price{color:var(--primary)}
:root[data-theme="light"] .product-admin-card.has-product-photo .btn{background:#fff;color:var(--white);border-color:var(--line)}
:root[data-theme="light"] .product-admin-card.has-product-photo .btn:hover{background:var(--soft);border-color:color-mix(in srgb,var(--primary) 46%,var(--line))}
:root[data-theme="light"] .product-admin-card.has-product-photo .btn.danger{color:#a6303b;background:#fff5f5}
:root[data-theme="light"] .product-toolbar .search-box{transition:border-color .2s,box-shadow .2s}
:root[data-theme="light"] .product-toolbar .search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
:root[data-theme="light"] .product-toolbar .search-box input,:root[data-theme="light"] .product-toolbar .search-box input:focus,:root[data-theme="light"] .product-toolbar .search-box input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
:root[data-theme="light"] .nav-icon{color:var(--primary)}
:root[data-theme="light"] .nav-btn.active .nav-icon{color:#fff}
:root[data-theme="light"] .settings-tabs .filter{background:#fff;color:var(--muted);border-color:var(--line)}
:root[data-theme="light"] .settings-tabs .filter.active{background:var(--primary);border-color:var(--primary);color:#fff}
:root[data-theme="light"] .faq-editor-row{background:#fff;border-color:var(--line)}
:root[data-theme="light"] .dining-card{background:#fff;color:var(--white);border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}:root[data-theme="light"] .dining-card strong{color:var(--white)}:root[data-theme="light"] .dining-card small{color:var(--muted)}:root[data-theme="light"] .dining-card.joined{background:color-mix(in srgb,var(--primary) 8%,#fff);border-color:color-mix(in srgb,var(--primary) 48%,var(--line))}:root[data-theme="light"] .dining-card.free:not(.joined){border-color:#22a65a}:root[data-theme="light"] .dining-card.occupied:not(.joined){border-color:#e14c4c}
:root[data-theme="light"] .faq-editor-row .btn.danger{background:#fff5f5;color:#a6303b;border-color:#e7a5aa}
:root[data-theme="light"] .auth-brand small{color:#ff6900}

.product-toolbar .search-box{transition:border-color .2s,box-shadow .2s}
.product-toolbar .search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.product-toolbar .search-box input,.product-toolbar .search-box input:focus,.product-toolbar .search-box input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;appearance:none}

.toast{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(140px);transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}.toast.show{opacity:1;visibility:visible;transform:translateY(0);transition:transform .25s ease,opacity .2s ease}

/* Order values and status badges inherit the identity selected for each store.
   The drawer lives outside .app-layout, so it needs the same explicit rules. */
.app-layout .order-total{color:var(--highlight)}
.app-layout .order-total b{color:var(--primary)}
.app-layout .table.centered tbody .status:not(.open){background:color-mix(in srgb,var(--primary) 14%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));color:var(--highlight)}
#overlay .drawer .detail-line.total{color:var(--highlight)}
#overlay .drawer .detail-line.total b{color:var(--primary)}
#overlay .drawer .status-pill{background:color-mix(in srgb,var(--primary) 16%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));color:var(--highlight)}
#overlay .drawer .order-payment-block + .detail-block{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 5%,var(--card))}
#overlay .drawer .order-payment-block + .detail-block h3{color:var(--highlight)}
#overlay .drawer .order-payment-block + .detail-block>b{display:block;color:var(--primary);font-size:18px;line-height:1.3}
:root[data-theme="light"] #overlay .drawer .detail-line.total,:root[data-theme="light"] .app-layout .order-total{color:var(--highlight)}
:root[data-theme="light"] #overlay .drawer .status-pill{background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--highlight)}

/* The amount treatment is intentionally identical in light and dark modes:
   highlight identifies the label and primary identifies the monetary value. */
#overlay .drawer .detail-line.total{margin-top:10px;padding:10px 0 0;border-top:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));color:var(--highlight)}
#overlay .drawer .detail-line.total span{color:var(--highlight)}
#overlay .drawer .detail-line.total b{color:var(--primary)}
#overlay .drawer .order-payment-block + .detail-block{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--card))}
#overlay .drawer .order-payment-block + .detail-block h3{color:var(--highlight)}
#overlay .drawer .order-payment-block + .detail-block>b{color:var(--primary)}
#overlay .drawer .order-item-note{margin-top:9px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));border-left:3px solid var(--primary);border-radius:7px;background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--white);font-size:12px;line-height:1.45}
#overlay .drawer .order-item-note b{color:var(--highlight)}

/* Notification drawers are mounted beside the app shell, not inside it. */
#overlay .notification-drawer .notification-item{border-color:color-mix(in srgb,var(--primary) 34%,var(--line));background:color-mix(in srgb,var(--primary) 5%,var(--card))}
#overlay .notification-drawer .notification-item.amber{border-left-color:var(--primary)}
#overlay .notification-drawer .notification-item>span{color:var(--primary)}
#overlay .notification-drawer .feedback-notification{border-left-color:var(--primary)!important}
#overlay .notification-drawer .feedback-notification>span{color:var(--highlight)!important}
#overlay .notification-drawer .notification-link{color:var(--highlight)}
#overlay .notification-drawer .notification-link:hover{color:var(--primary)}
.reorder-controls{display:inline-flex;align-items:center;gap:1px;white-space:nowrap}
.reorder-controls>span{min-width:1ch;text-align:center}
#authForm .auth-links{margin-top:8px}
#authForm .auth-links+.auth-error:empty{min-height:0;margin:0}
#authForm .auth-links+.auth-error:empty+.btn{margin-top:12px}
.app-layout .order-total span{color:var(--highlight)}

/* Subscription feedback follows the selected store palette in both themes. */
.app-layout .subscription-alert{
  border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
  background:color-mix(in srgb,var(--primary) 12%,var(--card));
  color:var(--white);
}
.app-layout .subscription-alert strong{color:var(--highlight)}
.app-layout .subscription-alert span{color:var(--white)}
.app-layout .subscription-trial,.app-layout .subscription-pending,
.app-layout .subscription-overdue,.app-layout .subscription-suspended,
.app-layout .subscription-canceled{
  border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));
  background:color-mix(in srgb,var(--primary) 12%,var(--card));
  color:var(--highlight);
}
:root[data-theme="light"] .app-layout .subscription-alert strong,
:root[data-theme="light"] .app-layout .subscription-trial,
:root[data-theme="light"] .app-layout .subscription-pending,
:root[data-theme="light"] .app-layout .subscription-overdue,
:root[data-theme="light"] .app-layout .subscription-suspended,
:root[data-theme="light"] .app-layout .subscription-canceled{color:var(--white)}
.store-readonly-notice{display:grid;gap:6px;margin-bottom:20px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--primary) 50%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--white)}
.store-readonly-notice strong{color:var(--highlight)}
:root[data-theme="light"] .store-readonly-notice strong{color:var(--white)}

/* Alertas criados diretamente no overlay ficam fora de .app-layout. */
#overlay>.modal:not(.dining-modal){background:var(--card);color:var(--white);border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:0 25px 75px rgba(0,0,0,.72),0 0 35px color-mix(in srgb,var(--primary) 8%,transparent)}
#overlay>.modal:not(.dining-modal) .eyebrow{color:var(--highlight)}
#overlay>.modal:not(.dining-modal) .btn.primary{background:var(--primary);border-color:var(--primary);color:var(--white)}

/* Amounts in order summaries are informational text, not visual accents. */
.app-layout .order-total,.app-layout .order-total b,.app-layout .order-total span{color:var(--white)}
#overlay .drawer .detail-line.total,#overlay .drawer .detail-line.total span,#overlay .drawer .detail-line.total b{color:var(--white)}
#overlay .drawer .order-payment-block + .detail-block h3,#overlay .drawer .order-payment-block + .detail-block>b{color:var(--white)}

/* Dashboard legacy accents. */
.app-layout .recent-order small{color:var(--highlight)}
.app-layout .best-product-thumb{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:color-mix(in srgb,var(--primary) 12%,var(--card))}
.app-layout .best-product-fallback{background:var(--primary);border-color:var(--primary);color:#fff}

/* Keep the price readable; only the Details action uses the store accent. */
.app-layout .order-total span{color:var(--highlight)}