/* CUNSIGNAMO v38 — visual refresh, light-first operations UI */
:root{--v38-bg:#f4f6fa;--v38-card:#fff;--v38-ink:#172033;--v38-muted:#64748b;--v38-border:#e5eaf1;--v38-blue:#315cf5;--v38-shadow:0 9px 28px rgba(28,42,70,.065)}
body:not([data-theme="dark"]){background:var(--v38-bg)}
#food-admin-panel,.food-shell,.merchant-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
#food-admin-panel{background:#f4f6fa!important;color:#172033!important;border:0!important;border-radius:22px;padding:clamp(14px,2.5vw,28px)!important}
#food-admin-panel h2,#food-admin-panel h3,#food-admin-panel h4{color:#172033!important}
#food-admin-panel .food-order,#food-admin-panel .food-account-card,#food-admin-panel .helpdesk-section{background:#fff!important;color:#172033!important;border:1px solid #e5eaf1!important;box-shadow:var(--v38-shadow)!important;border-radius:18px!important}
#food-admin-panel .food-order p{color:#64748b!important}
#food-admin-panel button{min-height:42px;font-weight:700}
#food-admin-panel .food-tabs{gap:10px;margin:18px 0 22px}
#food-admin-panel .food-tabs button{background:#fff!important;color:#24334b!important;border:1px solid #e5eaf1!important;padding:12px 18px!important}
#food-admin-panel .food-tabs button:hover{background:#eef3ff!important}
.v38-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 20px}.v38-heading h2{margin:0!important}.v38-heading p{color:#64748b;margin:5px 0 0}.v38-live{border-radius:30px;background:#e0f8e9;color:#087d4c;padding:8px 12px;font-size:12px;font-weight:800}
.v38-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 25px}.v38-stat{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:20px;box-shadow:var(--v38-shadow);display:flex;flex-direction:column;gap:10px}.v38-stat span{font-size:13px;font-weight:700;color:#64748b}.v38-stat strong{font-size:clamp(27px,3vw,38px);letter-spacing:-1px}.v38-stat.wait strong{color:#d97706}.v38-stat.pending strong{color:#dc2626}.v38-stat.prep strong{color:#2563eb}.v38-stat.delivery strong{color:#059669}
.v38-filter{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.v38-filter button{background:#fff;border:1px solid #e1e8f0;color:#334155;padding:10px 15px;border-radius:12px}.v38-filter button.active{background:#253f8e;color:#fff;border-color:#253f8e}
.v38-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v38-order-list .food-order{margin:0!important}.v38-order-list .food-order button{min-height:40px}
.food-shell{background:#f4f6fa!important;color:#172033!important}.food-wrap{max-width:1180px}.food-address,.food-search,.food-shop,.food-product,.food-order{box-shadow:var(--v38-shadow)!important;border:1px solid var(--v38-border)!important}.food-shop{border-radius:20px!important;transition:transform .16s,box-shadow .16s}.food-shop:hover{transform:translateY(-3px);box-shadow:0 15px 35px #17203318!important}.food-cover{height:168px}.food-shop-body{padding:16px;gap:8px}.food-shop-body b{font-size:18px}.food-search{border-radius:17px!important;padding:17px!important}.food-banner{border-radius:23px!important}.food-category{border-radius:17px!important}.food-hero{border-radius:22px}.food-product{padding:13px!important}.food-add,.food-checkout{background:#f47c2b!important;color:white!important}
.merchant-app{background:#f4f6fa;border-radius:20px}.merchant-welcome{background:linear-gradient(115deg,#1c2d4a,#334b70)!important;border:0!important;box-shadow:0 15px 40px #15223b22!important}.merchant-kpi{background:#fff!important;border:1px solid #e5eaf1!important;box-shadow:var(--v38-shadow)!important}.merchant-kpi small{color:#64748b!important}.merchant-kpi strong{color:#172033}.merchant-section-head{margin-top:28px}.merchant-orders .food-order{background:#fff!important;border:1px solid #e5eaf1!important;box-shadow:var(--v38-shadow)!important}.merchant-status-row span{background:#fff!important;border:1px solid #e5eaf1!important;color:#172033!important}.merchant-nav button{border-radius:14px!important}.merchant-nav button.selected{background:#243d8d!important;color:#fff!important;border-color:#243d8d!important}.merchant-empty{background:#fff!important;border-color:#dce4ee!important}
/* Customer: full-width, vertically stacked restaurant cards on phones */
@media(max-width:700px){.food-wrap{padding:14px!important}.food-wrap h2{font-size:23px}.food-wrap h3{font-size:19px}.food-horizontal#food-shops{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;gap:14px!important;padding-bottom:18px}.food-horizontal#food-shops .food-shop{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;display:grid!important;grid-template-columns:38% 1fr!important;min-height:144px}.food-horizontal#food-shops .food-cover{height:100%!important;min-height:144px}.food-horizontal#food-shops .food-shop-body{justify-content:center;padding:13px;min-width:0}.food-horizontal#food-shops .food-shop-body b{font-size:17px}.food-horizontal#food-shops .food-shop-body span{font-size:12px}.merchant-kpis,.v38-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v38-order-list{grid-template-columns:1fr}.merchant-orders{grid-template-columns:1fr}.merchant-welcome{gap:10px}.merchant-welcome h2{font-size:22px}.v38-stat{padding:15px}.v38-stat strong{font-size:28px}}
@media(max-width:370px){.food-horizontal#food-shops .food-shop{grid-template-columns:34% 1fr!important}.food-horizontal#food-shops .food-shop-body{padding:9px}.v38-stat{padding:12px}.v38-stat span{font-size:11px}}
/* Respect the existing theme toggle rather than forcing light on explicitly dark screens */
html[data-cunsignamo-theme="dark"] #food-admin-panel,html[data-cunsignamo-theme="dark"] #food-admin-panel{background:#101b2b!important;color:#f1f5f9!important}
html[data-cunsignamo-theme="dark"] #food-admin-panel .food-order,html[data-cunsignamo-theme="dark"] #food-admin-panel .v38-stat,html[data-cunsignamo-theme="dark"] #food-admin-panel .helpdesk-section,html[data-cunsignamo-theme="dark"] #food-admin-panel .food-order,html[data-cunsignamo-theme="dark"] #food-admin-panel .v38-stat{background:#1d3046!important;color:#f1f5f9!important;border-color:#37506b!important}
html[data-cunsignamo-theme="dark"] #food-admin-panel h2,html[data-cunsignamo-theme="dark"] #food-admin-panel h3,html[data-cunsignamo-theme="dark"] #food-admin-panel h2{color:#f1f5f9!important}