/* Ferramenta interna: padrão PaceUI (borda em vez de sombra, cinza neutro, a cor
   não navega). O visual comercial da Norah vive no deck, não aqui. */
@font-face{font-family:Poppins;font-weight:400;src:url(fontes/p400.woff2) format('woff2');font-display:swap}
@font-face{font-family:Poppins;font-weight:500;src:url(fontes/p500.woff2) format('woff2');font-display:swap}
@font-face{font-family:Poppins;font-weight:600;src:url(fontes/p600.woff2) format('woff2');font-display:swap}
@font-face{font-family:Poppins;font-weight:700;src:url(fontes/p700.woff2) format('woff2');font-display:swap}

:root{--tinta:#1B2130;--tinta2:#5D6577;--linha:#E2E5EC;--fundo:#F7F8FA;--acao:#1F5BE0;--erro:#B4231C;--ok:#166534}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,'Segoe UI',sans-serif;background:var(--fundo);color:var(--tinta);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--acao)}

.topo{background:#fff;border-bottom:1px solid var(--linha);padding:16px 24px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:5}
.topo img{height:22px}
.topo h1{font-size:15px;font-weight:600;letter-spacing:-.01em}
.topo .esp{flex:1}
.topo .st{font-size:12.5px;color:var(--tinta2)}
.topo .st b{font-weight:600;color:var(--tinta)}

.folha{max-width:940px;margin:26px auto 80px;padding:0 20px;display:grid;gap:18px}
.bloco{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:22px 24px}
.bloco > h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta2);margin-bottom:18px}
.linha{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.linha.tres{grid-template-columns:1.4fr 1fr 1fr}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo label{font-size:13px;font-weight:500}
.campo .dica{font-size:12px;color:var(--tinta2)}
input[type=text],input[type=number],input[type=url],input[type=password],textarea,select{
  font-family:inherit;font-size:14.5px;color:var(--tinta);background:#fff;border:1px solid var(--linha);
  border-radius:9px;padding:10px 12px;width:100%}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(31,91,224,.25);outline-offset:0;border-color:var(--acao)}
textarea{resize:vertical;min-height:70px;line-height:1.55}

.btn{font-family:inherit;font-size:14px;font-weight:500;border-radius:9px;padding:11px 18px;cursor:pointer;border:1px solid var(--linha);background:#fff;color:var(--tinta)}
.btn:hover{background:#F2F4F8}
.btn.forte{background:var(--acao);border-color:var(--acao);color:#fff}
.btn.forte:hover{background:#1a4ec4}
.btn[disabled]{opacity:.55;cursor:default}
.acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.acoes .esp{flex:1}

/* busca de segmento */
.busca{position:relative}
.lista{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--linha);
  border-radius:10px;max-height:260px;overflow:auto;z-index:10;display:none}
.lista.aberta{display:block}
.lista div{padding:9px 12px;font-size:14px;cursor:pointer}
.lista div:hover,.lista div.sel{background:#F2F4F8}
.lista .vazio{color:var(--tinta2);cursor:default}

/* logo e cores */
.logoCaixa{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}
.alvo{border:1px dashed var(--linha);border-radius:10px;height:120px;display:flex;align-items:center;justify-content:center;
  background:#fff;cursor:pointer;overflow:hidden;padding:10px;text-align:center;font-size:12.5px;color:var(--tinta2)}
.alvo.escuro{background:#162859}
.alvo img{max-width:100%;max-height:100%;object-fit:contain}
.cores{display:flex;gap:14px;flex-wrap:wrap}
.cor{display:flex;align-items:center;gap:9px;font-size:13px}
.cor input[type=color]{width:42px;height:34px;padding:0;border:1px solid var(--linha);border-radius:8px;background:#fff;cursor:pointer}
.marcar{display:flex;align-items:center;gap:8px;font-size:13.5px}

/* resultado da pesquisa */
.selo{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;border-radius:999px;padding:5px 11px;border:1px solid var(--linha);color:var(--tinta2)}
.selo.bom{color:var(--ok);border-color:#BBE3C6;background:#F2FBF5}
.selo.ruim{color:#8A5A00;border-color:#EDD9A8;background:#FDF8EC}
.dores{display:grid;gap:12px}
.dor{display:grid;grid-template-columns:230px 1fr;gap:12px}
.aviso{font-size:13px;color:#8A5A00;background:#FDF8EC;border:1px solid #EDD9A8;border-radius:9px;padding:11px 13px}
.erro{font-size:13px;color:var(--erro);background:#FDF2F1;border:1px solid #F0C8C4;border-radius:9px;padding:11px 13px}
.somente{display:none}
.somente.ver{display:block}

/* recentes */
.recentes{display:grid;gap:8px}
.rec{display:flex;align-items:center;gap:12px;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:9px;background:#fff}
.rec b{font-weight:600}
.rec span{color:var(--tinta2);font-size:12.5px}
.rec .esp{flex:1}

/* entrar */
.entrar{max-width:340px;margin:14vh auto;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:26px}
.entrar h1{font-size:17px;font-weight:600;margin-bottom:6px}
.entrar p{font-size:13.5px;color:var(--tinta2);margin-bottom:18px}
.entrar form{display:grid;gap:12px}

/* tabela do registro */
.tab{width:100%;border-collapse:collapse;font-size:13.5px}
.tab td{padding:9px 10px;border-top:1px solid var(--linha);vertical-align:top}
.tab tr:first-child td{border-top:0}
.tab .col-q{color:var(--tinta2);white-space:nowrap;width:110px}
.tab .col-n{font-weight:600;white-space:nowrap;width:100px}
.tab .col-a{white-space:nowrap;width:170px;color:var(--tinta2)}