/* Identidade Vansroro Alimentos — sobrepõe a paleta do style.css (do portal).
   Cores da marca (bandeira italiana): verde #20876e, vermelho #c92a3d. */
:root{
  /* Sidebar / tons escuros (eram navy azul) → verde escuro da marca */
  --navy:#0c3a2c; --navy-2:#082a20; --navy-3:#114a38; --navy-lt:#1c6b52;

  /* Accent (era azul Cabral) → verde Vansroro */
  --accent:#12885f; --accent-hv:#0d6a49; --accent2:#17a574; --accent-soft:#e6f5ef;

  /* Vermelho da marca para alertas/realces */
  --danger:#c92a3d; --danger-soft:#fbe9eb;
}
/* Botão .green e realces vermelhos alinhados à marca */
.btn.green{background:linear-gradient(180deg,#17a574,#0d6a49)}
.btn.danger{background:linear-gradient(180deg,#e04257,var(--danger))}
/* Logo já é circular (PNG com cantos transparentes) — corte redondo e SEM fundo
   branco/padding, para o círculo assentar direto na sidebar verde. */
.sidebar .brand img,.modal img{border-radius:50%!important}
.sidebar .brand img{background:none!important;padding:0!important;width:48px;height:48px}

/* Sub-item de acordeão ativo em verde (era azul Cabral) */
.nav .acc-body a.sub.active{background:rgba(18,136,95,.20);color:#8fe0c0}

/* Menu em coluna flex para empurrar "Configurações" para o fim da sidebar (layout antigo) */
.nav{display:flex;flex-direction:column}
#accConfig{margin-top:auto}

/* ═══════ LAYOUT NOVO: menu no TOPO (substitui a barra lateral) — 05/07/2026 ═══════ */
.app{display:block!important;min-height:100vh}
.topnav{display:flex;align-items:center;gap:6px;height:58px;padding:0 20px;background:var(--navy);
  position:sticky;top:0;z-index:200;box-shadow:0 1px 0 rgba(0,0,0,.18)}
.topnav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-right:6px;flex-shrink:0}
.topnav .brand img{width:36px;height:36px;border-radius:50%!important;background:none;padding:0}
.topnav .brand .brand-t{font-weight:800;font-size:19px;letter-spacing:.3px}
.topmenu{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.topmenu>a,.drop-h{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border-radius:9px;
  color:#cfe6db;font-weight:500;font-size:14px;text-decoration:none;background:none;border:0;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:background .15s,color .15s}
.topmenu>a:hover,.drop-h:hover{background:rgba(255,255,255,.10);color:#fff}
.topmenu>a.active,.drop-h.active{background:rgba(255,255,255,.17);color:#fff}
.drop-h .chev{font-style:normal;font-size:10px;opacity:.85}
.drop{position:relative}
.drop-body{position:absolute;top:calc(100% + 7px);left:0;min-width:214px;background:var(--card,#fff);
  border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.20);
  padding:6px;display:none;z-index:250}
.drop.open .drop-body{display:block}
@media(pointer:fine){.drop:hover .drop-body{display:block}}
.drop-body a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;
  text-decoration:none;color:var(--text,#1f2937);font-size:13.5px;font-weight:500}
.drop-body a:hover{background:var(--hover,#f1f5f9)}
.drop-body a.active{background:var(--accent-soft);color:var(--accent)}
.topnav-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.topnav .theme-btn{background:rgba(255,255,255,.12);border:0;color:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px}
.topnav .av{width:34px;height:34px;border-radius:50%;background:var(--accent2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:23px;cursor:pointer;margin-right:4px}
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1320px;margin:0 auto;padding:16px 24px 0}
.pagehead h1{margin:0;font-size:22px;font-weight:800}
.pagehead .clock{font-size:12.5px;color:var(--text-med,#64748b);white-space:nowrap}
.content{max-width:1320px;margin:0 auto;padding:16px 24px 28px}
.pagefoot{max-width:1320px;margin:0 auto;padding:6px 24px 24px;color:var(--text-med,#94a3b8);font-size:11.5px}
@media(max-width:900px){
  .nav-toggle{display:block}
  .topnav{padding:0 14px}
  .topmenu{position:absolute;top:58px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);
    padding:8px 10px 12px;gap:2px;display:none;box-shadow:0 12px 24px rgba(0,0,0,.28);max-height:82vh;overflow:auto}
  .topmenu.open{display:flex}
  .topmenu>a,.drop-h{width:100%;justify-content:flex-start;padding:11px 12px}
  .drop{position:static}
  .drop-body{position:static;box-shadow:none;border:0;background:rgba(255,255,255,.06);margin:2px 0 6px 12px;min-width:0}
  .drop-body a,.drop-body a.active{color:#e5f3ee;background:none}
  .drop-body a:hover{background:rgba(255,255,255,.10)}
  .pagehead .clock{display:none}
  .pagehead,.content,.pagefoot{padding-left:16px;padding-right:16px}
}