/* =========================================================
   NA BRASA OS — PREMIUM DARK 1.3.2
   Camada final de identidade, responsividade e consistência.
   Carregada por último para neutralizar estilos herdados.
   ========================================================= */

:root{
  color-scheme:dark;
  --nbp-bg:#090c0b;
  --nbp-bg-2:#0d1110;
  --nbp-surface:#111715;
  --nbp-surface-2:#171e1b;
  --nbp-surface-3:#1d2521;
  --nbp-panel:#131916;
  --nbp-line:rgba(239,244,240,.09);
  --nbp-line-strong:rgba(239,244,240,.16);
  --nbp-text:#f4f1eb;
  --nbp-text-soft:#d5d9d5;
  --nbp-muted:#929c96;
  --nbp-ember:#d45a32;
  --nbp-ember-2:#a83625;
  --nbp-ember-soft:rgba(212,90,50,.14);
  --nbp-success:#5d9a7c;
  --nbp-warning:#d17a3d;
  --nbp-danger:#d55349;
  --nbp-radius-xl:30px;
  --nbp-radius-lg:22px;
  --nbp-radius-md:16px;
  --nbp-radius-sm:12px;
  --nbp-shadow:0 24px 70px rgba(0,0,0,.34);
  --nbp-shadow-soft:0 12px 32px rgba(0,0,0,.22);
  --nbp-content:1420px;
  --nbp-nav-height:82px;

  /* Neutraliza o vocabulário visual claro/amarelo legado. */
  --yellow:var(--nbp-ember);
  --final-yellow:var(--nbp-ember);
  --final-brand:var(--nbp-ember);
  --final-brand-dark:var(--nbp-ember-2);
  --final-bg:var(--nbp-bg);
  --final-bg-soft:var(--nbp-bg-2);
  --final-surface:var(--nbp-surface);
  --final-surface-warm:var(--nbp-surface-2);
  --final-ink:var(--nbp-text);
  --final-muted:var(--nbp-muted);
  --final-line:var(--nbp-line);
  --final-line-strong:var(--nbp-line-strong);
  --nb-gold:var(--nbp-ember);
  --nb-copper:var(--nbp-ember);
  --nb-copper-deep:var(--nbp-ember-2);
  --nb-paper:var(--nbp-bg);
  --nb-surface:var(--nbp-surface);
  --nb-surface-soft:var(--nbp-surface-2);
  --nb-ink:var(--nbp-text);
  --nb-muted:var(--nbp-muted);
  --nb-line:var(--nbp-line);
}

html{
  min-height:100%;
  background:var(--nbp-bg)!important;
  scrollbar-color:#3b4540 #0b0f0d;
}

body{
  min-height:100%;
  color:var(--nbp-text)!important;
  background:
    radial-gradient(circle at 9% -12%,rgba(212,90,50,.15),transparent 34rem),
    radial-gradient(circle at 100% 22%,rgba(75,111,95,.10),transparent 36rem),
    linear-gradient(180deg,#0b0f0e 0%,#090c0b 42%,#0c100e 100%)!important;
  padding-bottom:calc(var(--nbp-nav-height) + env(safe-area-inset-bottom))!important;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}

::selection{background:rgba(212,90,50,.34)!important;color:#fff!important}
:focus-visible{outline:3px solid rgba(212,90,50,.42)!important;outline-offset:3px!important}

.app-shell{
  width:min(100%,var(--nbp-content))!important;
  max-width:var(--nbp-content)!important;
  margin:0 auto!important;
  padding-top:max(8px,env(safe-area-inset-top));
}

.content,.app-main,.main-content{
  width:100%!important;
  padding-left:clamp(14px,2.5vw,34px)!important;
  padding-right:clamp(14px,2.5vw,34px)!important;
  padding-bottom:calc(var(--nbp-nav-height) + 54px + env(safe-area-inset-bottom))!important;
}

/* ---------- Faixa de demonstração ---------- */
.demo-ribbon{
  width:auto!important;
  max-width:none!important;
  margin:0 clamp(10px,2vw,22px) 10px!important;
  padding:10px 14px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:15px!important;
  background:rgba(14,19,17,.86)!important;
  color:var(--nbp-text-soft)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px)!important;
}
.demo-ribbon span{color:var(--nbp-ember)!important}
.demo-ribbon strong{color:var(--nbp-text)!important}
.demo-ribbon small{color:var(--nbp-muted)!important}
.demo-ribbon button{
  border:1px solid var(--nbp-line-strong)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--nbp-text-soft)!important;
}
.demo-ribbon button:hover{border-color:rgba(212,90,50,.55)!important;background:var(--nbp-ember-soft)!important}

/* ---------- Cabeçalho integralmente arredondado ---------- */
.hero,header.hero{
  position:relative!important;
  isolation:isolate!important;
  width:auto!important;
  max-width:none!important;
  min-height:138px!important;
  margin:0 clamp(10px,2vw,22px) 18px!important;
  padding:clamp(20px,3vw,32px)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
  border-radius:var(--nbp-radius-xl)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(212,90,50,.18),transparent 24rem),
    radial-gradient(circle at 8% 120%,rgba(93,154,124,.09),transparent 24rem),
    linear-gradient(135deg,#1b211e 0%,#121715 56%,#0d1110 100%)!important;
  box-shadow:var(--nbp-shadow)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:26px!important;
  clip-path:inset(0 round var(--nbp-radius-xl));
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.55!important;
  background:
    linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.025) 62.2% 62.45%,transparent 62.7%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:auto,34px 34px,34px 34px!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 100%)!important;
}
.hero::after{
  content:""!important;
  position:absolute!important;
  right:-84px!important;
  top:-118px!important;
  z-index:-1!important;
  width:290px!important;
  height:290px!important;
  border-radius:50%!important;
  border:1px solid rgba(212,90,50,.22)!important;
  background:rgba(212,90,50,.045)!important;
  box-shadow:0 0 0 38px rgba(212,90,50,.018),0 0 0 76px rgba(212,90,50,.012)!important;
}

.brand-row{position:relative!important;z-index:1!important;min-width:0!important;flex:1 1 560px!important;gap:17px!important}
.brand-mark,.nb-mark-small{
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,#252d29,#111513 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 34px rgba(0,0,0,.28)!important;
}
.nb-mark::before{background:linear-gradient(135deg,rgba(212,90,50,.54),rgba(212,90,50,.02))!important}
.nb-mark::after{background:linear-gradient(90deg,transparent,var(--nbp-ember),transparent)!important}
.nb-mark i{background:var(--nbp-ember)!important;box-shadow:0 0 0 4px rgba(212,90,50,.12)!important}

.hero .eyebrow,.eyebrow.yellow,.enterprise-kicker{
  color:var(--nbp-ember)!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
.hero h1{
  margin:5px 0 7px!important;
  color:#fff!important;
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}
.hero p{max-width:680px!important;color:rgba(244,241,235,.68)!important;font-size:clamp(12px,1.28vw,14px)!important;line-height:1.55!important}

.hero-actions{
  position:relative!important;
  z-index:2!important;
  flex:0 1 530px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.profile-chip,.notify-btn,.access-btn,.install-btn{
  min-height:48px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--nbp-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(12px)!important;
}
.profile-chip:hover,.notify-btn:hover,.access-btn:hover,.install-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(212,90,50,.42)!important;
  background:rgba(212,90,50,.10)!important;
}
.profile-avatar,.more-profile-avatar{
  background:linear-gradient(145deg,var(--nbp-ember),var(--nbp-ember-2))!important;
  color:#fff!important;
  box-shadow:none!important;
}
.notify-count{
  background:var(--nbp-ember)!important;
  color:#fff!important;
  border:0!important;
}
.notify-icon{display:grid!important;place-items:center!important;color:var(--nbp-text-soft)!important}
.notify-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.demo-environment .access-btn,.demo-environment .access-btn{
  border-color:rgba(212,90,50,.30)!important;
  background:rgba(212,90,50,.10)!important;
  color:#f3d8ce!important;
}
body.demo-environment .access-btn:hover,.demo-environment .access-btn:hover{
  border-color:rgba(212,90,50,.55)!important;
  background:rgba(212,90,50,.17)!important;
  color:#fff!important;
}

/* ---------- Tipografia e títulos ---------- */
h1,h2,h3,h4,h5,h6{color:var(--nbp-text)!important}
p{color:inherit}
.section-title{margin:clamp(24px,3vw,40px) 0 16px!important;gap:15px!important}
.section-title:first-child{margin-top:20px!important}
.section-title h2{color:var(--nbp-text)!important;font-size:clamp(1.75rem,3.2vw,2.6rem)!important;letter-spacing:-.052em!important}
.subheading{color:var(--nbp-text)!important;margin-top:28px!important}
.label,.muted,.item-card .muted,.form-card .muted{color:var(--nbp-muted)!important}
.sync-state,.api-badge{
  border:1px solid var(--nbp-line)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--nbp-muted)!important;
  box-shadow:none!important;
}
.sync-state.ok{color:#8fc3aa!important;border-color:rgba(93,154,124,.32)!important;background:rgba(93,154,124,.09)!important}

/* ---------- Superfícies ---------- */
.panel{color:var(--nbp-text)!important}
.panel.active{animation:nbpPanelIn .22s ease both!important}
@keyframes nbpPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.action-card,.wide-card,.form-card,.premium-card,.premium-surface,.item-card,.list-card,.connection-card,
.home-store-control,.home-cockpit,.executive-card,.smart-stat,.status-card,.metric-card,.more-hero,
.phase2-hero,.phase1-hero,.phase12-hero,.store-status-preview-card,.bell-drawer{
  border:1px solid var(--nbp-line)!important;
  color:var(--nbp-text)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.026),transparent 50%),
    linear-gradient(180deg,var(--nbp-surface-2),var(--nbp-surface))!important;
  box-shadow:var(--nbp-shadow-soft)!important;
}
.action-card,.wide-card,.form-card,.premium-card,.item-card,.list-card,.connection-card,
.executive-card,.smart-stat,.status-card,.metric-card{border-radius:var(--nbp-radius-lg)!important}
.action-card:hover,.item-card.is-clickable:hover,.more-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(212,90,50,.38)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28)!important;
}
.action-card span,.item-card strong,.wide-card strong,.form-card strong{color:var(--nbp-text)!important}

.quick-status{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:16px 0 20px!important;
}
.quick-status.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.status-card,.smart-stat,.metrics-grid article{
  position:relative!important;
  min-height:118px!important;
  padding:18px!important;
  overflow:hidden!important;
}
.status-card::before,.smart-stat::before,.metrics-grid article::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:0!important;
  width:42px!important;
  height:2px!important;
  border-radius:0 0 3px 3px!important;
  background:var(--nbp-ember)!important;
  opacity:.86!important;
}
.status-card.urgent{background:linear-gradient(145deg,rgba(212,90,50,.11),transparent 62%),linear-gradient(180deg,#1b201e,#121715)!important}
.status-card strong,.smart-stat strong,.metrics-grid article strong{
  color:var(--nbp-text)!important;
  font-size:clamp(1.6rem,3.1vw,2.25rem)!important;
}
.status-card small,.smart-stat small,.metrics-grid article small{color:var(--nbp-muted)!important}

.meta-grid{gap:9px!important}
.meta{
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.027)!important;
  color:var(--nbp-text)!important;
}
.meta span{color:var(--nbp-muted)!important}
.meta b{color:var(--nbp-text)!important}

/* ---------- Fichas técnicas ---------- */
[data-panel="fichas"] .section-title{
  padding:20px 22px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:var(--nbp-radius-lg)!important;
  background:linear-gradient(135deg,rgba(212,90,50,.09),transparent 58%),var(--nbp-surface)!important;
  box-shadow:var(--nbp-shadow-soft)!important;
}
[data-panel="fichas"] #recipeList{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
[data-panel="fichas"] .item-card{padding:18px!important}
[data-panel="fichas"] .item-head>div{min-width:0!important}
[data-panel="fichas"] .item-head strong{font-size:17px!important}
[data-panel="fichas"] .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

.filter-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:10px 0 14px!important;
}
.filter-chips button,.phase1-tabs button,.phase2-tabs button{
  border:1px solid var(--nbp-line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--nbp-muted)!important;
}
.filter-chips button.active,.phase1-tabs button.active,.phase2-tabs button.active{
  border-color:rgba(212,90,50,.52)!important;
  background:var(--nbp-ember-soft)!important;
  color:#fff!important;
}

/* ---------- Formulários ---------- */
input,select,textarea,
.search-box input,.form-card input,.form-card select,.form-card textarea,
.more-search-wrap input{
  border:1px solid var(--nbp-line)!important;
  border-radius:14px!important;
  background:#0e1311!important;
  color:var(--nbp-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
input::placeholder,textarea::placeholder{color:#69736d!important;opacity:1!important}
input:focus,select:focus,textarea:focus,.search-box input:focus{
  border-color:rgba(212,90,50,.62)!important;
  box-shadow:0 0 0 4px rgba(212,90,50,.11)!important;
  outline:0!important;
}
select{color-scheme:dark}
option{background:#111715;color:var(--nbp-text)}
.form-card label{color:var(--nbp-text-soft)!important}
.check-line,.checkbox-row{color:var(--nbp-text-soft)!important}

/* ---------- Botões ---------- */
.primary-btn,.secondary-btn,.mini-btn,.receipt-actions button,.order-actions button{
  min-height:44px!important;
  border-radius:13px!important;
  font-weight:780!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.primary-btn{
  border:1px solid var(--nbp-ember)!important;
  background:linear-gradient(135deg,var(--nbp-ember),var(--nbp-ember-2))!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(168,54,37,.20)!important;
}
.primary-btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(168,54,37,.28)!important}
.secondary-btn,.mini-btn{
  border:1px solid var(--nbp-line-strong)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--nbp-text-soft)!important;
  box-shadow:none!important;
}
.secondary-btn:hover,.mini-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(212,90,50,.48)!important;
  background:var(--nbp-ember-soft)!important;
  color:#fff!important;
}
button:disabled{opacity:.48!important;transform:none!important}

.pill{
  border:1px solid rgba(93,154,124,.24)!important;
  background:rgba(93,154,124,.11)!important;
  color:#9ec8b3!important;
}
.pill.warn{
  border-color:rgba(213,83,73,.30)!important;
  background:rgba(213,83,73,.12)!important;
  color:#ee9891!important;
}
.pill.neutral{border-color:var(--nbp-line)!important;background:rgba(255,255,255,.035)!important;color:var(--nbp-muted)!important}
.safe-warning,.empty-state{
  border:1px solid rgba(209,122,61,.23)!important;
  border-radius:15px!important;
  background:rgba(209,122,61,.08)!important;
  color:var(--nbp-text-soft)!important;
}

/* ---------- Home e blocos executivos ---------- */
.home-cockpit,.more-hero{
  border-radius:var(--nbp-radius-xl)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(212,90,50,.15),transparent 24rem),
    linear-gradient(145deg,#1a211e,#101513)!important;
}
.health-ring{border-color:rgba(212,90,50,.24)!important;background:rgba(0,0,0,.18)!important}
.health-ring::before{border-color:var(--nbp-ember)!important}
.home-store-indicator,.store-mode-badge{background:var(--nbp-success)!important;color:#fff!important}
.decision-timeline::before{background:rgba(212,90,50,.24)!important}
.decision-index{background:var(--nbp-ember)!important;color:#fff!important}

/* ---------- Central Mais ---------- */
.final-more-panel{color:var(--nbp-text)!important}
.more-profile-summary,.more-search-wrap,.more-card{
  border:1px solid var(--nbp-line)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--nbp-text)!important;
  box-shadow:none!important;
}
.more-search-wrap:focus-within{border-color:rgba(212,90,50,.48)!important;box-shadow:0 0 0 4px rgba(212,90,50,.09)!important}
.more-group>header{border-bottom-color:var(--nbp-line)!important}
.more-group-kicker{color:var(--nbp-ember)!important}
.more-card-copy strong{color:var(--nbp-text)!important}
.more-card-copy small,.more-group p,.more-result-line{color:var(--nbp-muted)!important}
.more-icon{
  border:1px solid rgba(212,90,50,.18)!important;
  background:rgba(212,90,50,.10)!important;
  color:var(--nbp-ember)!important;
}
.more-card-featured{background:linear-gradient(135deg,rgba(212,90,50,.11),rgba(255,255,255,.018))!important}
.more-arrow{color:var(--nbp-muted)!important}

/* ---------- Navegação inferior ---------- */
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 24px),1120px)!important;
  min-height:70px!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:4px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  background:rgba(13,18,16,.88)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  overflow:visible!important;
  z-index:1000!important;
}
.bottom-nav a{
  min-width:0!important;
  height:56px!important;
  border:1px solid transparent!important;
  border-radius:15px!important;
  color:var(--nbp-muted)!important;
}
.bottom-nav a svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.bottom-nav a span{font-size:10px!important;line-height:1!important}
.bottom-nav a:hover{color:var(--nbp-text)!important;background:rgba(255,255,255,.035)!important}
.bottom-nav a.active{
  border-color:rgba(212,90,50,.30)!important;
  background:linear-gradient(145deg,rgba(212,90,50,.20),rgba(212,90,50,.08))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* ---------- Drawers, sheets e modais ---------- */
.bell-drawer{
  border-radius:var(--nbp-radius-lg)!important;
  background:rgba(17,23,21,.98)!important;
  color:var(--nbp-text)!important;
}
.sheet-backdrop,.profile-modal-backdrop,.receipt-modal-backdrop,.demo-profile-backdrop{
  background:rgba(3,5,4,.76)!important;
  backdrop-filter:blur(11px)!important;
}
.bottom-sheet,.profile-modal,.receipt-modal,.demo-tour,.demo-profile-modal{
  border:1px solid var(--nbp-line-strong)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#171e1b,#101513)!important;
  color:var(--nbp-text)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.54)!important;
}
.sheet-section,.ingredient-row,.profile-choice{
  border-color:var(--nbp-line)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--nbp-text)!important;
}
.sheet-close{
  border:1px solid var(--nbp-line)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--nbp-text)!important;
}
.profile-choice.active{border-color:rgba(212,90,50,.48)!important;box-shadow:0 0 0 3px rgba(212,90,50,.08)!important}
.toast{
  border:1px solid var(--nbp-line-strong)!important;
  background:#171e1b!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42)!important;
}

/* ---------- Tabelas e elementos densos ---------- */
table{color:var(--nbp-text)!important;border-color:var(--nbp-line)!important}
th{color:var(--nbp-muted)!important;background:rgba(255,255,255,.025)!important}
td{border-color:var(--nbp-line)!important}
.table-wrap,.data-table-wrap{border:1px solid var(--nbp-line)!important;border-radius:var(--nbp-radius-md)!important;background:var(--nbp-surface)!important}
hr{border-color:var(--nbp-line)!important}

/* ---------- Login demonstrativo ---------- */
.auth-locked{background:var(--nbp-bg)!important;color:var(--nbp-text)!important;padding:0!important}
.demo-login-gate{
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 14% 6%,rgba(212,90,50,.18),transparent 30rem),
    linear-gradient(145deg,#090c0b,#121715 62%,#0b0f0d)!important;
  background-size:42px 42px,42px 42px,auto,auto!important;
}
.enterprise-access-shell{
  border:1px solid var(--nbp-line-strong)!important;
  background:#0e1311!important;
  box-shadow:0 44px 130px rgba(0,0,0,.55)!important;
}
.enterprise-access-story{
  background:
    radial-gradient(circle at 88% 8%,rgba(212,90,50,.12),transparent 22rem),
    linear-gradient(152deg,#1b221f,#0b0f0d)!important;
}
.enterprise-value-grid article,.demo-access-steps .access-step{
  border-color:var(--nbp-line)!important;
  background:rgba(255,255,255,.025)!important;
}
.enterprise-access-panel.demo-login-card{
  border-left:1px solid var(--nbp-line)!important;
  background:linear-gradient(180deg,#151b18,#0e1311)!important;
  color:var(--nbp-text)!important;
}
.enterprise-access-panel h2{color:#fff!important}
.enterprise-access-panel>p,.enterprise-panel-topline,.demo-access-steps .access-step small,.login-help{color:var(--nbp-muted)!important}
.enterprise-panel-topline b{background:rgba(255,255,255,.06)!important;color:var(--nbp-text-soft)!important}
.demo-access-steps .access-step.active{border-color:rgba(212,90,50,.34)!important;background:rgba(212,90,50,.08)!important}
.demo-access-steps .access-step>span{background:var(--nbp-ember)!important;color:#fff!important}
.demo-access-steps .access-step strong{color:var(--nbp-text)!important}
.demo-login-actions .primary-btn{background:linear-gradient(135deg,var(--nbp-ember),var(--nbp-ember-2))!important;border-color:var(--nbp-ember)!important}
.demo-login-actions .secondary-btn{background:rgba(255,255,255,.035)!important;color:var(--nbp-text)!important;border-color:var(--nbp-line-strong)!important}
.demo-login-proof span{border-color:var(--nbp-line)!important;background:rgba(255,255,255,.025)!important;color:var(--nbp-muted)!important}

/* ---------- Responsividade estruturada ---------- */
@media (max-width:1080px){
  .hero,header.hero{align-items:flex-start!important;flex-direction:column!important;gap:20px!important}
  .brand-row{width:100%!important;flex:0 1 auto!important}
  .hero-actions{width:100%!important;max-width:none!important;flex:0 0 auto!important;justify-content:flex-start!important}
  .home-executive-grid,.home-smart-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-panel="fichas"] #recipeList{grid-template-columns:1fr!important}
  .enterprise-access-shell{grid-template-columns:1fr!important;max-width:820px!important}
  .enterprise-access-story{min-height:auto!important}
  .enterprise-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .enterprise-access-panel.demo-login-card{border-left:0!important;border-top:1px solid var(--nbp-line)!important}
}

@media (max-width:780px){
  :root{--nbp-nav-height:78px}
  .app-shell{padding-top:max(6px,env(safe-area-inset-top))!important}
  .demo-ribbon{
    margin:0 9px 8px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:4px 9px!important;
    align-items:center!important;
  }
  .demo-ribbon small{grid-column:1/-1!important;font-size:9px!important}
  .demo-ribbon button{grid-row:1!important;grid-column:3!important;padding:7px 9px!important;font-size:9px!important}

  .hero,header.hero{
    margin:0 9px 14px!important;
    padding:17px!important;
    min-height:0!important;
    height:auto!important;
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
    gap:14px!important;
  }
  .hero::after{right:-126px!important;top:-150px!important}
  .brand-row{align-items:flex-start!important;gap:13px!important;min-height:0!important}
  .brand-mark,.nb-mark-small{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:15px!important}
  .nb-mark-small span{font-size:17px!important}
  .hero h1{font-size:29px!important;margin:4px 0 6px!important}
  .hero p{font-size:12px!important;line-height:1.43!important}
  .hero .eyebrow{font-size:8px!important;line-height:1.2!important}

  .hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:7px!important;
  }
  .hero-actions>*{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:7px 9px!important;border-radius:12px!important;font-size:10px!important}
  .profile-chip small{display:none!important}
  .notify-label{display:none!important}

  .content,.app-main,.main-content{
    padding-left:11px!important;
    padding-right:11px!important;
    padding-bottom:calc(var(--nbp-nav-height) + 42px + env(safe-area-inset-bottom))!important;
  }
  .section-title{margin:24px 0 13px!important;align-items:flex-start!important}
  .section-title h2{font-size:2rem!important}

  .quick-status,.quick-status.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .quick-status:not(.four)>:last-child:nth-child(odd){grid-column:1/-1!important}
  .status-card,.smart-stat,.metrics-grid article{min-height:102px!important;padding:15px!important}
  .status-card strong,.smart-stat strong,.metrics-grid article strong{font-size:1.75rem!important}

  .home-executive-grid,.home-smart-stats,.home-premium-grid,.home-product-pulse,.action-grid,
  .phase7-profile-grid,.phase12-grid,.store-status-layout,.more-grid{grid-template-columns:1fr!important}
  .form-row,.form-grid{grid-template-columns:1fr!important}
  .form-grid .span-2,.form-row .span-2{grid-column:auto!important}

  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .item-head{gap:10px!important}
  .item-head>div{min-width:0!important}
  .item-head strong{overflow-wrap:anywhere!important}
  .item-head .pill{flex:0 0 auto!important}

  [data-panel="fichas"] .section-title{padding:16px!important;border-radius:18px!important}
  [data-panel="fichas"] .section-title .mini-btn{min-height:40px!important;padding:8px 10px!important}
  [data-panel="fichas"] .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .bottom-nav{
    width:calc(100% - 18px)!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    min-height:66px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    padding:5px!important;
    border-radius:20px!important;
  }
  .bottom-nav [data-nav="gestao"]{display:none!important}
  .bottom-nav a{height:56px!important;border-radius:14px!important;gap:4px!important}
  .bottom-nav a span{font-size:9px!important;white-space:nowrap!important}
  .bottom-nav a svg{width:18px!important;height:18px!important}

  .bottom-sheet,.profile-modal,.receipt-modal,.demo-tour,.demo-profile-modal{
    width:calc(100% - 14px)!important;
    max-height:calc(100dvh - 18px)!important;
    border-radius:22px!important;
  }
  .bottom-sheet{padding:22px 16px 18px!important}

  .enterprise-access-shell{border-radius:24px!important;min-height:0!important}
  .enterprise-access-story{padding:26px 22px!important}
  .enterprise-story-copy{margin:36px 0!important}
  .enterprise-story-copy h1{font-size:clamp(38px,11vw,56px)!important}
  .enterprise-value-grid{grid-template-columns:1fr!important}
  .enterprise-value-grid article{min-height:0!important}
  .enterprise-access-panel.demo-login-card{padding:28px 22px!important}
}

@media (max-width:480px){
  .demo-ribbon strong{font-size:10px!important}
  .demo-ribbon span{font-size:8px!important}
  .hero-actions{grid-template-columns:1fr 1fr!important}
  .hero-actions .profile-chip{grid-column:1/-1!important}
  .hero-actions .access-btn{grid-column:auto!important}
  .hero-actions .install-btn{grid-column:1/-1!important}
  .hero h1{font-size:27px!important}
  .hero p{max-width:100%!important}
  .profile-chip strong{font-size:11px!important}
  .quick-status,.quick-status.four{grid-template-columns:1fr 1fr!important}
  .meta-grid,[data-panel="fichas"] .meta-grid{grid-template-columns:1fr 1fr!important}
  .meta{padding:9px!important}
  .meta b{font-size:12px!important;overflow-wrap:anywhere!important}
  .more-result-line{display:grid!important;gap:4px!important}
  .more-result-line strong{text-align:left!important}
  .bottom-nav a span{font-size:8px!important;letter-spacing:-.02em!important}
  .bottom-nav a svg{width:17px!important;height:17px!important}
}

@media (max-width:360px){
  .hero-actions{grid-template-columns:1fr!important}
  .hero-actions .profile-chip,.hero-actions .access-btn,.hero-actions .install-btn{grid-column:auto!important}
  .notify-label{display:inline!important}
  .bottom-nav a span{display:none!important}
  .bottom-nav a{height:52px!important}
  .bottom-nav a svg{width:20px!important;height:20px!important}
  .bottom-nav{min-height:62px!important}
}

@media (max-height:600px) and (orientation:landscape){
  .app-shell{padding-top:5px!important}
  .demo-ribbon{display:none!important}
  .hero,header.hero{margin-top:0!important;padding:13px 15px!important;border-radius:18px!important;clip-path:inset(0 round 18px)!important}
  .hero p{display:none!important}
  .brand-mark,.nb-mark-small{width:42px!important;height:42px!important;flex-basis:42px!important}
  .bottom-nav{bottom:5px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* ---------- Neutralização de componentes especiais legados ---------- */
:root{--os-accent:var(--nbp-ember);--os-brand:var(--nbp-ember);--os-brand-dark:var(--nbp-ember-2)}
.refresh-btn,.phase7-favorite{
  border:1px solid rgba(212,90,50,.34)!important;
  background:var(--nbp-ember-soft)!important;
  color:#fff!important;
}
.more-card[data-nav="loja"] .more-icon{
  border:1px solid rgba(212,90,50,.18)!important;
  background:rgba(212,90,50,.10)!important;
  color:var(--nbp-ember)!important;
}
.settings-list button,.phase7-profile-card,.recognized-account,
.production-card,.order-card,.notification-card,.reward-card,.customer-card,
.phase12-principle-grid>div,.phase12-flow>div,.phase12-version-card>div{
  border-color:var(--nbp-line)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--nbp-text)!important;
  box-shadow:none!important;
}
.phase7-profile-card.active{border-color:rgba(212,90,50,.48)!important;box-shadow:0 0 0 3px rgba(212,90,50,.08)!important}

.phase12-about{--p12-paper:var(--nbp-surface);--p12-ink:var(--nbp-text)}
.phase12-tabs{
  background:linear-gradient(var(--nbp-bg) 76%,transparent)!important;
}
.phase12-tabs button{
  border-color:var(--nbp-line)!important;
  background:var(--nbp-surface)!important;
  color:var(--nbp-muted)!important;
}
.phase12-tabs button.active{border-color:var(--nbp-ember)!important;background:var(--nbp-ember)!important;color:#fff!important}
.phase12-hero{
  border:1px solid var(--nbp-line)!important;
  background:radial-gradient(circle at 82% 12%,rgba(212,90,50,.16),transparent 18rem),linear-gradient(145deg,#1b211e,#101513)!important;
  color:var(--nbp-text)!important;
  box-shadow:var(--nbp-shadow-soft)!important;
}
.phase12-mark{border-color:rgba(212,90,50,.28)!important;background:rgba(212,90,50,.10)!important}
.phase12-flow>div span,.phase12-flow>i,.phase12-timeline b{color:var(--nbp-ember)!important}
.phase12-timeline::before{background:rgba(212,90,50,.22)!important}
.phase12-timeline>div::before{background:var(--nbp-surface)!important;border-color:var(--nbp-ember)!important;box-shadow:0 0 0 4px rgba(212,90,50,.08)!important}
.phase12-timeline>div.current::before{background:var(--nbp-ember)!important}
.phase12-letter{
  border:1px solid var(--nbp-line)!important;
  background:radial-gradient(circle at 85% 6%,rgba(212,90,50,.10),transparent 25%),linear-gradient(180deg,#171e1b,#101513)!important;
  color:var(--nbp-text)!important;
  box-shadow:var(--nbp-shadow)!important;
}
.phase12-letter::before{background:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px)!important;background-size:28px 28px!important}
.phase12-letter h3,.phase12-letter-body p:nth-last-child(-n+3),.phase12-letter footer strong{color:var(--nbp-ember)!important}
.phase12-letter-opening,.phase12-letter-body p,.phase12-letter footer span{color:var(--nbp-text-soft)!important}
.phase12-letter header,.phase12-letter footer{border-color:var(--nbp-line)!important}
.phase12-letter footer small{color:var(--nbp-muted)!important}

/* Painéis muito densos mantêm contraste sem voltar ao tema claro. */
.panel .settings-list button,
.panel .table-card,
.panel .audit-row,
.panel .timeline-card,
.panel .summary-card,
.panel .chart-card{
  border-color:var(--nbp-line)!important;
  background:var(--nbp-surface)!important;
  color:var(--nbp-text)!important;
}

/* Correção definitiva do raio superior removido pelo modo demonstrativo legado. */
body.demo-environment .hero,
body.demo-environment header.hero,
.demo-environment .hero{
  border-top-left-radius:var(--nbp-radius-xl)!important;
  border-top-right-radius:var(--nbp-radius-xl)!important;
  border-bottom-right-radius:var(--nbp-radius-xl)!important;
  border-bottom-left-radius:var(--nbp-radius-xl)!important;
}
@media (max-width:780px){
  body.demo-environment .hero,
  body.demo-environment header.hero,
  .demo-environment .hero{
    border-top-left-radius:24px!important;
    border-top-right-radius:24px!important;
    border-bottom-right-radius:24px!important;
    border-bottom-left-radius:24px!important;
  }
}
/* =========================================================
   NA BRASA OS — PREMIUM DARK 1.3.2
   Auditoria global de contraste, ritmo, densidade e mobile.
   ========================================================= */

:root{
  --nbp-bg:#080b0a;
  --nbp-bg-2:#0c100e;
  --nbp-surface:#111714;
  --nbp-surface-2:#171e1a;
  --nbp-surface-3:#1d2521;
  --nbp-panel:#131a17;
  --nbp-line:rgba(241,245,242,.105);
  --nbp-line-strong:rgba(241,245,242,.18);
  --nbp-text:#f7f4ef;
  --nbp-text-soft:#d9ded9;
  --nbp-muted:#a5afa9;
  --nbp-ember:#d85a34;
  --nbp-ember-2:#aa3927;
  --nbp-ember-soft:rgba(216,90,52,.14);
  --nbp-success:#72a98d;
  --nbp-warning:#d47b48;
  --nbp-danger:#db6a60;
  --nbp-radius-xl:30px;
  --nbp-radius-lg:22px;
  --nbp-radius-md:16px;
  --nbp-radius-sm:12px;
}

/* Base tipográfica: elimina cores marrons herdadas e aumenta a leitura. */
body{
  font-size:16px!important;
  line-height:1.5!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.panel,.panel *{min-width:0}
.panel p,.panel li,.panel label,.panel td,.panel th{
  line-height:1.52!important;
}
.panel p,
.form-card p,
.item-card p,
.notification-card p,
.more-group p,
.store-status-preview-card p,
.home-store-control p,
.home-cockpit p{
  color:var(--nbp-muted)!important;
}
.panel small,
.panel .muted,
.panel [class*="hint"],
.panel [class*="description"],
.panel [class*="subtitle"],
.form-card label small,
.checkline span,
.checkbox-row span,
.inline-check span,
.order-payment-summary p,
.kitchen-control-card p{
  color:var(--nbp-muted)!important;
}
.panel label,
.inline-label,
.check-row,
.setting-toggle,
.daily-check-item,
.phase8-check{
  color:var(--nbp-text-soft)!important;
}
.panel strong,.panel b,.panel h2,.panel h3,.panel h4{
  color:var(--nbp-text)!important;
}
.panel time,.panel .more-arrow{color:var(--nbp-muted)!important}

/* Ritmo vertical consistente entre blocos de todas as abas. */
.panel.active{
  padding-bottom:26px!important;
}
.panel > *{
  min-width:0!important;
}
.panel > * + *{
  margin-top:clamp(14px,1.8vw,22px)!important;
}
.panel > .section-title + *{margin-top:0!important}
.panel > .section-title{margin-top:clamp(22px,3vw,38px)!important;margin-bottom:16px!important}
.panel > .search-box + .filter-chips{margin-top:10px!important}
.panel > .filter-chips + .card-list,
.panel > .search-box + .card-list{margin-top:12px!important}
.panel > .card-list + .subheading{margin-top:30px!important}
.card-list,.settings-list,.notification-list,.audit-list,.timeline-list{
  display:grid!important;
  gap:12px!important;
}
.form-card,.wide-card,.premium-card,.item-card,.connection-card,
.home-store-control,.home-cockpit,.executive-card,.more-hero{
  padding:clamp(18px,2.25vw,26px)!important;
}
.form-card{
  display:grid!important;
  gap:16px!important;
}
.form-card > *{margin-top:0!important;margin-bottom:0!important}
.form-grid,.form-row,.meta-grid,.quick-status,.metrics-grid,.action-grid,
.more-grid,.home-executive-grid,.home-smart-stats,.phase1-summary-grid{
  gap:clamp(10px,1.35vw,16px)!important;
}
.order-actions,.receipt-actions,.panel-actions,.button-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:0!important;
}
.order-actions > button,.receipt-actions > button,.panel-actions > button,.button-row > button{
  flex:1 1 190px!important;
  margin:0!important;
}
.table-wrap,.data-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch}

/* Tour de apresentação: contraste real e identidade escura própria. */
.demo-tour-backdrop{
  padding:clamp(10px,2.5vw,28px)!important;
  background:rgba(3,5,4,.84)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
.demo-tour{
  width:min(1120px,100%)!important;
  max-height:min(780px,calc(100dvh - 34px))!important;
  grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr)!important;
  border:1px solid var(--nbp-line-strong)!important;
  border-radius:30px!important;
  overflow:auto!important;
  background:linear-gradient(145deg,#141b18,#0c110f)!important;
  color:var(--nbp-text)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.68)!important;
}
.demo-tour-close{
  top:18px!important;
  right:18px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid var(--nbp-line-strong)!important;
  background:rgba(10,14,12,.86)!important;
  color:var(--nbp-text)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
}
.demo-tour-close:hover{border-color:rgba(216,90,52,.5)!important;background:var(--nbp-ember-soft)!important}
.demo-tour-visual{
  min-height:600px!important;
  padding:clamp(28px,4vw,48px)!important;
  border-radius:29px 0 0 29px!important;
  background:
    radial-gradient(circle at 76% 12%,rgba(216,90,52,.22),transparent 21rem),
    radial-gradient(circle at 10% 100%,rgba(114,169,141,.10),transparent 22rem),
    linear-gradient(145deg,#1a211e,#111714 58%,#0b0f0d)!important;
  color:var(--nbp-text)!important;
}
.demo-tour-visual::before{background:rgba(216,90,52,.11)!important}
.demo-tour-visual::after{background:rgba(255,255,255,.035)!important}
.demo-tour-grid{
  opacity:.32!important;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
}
.demo-tour-visual>span{
  color:#fff!important;
  font-size:clamp(72px,9vw,116px)!important;
  font-weight:300!important;
  letter-spacing:-.075em!important;
  text-shadow:0 20px 48px rgba(0,0,0,.38)!important;
}
.demo-tour-brand{color:var(--nbp-text)!important}
.demo-tour-brand small{color:var(--nbp-muted)!important;opacity:1!important}
.demo-tour-architecture i{
  border:1px solid var(--nbp-line-strong)!important;
  background:rgba(255,255,255,.035)!important;
}
.demo-tour-architecture i:nth-child(2){background:rgba(216,90,52,.12)!important;border-color:rgba(216,90,52,.28)!important}
.demo-tour-copy{
  padding:clamp(38px,5.4vw,70px)!important;
  background:linear-gradient(180deg,rgba(23,30,26,.96),rgba(12,17,15,.99))!important;
}
.demo-tour-kicker{color:var(--nbp-ember)!important;margin-bottom:16px!important}
.demo-tour-copy h2{
  color:var(--nbp-text)!important;
  font-size:clamp(32px,4vw,50px)!important;
  line-height:1.04!important;
  margin:0 0 20px!important;
  text-wrap:balance;
}
.demo-tour-copy>p{
  color:var(--nbp-muted)!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.demo-tour-bullets{gap:8px!important;margin:24px 0 26px!important}
.demo-tour-bullets span{
  border:1px solid var(--nbp-line)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--nbp-text-soft)!important;
  box-shadow:none!important;
}
.demo-tour-dots button{background:rgba(217,222,217,.42)!important}
.demo-tour-dots button.active{background:var(--nbp-ember)!important}
.demo-tour-skip{color:var(--nbp-muted)!important}
.demo-tour-skip:hover{color:var(--nbp-text)!important}

/* Home: agenda operacional sem cartões claros ou amarelados. */
.decision-list,.decision-timeline{display:grid!important;gap:10px!important}
.decision-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:14px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--nbp-surface-2)!important;
  color:var(--nbp-text)!important;
  box-shadow:none!important;
}
.decision-item.risk{background:linear-gradient(145deg,rgba(219,106,96,.12),rgba(255,255,255,.012)),var(--nbp-surface-2)!important;border-color:rgba(219,106,96,.25)!important}
.decision-item.attention{background:linear-gradient(145deg,rgba(212,123,72,.11),rgba(255,255,255,.012)),var(--nbp-surface-2)!important;border-color:rgba(212,123,72,.23)!important}
.decision-item.info{background:linear-gradient(145deg,rgba(216,90,52,.075),rgba(255,255,255,.012)),var(--nbp-surface-2)!important}
.decision-item strong{display:block!important;color:var(--nbp-text)!important;font-size:16px!important;line-height:1.25!important;margin:2px 0 4px!important}
.decision-item p{color:var(--nbp-muted)!important;font-size:13px!important;margin:0!important}
.decision-index{
  width:42px!important;height:42px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  box-shadow:0 8px 20px rgba(170,57,39,.18)!important;
}
.home-store-control [id$="Hint"],
.home-cockpit [id$="Hint"],
#homeStoreStatusMessage,#homeStoreStatusSource{
  color:var(--nbp-muted)!important;
}
#homeStoreStatusBadge{color:#07110c!important;font-weight:850!important}

/* Pedidos: estados pendentes escuros, claros e sem alerta automático no demo. */
.order-payment-note{
  padding:12px 14px!important;
  border:1px solid rgba(212,123,72,.25)!important;
  border-radius:13px!important;
  background:rgba(212,123,72,.09)!important;
  color:var(--nbp-text-soft)!important;
}
.order-payment-waiting{
  border:1px solid rgba(212,123,72,.28)!important;
  background:rgba(212,123,72,.11)!important;
  color:#efb18e!important;
}
.kitchen-control-card{
  background:
    radial-gradient(circle at 92% 4%,rgba(216,90,52,.10),transparent 19rem),
    linear-gradient(180deg,var(--nbp-surface-2),var(--nbp-surface))!important;
}
.kitchen-control-card .meta{min-height:66px!important}
.kitchen-control-card .order-actions .primary-btn{flex-basis:100%!important}

/* Fechamento diário. */
.daily-progress{
  border:1px solid rgba(216,90,52,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(216,90,52,.12),rgba(255,255,255,.018)),var(--nbp-surface-2)!important;
  color:var(--nbp-text)!important;
}
.daily-progress strong{color:var(--nbp-text)!important}
.daily-progress span{color:var(--nbp-muted)!important}
.daily-check-list{display:grid!important;gap:9px!important}
.daily-check-item,.check-row,.phase8-check,.setting-toggle{
  min-height:48px!important;
  padding:12px 14px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.027)!important;
  color:var(--nbp-text-soft)!important;
  box-shadow:none!important;
}
.daily-check-item:hover,.check-row:hover,.phase8-check:hover,.setting-toggle:hover{
  border-color:rgba(216,90,52,.32)!important;
  background:rgba(216,90,52,.055)!important;
}
.daily-check-item:has(input:checked),.check-row:has(input:checked),.setting-toggle:has(input:checked){
  border-color:rgba(114,169,141,.30)!important;
  background:rgba(114,169,141,.075)!important;
}
.daily-check-item input,.check-row input,.setting-toggle input,.phase8-check input{
  accent-color:var(--nbp-ember)!important;
}

/* Financeiro e conciliação. */
.statement-list{display:grid!important;gap:9px!important}
.statement-row{
  padding:13px 15px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.027)!important;
  color:var(--nbp-text-soft)!important;
}
.statement-row span{color:var(--nbp-text-soft)!important}
.statement-row strong{color:var(--nbp-text)!important}
.statement-row.positive strong{color:#9bcbb3!important}
.statement-row.negative strong{color:#ef9c95!important}
.statement-row.total{
  border-color:rgba(216,90,52,.30)!important;
  background:var(--nbp-ember-soft)!important;
}

/* Notificações: ícones monocromáticos e configurações legíveis. */
.setting-toggle{display:flex!important;align-items:center!important;gap:11px!important}
.notification-head{gap:12px!important;align-items:center!important}
.notification-icon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(216,90,52,.24)!important;
  border-radius:12px!important;
  background:rgba(216,90,52,.10)!important;
  color:#ef8d69!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
}
.notification-card p{color:var(--nbp-muted)!important}

/* Blocos de métricas das fases operacionais. */
.metrics-grid>article,
.phase1-summary-grid>article,
.phase8-summary-grid>article,
.phase9-summary-grid>article,
.phase10-summary-grid>article,
.phase11-summary-grid>article,
[class*="summary-grid"]>article{
  position:relative!important;
  min-height:108px!important;
  padding:17px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--nbp-surface-2)!important;
  color:var(--nbp-text)!important;
  box-shadow:none!important;
}
.metrics-grid>article::before,
.phase1-summary-grid>article::before,
[class*="summary-grid"]>article::before{
  content:""!important;
  position:absolute!important;
  left:17px!important;top:0!important;
  width:38px!important;height:2px!important;
  background:var(--nbp-ember)!important;
  border-radius:0 0 3px 3px!important;
}
.metrics-grid>article span,
[class*="summary-grid"]>article span,
.metrics-grid>article small,
[class*="summary-grid"]>article small{
  color:var(--nbp-muted)!important;
}
.metrics-grid>article strong,
[class*="summary-grid"]>article strong{
  color:var(--nbp-text)!important;
}
.phase8-check{
  width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;
  display:grid!important;place-items:center!important;
}

/* Loja pública: opções de estado integralmente escuras. */
.store-status-facts>div,
.store-status-fact,
#storeStatusControlType,#storeStatusSchedule,#storeStatusUpdated,
#phase11CloseStatus{
  border:1px solid var(--nbp-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--nbp-text-soft)!important;
}
.store-mode-grid{gap:10px!important}
.store-mode-option{
  min-height:84px!important;
  padding:14px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.027)!important;
  color:var(--nbp-text)!important;
  box-shadow:none!important;
}
.store-mode-option:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(216,90,52,.35)!important;
  background:rgba(216,90,52,.06)!important;
}
.store-mode-option.selected{
  border-color:rgba(216,90,52,.48)!important;
  background:linear-gradient(145deg,rgba(216,90,52,.18),rgba(216,90,52,.06))!important;
  box-shadow:0 0 0 3px rgba(216,90,52,.07)!important;
}
.store-mode-option strong{color:var(--nbp-text)!important}
.store-mode-option small{color:var(--nbp-muted)!important}
#storePreviewPill{
  border:1px solid rgba(114,169,141,.28)!important;
  background:rgba(114,169,141,.12)!important;
  color:#a4d2ba!important;
}
#storePreviewMessage,#storeStatusCurrentMessage{color:var(--nbp-muted)!important}

/* Central Mais: substitui os grandes blocos claros herdados. */
.more-groups{display:grid!important;gap:16px!important}
.more-group{
  padding:clamp(20px,2.5vw,30px)!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.028),transparent 52%),
    linear-gradient(180deg,var(--nbp-surface-2),var(--nbp-surface))!important;
  color:var(--nbp-text)!important;
  box-shadow:var(--nbp-shadow-soft)!important;
}
.more-group>header{
  padding:0 0 16px!important;
  margin:0 0 16px!important;
  border-bottom:1px solid var(--nbp-line)!important;
}
.more-group h3{color:var(--nbp-text)!important;font-size:clamp(22px,2.5vw,31px)!important;letter-spacing:-.045em!important}
.more-group p{color:var(--nbp-muted)!important}
.more-group-kicker{color:var(--nbp-ember)!important}
.more-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.more-card{
  min-height:116px!important;
  padding:15px!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.026)!important;
  color:var(--nbp-text)!important;
}
.more-card:hover{background:rgba(216,90,52,.065)!important}
.more-card-copy strong{color:var(--nbp-text)!important;line-height:1.22!important}
.more-card-copy small{color:var(--nbp-muted)!important;line-height:1.45!important}
.more-arrow{color:var(--nbp-muted)!important}

/* Estados e elementos utilitários que ainda carregavam o tema claro. */
.inline-label{color:var(--nbp-text-soft)!important}
.safe-warning,.empty-state,.order-payment-note{font-size:13px!important;line-height:1.55!important}
#phase11DifferenceHint{color:var(--nbp-muted)!important}
.p5-kicker{color:var(--nbp-ember)!important}
button.active{color:var(--nbp-text)!important}

/* Responsividade e densidade. */
@media (max-width:1024px){
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .demo-tour{grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr)!important}
  .demo-tour-copy{padding:38px!important}
}

@media (max-width:780px){
  body{font-size:15px!important}
  .panel > * + *{margin-top:13px!important}
  .panel > .section-title{margin-top:22px!important;margin-bottom:12px!important}
  .form-card,.wide-card,.premium-card,.item-card,.connection-card,.more-group,.home-cockpit,.more-hero{
    padding:16px!important;
    border-radius:18px!important;
  }
  .form-card{gap:14px!important}
  .more-grid{grid-template-columns:1fr!important;gap:9px!important}
  .more-card{min-height:92px!important;padding:13px!important}
  .more-group>header{padding-bottom:13px!important;margin-bottom:13px!important}
  .more-group h3{font-size:23px!important}
  .decision-item{grid-template-columns:38px minmax(0,1fr)!important;padding:12px!important;gap:11px!important}
  .decision-index{width:38px!important;height:38px!important;border-radius:12px!important}
  .order-actions>button,.receipt-actions>button,.panel-actions>button,.button-row>button{flex-basis:calc(50% - 5px)!important}
  .kitchen-control-card .order-actions .primary-btn{flex-basis:100%!important}
  .demo-tour{
    grid-template-columns:1fr!important;
    width:min(680px,100%)!important;
    max-height:calc(100dvh - 18px)!important;
    border-radius:24px!important;
  }
  .demo-tour-visual{
    min-height:180px!important;
    padding:24px!important;
    border-radius:23px 23px 0 0!important;
    flex-direction:row!important;
    align-items:flex-end!important;
    gap:16px!important;
  }
  .demo-tour-visual>span{font-size:68px!important}
  .demo-tour-brand{font-size:19px!important}
  .demo-tour-architecture{display:none!important}
  .demo-tour-copy{padding:28px 22px 24px!important}
  .demo-tour-copy h2{font-size:30px!important;margin-bottom:14px!important}
  .demo-tour-copy>p{font-size:14px!important;line-height:1.58!important}
  .demo-tour-bullets{margin:18px 0!important}
  .demo-tour-actions{grid-template-columns:1fr 1.35fr!important}
  .metrics-grid>article,[class*="summary-grid"]>article{min-height:94px!important;padding:14px!important}
}

@media (max-width:520px){
  .content,.app-main,.main-content{padding-left:10px!important;padding-right:10px!important}
  .section-title h2{font-size:1.86rem!important}
  .panel > .section-title{align-items:center!important}
  .section-title .mini-btn{flex:0 0 auto!important}
  .quick-status,.quick-status.four,.metrics-grid,[class*="summary-grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .quick-status>*:last-child:nth-child(odd),.metrics-grid>*:last-child:nth-child(odd),[class*="summary-grid"]>*:last-child:nth-child(odd){grid-column:1/-1!important}
  .order-actions>button,.receipt-actions>button,.panel-actions>button,.button-row>button{flex-basis:100%!important}
  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .meta{padding:11px!important;min-height:62px!important}
  .meta span{font-size:9px!important;line-height:1.35!important}
  .meta b{font-size:13px!important}
  .demo-tour-backdrop{padding:6px!important;align-items:flex-end!important}
  .demo-tour{max-height:calc(100dvh - 12px)!important;border-radius:22px!important}
  .demo-tour-visual{min-height:130px!important;padding:20px!important;border-radius:21px 21px 0 0!important}
  .demo-tour-visual>span{font-size:55px!important}
  .demo-tour-copy{padding:24px 18px 20px!important}
  .demo-tour-copy h2{font-size:27px!important}
  .demo-tour-bullets span{font-size:10px!important;padding:7px 9px!important}
  .demo-tour-actions{grid-template-columns:1fr!important}
  .demo-tour-skip{margin-top:12px!important}
  .more-card{grid-template-columns:42px minmax(0,1fr) 18px!important}
  .more-icon{width:42px!important;height:42px!important}
}

@media (max-width:380px){
  .quick-status,.quick-status.four,.metrics-grid,[class*="summary-grid"]{grid-template-columns:1fr!important}
  .quick-status>*:last-child:nth-child(odd),.metrics-grid>*:last-child:nth-child(odd),[class*="summary-grid"]>*:last-child:nth-child(odd){grid-column:auto!important}
  .meta-grid{grid-template-columns:1fr!important}
}


/* 1.3.2 — acabamento de contraste para rótulos e cabeçalhos específicos. */
.more-group>header h3,
.final-more-panel .more-group>header h3{
  color:var(--nbp-text)!important;
}
.panel form label>span,
.panel .daily-check-item>span,
.panel .check-row>span,
.panel .setting-toggle>span,
.panel [class*="-field"]>span:first-child,
.panel [class*="-label"]:not(.pill):not(.label){
  color:var(--nbp-text-soft)!important;
}
.phase8-form-grid label>span,
.phase9-form-grid label>span,
.phase10-form-grid label>span,
.phase11-form-grid label>span{
  color:var(--nbp-text-soft)!important;
}
.phase12-tabs button.active{
  color:#160c08!important;
}
.panel .check-line>span{color:var(--nbp-text-soft)!important}

/* Central da cozinha: alerta de alto contraste dentro da identidade escura. */
.kitchen-order-overlay{
  background:rgba(5,3,2,.88)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
}
.kitchen-order-modal{
  width:min(640px,100%)!important;
  border:1px solid rgba(216,90,52,.42)!important;
  border-radius:30px!important;
  padding:28px!important;
  color:var(--nbp-text)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(216,90,52,.24),transparent 18rem),
    linear-gradient(160deg,#1b211e 0%,#101513 58%,#0c100e 100%)!important;
  box-shadow:0 38px 120px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.kitchen-order-eyebrow{color:#ef805b!important}
.kitchen-order-heading h2{color:var(--nbp-text)!important}
.kitchen-order-heading p{color:var(--nbp-text-soft)!important}
.kitchen-order-timer{
  border:1px solid var(--nbp-line-strong)!important;
  background:rgba(0,0,0,.32)!important;
  color:var(--nbp-text)!important;
}
.kitchen-order-meta>div,
.kitchen-order-items article{
  border:1px solid var(--nbp-line)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--nbp-text)!important;
}
.kitchen-order-meta span{color:var(--nbp-muted)!important}
.kitchen-order-meta strong,.kitchen-order-items strong,.kitchen-order-items span{color:var(--nbp-text)!important}
.kitchen-order-note{
  border:1px solid rgba(216,90,52,.26)!important;
  background:rgba(216,90,52,.10)!important;
  color:#efb29b!important;
}
.kitchen-sound-warning{
  border:1px solid rgba(219,106,96,.28)!important;
  background:rgba(219,106,96,.11)!important;
  color:#f0aaa4!important;
}
.kitchen-accept-btn{
  border:1px solid var(--nbp-ember)!important;
  background:linear-gradient(135deg,var(--nbp-ember),var(--nbp-ember-2))!important;
  color:#fff!important;
  box-shadow:0 13px 30px rgba(170,57,39,.24)!important;
}
.kitchen-test-close-btn{
  border:1px solid rgba(216,90,52,.48)!important;
  background:rgba(216,90,52,.07)!important;
  color:#f08a67!important;
}
@media(max-width:560px){
  .kitchen-order-modal{padding:20px!important;border-radius:24px!important}
  .kitchen-order-heading h2{font-size:32px!important}
  .kitchen-order-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .kitchen-order-meta>div{padding:11px!important;border-radius:14px!important}
  .kitchen-order-meta strong{font-size:12px!important;overflow-wrap:anywhere!important}
  .kitchen-order-items article{padding:12px!important;border-radius:14px!important}
}
@media(max-width:390px){
  .kitchen-order-meta{grid-template-columns:1fr!important}
}
.store-mode-option[data-tone="busy"] .store-mode-dot,
.store-mode-option[data-tone="soon"] .store-mode-dot{
  background:var(--nbp-warning)!important;
  box-shadow:0 0 0 5px rgba(212,123,72,.11)!important;
}

/* ================================================================
   v1.3.2 — acabamento de pedidos, estoque e comanda térmica
   ================================================================ */

/* Ações de pedidos: hierarquia estável sem botões “empilhados” no desktop. */
.order-card .order-actions{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  margin-top:16px!important;
}
.order-card .order-actions--3{
  grid-template-columns:minmax(180px,1.05fr) minmax(112px,.42fr) minmax(250px,1.25fr)!important;
}
.order-card .order-actions--2{
  grid-template-columns:minmax(180px,1fr) minmax(230px,1.25fr)!important;
}
.order-card .order-actions--1{grid-template-columns:1fr!important}
.order-card .order-actions>*{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.2!important;
}
.order-card .order-actions .primary-btn{
  box-shadow:0 12px 28px rgba(197,64,34,.18)!important;
}

/* Estoque: ação compacta, separada dos indicadores e alinhada à direita. */
.stock-card{
  display:grid!important;
  gap:14px!important;
}
.stock-card>.item-head,
.stock-card>.meta-grid,
.stock-card>.stock-card-actions{margin:0!important}
.stock-card-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding-top:2px!important;
}
.stock-card-actions .secondary-btn{
  width:auto!important;
  min-width:172px!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 18px!important;
  border-radius:14px!important;
}

/* Modal da comanda: o preview pode rolar e preserva o rodapé completo. */
.receipt-preview-wrap{
  max-height:min(68dvh,820px)!important;
  overflow:auto!important;
  align-items:start!important;
  scrollbar-gutter:stable!important;
}
#receiptCanvas{
  flex:0 0 auto!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 auto!important;
}

@media (max-width:760px){
  .order-card .order-actions--3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .order-card .order-actions--3 .primary-btn{
    grid-column:1/-1!important;
  }
  .order-card .order-actions--2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .stock-card-actions .secondary-btn{min-width:150px!important}
}

@media (max-width:430px){
  .order-card .order-actions--2,
  .order-card .order-actions--3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .order-card .order-actions--3 .primary-btn,
  .order-card .order-actions--2 .primary-btn{
    grid-column:1/-1!important;
  }
  .order-card .order-actions>*{
    min-height:48px!important;
    padding:11px 10px!important;
    font-size:13px!important;
  }
  .stock-card-actions{justify-content:stretch!important}
  .stock-card-actions .secondary-btn{width:100%!important;min-width:0!important}
  .receipt-preview-wrap{max-height:62dvh!important;padding:8px!important}
}

@media (max-width:350px){
  .order-card .order-actions--2,
  .order-card .order-actions--3{grid-template-columns:1fr!important}
  .order-card .order-actions--3 .primary-btn,
  .order-card .order-actions--2 .primary-btn{grid-column:auto!important}
}

/* ======================================================================
   NA BRASA OS — PREMIUM DARK 1.3.2
   Correção estrutural de densidade, ações móveis e navegação inferior.
   ====================================================================== */

/* Ritmo vertical consistente: os blocos deixam de parecer colados. */
.panel{
  padding-bottom:clamp(28px,4vw,48px)!important;
}
.panel > .card-list,
.panel > .settings-list,
.panel > .notification-list,
.panel > .audit-list,
.panel > .timeline-list{
  margin-top:16px!important;
}
.card-list,
.settings-list,
.notification-list,
.audit-list,
.timeline-list{
  gap:clamp(16px,2vw,22px)!important;
}
.panel > :is(.wide-card,.form-card,.premium-card,.connection-card,.home-cockpit,.executive-card,.more-hero,.table-wrap,.data-table-wrap) +
:is(.wide-card,.form-card,.premium-card,.connection-card,.home-cockpit,.executive-card,.more-hero,.table-wrap,.data-table-wrap){
  margin-top:clamp(18px,2.4vw,28px)!important;
}
.item-card,
.wide-card,
.form-card,
.premium-card,
.connection-card{
  scroll-margin-bottom:calc(var(--nbp-nav-height,78px) + 28px)!important;
}
.item-card{
  padding:clamp(17px,2vw,22px)!important;
}
.item-card > * + *{
  margin-top:13px!important;
}
.item-card > .item-head + .meta-grid,
.item-card > .item-head + p,
.item-card > p + .meta-grid{
  margin-top:14px!important;
}

/* Estoque: edição no cabeçalho, sem uma barra de botão ocupando outra linha. */
.stock-card{
  display:grid!important;
  gap:15px!important;
}
.stock-card > *{
  margin:0!important;
}
.stock-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
}
.stock-card-copy{
  min-width:0!important;
}
.stock-card-copy strong{
  display:block!important;
  color:var(--nbp-text)!important;
  line-height:1.2!important;
}
.stock-card-copy .muted{
  margin-top:4px!important;
  line-height:1.4!important;
}
.stock-card-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
}
.stock-edit-btn{
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 12px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid var(--nbp-line-strong)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--nbp-text-soft)!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.stock-edit-btn:hover,
.stock-edit-btn:focus-visible{
  border-color:rgba(216,90,52,.48)!important;
  background:rgba(216,90,52,.10)!important;
  color:#fff!important;
}
.stock-edit-btn svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  flex:0 0 16px!important;
}
.stock-meta-grid{
  margin:0!important;
}
.stock-card-actions{
  display:none!important;
}

/* Pedidos: ações permanecem na mesma linha no celular. */
.action-label-short{
  display:none!important;
}
.order-card .order-actions{
  display:grid!important;
  align-items:stretch!important;
  gap:9px!important;
  margin-top:16px!important;
}
.order-card .order-actions--3{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr) minmax(0,1.25fr)!important;
}
.order-card .order-actions--2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.order-card .order-actions--1{
  grid-template-columns:1fr!important;
}
.order-card .order-actions > *{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-column:auto!important;
  text-align:center!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
.order-card .order-payment-waiting{
  border:1px solid rgba(219,106,96,.28)!important;
  border-radius:14px!important;
  background:rgba(219,106,96,.09)!important;
  color:#f0aaa4!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Navegação: seis áreas no desktop e exatamente cinco colunas no mobile. */
.bottom-nav{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.bottom-nav a{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:22px auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:4px!important;
  padding:4px 3px!important;
  text-align:center!important;
}
.bottom-nav a span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:780px){
  .content,.app-main,.main-content{
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }
  .card-list,
  .settings-list,
  .notification-list,
  .audit-list,
  .timeline-list{
    gap:18px!important;
  }
  .panel > :is(.wide-card,.form-card,.premium-card,.connection-card,.home-cockpit,.executive-card,.more-hero,.table-wrap,.data-table-wrap) +
  :is(.wide-card,.form-card,.premium-card,.connection-card,.home-cockpit,.executive-card,.more-hero,.table-wrap,.data-table-wrap){
    margin-top:20px!important;
  }
  .item-card{
    padding:16px!important;
    border-radius:20px!important;
  }
  .bottom-nav{
    left:9px!important;
    right:9px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px!important;
    padding:6px!important;
  }
  .bottom-nav [data-nav="gestao"]{
    display:none!important;
  }
  .bottom-nav a{
    height:56px!important;
  }
}

@media (max-width:560px){
  .stock-card{
    gap:13px!important;
  }
  .stock-card-head{
    gap:10px!important;
  }
  .stock-card-tools{
    align-items:flex-start!important;
    gap:7px!important;
  }
  .stock-edit-btn{
    width:38px!important;
    min-width:38px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .stock-edit-btn span{
    display:none!important;
  }
  .stock-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .stock-meta-grid .meta{
    min-height:64px!important;
    padding:11px!important;
  }

  .order-card .order-actions--3{
    grid-template-columns:minmax(0,.92fr) minmax(0,.88fr) minmax(0,1fr)!important;
  }
  .order-card .order-actions--2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-card .order-actions > *{
    min-height:46px!important;
    padding:9px 7px!important;
    border-radius:13px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .order-card .action-label-full{
    display:none!important;
  }
  .order-card .action-label-short{
    display:inline!important;
  }
  .order-card .order-whatsapp-btn{
    font-size:10.5px!important;
  }
}

@media (max-width:380px){
  .bottom-nav{
    left:7px!important;
    right:7px!important;
    padding:5px!important;
  }
  .bottom-nav a{
    height:54px!important;
    grid-template-rows:20px auto!important;
  }
  .bottom-nav a span{
    display:block!important;
    font-size:7.5px!important;
    letter-spacing:-.02em!important;
  }
  .bottom-nav a svg{
    width:17px!important;
    height:17px!important;
  }
  .order-card .order-actions{
    gap:6px!important;
  }
  .order-card .order-actions > *{
    min-height:44px!important;
    padding:8px 4px!important;
    font-size:10px!important;
  }
}

/* Neutraliza a regra legada que lançava a ação principal para uma segunda linha. */
@media (max-width:780px){
  .order-card .order-actions--3 .primary-btn,
  .order-card .order-actions--2 .primary-btn{
    grid-column:auto!important;
  }
}


/* ======================================================================
   NA BRASA OS 1.6.0 — correção estrutural definitiva
   O bloco abaixo é carregado por último e neutraliza regras legadas.
   ====================================================================== */
:root{
  --nb-nav-gap:10px;
  --nb-nav-height:72px;
  --nb-card-gap:26px;
}
html,body{max-width:100%;overflow-x:hidden!important}
body .content,
body .app-main,
body .main-content{
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
}
body .panel{padding-bottom:44px!important}
body .card-list,
body .settings-list,
body .notification-list,
body .audit-list,
body .timeline-list{
  display:grid!important;
  gap:var(--nb-card-gap)!important;
  margin-top:20px!important;
}
body .card-list > *,
body .settings-list > *,
body .notification-list > *,
body .audit-list > *,
body .timeline-list > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
body .item-card,
body .wide-card,
body .form-card,
body .premium-card,
body .connection-card{
  position:relative!important;
  isolation:isolate!important;
}
body .item-card{padding:22px!important}
body .item-card > * + *{margin-top:15px!important}
body .meta-grid{gap:12px!important}
body .meta{min-width:0!important}

/* Estoque: nenhuma barra de edição abaixo do card. */
body .stock-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:17px!important;
  padding:22px!important;
}
body .stock-card > *{margin:0!important}
body .stock-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
}
body .stock-card-copy{min-width:0!important}
body .stock-card-tools{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
body .stock-card-actions,
body .stock-card > .secondary-btn[data-edit-ingredient],
body .stock-card > button[data-edit-ingredient]{display:none!important}
body .stock-edit-btn{
  width:auto!important;
  min-width:42px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  flex:0 0 auto!important;
  border-radius:12px!important;
}
body .stock-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}

/* Pedidos: ações horizontais e compactas, inclusive no celular. */
body .order-card{padding:22px!important}
body .order-card .order-actions{
  display:grid!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:18px 0 0!important;
}
body .order-card .order-actions--3{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr) minmax(0,1.28fr)!important;
}
body .order-card .order-actions--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .order-card .order-actions--1{grid-template-columns:minmax(0,1fr)!important}
body .order-card .order-actions > *{
  grid-column:auto!important;
  flex:initial!important;
  flex-basis:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  white-space:normal!important;
}
body .order-card .action-label-short{display:none!important}
body .order-card .action-label-full{display:inline!important}

/* Navegação: cinco colunas reais, sempre centralizadas no viewport. */
body .bottom-nav{
  position:fixed!important;
  z-index:1000!important;
  left:50%!important;
  right:auto!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(900px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:5px!important;
  padding:7px!important;
  margin:0!important;
  border:1px solid var(--nbp-line)!important;
  border-radius:22px!important;
}
body .bottom-nav a{
  min-width:0!important;
  width:100%!important;
  height:58px!important;
  margin:0!important;
  padding:5px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
}
body .bottom-nav a span{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* Comanda: preview e arquivo exportado preservam QR, domínio e rodapé. */
body .receipt-preview-wrap{
  max-height:min(72dvh,900px)!important;
  overflow:auto!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:12px!important;
  scrollbar-gutter:stable!important;
}
body #receiptCanvas{
  display:block!important;
  width:min(100%,384px)!important;
  max-width:384px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  flex:none!important;
}

@media (max-width:760px){
  :root{--nb-card-gap:22px}
  body .content,body .app-main,body .main-content{
    padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
  }
  body .item-card,body .stock-card,body .order-card{padding:18px!important}
  body .stock-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .stock-edit-btn{
    width:40px!important;
    min-width:40px!important;
    padding:0!important;
  }
  body .stock-edit-btn span{display:none!important}
  body .order-card .action-label-full{display:none!important}
  body .order-card .action-label-short{display:inline!important}
  body .order-card .order-actions--3{
    grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr)!important;
  }
  body .order-card .order-actions > *{
    min-height:46px!important;
    padding:8px 6px!important;
    border-radius:13px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:390px){
  :root{--nb-card-gap:20px}
  body .bottom-nav{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    padding:6px!important;
    gap:3px!important;
  }
  body .bottom-nav a{height:55px!important}
  body .bottom-nav a span{font-size:8px!important}
  body .bottom-nav a svg{width:18px!important;height:18px!important}
  body .order-card .order-actions{gap:6px!important}
  body .order-card .order-actions > *{padding:7px 3px!important;font-size:10px!important}
}


/* =========================================================
   Na Brasa OS 1.6.0 — integridade funcional e detalhes
========================================================= */
[data-panel="fichas"] #recipeList{
  min-height:180px;
  align-content:start;
}
.recipe-loading-card,
.recipe-error-state{
  grid-column:1 / -1;
}
.recipe-error-state span{
  display:block;
  margin:8px 0 14px;
  color:var(--nbp-muted)!important;
}
.recipe-error-state .secondary-btn{
  width:auto!important;
  min-width:160px;
}
.order-detail-sheet-title{
  padding-right:42px;
}
.order-detail-sheet-content{
  display:grid;
  gap:14px;
}
.order-detail-sheet-content .order-detail-card{
  margin:0!important;
  border-radius:18px!important;
}
.order-detail-sheet-content .order-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.order-detail-sheet-content .order-actions > *{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#sheetBackdrop:not([hidden]) .bottom-sheet{
  max-height:min(88vh,900px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
@media (max-width:560px){
  .order-detail-sheet-content .meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-detail-sheet-content .order-actions{
    grid-template-columns:1fr!important;
  }
}