/* Owdex Business v1.1.0 · ND206/R84
 * Identidade oficial, acabamento corporativo e nova experiência pública.
 */
:root{
  --owdex-blue:#0b45f5;
  --owdex-indigo:#3515d8;
  --owdex-ink:#12213c;
  --owdex-muted:#66758d;
  --owdex-line:#dfe6f0;
  --owdex-surface:#fff;
  --owdex-soft:#f5f8fd;
  --owdex-radius:18px;
  --owdex-shadow:0 18px 46px rgba(25,43,78,.08);
}

body.nf-redesign{
  background:radial-gradient(circle at 86% -10%,rgba(11,69,245,.07),transparent 30%),#f5f8fc;
  color:var(--owdex-ink);
}

body.nf-redesign :where(.card,.surface-card,.isf-card,.metric-card){
  border-color:var(--owdex-line);
  box-shadow:0 8px 26px rgba(26,45,80,.055);
}

body.nf-redesign :where(.card,.surface-card,.isf-card){border-radius:var(--owdex-radius)}

body.nf-redesign .sidebar{
  border-right:1px solid rgba(222,231,243,.9);
  background:linear-gradient(180deg,#111b2d 0%,#101827 62%,#0e1624 100%);
  box-shadow:14px 0 42px rgba(7,18,38,.12);
}

body.nf-redesign .sidebar-head{min-height:76px;padding:12px 14px}

body.nf-redesign .sidebar-logo{
  min-width:0;
  gap:11px;
  padding:5px;
  border-radius:14px;
}

body.nf-redesign .sidebar-logo-badge{
  width:48px;
  height:48px;
  flex:0 0 48px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:transparent;
  box-shadow:0 10px 24px rgba(6,26,90,.3);
}

body.nf-redesign .sidebar-logo-icon{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:13px;
}

/* FIX20 R5 — título Business preserva Montserrat, mas fixa o eixo/peso e recebe preload nos layouts.
   Evita o efeito observado de carregar mais grosso e afinar quando a webfont termina de chegar. */
body.nf-redesign .sidebar-product-name--owdex-business{
  display:block;
  color:#fff;
  font-family:Montserrat,system-ui,sans-serif!important;
  font-size:20px;
  font-weight:600!important;
  font-variation-settings:"wght" 600!important;
  font-synthesis:none!important;
  letter-spacing:-.025em;
  line-height:1;
}

body.nf-redesign .sidebar-product-name--owdex-business .sidebar-brand-business{
  font-family:Montserrat,system-ui,sans-serif!important;
  font-weight:600!important;
  font-variation-settings:"wght" 600!important;
  font-synthesis:none!important;
  color:#4c7dff;
  background:linear-gradient(100deg,#70a2ff 0%,#8b72ff 90%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

body.nf-redesign .sidebar-toggle{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.06)!important;
}

body.nf-redesign .sidebar-nav a,
body.nf-redesign .sidebar-nav summary{
  min-height:43px;
  margin:2px 8px;
  border-radius:11px;
  color:#bac5d6;
}

body.nf-redesign .sidebar-nav :is(a,summary):hover{background:rgba(255,255,255,.07);color:#fff}

body.nf-redesign .sidebar-nav :is(a.is-active,details[data-nav-current="true"]>summary){
  background:linear-gradient(110deg,rgba(54,102,255,.28),rgba(88,61,227,.16));
  color:#fff;
  box-shadow:inset 3px 0 #5f8dff;
}

body.nf-redesign .nav-section-label{color:#718096;letter-spacing:.09em}

body.nf-redesign .topbar{
  border-bottom:1px solid rgba(220,228,239,.9);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(1.2);
}

html[data-theme="dark"] body.nf-redesign{
  --owdex-ink:#eef3ff;
  --owdex-muted:#9cabbe;
  --owdex-line:#2c394d;
  --owdex-surface:#172235;
  --owdex-soft:#101a2b;
  background:#0d1522;
}

html[data-theme="dark"] body.nf-redesign .topbar{background:rgba(17,27,43,.9);border-color:#273449}

/* Acesso
 * FIX16: a experiência de autenticação volta ao layout aprovado da ND205/R83.
 * A identidade continua Owdex Business; somente o redesign R84 da tela de acesso
 * foi removido para preservar proporções, fundo claro e responsividade anteriores.
 */

/* Loja Online e Cardápio Online */
.commerce-public-hero{
  min-height:310px;
  background:linear-gradient(125deg,color-mix(in srgb,var(--commerce-brand) 82%,#061633),color-mix(in srgb,var(--commerce-brand) 52%,#24105e));
  border-radius:0 0 34px 34px;
}

.commerce-public-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 30%);
}

.commerce-public-shell{width:min(1220px,calc(100% - 32px));padding-bottom:54px}

.commerce-public-info{
  position:relative;
  z-index:2;
  margin-top:-52px;
  border:1px solid rgba(220,229,241,.92);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(15,34,68,.12);
  backdrop-filter:blur(18px);
}

.commerce-category-nav{
  position:sticky;
  top:0;
  z-index:15;
  margin-inline:-8px;
  padding:14px 8px 10px;
  background:rgba(247,250,254,.92);
  backdrop-filter:blur(16px);
}

.commerce-category-nav a,
.commerce-category-nav button{
  min-height:40px;
  border:1px solid #dbe4f0;
  border-radius:999px;
  background:#fff;
  color:#41516a;
  box-shadow:0 4px 12px rgba(25,44,78,.04);
}

.commerce-product-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}

.commerce-product-card{
  overflow:hidden;
  border:1px solid #dfe7f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 32px rgba(20,40,76,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.commerce-product-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--commerce-brand) 30%,#dfe7f1);
  box-shadow:0 20px 46px rgba(20,40,76,.11);
}

.commerce-product-image{background:#edf2f8;aspect-ratio:16/11}
.commerce-product-copy{padding:17px}
.commerce-product-copy h3{font-size:1.02rem;letter-spacing:-.015em}
.commerce-product-copy>p{color:#66758c;line-height:1.55}

.commerce-add-cart,
.commerce-submit-order{
  background:linear-gradient(120deg,var(--commerce-brand),color-mix(in srgb,var(--commerce-brand) 70%,#2d17d8));
  box-shadow:0 12px 28px color-mix(in srgb,var(--commerce-brand) 22%,transparent);
}

.commerce-cart,
.commerce-checkout{
  border-color:#dfe7f1;
  border-radius:24px;
  box-shadow:0 18px 50px rgba(20,40,76,.08);
}

.commerce-public-footer{padding:32px 24px 42px}
.commerce-public-footer img{width:34px;height:34px;border-radius:9px}

@media(max-width:900px){
  .commerce-public-hero{min-height:250px;border-radius:0 0 26px 26px}
}

@media(max-width:620px){
  body.nf-redesign .sidebar-logo-badge{width:44px;height:44px;flex-basis:44px}
  .commerce-public-shell{width:min(100% - 18px,1220px)}
  .commerce-public-info{margin-top:-38px;border-radius:19px}
  .commerce-product-grid{grid-template-columns:1fr;gap:13px}
  .commerce-product-card{border-radius:18px}
  .commerce-product-card:hover{transform:none}
  .commerce-category-nav{margin-inline:-9px;padding-inline:9px}
}

@media(prefers-reduced-motion:reduce){
  .commerce-product-card{transition:none}
}

/* FIX21 — contexto bidirecional entre Fluxos Operacionais e módulos proprietários. */
.operational-owner-context,
.operational-owner-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--nf-primary,#075fd8) 20%,var(--nf-border,#dce4ee));
  border-radius:14px;
  background:color-mix(in srgb,var(--nf-primary,#075fd8) 5%,var(--nf-surface,#fff));
}
.operational-owner-context>div{display:grid;gap:3px;min-width:0}.operational-owner-context small{color:var(--nf-muted,#64748b)}
.operational-owner-backlink{margin-top:5px;color:var(--nf-primary,#075fd8);font-size:.72rem;font-weight:760;text-decoration:none}.operational-owner-backlink:hover{text-decoration:underline}
@media(max-width:680px){.operational-owner-context,.operational-owner-link{align-items:flex-start;flex-direction:column}}