:root{
    --tinta:#131F33; --tinta-2:#1B2A41; --tinta-3:#24344F;
    --latao:#C8963E; --cal:#F5F2EC; --cinza:#8B94A3; --linha:#2E3D57;
    --ok:#4CA97A; --ruim:#C05B4D;
  }
  *{box-sizing:border-box; margin:0; padding:0}
  body{background:var(--tinta); color:var(--cal); font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif; min-height:100vh}
  .oculta{display:none !important}
  header{display:flex; align-items:center; justify-content:space-between; padding:14px 22px; border-bottom:1px solid var(--linha)}
  .marca{font-weight:900; font-size:18px; letter-spacing:.05em}
  .ai{color:var(--latao)}
  .tag-admin{font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--cinza); margin-left:8px}
  button{cursor:pointer; border:0; font:inherit; color:inherit; background:none}
  .sair{color:var(--cinza); font-size:12.5px; font-weight:700}
  main{max-width:1080px; margin:0 auto; padding:18px 22px 60px}
  .abas{display:flex; gap:8px; margin:6px 0 18px}
  .abas button{padding:9px 16px; border-radius:9px; font-weight:800; font-size:13px; color:var(--cinza); background:var(--tinta-2)}
  .abas button.on{color:#161309; background:var(--latao)}
  .kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px}
  .kpi{background:var(--tinta-2); border:1px solid var(--linha); border-radius:12px; padding:14px}
  .kpi .rot{font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--cinza)}
  .kpi .val{font-size:24px; font-weight:900; margin-top:4px}
  .kpi .val small{font-size:12px; color:var(--cinza); font-weight:700}
  .busca{width:100%; max-width:380px; padding:10px 12px; border-radius:9px; border:1px solid var(--linha); background:var(--tinta-2); color:var(--cal); margin-bottom:12px}
  table{width:100%; border-collapse:collapse; background:var(--tinta-2); border-radius:12px; overflow:hidden}
  th,td{padding:9px 11px; text-align:left; font-size:12.5px; border-bottom:1px solid rgba(255,255,255,.05)}
  th{font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:var(--cinza); background:var(--tinta-3)}
  tbody tr{cursor:pointer}
  tbody tr:hover{background:rgba(200,150,62,.07)}
  .pill{display:inline-block; padding:2px 9px; border-radius:99px; font-size:11px; font-weight:800}
  .p-gratis{background:rgba(139,148,163,.18); color:var(--cinza)}
  .p-basico{background:rgba(200,150,62,.18); color:var(--latao)}
  .p-ilimitado{background:rgba(76,169,122,.18); color:var(--ok)}
  .p-off{background:rgba(192,91,77,.2); color:var(--ruim)}
  .aviso{position:fixed; left:50%; bottom:26px; transform:translateX(-50%); background:var(--tinta-3); border:1px solid var(--linha); padding:11px 18px; border-radius:10px; font-size:13px; z-index:60; max-width:90vw}
  /* login */
  #vLogin{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px}
  .cartao{background:var(--tinta-2); border:1px solid var(--linha); border-radius:14px; padding:26px; width:100%; max-width:360px}
  .cartao h2{margin:10px 0 16px; font-size:18px}
  .campo{margin-bottom:12px}
  .campo label{display:block; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--cinza); margin-bottom:5px}
  .campo input{width:100%; padding:11px; border-radius:9px; border:1px solid var(--linha); background:var(--tinta); color:var(--cal)}
  .primario{width:100%; padding:13px; border-radius:10px; background:var(--latao); color:#161309; font-weight:900; letter-spacing:.05em; text-transform:uppercase; font-size:13px}
  /* detalhe */
  #vDetalhe{position:fixed; inset:0; z-index:50; background:rgba(7,12,20,.86); display:flex; align-items:flex-start; justify-content:center; padding:24px; overflow-y:auto}
  #vDetalhe .cartao{max-width:640px; margin:auto 0}
  .topo-modal{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px}
  .modal-titulo{font-size:16px}
  .fechar-x{width:36px; height:36px; border-radius:9px; background:rgba(255,255,255,.08); font-size:16px; font-weight:700}
  .sec{font-size:10.5px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; color:var(--latao); margin:16px 0 7px; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:4px}
  .linha-info{display:flex; justify-content:space-between; gap:12px; padding:3px 0; font-size:13px}
  .linha-info span:first-child{color:var(--cinza)}
  .total-linha{margin-top:8px; font-weight:800}
  .ruim{color:var(--ruim)}
  .acoes{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
  .acoes select{padding:9px; border-radius:8px; background:var(--tinta); color:var(--cal); border:1px solid var(--linha)}
  .acoes button{padding:9px 14px; border-radius:8px; font-weight:800; font-size:12.5px; background:var(--tinta-3); border:1px solid var(--linha)}
  .acoes button.dourado{background:var(--latao); color:#161309; border:0}
  .acoes button.vermelho{color:var(--ruim); border-color:rgba(192,91,77,.4)}
  .mini{font-size:11.5px; color:var(--cinza)}
  .zap{color:var(--ok); text-decoration:none; font-weight:700}
  .canal-aviso{
    border-radius:12px; padding:12px 14px; margin-bottom:14px;
    font-size:13px; line-height:1.45; border:1px solid;
  }
  .canal-aviso.bom{background:rgba(76,169,122,.12); border-color:rgba(76,169,122,.45); color:var(--ok)}
  .canal-aviso.ruim{background:rgba(192,91,77,.14); border-color:rgba(192,91,77,.5); color:var(--ruim)}
  .canal-aviso b{color:inherit}
  .ver-orc{margin-left:8px; padding:2px 9px; border-radius:7px; background:var(--tinta-3); border:1px solid var(--linha); font-size:11px; font-weight:800; color:var(--latao)}
  #vOrcamento{position:fixed; inset:0; z-index:55; background:rgba(7,12,20,.9); display:flex; align-items:flex-start; justify-content:center; padding:24px; overflow-y:auto}
  #vOrcamento .cartao{max-width:640px; margin:auto 0}
  .transcricao{
    background:var(--tinta); border:1px solid var(--linha); border-radius:9px;
    padding:11px 13px; font-size:13px; line-height:1.5; white-space:pre-wrap;
    max-height:230px; overflow-y:auto; color:#DCD8D0;
  }