/* Layout Sistema AG — menu lateral por áreas + tema dourado (Aires Gonçalves) */
:root{--primary:#8F6A17;--series-1:#B8892E;--info:#8F6A17;--hover:rgba(212,165,55,.10);--ag-gold:#D4A537;--ag-gold-2:#E6BE5A;--ag-side:#0A0A0A;--ag-side-tx:#D6D3D1;--ag-side-mut:#8A8170;--ag-side-act:#1F1B12;--ag-side-bd:#2A2618}
@media (prefers-color-scheme: dark){:root{--primary:#E0B54F;--series-1:#E0B54F;--info:#E0B54F;--hover:rgba(224,181,79,.14)}.btn.primary{color:#111 !important}}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.panel{border-radius:14px}
.st-CONCLUIDA{background:rgba(212,165,55,.16)}

/* Barra -> menu escuro */
.topbar{background:var(--ag-side);color:var(--ag-side-tx);border-bottom:1px solid var(--ag-side-bd)}
.topbar .brand{font-size:0;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding-left:54px;background:url(logo-ag.png) left center/44px 44px no-repeat}
.topbar .brand::before{content:"Sistema AG";font-size:16px;font-weight:700;color:#fff;line-height:1.2}
.topbar .brand::after{content:"Aires Gon\00E7 alves Advocacia";font-size:12px;color:#A8A29E;line-height:1.3}
.topbar nav a{color:var(--ag-side-tx);border-radius:8px}
.topbar nav a:hover{background:#17140D;color:#fff;text-decoration:none}
.topbar nav a.active{background:var(--ag-side-act);color:var(--ag-gold-2);font-weight:600}
.topbar .user{color:var(--ag-side-tx)}
.topbar .user .muted{color:#A8A29E}
.topbar .user .link{color:var(--ag-gold-2)}
.topbar nav a[data-rec-link]{display:none}

/* Títulos das áreas (inseridos pelo layout-ag.js) */
.ag-sec{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ag-side-mut);font-weight:600}
.ag-sec::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--c,#8A8170)}
.ag-sec[hidden]{display:none}

/* Computador: menu fixo à esquerda */
@media (min-width:900px){
  .topbar{position:fixed;top:0;left:0;bottom:0;width:248px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:18px;padding:22px 14px;overflow-y:auto;border-bottom:0;border-right:1px solid var(--ag-side-bd);z-index:20}
  .topbar nav{flex-direction:column;flex-wrap:nowrap;flex:1;gap:2px}
  .topbar nav a{padding:7px 10px 7px 26px}
  .ag-sec{padding:12px 10px 4px}
  .ag-sec[data-ag-sec="dia"]{padding-top:0}
  .topbar .user{flex-direction:column;align-items:flex-start;gap:6px;border-top:1px solid var(--ag-side-bd);padding:12px 10px 0}
  .topbar + main{margin-left:248px;margin-right:0;max-width:none;padding:28px 36px}
  .topbar + main > *{max-width:1280px}
}
/* Celular/tablet: barra no topo, áreas em linhas */
@media (max-width:899px){
  .topbar{gap:10px;position:static}
  .topbar nav{flex-basis:100%;order:3;gap:2px 4px}
  .topbar nav a{padding:6px 10px}
  .topbar .user{margin-left:auto}
  .ag-sec{flex-basis:100%;padding:8px 4px 0}
}
@media print{.topbar{display:none}.topbar + main{margin-left:0}}

/* Fotos de perfil (avatar-ag.js) */
.ag-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;overflow:hidden;background:#8F6A17;color:#fff;font-size:10px;font-weight:700;line-height:1;vertical-align:middle;margin-right:8px}
.ag-av img{width:100%;height:100%;object-fit:cover;display:block}
.ag-av-g{width:40px;height:40px;font-size:15px;margin:0;border:2px solid var(--ag-gold)}
a.ag-com-av{display:inline-flex;align-items:center}
.row[data-u] > .ag-av{margin-right:6px}
.ag-me{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--ag-side-tx);font:inherit;cursor:pointer;min-height:44px}
.ag-me-dica{font-size:12px;color:#A8A29E}
.ag-me:hover .ag-me-dica{color:var(--ag-gold-2);text-decoration:underline}
.ag-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#111;color:#fff;border:1px solid var(--ag-gold);padding:10px 16px;border-radius:10px;z-index:10000;font-size:14px}
.ag-toast.erro{border-color:#d03b3b}