/* =====================================================================
   TEMA PROFISSIONAL (neutro, sóbrio) — sobrepõe as camadas anteriores
   ===================================================================== */
:root{--p-bg:#f6f7f9;--p-card:#fff;--p-line:#e4e7ec;--p-line2:#f0f2f5;--p-ink:#101828;--p-ink2:#344054;--p-mute:#667085;--p-mute2:#98a2b3;--p-acc:#1d4ed8;--p-acc2:#1e40af;--p-accbg:#eff4ff;--p-red:#b42318;--p-redbg:#fef3f2;--p-redln:#fecdca;--p-amb:#b54708;--p-ambbg:#fffaeb;--p-ambln:#fedf89;--p-grn:#067647;--p-grnbg:#ecfdf3;--p-grnln:#abefc6;--p-sh:0 1px 2px rgba(16,24,40,.05)}
body{background:var(--p-bg);color:var(--p-ink);font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}

/* Topo */
.topbar{background:#fff;border-bottom:1px solid var(--p-line);box-shadow:none}
.topinner{height:58px}
.topbar .brandmark{background:var(--p-ink);color:#fff;width:32px;height:32px;border-radius:7px;font-size:11px;letter-spacing:-.3px}
.topbar .brand-title{color:var(--p-ink);font-size:15px;font-weight:700;letter-spacing:-.2px}
.topbar .brand-title span{color:var(--p-acc)}
.topbar .brand-sub{color:var(--p-mute);font-size:11.5px;font-weight:500}
.nav{gap:2px}
.nav a{color:var(--p-ink2);font-weight:600;font-size:13px;padding:7px 11px;border-radius:6px}
.nav a:hover{background:#f2f4f7;color:var(--p-ink)}
.nav a.on{background:var(--p-accbg);color:var(--p-acc)}
.nav a.kiosk{border:1px solid var(--p-line);margin-left:6px}
.nav a.sair{color:var(--p-mute);font-weight:500}

/* Títulos */
.main{padding:26px 0 40px}
.intro-title,.page-title{color:var(--p-ink);font-size:22px;font-weight:700;letter-spacing:-.4px}
.intro-sub,.page-sub{color:var(--p-mute);font-weight:400}
.legend{background:#fff;border:1px solid var(--p-line);color:var(--p-ink2);font-weight:500}
.legend-dot{background:var(--p-acc)}

/* Superfícies */
.surface,.card,.content{background:#fff;border:1px solid var(--p-line);border-radius:10px;box-shadow:var(--p-sh)}
.card h2,.content-head h2{color:var(--p-ink);font-weight:650;letter-spacing:-.2px}
.content-head{border-bottom:1px solid var(--p-line)}
.content-head p{color:var(--p-mute);font-weight:400}

/* Filtros */
.filters{border-left:1px solid var(--p-line)}
.filter-label,.sla-text{color:var(--p-mute);font-weight:600}
.warehouse-btn,.searchbox,.sla-control{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:var(--p-ink2);box-shadow:var(--p-sh)}
.warehouse-btn:hover{background:#fff;border-color:#98a2b3}
.warehouse-btn svg,.searchbox svg{color:var(--p-mute2)}
.searchbox input{color:var(--p-ink);font-weight:500}
.searchbox input::placeholder{color:var(--p-mute2)}
.sla-control input{color:var(--p-ink)}
.searchbox:focus-within,.sla-control:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #dbe7ff}
.warehouse-pop{border:1px solid var(--p-line);border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.12)}
.pop-action{background:#fff;border:1px solid #d0d5dd;color:var(--p-ink2)}

/* Abas: sublinhado */
.tabs{gap:22px;border-bottom:1px solid var(--p-line);margin-bottom:18px;padding:0}
.tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;min-height:0;color:var(--p-mute);font-weight:600;box-shadow:none;margin-bottom:-1px}
.tab:hover{background:none;color:var(--p-ink);border-color:#d0d5dd}
.tab[aria-selected=true]{background:none;color:var(--p-acc);border-bottom-color:var(--p-acc);box-shadow:none}
.tab svg{width:16px;height:16px}
.tab-count{background:#f2f4f7;color:var(--p-ink2);font-weight:600;border-radius:10px}
.tab[aria-selected=true] .tab-count{background:var(--p-accbg);color:var(--p-acc)}

/* Indicadores */
.stat{background:#fff;border:1px solid var(--p-line);border-radius:10px;box-shadow:var(--p-sh);padding:16px 18px}
.stat:before{display:none}
.stat.danger,.stat.gold{background:#fff;border-color:var(--p-line)}
.stat-label{color:var(--p-mute);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:none}
.stat-val{color:var(--p-ink);font-weight:700;font-size:28px;letter-spacing:-.6px}
.stat.danger .stat-val{color:var(--p-red)}.stat.gold .stat-val{color:var(--p-amb)}
.stat-foot{color:var(--p-mute2);font-weight:400}

/* Lista de romaneios */
.rows-head{background:#f9fafb;color:var(--p-mute);font-weight:600;font-size:11.5px;letter-spacing:.03em;border-bottom:1px solid var(--p-line)}
.rom-row,.rom-row:nth-of-type(odd){background:#fff;border-bottom:1px solid var(--p-line2);color:var(--p-ink2)}
.rom-row:hover{background:#f9fafb}
.rom-row.late-row:before{width:3px;background:#f04438}
.num{color:var(--p-ink);font-weight:650}
.num-sub{color:var(--p-mute);font-weight:400}
.cell{color:var(--p-ink2);font-weight:500}
.ref-cell strong{color:var(--p-ink);font-weight:600}
.person-cell,.warehouse-cell{font-weight:500}
.boxes-cell{color:var(--p-ink);font-weight:600}
.age-wrap,.age-wrap.over,.age-wrap.warning,.age-wrap.missing{background:none;border:0;padding:0;min-width:0}
.age-num{font-size:15px;font-weight:650;letter-spacing:-.2px}
.age-num.ok{color:var(--p-grn)}.age-num.over{color:var(--p-red)}.age-num.warning{color:var(--p-amb)}.age-num.missing{color:var(--p-mute)}
.age-detail{font-size:10.5px;font-weight:600;letter-spacing:.03em;color:var(--p-mute)}
.age-detail.over{color:var(--p-red)}.age-detail.warning{color:var(--p-amb)}.age-detail.ok{color:var(--p-grn)}
.status-pill{background:#f2f4f7;color:var(--p-ink2);font-weight:600;border-radius:12px}
.status-pill.waiting{background:var(--p-redbg);color:var(--p-red)}
.status-pill.partial{background:var(--p-ambbg);color:var(--p-amb)}
.location-cell .dim{color:var(--p-mute)}
.arrow-cell .print-btn{background:#fff;border:1px solid #d0d5dd;color:var(--p-ink2);border-radius:7px;width:30px;height:30px}
.arrow-cell .print-btn:hover{background:var(--p-accbg);border-color:#84adff;color:var(--p-acc)}
.loadmore button{background:#fff;border:1px solid #d0d5dd;color:var(--p-ink2)}

/* Grupos */
.groups{background:#fafbfc}
.group{border:1px solid var(--p-line);border-radius:10px;box-shadow:var(--p-sh)}
.group.group-late{border-left:3px solid #f04438}
.group-trigger,.group-trigger:hover{background:#fff}
.group-trigger:hover{background:#fcfcfd}
.group-name{color:var(--p-ink);font-weight:650;font-size:15px}
.group-sub,.group-label{color:var(--p-mute);font-weight:500}
.group-age{color:var(--p-ink);font-weight:700;font-size:18px}.group-age.red{color:var(--p-red)}
.mini-badge{background:#f2f4f7;color:var(--p-ink2);font-weight:600;border:0;border-radius:12px}
.mini-badge.red{background:var(--p-redbg);color:var(--p-red);border:0}
.mini-badge.green{background:var(--p-grnbg);color:var(--p-grn);border:0}
.expand-icon{background:none;color:var(--p-mute2)}
.group-body{border-top:1px solid var(--p-line)}
.group-body .rows-head{background:#f9fafb;color:var(--p-mute)}

/* Botões */
.primary,.btn-primary{background:var(--p-acc);border:1px solid var(--p-acc);color:#fff;box-shadow:var(--p-sh);border-radius:8px}
.primary:hover,.btn-primary:hover{background:var(--p-acc2);transform:none}
.ghost,.btn-light,.second{background:#fff;border:1px solid #d0d5dd;color:var(--p-ink2);box-shadow:var(--p-sh);border-radius:8px}
.ghost:hover,.btn-light:hover{background:#f9fafb}
.btn-danger{background:#fff;border:1px solid var(--p-redln);color:var(--p-red)}
.btn-danger:hover{background:var(--p-redbg)}

/* Formulários */
.field label{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--p-ink2)}
.field input,.field select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:var(--p-ink);font-weight:500;box-shadow:var(--p-sh)}
.field input:focus,.field select:focus{border-color:#84adff;box-shadow:0 0 0 3px #dbe7ff;background:#fff}
.field input::placeholder{color:var(--p-mute2);font-weight:400}
.field small{color:var(--p-mute)}
.arm-list{background:#fff;border:1px solid #d0d5dd;border-radius:8px}
.field .arm-list label.arm-opt{background:#fff;border:1px solid var(--p-line);border-radius:7px;font-weight:500;color:var(--p-ink2)}
.field .arm-list label.arm-opt:has(input:checked){background:var(--p-accbg);border-color:#84adff;color:var(--p-acc2)}
input[type=checkbox],input[type=radio]{accent-color:var(--p-acc)}
.paste{background:#fff;border:1px solid #d0d5dd}

/* Tabelas e selos */
.tbl th{background:#f9fafb;color:var(--p-mute);font-weight:600;font-size:11.5px;letter-spacing:.03em;border-bottom:1px solid var(--p-line)}
.tbl td,.tbl tr:nth-child(even) td{background:#fff;border-bottom:1px solid var(--p-line2);color:var(--p-ink2);font-weight:500}
.tbl tr:hover td{background:#fcfcfd}
.tbl td b{color:var(--p-ink);font-weight:600}
.tag{background:#f2f4f7;color:var(--p-ink2);font-weight:600;border-radius:12px}
.tag.red{background:var(--p-redbg);color:var(--p-red)}.tag.green{background:var(--p-grnbg);color:var(--p-grn)}.tag.gold{background:var(--p-ambbg);color:var(--p-amb)}
.notice{background:var(--p-redbg);border:1px solid var(--p-redln);color:var(--p-red);border-radius:8px}
.notice.success{background:var(--p-grnbg);border-color:var(--p-grnln);color:var(--p-grn)}
.progress{background:#f2f4f7}.progress div{background:var(--p-acc)}

/* Janelas */
.detail,.import-modal{border:1px solid var(--p-line);border-radius:12px;box-shadow:0 20px 48px rgba(16,24,40,.18)}
.detail-head{border-bottom:1px solid var(--p-line)}
.detail-head h2{color:var(--p-ink);font-weight:700}
.detail-head p{color:var(--p-mute)}
.d-kpi{background:#f9fafb;border:1px solid var(--p-line);border-radius:8px}
.d-label{color:var(--p-mute);font-weight:600;letter-spacing:.02em}
.d-value{color:var(--p-ink);font-weight:600}
.detail-items-title{color:var(--p-ink);font-weight:650}
.items{border:1px solid var(--p-line);border-radius:8px}
.item-line{border-bottom:1px solid var(--p-line2)}
.item-line.header{background:#f9fafb;color:var(--p-mute);font-weight:600}
.x{background:#fff;border:1px solid #d0d5dd;color:var(--p-mute);border-radius:8px}
.empty-icon{background:var(--p-accbg);color:var(--p-acc)}
.empty h3{color:var(--p-ink)}.empty p{color:var(--p-mute)}