/* ===================== REDESIGN v2 (painel + sidebar) ===================== */
@media (min-width:900px){
  body.logado #app{
    display:grid !important;
    grid-template-columns:238px 1fr;
    grid-template-rows:auto 1fr;
    grid-template-areas:"side top" "side main";
    background:var(--papel) !important;
    min-height:100dvh;
  }
  body.logado #app > .topo{ grid-area:top; position:sticky; top:0; z-index:40; }
  body.logado #app > #abas{ grid-area:side; }
  body.logado #app > #tela{ grid-area:main; padding:22px 26px; }
  body.logado #abas.abas{
    flex-direction:column; align-items:stretch; gap:3px;
    background:var(--escuro); border-bottom:none;
    border-right:1px solid rgba(255,255,255,.06);
    padding:14px 12px; overflow-y:auto; overflow-x:hidden; height:100%;
  }
  body.logado #abas .aba{
    width:100%; justify-content:flex-start; text-align:left;
    color:#c3cede; background:transparent; border:1px solid transparent;
    border-radius:9px; padding:10px 13px; text-transform:none;
    letter-spacing:.005em; font-family:"IBM Plex Sans",sans-serif;
    font-size:14px; font-weight:500; display:flex; align-items:center; gap:11px;
  }
  body.logado #abas .aba:hover{ background:rgba(255,255,255,.07); color:#fff; }
  body.logado #abas .aba[aria-selected="true"]{
    background:var(--amarelo); color:var(--escuro); border-color:var(--amarelo);
    border-left:1px solid var(--amarelo); padding-left:13px; font-weight:600;
  }
}
.abicon{width:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
/* topbar tweaks */
body.logado .topo .modulo{font-family:"Barlow Condensed",sans-serif;letter-spacing:.06em}
/* ---------- Painel de Controle ---------- */
.pnl-head{margin:2px 0 18px}
.pnl-head h1{font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:700;margin:0;letter-spacing:.01em}
.pnl-head p{color:var(--tinta-fraca);margin:2px 0 0;font-size:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:16px 18px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:2px}
.kpi .ktop{display:flex;align-items:center;justify-content:space-between}
.kpi .kico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}
.kpi .krot{font-size:13px;color:var(--tinta-fraca);font-weight:600}
.kpi .knum{font-family:"Barlow Condensed",sans-serif;font-size:34px;font-weight:700;line-height:1.05;margin-top:6px}
.kpi .ksub{font-size:12px;color:var(--tinta-fraca)}
.pnl-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}
.pnl-grid2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:1100px){.pnl-grid,.pnl-grid2{grid-template-columns:1fr}}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:18px;box-shadow:var(--sombra)}
.card h3{font-family:"Barlow Condensed",sans-serif;font-size:18px;margin:0 0 14px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}
.card h3 a{font-size:12px;color:var(--azul);text-decoration:none;font-family:"IBM Plex Sans";font-weight:600;cursor:pointer}
.valor-big{font-family:"Barlow Condensed",sans-serif;font-size:40px;font-weight:700;color:var(--verde);line-height:1}
.mini-list{display:flex;flex-direction:column}
.mini-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--linha);font-size:13.5px}
.mini-row:last-child{border-bottom:none}
.mini-row .mr-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}
.mini-row .mr-main{flex:1;min-width:0}
.mini-row .mr-main b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-row .mr-main span{color:var(--tinta-fraca);font-size:12px}
.mini-row .mr-side{margin-left:auto;text-align:right;flex-shrink:0}
.selo-mini{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
.selo-mini.crit{background:var(--vermelho-claro);color:var(--vermelho)}
.selo-mini.baixo{background:#FFF6DE;color:#9a7400}
.selo-mini.pend{background:#FFF6DE;color:#9a7400}
.acoes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.acao{background:var(--papel);border:1px solid var(--linha);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:.12s}
.acao:hover{border-color:var(--amarelo);transform:translateY(-2px);background:#fff}
.acao .ac-ic{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff}
.acao span{font-size:12.5px;font-weight:600;text-align:center}
.chartbox{width:100%;height:210px}
.chart-leg{display:flex;gap:16px;font-size:12px;color:var(--tinta-fraca);margin-bottom:6px}
.chart-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}
.vazio-mini{color:var(--tinta-fraca);font-size:13px;padding:12px 0;text-align:center}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--linha);padding-bottom:13px}
.subtab{font-family:"IBM Plex Sans",sans-serif;font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:22px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta-fraca);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.subtab:hover{border-color:var(--linha-forte);color:var(--tinta)}
.subtab[aria-selected="true"]{background:var(--escuro);color:#fff;border-color:var(--escuro)}
.subtab .abicon{display:inline-flex;align-items:center}
.tema-btn{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:9px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.tema-btn:hover{background:rgba(255,255,255,.12)}
.busca-item-wrap{position:relative}
.busca-item-lista{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sombra-alta);max-height:320px;overflow-y:auto;display:none;margin-top:4px}
.pick-row{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--linha)}
.pick-row:last-child{border-bottom:none}
.pick-row:hover{background:var(--papel)}
.pick-row img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}
.pick-ph{width:36px;height:36px;border-radius:6px;background:#EDF0F4;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pick-row b{display:block;font-size:14px}
.pick-row span{font-size:12px;color:var(--tinta-fraca)}
.pick-vazio{padding:12px;color:var(--tinta-fraca);font-size:13px;text-align:center}
.item-preview{display:flex;gap:13px;align-items:center;margin-top:11px;padding:12px;border:1px solid var(--linha);border-radius:var(--r);background:var(--papel)}
.ip-foto{width:66px;height:66px;border-radius:8px;background:#EDF0F4;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.ip-foto img{width:100%;height:100%;object-fit:cover}
.ip-cod{font-size:11px;color:#111;background:var(--amarelo);display:inline-block;padding:1px 7px;border-radius:5px;font-weight:700}
.ip-nome{font-weight:600;margin:4px 0 5px}
.ip-linha{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--tinta-fraca);align-items:center}
.ip-linha b{color:var(--tinta)}
/* botões profissionais */
.bt{border:1px solid transparent;border-radius:10px;font-weight:600;letter-spacing:.05em;box-shadow:0 2px 5px rgba(13,27,42,.14),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.bt:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(13,27,42,.24),inset 0 1px 0 rgba(255,255,255,.2);filter:saturate(1.08) brightness(1.04)}
.bt:active{transform:translateY(0) scale(.99);box-shadow:0 2px 6px rgba(13,27,42,.2)}
.bt:disabled{opacity:.5;box-shadow:none;transform:none;filter:none;cursor:default}
.bt-1{background:linear-gradient(135deg,#254B87 0%,#122B55 55%,#0D1B2A 100%);color:#fff;border-color:#0D1B2A}
.bt-2{background:linear-gradient(180deg,#ffffff,#eceff5);color:var(--escuro);border-color:var(--linha-forte)}
.bt-3{background:linear-gradient(135deg,#FFDE59,#FFC107);color:#0D1B2A;border-color:#E6AE00}
.bt-v{background:linear-gradient(135deg,#35C46B,#1E9E4A);color:#fff;border-color:#178A3E}
.bt-r{background:linear-gradient(135deg,#F0554C,#D32F2F);color:#fff;border-color:#B71C1C}
/* seções recolhíveis */
.olho.colapsavel{cursor:pointer;user-select:none;position:relative;padding-right:48px;min-height:38px}
.olho .col-tog{position:absolute;right:0;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--branco);color:var(--azul);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sombra);transition:transform .15s,background .15s,box-shadow .15s}
.olho.colapsavel:hover .col-tog{background:var(--azul-claro);box-shadow:var(--sombra-alta)}
.olho.colapsavel:active .col-tog{transform:translateY(-50%) scale(.94)}
.olho.fechado .col-tog{transform:translateY(-50%) rotate(-90deg)}
.olho.fechado.colapsavel:active .col-tog{transform:translateY(-50%) rotate(-90deg) scale(.94)}
.secao-corpo{animation:fadeSec .16s ease}
.foto img,.ip-foto img,.thumb img{cursor:zoom-in}
.lightbox{position:fixed;inset:0;background:rgba(13,27,42,.86);display:none;align-items:center;justify-content:center;z-index:9999;padding:22px;cursor:zoom-out}
.lightbox.on{display:flex;animation:fadeSec .15s ease}
#splash{position:fixed;inset:0;z-index:99999;background-color:#0a1420;background-position:center;background-size:cover;background-repeat:no-repeat;display:none;background-image:url('/assets/30334e2f3d.jpg')}
@media(min-width:768px){#splash{background-image:url('/assets/e0e8f1a478.jpg')}}
#splash.on{display:block;animation:splashIn .5s ease}
#splash.fade{opacity:0;transition:opacity .5s ease}
@keyframes splashIn{from{opacity:0}to{opacity:1}}
.lightbox img{max-width:94vw;max-height:88vh;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.55);background:#fff}
/* ===== TEMA ESCURO (app) ===== */
body.escuro{--papel:#0e1a2b;--branco:#16273d;--tinta:#e9edf4;--tinta-fraca:#9fb0c6;--cinza:#8fa0b8;--linha:#26364e;--linha-forte:#34486300}
body.escuro{--linha-forte:#344863}
body.escuro #app{background:radial-gradient(1100px 520px at 76% -12%, #17293f 0%, #0d1a2a 55%, #0a1420 100%) !important}
body.escuro #tela{color:var(--tinta)}
body.escuro .caixa,body.escuro .card,body.escuro .kpi,body.escuro .req,body.escuro .mov,body.escuro .item-preview,body.escuro .subnav,body.escuro .busca-item-lista,body.escuro .ficha{background:rgba(22,39,61,.94);border-color:var(--linha)}
body.escuro .campo input,body.escuro .campo select,body.escuro .campo textarea,body.escuro input:not([type=checkbox]):not([type=radio]),body.escuro select,body.escuro textarea{background:#0f1e30;color:var(--tinta);border-color:var(--linha-forte)}
body.escuro input::placeholder,body.escuro textarea::placeholder{color:#6f829b}
body.escuro .campo label,body.escuro .olho,body.escuro .dica{color:var(--tinta-fraca)}
body.escuro .linhas td{border-bottom-color:var(--linha);color:var(--tinta)}
body.escuro .linhas th{color:var(--tinta-fraca)}
body.escuro .vazio{background:rgba(22,39,61,.55);border-color:var(--linha-forte);color:var(--tinta-fraca)}
body.escuro .foto,body.escuro .ip-foto,body.escuro .thumb,body.escuro .pick-ph,body.escuro .ic-foto{background:#0f1e30}
body.escuro .subtab{background:rgba(22,39,61,.9);color:var(--tinta-fraca);border-color:var(--linha)}
body.escuro .subtab[aria-selected="true"]{background:var(--amarelo);color:#0d1b2a;border-color:var(--amarelo)}
body.escuro .olho .col-tog{background:#0f1e30;border-color:var(--linha-forte);color:var(--amarelo)}
body.escuro .olho.colapsavel:hover .col-tog{background:#1b2f4a}
body.escuro .mini-row{border-bottom-color:var(--linha)}
body.escuro .pnl-head h1,body.escuro .card h3,body.escuro .kpi .knum,body.escuro .valor-big{color:var(--tinta)}
body.escuro .valor-big{color:#3ddc84}
body.escuro .card h3 a,body.escuro .mr-main span{color:#7fb0ff}
body.escuro .pick-row{border-bottom-color:var(--linha)}
body.escuro .pick-row:hover{background:#1b2f4a}
body.escuro .acao{background:rgba(15,30,48,.55);border-color:var(--linha)}
body.escuro .acao:hover{background:#1c3050;border-color:var(--amarelo)}
body.escuro .acao span,body.escuro .desc,body.escuro .nome,body.escuro .cod{color:var(--tinta)}
body.escuro .bt-2{background:linear-gradient(180deg,#22364f,#18283f);color:var(--tinta);border-color:var(--linha-forte)}
body.escuro .nota{color:var(--tinta-fraca)}
body.escuro .item-carrinho{border-bottom-color:var(--linha)}
body.escuro .trilho{background:#0f1e30}
body.escuro .code,body.escuro .ip-cod{color:#111}
@keyframes fadeSec{from{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:none}}