:root{--azul:#1f4e79;--cinza:#f3f5f8;--borda:#d5dbe3;--verde:#1d7a46;--amarelo:#a66b00;--vermelho:#b42318;font-family:system-ui,Segoe UI,Arial,sans-serif;font-size:14px;color:#1b1f24}
*{box-sizing:border-box}body{margin:0;background:var(--cinza)}
header{display:flex;gap:16px;align-items:center;background:var(--azul);color:#fff;padding:10px 18px;flex-wrap:wrap}
header nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}header nav a{color:#dbe7f3;padding:6px 10px;border-radius:6px;cursor:pointer}
header nav a.ativo,header nav a:hover{background:rgba(255,255,255,.15);color:#fff}
header .link{color:#fff}
main{padding:18px;max-width:1400px;margin:auto}section[data-pagina]{display:none}section.visivel{display:block}
h2{margin-top:0}.dica{color:#5b6573}
.cartao{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:14px;margin-bottom:14px}
input,select,textarea{padding:7px 9px;border:1px solid var(--borda);border-radius:6px;font:inherit}
button{background:var(--azul);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font:inherit}
button.sec{background:#fff;color:var(--azul);border:1px solid var(--azul)}button.perigo{background:var(--vermelho)}
button.link,.link{background:none;border:0;color:var(--azul);text-decoration:underline;cursor:pointer;padding:0}
button:disabled{opacity:.5;cursor:default}
.login{display:flex;justify-content:center;align-items:center;min-height:100vh}
.login form{width:320px;display:flex;flex-direction:column;gap:10px}.login label{display:flex;flex-direction:column;gap:4px}
.erro{color:var(--vermelho);min-height:1em}
.drop{border:2px dashed var(--borda);background:#fff;border-radius:10px;padding:40px;text-align:center;margin-bottom:12px}
.drop.sobre{border-color:var(--azul);background:#eef4fb}
.inline{display:inline-flex;gap:6px;align-items:center;margin:6px 0}
.tabela{width:100%;border-collapse:collapse;background:#fff;margin-top:12px}
.tabela th,.tabela td{border-bottom:1px solid var(--borda);padding:7px 8px;text-align:left;vertical-align:top}
.tabela tr.clicavel{cursor:pointer}.tabela tr.clicavel:hover{background:#f7f9fc}
.st{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}
.st-disponivel{background:#e3f4ea;color:var(--verde)}.st-pendente{background:#fff2d6;color:var(--amarelo)}
.st-rejeitado{background:#fde4e2;color:var(--vermelho)}.st-substituido{background:#eceff3;color:#5b6573}
.st-aberto{background:#fff2d6;color:var(--amarelo)}.st-fechado{background:#e6eefa;color:var(--azul)}.st-recebido{background:#e3f4ea;color:var(--verde)}
.dividido{display:grid;grid-template-columns:340px 1fr;gap:16px}
.lista{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--borda);border-radius:8px;max-height:75vh;overflow:auto}
.lista li{padding:9px 12px;border-bottom:1px solid var(--borda);cursor:pointer}.lista li:hover,.lista li.sel{background:#eef4fb}
.lista small{display:block;color:#5b6573}
.detalhe{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:14px}
.detalhe .grade{display:grid;grid-template-columns:1fr 330px;gap:14px}
.detalhe img{width:100%;border:1px solid var(--borda);border-radius:6px;background:#fafafa}
.detalhe form{display:flex;flex-direction:column;gap:8px}.detalhe form label{display:flex;flex-direction:column;gap:3px;font-size:13px}
.botoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.badge{background:#f59e0b;color:#000;border-radius:10px;padding:0 6px;font-size:11px}.badge:empty{display:none}
.destaque{background:#fff8e1;border:1px solid #f0c36d;padding:10px;border-radius:6px;white-space:pre-wrap;word-break:break-all}
dialog{width:min(1200px,95vw);border:0;border-radius:10px;padding:18px}dialog::backdrop{background:rgba(0,0,0,.4)}
dialog .fechar{position:absolute;top:8px;right:10px;background:none;color:#333;font-size:22px}
pre{white-space:pre-wrap}.mini{font-size:12px;color:#5b6573;word-break:break-all}
@media (max-width:900px){.dividido,.detalhe .grade{grid-template-columns:1fr}}