/* SANDU'S dashboard — camada "liquid glass" (carrega por último; remover o <link> desfaz). */
:root{
  --glass-bg:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  --glass-bg-strong:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  --glass-line:rgba(255,255,255,.14);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04);
  --glass-blur:blur(18px) saturate(150%);
  --r-card:22px; --r-ctl:14px; --r-pill:999px;
  --radius-sm:12px; --radius-md:18px; --radius-lg:24px;
}
html,body{background:#080d1f}
body{
  background:
    radial-gradient(60vmax 60vmax at 8% -10%,rgba(89,119,222,.30),transparent 60%),
    radial-gradient(50vmax 50vmax at 100% 10%,rgba(252,194,22,.14),transparent 60%),
    radial-gradient(55vmax 55vmax at 50% 110%,rgba(60,201,138,.10),transparent 60%),
    #080d1f !important;
  background-attachment:fixed !important;
  font-feature-settings:"tnum" 1,"cv11" 1;
}
/* Caixas */
.card,.kcard,.fcol,.fcard,.hero,.modal,.chart-card,.item-card,.pdv-card,.pdv-pedido,.dash-tabs,.seg,.onboarding,.empty-state{
  background:var(--glass-bg) !important;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-line) !important;
  border-radius:var(--r-card) !important;
  box-shadow:var(--glass-hi),0 14px 36px rgba(0,0,0,.28) !important;
}
.hero{background:linear-gradient(135deg,rgba(52,84,180,.55),rgba(89,119,222,.16) 60%,rgba(255,255,255,.05)) !important;border-radius:28px !important}
.modal{background:var(--glass-bg-strong),rgba(14,20,46,.78) !important;border-radius:28px !important;box-shadow:var(--glass-hi),0 30px 80px rgba(0,0,0,.55) !important}
.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Navegação */
.sidebar{
  background:linear-gradient(180deg,rgba(19,42,110,.62),rgba(12,18,38,.55)) !important;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border-right:1px solid var(--glass-line) !important;
}
.sidebar a,.sidebar button,.nav-item{border-radius:var(--r-ctl) !important}
.sidebar .active,.nav-item.active{background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.08)) !important;box-shadow:var(--glass-hi)}
.dash-tabs{padding:4px;border-radius:var(--r-pill) !important}
.dash-tabs button,.seg button{border-radius:var(--r-pill) !important}
.dash-tabs .is-on,.seg .is-on{background:var(--glass-bg-strong) !important;box-shadow:var(--glass-hi)}
/* Controles */
input,select,textarea{
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--glass-line) !important;
  border-radius:var(--r-ctl) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(252,194,22,.7) !important;box-shadow:0 0 0 3px rgba(252,194,22,.18)}
.btn,button.btn{
  border-radius:var(--r-pill) !important;
  background:var(--glass-bg-strong);border:1px solid var(--glass-line);
  box-shadow:var(--glass-hi);
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
}
.btn:active{transform:scale(.97)}
.btn--primary{
  background:linear-gradient(180deg,#ffd84a,#fcc216) !important;color:#0b1d50 !important;
  border-color:rgba(255,255,255,.45) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 22px rgba(252,194,22,.28) !important;
}
.badge,.pill,.sync-chip,.linkbtn{border-radius:var(--r-pill) !important}
/* Textos e hierarquia */
h1,h2,.hero h1,.page-title{letter-spacing:.01em;text-wrap:balance}
.dash-sec-h,.chart-card__title,.kcard__rot{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.kcard__val,.fcard__total,.pend-row__valor,.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
table{border-collapse:separate;border-spacing:0 6px}
th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:700}
td{background:rgba(255,255,255,.04)}
td:first-child{border-radius:12px 0 0 12px}td:last-child{border-radius:0 12px 12px 0}
/* Cozinha e balcão: alvos maiores */
.fcard{padding:16px !important}
.fcard button,.pdv-card button{min-height:48px;border-radius:var(--r-pill) !important}
/* Navegação inferior (mobile) */
.touch-topbar{background:rgba(12,18,38,.55) !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:0 !important;border-bottom:1px solid var(--glass-line) !important;border-radius:0 !important}
.touch-dock{
  background:rgba(14,20,46,.62) !important;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-line) !important;border-radius:26px !important;
  box-shadow:var(--glass-hi),0 12px 30px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card,.kcard,.fcol,.fcard,.modal,.sidebar{background:#151c3b !important}
}
/* ===== Cozinha e balcão: leitura de longe e toque rápido ===== */
.kds-board{gap:18px}
.kds-col{background:rgba(255,255,255,.04) !important;border-radius:22px !important;padding:16px !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.kds-col__head{font-size:.82rem !important;letter-spacing:.09em}
.kds-col__count{font-size:.9rem !important;padding:2px 12px !important}
.kds-card{border-radius:18px !important;padding:16px !important;gap:10px !important;border-left-width:6px !important}
.kds-card__nome{font-size:1.15rem !important;font-weight:800}
.kds-card__cliente{font-size:1rem !important}
.kds-card__itens,.kds-linha__top{font-size:1rem !important;line-height:1.35}
.kds-card__hora{font-size:.9rem !important}
.kds-card__actions{gap:10px !important}
.kds-card__actions .btn{min-height:56px;font-size:1.02rem;border-radius:16px !important}
.kds-card__voltar,.kds-card__excluir{min-width:56px;width:56px}
.kds-card--atrasado{box-shadow:inset 6px 0 0 var(--bad),0 0 0 1px color-mix(in srgb,var(--bad) 55%,transparent),0 10px 28px -10px var(--bad) !important}
.kds-card--atrasado .kds-card__nome::after{content:"  ⏱";font-size:.9em}
.kds-card--pronto{opacity:.7 !important}
.pdv-card{min-height:120px;border-radius:20px !important}
.pdv-card__nome{font-size:1.02rem}
.pdv-card__preco{font-size:1rem;font-weight:800}
.pdv-fechar{min-height:64px !important;font-size:1.1rem !important}
.balcao-stepper__ctrl button{width:48px !important;height:48px !important;border-radius:14px !important;font-size:20px !important}
.balcao-stepper__ctrl input{width:56px !important;padding:12px 4px !important}
.balcao-pay-method{padding:14px 22px !important;font-size:1rem !important;min-height:52px}
@media(max-width:900px){.kds-card__actions .btn{min-height:60px}}
/* ===== Alerta de estoque (painel) ===== */
.alerta-estoque{margin:0 0 16px;padding:16px 18px;border-radius:var(--r-card);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.alerta-estoque[hidden]{display:none}
.alerta-estoque__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:10px}
.alerta-estoque__h strong{font-size:1.05rem;color:var(--warn)}
.alerta-estoque__h span{color:var(--ink-soft);font-size:.9rem}
.alerta-estoque__h .linkbtn{margin-left:auto;min-height:40px}
.alerta-estoque__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.alerta-estoque__item{display:flex;gap:10px;align-items:center;padding:8px 14px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-size:.92rem}
.alerta-estoque__item b{font-variant-numeric:tabular-nums;color:var(--warn)}
.alerta-estoque__item--zero{border-color:var(--bad)}.alerta-estoque__item--zero b{color:var(--bad)}
.alerta-estoque__mais{padding:8px 6px;color:var(--ink-soft);font-size:.9rem}

/* ===== Tema claro (o escuro é o padrão acima) ===== */
html[data-theme="light"]{
  --glass-bg:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.7));
  --glass-bg-strong:linear-gradient(160deg,#fff,rgba(255,255,255,.85));
  --glass-line:rgba(11,29,80,.12);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"],html[data-theme="light"] body{background:#eef1f9}
html[data-theme="light"] body{
  background:
    radial-gradient(60vmax 60vmax at 8% -10%,rgba(89,119,222,.18),transparent 60%),
    radial-gradient(50vmax 50vmax at 100% 10%,rgba(252,194,22,.14),transparent 60%),
    #eef1f9 !important;
  background-attachment:fixed !important;color:var(--ink);
}
html[data-theme="light"] .card,html[data-theme="light"] .kcard,html[data-theme="light"] .fcol,html[data-theme="light"] .fcard,
html[data-theme="light"] .chart-card,html[data-theme="light"] .item-card,html[data-theme="light"] .pdv-card,html[data-theme="light"] .pdv-pedido,
html[data-theme="light"] .dash-tabs,html[data-theme="light"] .seg,html[data-theme="light"] .onboarding,html[data-theme="light"] .empty-state{
  box-shadow:var(--glass-hi),0 10px 28px rgba(11,29,80,.08) !important}
html[data-theme="light"] .hero{background:linear-gradient(135deg,#284898,#3454b4 60%,#5977de) !important;color:#fff;box-shadow:0 18px 44px rgba(11,29,80,.22) !important}
html[data-theme="light"] .hero *{color:inherit}
html[data-theme="light"] .hero .btn--ghost{color:#fff;background:rgba(255,255,255,.14)}
html[data-theme="light"] .modal{background:#fff !important;box-shadow:0 30px 80px rgba(11,29,80,.28) !important}
html[data-theme="light"] .modal-overlay{background:rgba(11,29,80,.35)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff !important;color:var(--ink);box-shadow:inset 0 1px 2px rgba(11,29,80,.08)}
html[data-theme="light"] .btn,html[data-theme="light"] button.btn{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(11,29,80,.1)}
html[data-theme="light"] .btn--primary{background:linear-gradient(180deg,#ffd84a,#fcc216) !important;color:#0b1d50 !important}
html[data-theme="light"] td{background:rgba(11,29,80,.035)}
html[data-theme="light"] .kds-col{background:rgba(11,29,80,.04) !important}
html[data-theme="light"] .kds-card{background:#fff}
html[data-theme="light"] .touch-topbar{background:rgba(255,255,255,.8) !important;color:var(--ink)}
html[data-theme="light"] .touch-dock{background:rgba(255,255,255,.85) !important;box-shadow:var(--glass-hi),0 12px 30px rgba(11,29,80,.18)}
html[data-theme="light"] .alerta-estoque{background:var(--warn-soft)}
html[data-theme="light"] .alerta-estoque__item{background:#fff}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="light"] .card,html[data-theme="light"] .kcard,html[data-theme="light"] .fcol,html[data-theme="light"] .fcard,html[data-theme="light"] .modal{background:#fff !important}
}
html[data-theme="light"] .touch-dock button,html[data-theme="light"] .touch-dock a,html[data-theme="light"] .touch-dock span{color:#42527f}
html[data-theme="light"] .touch-dock .is-on,html[data-theme="light"] .touch-dock .active{color:#0b1d50}
html[data-theme="light"] .touch-topbar *{color:var(--ink)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#15337f,#0d2159) !important;-webkit-backdrop-filter:none;backdrop-filter:none}