/* Identidade "Canal" da plataforma (opção 1 da Deidara): branco, azul-cobalto, Noto Sans (SIL OFL 1.1).
   Vale para o site comercial e os painéis. As lojas (ex.: Malta) usam o próprio tema e não carregam este arquivo. */
@font-face{font-family:"Noto Sans";src:url(/app/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url(/app/fonts/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}

body.canal{
  --bg:#ffffff; --surface:#ffffff; --fg:#181C24; --muted:#5D6675; --accent:#2654DB; --accent-fg:#ffffff;
  --soft:#EEF3FF; --line:#DCE3ED; --radius:14px; --font:"Noto Sans",system-ui,sans-serif;
  background:var(--bg); color:var(--fg); font-family:var(--font);
}
.canal .btn{border-radius:12px;border-color:var(--line)}
.canal .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.canal .btn.primary:hover{background:#1f47bf}
.canal .btn.soft{background:var(--soft);border-color:var(--soft);color:var(--accent)}
.canal .pill{background:var(--soft);color:var(--accent)}
.canal .field input,.canal .field select,.canal .field textarea,.canal input.inp,.canal select.inp{border-color:var(--line);border-radius:10px}
.canal :focus-visible{outline-color:var(--accent)}
.canal .card{border-color:var(--line);border-radius:var(--radius)}

/* Faixa de demonstração da plataforma */
.canal .demo-band{background:var(--soft);color:var(--accent);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:6px 16px;flex-wrap:wrap}
.demo-band a{color:inherit;font-weight:700}

/* Wordmark provisório */
.wordmark{display:inline-grid;line-height:1.05;text-decoration:none;color:var(--fg)}
.wordmark b{font-size:19px;font-weight:700;letter-spacing:-.01em}
.wordmark b span{color:var(--accent)}
.wordmark small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}

/* Selo de estado de cada recurso */
.estado{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.estado::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.estado.prototipo{background:#E6F4EC;color:#1C6B43}
.estado.planejado{background:#F1F2F5;color:#5D6675}
.estado.validacao{background:var(--soft);color:var(--accent)}

.aviso-servidor{background:#a3271a;color:#fff;font-weight:700;text-align:center;padding:10px 16px;position:sticky;top:0;z-index:50}
.pn-lojas{display:grid;gap:4px}
.pn-lojas a{font-size:13px;color:var(--accent);text-decoration:none}
.aviso-realtime{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);background:#FFF4D6;color:#5c4400;border:1px solid #F0D58A;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;margin:0;box-shadow:0 4px 16px rgba(0,0,0,.12)}