/* Painel Verona: tokens do Guia de Identidade (azul, laranja com texto azul, Montserrat, raio 4 px) */
:root{--azul:#141149;--azul-2:#23275F;--laranja:#FFA00E;--fundo:#F4F5F8;--fio:#DDE0EA;--apoio:#4C4E6E;--veu:#FFF1DB;--erro:#B42318;--ok:#15803D;--raio:4px;--fonte:'Montserrat',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--fundo);color:var(--azul);font:400 15px/1.5 var(--fonte)}
a{color:inherit}
.painel{display:grid;grid-template-columns:224px 1fr;min-height:100vh}
.menu{background:var(--azul);color:#fff;display:flex;flex-direction:column;gap:.2rem;padding:1.2rem .8rem;position:sticky;top:0;height:100vh}
.menu .marca{margin:0 .4rem 1.4rem}
.menu a,.menu .sair{display:flex;gap:.6rem;align-items:center;padding:.6rem .7rem;border-radius:var(--raio);text-decoration:none;font-weight:600;font-size:.9rem;color:#fff;background:none;border:0;font-family:inherit;cursor:pointer;width:100%;text-align:left}
.menu a:hover,.menu .sair:hover{background:var(--azul-2)}
.menu a[aria-current]{background:var(--laranja);color:var(--azul)}
.menu form{margin-top:auto}
.area{min-width:0}
.cab{display:flex;align-items:center;gap:1rem;padding:1rem 1.6rem;background:#fff;border-bottom:1px solid var(--fio);flex-wrap:wrap}
.cab h1{font-size:1.25rem;margin-right:auto}
.cab .alerta{background:var(--veu);padding:.35rem .6rem;border-radius:var(--raio);font-size:.82rem;font-weight:600;text-decoration:none}
.cab select,.campo,input,select,textarea{font:500 .9rem var(--fonte);color:var(--azul);border:1px solid var(--fio);border-radius:var(--raio);padding:.5rem .6rem;background:#fff}
.cab .quem{font-size:.85rem;color:var(--apoio)}
.conteudo{padding:1.6rem}
.btn{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.5rem 1rem;border-radius:var(--raio);border:2px solid transparent;font:700 .88rem var(--fonte);cursor:pointer;text-decoration:none}
.btn-laranja{background:var(--laranja);color:var(--azul)}
.btn-azul{background:var(--azul);color:#fff}
.btn-contorno{background:#fff;color:var(--azul);border-color:var(--azul)}
.btn-perigo{background:#fff;color:var(--erro);border-color:var(--erro)}
.barra{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}
.barra label{display:grid;gap:.2rem;font-size:.78rem;font-weight:600;color:var(--apoio)}
.tabela{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--raio);overflow:hidden}
.tabela th,.tabela td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--fio);font-size:.86rem;vertical-align:middle}
.tabela th{background:var(--azul);color:#fff;font-weight:600}
.tabela tr.destaque td{background:var(--veu)}
.tabela img{width:44px;height:44px;object-fit:contain;background:#F3F3F3;border-radius:2px}
.selo{display:inline-block;padding:.1rem .45rem;border-radius:2px;font-size:.75rem;font-weight:700;background:var(--fundo)}
.selo.novo{background:var(--laranja)}.selo.em_atendimento{background:var(--azul);color:#fff}.selo.vendido{background:#DCFCE7;color:#14532D}.selo.nao_vendido,.selo.nao_chegou{background:#F1F2F6;color:var(--apoio)}
.erro{background:#FEE4E2;color:var(--erro);padding:.6rem .8rem;border-radius:var(--raio);margin-bottom:1rem;font-weight:600}
.ok{background:#DCFCE7;color:#14532D;padding:.6rem .8rem;border-radius:var(--raio);margin-bottom:1rem;font-weight:600}
.cartao{background:#fff;border-radius:var(--raio);padding:1.2rem;margin-bottom:1rem}
.cartao h2{font-size:1rem;margin-bottom:.8rem}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form label{display:grid;gap:.25rem;font-size:.8rem;font-weight:600;color:var(--apoio);margin-bottom:.8rem}
.form input,.form select,.form textarea{width:100%}
.tela-login{display:grid;place-items:center;min-height:100vh}
.login{background:#fff;padding:2rem;border-radius:var(--raio);width:min(360px,92vw);display:grid;gap:1rem}
.login h1{font-size:1.2rem}.login form{display:grid;gap:.8rem}.login label{display:grid;gap:.25rem;font-size:.8rem;font-weight:600}
@media(max-width:860px){.painel{grid-template-columns:1fr}.menu{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:.6rem}.menu .marca{display:none}.menu a,.menu .sair{width:auto;padding:.45rem .6rem;font-size:.8rem}.menu form{margin:0}.conteudo{padding:1rem}.grade2{grid-template-columns:1fr}.tabela{display:block;overflow-x:auto}}