/* 0.770 · Administração: menu lateral mais sofisticado, versão em destaque,
   número de organização e miniaturas dos produtos.
   Só pele (cores, fios, tipografia, brilhos). Não muda larguras nem a
   disposição das páginas. Carrega por último, depois de todo o resto. */

:root{
  --nvp-ink:#061113;
  --nvp-deep:#0a1b1e;
  --nvp-teal:#123437;
  --nvp-gold:#d9b46c;
  --nvp-gold-2:#f3dca4;
  --nvp-gold-3:#a97f3d;
  --nvp-line:rgba(217,180,108,.16);
  --nvp-text:#d9e2e1;
  --nvp-muted:#8ea3a3;
}

/* ---------- Menu lateral ---------- */
html body .sidebar{
  background:
    radial-gradient(120% 38% at 18% 0%,rgba(217,180,108,.13),rgba(217,180,108,0) 62%),
    radial-gradient(90% 30% at 100% 100%,rgba(38,104,104,.22),rgba(38,104,104,0) 70%),
    linear-gradient(180deg,#071214 0%,#0a1a1d 46%,#06100f 100%)!important;
  border-right:0!important;
  box-shadow:inset -1px 0 0 rgba(217,180,108,.22),12px 0 40px rgba(4,12,13,.18)!important;
}
html body .sidebar::after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;pointer-events:none;
  background:linear-gradient(180deg,rgba(243,220,164,0),rgba(243,220,164,.55) 22%,rgba(243,220,164,.12) 70%,rgba(243,220,164,0))}

html body .sidebar-brand-shell{border-bottom:0!important;position:relative}
html body .sidebar-brand-shell::after{content:"";display:block;height:1px;margin:16px 6px 0;
  background:linear-gradient(90deg,rgba(217,180,108,0),rgba(217,180,108,.5),rgba(217,180,108,0))}
html body .sidebar-brand-meta{align-items:center!important}
html body .sidebar-brand-meta>span{font-size:10px!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--nvp-muted)!important;font-weight:600}

/* A versão, em destaque */
html body .sidebar-brand-meta b.nv-versao{
  display:inline-flex!important;align-items:baseline;gap:7px;
  padding:6px 13px 6px 11px!important;border-radius:999px!important;
  border:1px solid rgba(243,220,164,.55)!important;
  background:linear-gradient(135deg,rgba(243,220,164,.18),rgba(169,127,61,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 3px rgba(217,180,108,.07),0 6px 18px rgba(0,0,0,.28)!important;
  color:var(--nvp-gold-2)!important;
  font:600 17px/1 "Playfair Display",Georgia,serif!important;letter-spacing:.02em!important;
  font-variant-numeric:lining-nums tabular-nums;
}
html body .sidebar-brand-meta b.nv-versao small{font:700 8.5px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(243,220,164,.75)}

/* Blocos do menu: sem caixas pesadas, só fios dourados finos */
html body .sidebar-nav .nav-area,
html body .sidebar-nav .nav-area-admin{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  border:1px solid rgba(255,255,255,.055)!important;border-top:1px solid rgba(217,180,108,.38)!important;
  border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body .sidebar-nav .nav-section-label,
html body .sidebar-nav .nav-area-admin .nav-section-label{
  color:var(--nvp-gold)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.24em!important;text-transform:uppercase!important;
}

/* Itens */
html body .sidebar-nav .nav-link{
  border:1px solid transparent!important;border-radius:11px!important;
  color:var(--nvp-text)!important;background:transparent!important;box-shadow:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;transform:none!important;
}
html body .sidebar-nav .nav-link .nav-copy strong{
  font-family:"DM Sans",system-ui,sans-serif!important;font-size:12.5px!important;font-weight:600!important;
  letter-spacing:.075em!important;color:inherit!important;
}
html body .sidebar-nav .nav-link .nav-icon{
  border-radius:9px!important;background:rgba(217,180,108,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(217,180,108,.16)!important;color:rgba(243,220,164,.82)!important;
}
html body .sidebar-nav .nav-link .nav-icon svg{fill:currentColor}
html body .sidebar-nav .nav-link:hover{
  background:linear-gradient(90deg,rgba(217,180,108,.09),rgba(217,180,108,.015))!important;
  border-color:rgba(217,180,108,.16)!important;color:#fff!important;
}
html body .sidebar-nav .nav-link:hover .nav-icon{color:var(--nvp-gold-2)!important;background:rgba(217,180,108,.13)!important}

/* Item aberto: barra dourada e brilho suave */
html body .sidebar-nav .nav-area-workspace .nav-link.is-active:not(.nav-dashboard):not([href="/em-tempo-real"]):not(.nav-cardume),
html body .sidebar-nav .nav-area-admin .nav-link.is-active{
  background:linear-gradient(90deg,rgba(217,180,108,.2),rgba(217,180,108,.04) 75%)!important;
  border-color:rgba(217,180,108,.34)!important;
  box-shadow:inset 2px 0 0 var(--nvp-gold-2),0 6px 18px rgba(0,0,0,.22)!important;color:#fff8e8!important;
}
html body .sidebar-nav .nav-link.is-active .nav-icon{
  background:linear-gradient(135deg,var(--nvp-gold-2),var(--nvp-gold) 55%,var(--nvp-gold-3))!important;
  color:#0b1d1f!important;box-shadow:0 2px 8px rgba(217,180,108,.25)!important;
}

/* Fila ao vivo: continua verde (é sinal de funcionamento), mais elegante */
html body .sidebar .nav-link[href="/em-tempo-real"]{
  background:linear-gradient(90deg,rgba(46,170,108,.26),rgba(46,170,108,.06))!important;
  border-color:rgba(84,205,140,.38)!important;box-shadow:inset 2px 0 0 #5fd49a!important;color:#eafff3!important;
}
html body .sidebar .nav-link[href="/em-tempo-real"] .nav-icon{background:rgba(95,212,154,.16)!important;box-shadow:inset 0 0 0 1px rgba(95,212,154,.35)!important;color:#9ff0c6!important}

/* Assinantes (Cardume): destaque dourado mais fino */
html body .sidebar-nav .nav-link.nav-cardume{
  background:linear-gradient(135deg,rgba(217,180,108,.16),rgba(18,52,55,.65))!important;
  border:1px solid rgba(217,180,108,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .sidebar-nav .nav-link.nav-cardume:hover{border-color:rgba(243,220,164,.7)!important}

/* Configurações (grupo recolhível) */
html body .sidebar-nav .nav-config-group>summary{cursor:pointer}

/* ---------- Versão na barra de cima e no rodapé ---------- */
html body .topbar-release{
  display:inline-flex!important;align-items:center;gap:7px;
  padding:6px 12px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#102b2e,#0a1c1f)!important;
  border:1px solid rgba(217,180,108,.55)!important;
  color:var(--nvp-gold-2)!important;
  font:600 14px/1 "Playfair Display",Georgia,serif!important;letter-spacing:.02em!important;
  box-shadow:0 4px 12px rgba(10,28,31,.18)!important;
}
html body .system-footer{
  background:linear-gradient(135deg,rgba(16,43,46,.96),rgba(9,26,29,.96))!important;
  border:1px solid rgba(217,180,108,.45)!important;color:#a9bcbc!important;
  box-shadow:0 10px 26px rgba(8,22,24,.22)!important;
}
html body .system-footer span:last-child{color:#a9bcbc!important;font-weight:600!important}
html body .system-footer .nv-versao-rodape{
  display:inline-block;margin-left:4px;padding:4px 10px;border-radius:999px;border:1px solid rgba(243,220,164,.5);
  background:rgba(243,220,164,.1);color:var(--nvp-gold-2);font:600 14px/1 "Playfair Display",Georgia,serif;letter-spacing:.02em
}

/* Algarismos alinhados (a Playfair usa o estilo antigo por padrão: o zero parece um "o") */
html body .sidebar-brand-meta b.nv-versao,html body .topbar-release,html body .system-footer .nv-versao-rodape,.pv-ordem{
  font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important
}

/* ---------- Produtos: número de organização e miniaturas ---------- */
.pv-title-line{display:flex;align-items:center;gap:10px;min-width:0}
.pv-title-line a{min-width:0}
.pv-ordem{
  flex:0 0 auto;display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:8px;
  background:linear-gradient(135deg,#123437,#0b2023);color:#f3dca4;
  border:1px solid rgba(217,180,108,.55);
  font:600 13px/1 "Playfair Display",Georgia,serif;letter-spacing:.03em;font-variant-numeric:lining-nums tabular-nums;
  box-shadow:0 2px 6px rgba(16,47,49,.12);
}
.pv-thumb .pv-emblema{width:100%;height:100%;display:block}
.pv-thumb:has(.pv-emblema){background:transparent!important;box-shadow:0 6px 16px rgba(10,28,31,.16)!important;border-radius:14px!important}

/* =====================================================================
   0.770 · Sistema inteiro no mesmo padrão: barra do topo e botões.
   Cores de cada função continuam as mesmas (START verde, Entregas roxo,
   24H vermelho...), só com o mesmo formato, a mesma letra e o mesmo
   acabamento. Vale só nas páginas da administração.
   ===================================================================== */

/* ---------- Barra do topo ---------- */
html body .operator-bar{
  background:linear-gradient(180deg,rgba(255,253,248,.97),rgba(250,246,237,.94))!important;
  -webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);
  border-bottom:0!important;
  box-shadow:0 1px 0 rgba(217,180,108,.45),0 10px 28px rgba(16,47,49,.07)!important;
}
html body .operator-bar>.button,
html body .operator-bar .topbar-cardume,
html body .operator-bar .nv-daily-sales,
html body .operator-bar .nv-daily-subscribers,
html body .operator-bar .topbar-express-alert,
html body .operator-bar .button-start-subscriber{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  min-height:36px!important;padding:0 14px!important;border-radius:10px!important;
  font:700 11px/1 "DM Sans",system-ui,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 10px rgba(16,47,49,.10)!important;
  transition:filter .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html body .operator-bar>.button:hover,
html body .operator-bar .topbar-cardume:hover,
html body .operator-bar .nv-daily-sales:hover,
html body .operator-bar .nv-daily-subscribers:hover,
html body .operator-bar .topbar-express-alert:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px rgba(16,47,49,.16)!important}
html body .operator-bar .button-start{background:linear-gradient(135deg,#1f9461,#126b41)!important;border:1px solid #2fa46e!important;color:#fff!important}
html body .operator-bar .button-start-deliveries{background:linear-gradient(135deg,#7650b0,#4f3480)!important;border:1px solid #8a66c2!important;color:#fff!important}
html body .operator-bar .topbar-cardume{background:linear-gradient(135deg,#17403f,#0b2023)!important;border:1px solid rgba(217,180,108,.6)!important;color:#f3dca4!important}
html body .operator-bar .button-queue-control{background:#fffdf8!important;border:1px solid #d9bd85!important;color:#6e5122!important}
html body .operator-bar .button-queue-control.is-paused{background:#eef8f1!important;border-color:#7ab68d!important;color:#216541!important}
html body .operator-bar .queue-control-status{font:600 11px/1.2 "DM Sans",system-ui,sans-serif!important;color:#5d6866!important;letter-spacing:.02em}
html body .operator-bar .nv-daily-sales,
html body .operator-bar .nv-daily-subscribers{background:linear-gradient(135deg,#123437,#0a1e21)!important;border:1px solid rgba(217,180,108,.45)!important;color:#d9e8e4!important}
html body .operator-bar .nv-daily-sales strong,
html body .operator-bar .nv-daily-subscribers strong{font:700 18px/1 "DM Sans",system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;color:#f3dca4!important;letter-spacing:0!important;font-feature-settings:"lnum" 1,"tnum" 1!important}
html body .operator-bar .topbar-express-alert{background:linear-gradient(135deg,#c2301f,#8e1b13)!important;border:1px solid #d64a37!important;color:#fff!important}

/* ---------- Botões: um padrão só ---------- */
body.admin-page .admin-main .button,
body.admin-page .admin-main .pv-btn{
  border-radius:11px!important;font-family:"DM Sans",system-ui,sans-serif!important;font-weight:600!important;letter-spacing:.02em!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.admin-page .admin-main .button-primary,
body.admin-page .admin-main .pv-btn.primary,
body.admin-page .admin-main button[type=submit].button-primary{
  background:linear-gradient(135deg,#1a6e72,#0e4447)!important;border:1px solid rgba(217,180,108,.5)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px rgba(14,68,71,.18)!important;
}
body.admin-page .admin-main .button-primary:hover,
body.admin-page .admin-main .pv-btn.primary:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(14,68,71,.24)!important}
body.admin-page .admin-main .button-secondary,
body.admin-page .admin-main .pv-btn:not(.primary){
  background:#fffdf8!important;border:1px solid #e1d5bd!important;color:#123437!important;box-shadow:0 1px 2px rgba(16,47,49,.05)!important;
}
body.admin-page .admin-main .button-secondary:hover,
body.admin-page .admin-main .pv-btn:not(.primary):hover{border-color:#d0ad69!important;background:#fffaf0!important;color:#0b2023!important}
body.admin-page .admin-main .button-danger{background:linear-gradient(135deg,#a8463d,#7a2f29)!important;border:1px solid #b9564c!important;color:#fff!important}
body.admin-page .admin-main .button:focus-visible,
body.admin-page .admin-main .pv-btn:focus-visible,
html body .operator-bar a:focus-visible,html body .operator-bar button:focus-visible{outline:2px solid #d9b46c!important;outline-offset:2px!important}
body.admin-page .admin-main .button[disabled],body.admin-page .admin-main .button[aria-disabled=true]{filter:grayscale(.4);opacity:.6;cursor:not-allowed}

/* ---------- Campos: foco dourado ---------- */
body.admin-page .admin-main input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
body.admin-page .admin-main select:focus,
body.admin-page .admin-main textarea:focus{border-color:#d0ad69!important;box-shadow:0 0 0 3px rgba(217,180,108,.18)!important;outline:none!important}

/* ---------- Títulos de página e números dos cartões ---------- */
body.admin-page .admin-main h1{font-feature-settings:"lnum" 1}
body.admin-page .admin-main .pv-stat b,
body.admin-page .admin-main .stat-card strong,
body.admin-page .admin-main .metric strong{font-feature-settings:"lnum" 1,"tnum" 1}

/* Números grandes dos cartões do painel no mesmo estilo da tela de Produtos */
body.admin-page .admin-main .metric-card strong{
  font-family:"Playfair Display",Georgia,serif!important;font-weight:500!important;letter-spacing:0!important;color:#102f31;
  font-feature-settings:"lnum" 1,"tnum" 1!important
}
body.admin-page .admin-main .metric-card{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
body.admin-page .admin-main a.metric-card:hover{border-color:#d9bd85!important;box-shadow:0 12px 30px rgba(16,47,49,.10)!important}

/* =====================================================================
   0.777 · Topo do menu centralizado (logo, "Central de Produção" e versão)
   e a versão no mesmo formato da pílula "Vendas do dia" da barra do topo.
   ===================================================================== */
@media (min-width:901px){
  html body .sidebar-brand-shell{text-align:center}
  html body .sidebar-brand-shell .brand{display:flex!important;justify-content:center!important}
  html body .sidebar-brand-shell .brand-wordmark-wrap{display:flex;justify-content:center;width:100%}
  html body .sidebar-brand-shell .brand-logo-wordmark{margin:0 auto!important}
  html body .sidebar-brand-meta{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center}
}
html body .sidebar-brand-meta b.nv-versao{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:36px!important;min-width:0!important;padding:0 14px!important;border-radius:10px!important;
  background:linear-gradient(135deg,#123437,#0a1e21)!important;border:1px solid rgba(217,180,108,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 10px rgba(0,0,0,.25)!important;
  color:#f3dca4!important;font:700 18px/1 "DM Sans",system-ui,sans-serif!important;letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important;
}
html body .sidebar-brand-meta b.nv-versao small{
  font:700 11px/1 "DM Sans",system-ui,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#d9e8e4!important
}

/* 0.916: "Envio manual" (sem envio automático) em âmbar, para não passar despercebido. */
.priority-manual-send{background:#fff4dc;border-color:#f0d39a;color:#8a5a00;box-shadow:0 0 0 3px rgba(201,138,20,.08)}
.priority-manual-send .priority-dot{background:#d08a10;box-shadow:0 0 0 4px rgba(208,138,16,.14)}