:root{--primary:#009EF7;--success:#50CD89;--danger:#F1416C;--warning:#FFC700;--info:#7239EA;--dark:#181C32;--g100:#F5F8FA;--g200:#EFF2F5;--g300:#E4E6EF;--g500:#A1A5B7;--g600:#7E8299;--aside:#1E1E2D;--lime:#C8E023;--r:.475rem}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,Helvetica,sans-serif;font-size:13px;color:var(--dark);background:var(--g100)}
a{color:var(--primary);text-decoration:none}
h1{font-size:20px;font-weight:600;margin:0}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600;margin:0 0 12px}
.muted{color:var(--g600)}.pequeno{font-size:11px}.centro{text-align:center;padding:30px!important}
code{background:var(--g100);border-radius:4px;padding:1px 6px;font-size:12px}
/* aside */
.aside{position:fixed;inset:0 auto 0 0;width:220px;background:var(--aside);color:#fff;display:flex;flex-direction:column}
.marca{font-weight:800;font-size:22px;line-height:.9;padding:26px 24px}.marca small{display:block;font-size:11px;font-weight:500;color:var(--lime);margin-top:8px;letter-spacing:1px;text-transform:uppercase}
.aside-menu{display:flex;flex-direction:column;padding:0 12px;gap:2px;flex:1}
.aside-menu a{display:flex;align-items:center;gap:12px;color:#9899AC;padding:10px 12px;border-radius:var(--r);font-weight:500}
.aside-menu a:hover,.aside-menu a.ativo{background:#1B1B28;color:#fff}.aside-menu a.ativo svg{color:var(--primary)}
.aside-rodape{padding:16px 24px;border-top:1px solid #2B2B40;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#9899AC}.aside-rodape a{color:#9899AC;display:flex;align-items:center;gap:6px}
.com-menu .conteudo{margin-left:220px;padding:28px 32px;max-width:1300px}
@media(max-width:800px){.aside{position:static;width:auto;flex-direction:row;align-items:center}.aside-menu{flex-direction:row}.aside-menu span{display:none}.aside-rodape{display:none}.com-menu .conteudo{margin:0;padding:16px}}
/* comuns */
.cab{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:12px}
.card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);box-shadow:0 0 20px 0 rgba(76,87,125,.02);padding:22px;margin-bottom:18px}
.card-cab{display:flex;justify-content:space-between;margin-bottom:12px}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--r);padding:10px 18px;font:600 13px Poppins;cursor:pointer;background:var(--g200);color:var(--dark)}
.btn-primario{background:var(--primary);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}
input,select{font:13px Poppins;border:1px solid var(--g300);border-radius:var(--r);padding:10px 12px;background:#fff;color:var(--dark)}
input:focus,select:focus{outline:none;border-color:var(--primary)}
label{display:block;font-weight:500;margin:14px 0 6px}
.alerta{border-radius:var(--r);padding:12px 16px;margin-bottom:16px;font-weight:500}.alerta-ok{background:#E8FFF3;color:#0BB783}.alerta-erro{background:#FFF5F8;color:var(--danger)}
/* login */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.login .card{width:100%;max-width:400px;padding:36px}.login input{width:100%}.login button{width:100%;justify-content:center;margin-top:20px}
.marca-login{font-weight:800;font-size:28px;line-height:.85;margin-bottom:18px}
/* filtros e tabela */
.filtros{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}
.filtros a{background:#fff;border:1px solid var(--g200);border-radius:20px;padding:6px 14px;color:var(--g600);font-weight:500}
.filtros a b{color:var(--dark);margin-left:4px}.filtros a.ativo{background:var(--dark);color:#fff;border-color:var(--dark)}.filtros a.ativo b{color:var(--lime)}
.busca{margin-left:auto}.busca input{width:240px}
.tabela-card{padding:0;overflow-x:auto}
.tabela{width:100%;border-collapse:collapse}
.tabela th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--g500);font-weight:600;padding:14px 18px;border-bottom:1px solid var(--g200)}
.tabela td{padding:14px 18px;border-bottom:1px dashed var(--g200);vertical-align:middle}
.tabela tr:hover td{background:#FCFCFD}
.empresa{font-weight:600;color:var(--dark);display:block}.empresa:hover{color:var(--primary)}.tabela small{color:var(--g500)}
.etapas{white-space:nowrap}
.etapa{display:inline-flex;width:34px;height:34px;border-radius:var(--r);align-items:center;justify-content:center;margin-right:6px;vertical-align:middle}
.etapa-nao{background:var(--g100);color:var(--g500)}
.etapa-producao,.etapa-auditar{background:#FFF8DD;color:#E0A800}
.etapa-aprovado{background:#E8FFF3;color:#0BB783}
.legenda{color:var(--g600);font-size:12px;display:flex;align-items:center;gap:6px}.legenda .etapa{width:14px;height:14px;margin:0 2px 0 12px;border:1.5px solid currentColor}
.legenda .etapa-nao{color:var(--g500)}.legenda .etapa-producao{color:#E0A800}.legenda .etapa-aprovado{color:#0BB783}
.nota{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-weight:700}
.nota-A{background:#E8FFF3;color:#0BB783}.nota-B{background:#FFF8DD;color:#E0A800}.nota-C{background:var(--g100);color:var(--g600)}
.cab .nota{width:40px;height:40px;font-size:16px}
.form-status select{width:100%;font-weight:600}.form-status.compacto select{width:auto;padding:6px 10px;font-size:12px}
.st-novo{color:var(--primary)}.st-diagnostico{color:var(--info)}.st-enviada{color:#E0A800}.st-negociacao{color:#E0A800}.st-ganho{color:#0BB783}.st-perdido{color:var(--danger)}
/* cliente */
.link-voltar{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-bottom:6px}
.abas{display:flex;gap:4px;border-bottom:1px solid var(--g200);margin-bottom:18px}
.abas a{display:flex;align-items:center;gap:8px;padding:10px 16px 12px;color:var(--g600);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}
.abas a.ativo{color:var(--dark);border-color:var(--primary)}.abas .etapa{width:28px;height:28px;margin:0}
.grade-cliente{display:grid;grid-template-columns:1fr 300px;gap:18px}@media(max-width:1000px){.grade-cliente{grid-template-columns:1fr}}
.dados{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:0}.dados dt{color:var(--g500)}.dados dd{margin:0;font-weight:500}
.hist{list-style:none;padding:0;margin:0}.hist li{padding:8px 0;border-bottom:1px dashed var(--g200)}.hist span{display:block;font-size:11px;color:var(--g500)}
.vazio{text-align:center;padding:50px 22px;color:var(--g500)}.vazio h2{color:var(--dark);margin:14px 0 6px}
.form-linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
/* briefing renderizado */
.md-h1{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin:22px 0 6px}
.md-h2{font-size:14px;margin:18px 0 8px;padding-top:12px;border-top:1px solid var(--g200)}
.md-campo{display:grid;grid-template-columns:260px 1fr;gap:12px;padding:6px 0;border-bottom:1px dashed var(--g200)}
.md-campo span{color:var(--g600)}.md-campo b{font-weight:500}
@media(max-width:700px){.md-campo{grid-template-columns:1fr;gap:2px}}
.md-nota{background:#F8F5FF;color:var(--info);border-radius:var(--r);padding:8px 12px;margin:4px 0}
.md p{margin:4px 0}

/* fase 2: raio-x, auditoria e arquivos */
.grade-cliente.larga{grid-template-columns:1fr}.grade-cliente.larga>div:last-child{display:none}
.acoes{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.acoes form{margin:0}
.btn-verde{background:var(--success);color:#fff}.btn-sutil{background:transparent;color:var(--danger)}
.selo{display:inline-block;font-size:11px;font-weight:600;border-radius:20px;padding:2px 10px;background:var(--g100);color:var(--g600)}
.selo-ok{background:#E8FFF3;color:#0BB783}.selo-aud{background:#FFF8DD;color:#E0A800}
.contador{background:var(--g200);border-radius:10px;padding:0 7px;font-size:11px;margin-left:2px}
.auditoria{display:grid;grid-template-columns:minmax(380px,1fr) 1.15fr;gap:18px;align-items:start}
@media(max-width:1200px){.auditoria{grid-template-columns:1fr}}
.previa{position:sticky;top:16px}.previa iframe{width:100%;height:78vh;border:1px solid var(--g200);border-radius:var(--r);background:#555}
.previa-arquivo iframe{width:100%;height:80vh;border:0}.previa-arquivo img{max-width:100%}
#editor{max-height:70vh;overflow:auto;padding-right:6px}
.ed-pag{border:1px solid var(--g200);border-radius:var(--r);margin-bottom:8px;padding:0 14px}
.ed-pag summary{cursor:pointer;padding:12px 0;font-weight:600}.ed-pag summary small{color:var(--g500);font-weight:400}
.ed-pag[open]{padding-bottom:12px}
.ed-campo{display:block;margin:8px 0}.ed-campo span{display:block;font-size:11px;color:var(--g600);margin-bottom:3px;font-weight:500}
.ed-campo input,.ed-campo textarea{width:100%;font:12.5px Poppins;border:1px solid var(--g300);border-radius:var(--r);padding:8px 10px}
.ed-tec span{color:#B5B5C3}.ed-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin:0}
.ed-lista,.ed-sub{border-left:3px solid var(--g200);padding-left:10px;margin:10px 0}
.ed-lista-tit{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:4px}
.ed-item{background:var(--g100);border-radius:var(--r);padding:6px 10px;margin-bottom:6px;position:relative}
.ed-rem,.ed-add{font:600 11px Poppins;border:0;background:none;cursor:pointer;padding:4px 0}.ed-rem{color:var(--danger)}.ed-add{color:var(--primary)}
.salvar-fixo{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}
#aviso-salvar{display:none;color:#E0A800;font-weight:600;font-size:12px}#aviso-salvar.mostrar{display:inline}