/* Lastro — portal do corretor. Pensado para iPad (toque, Apple Pencil) e desktop. */
:root{
  --fundo:#F3F1EC; --papel:#FFFFFF; --texto:#1F2933;
  --suave:rgba(31,41,51,.66); --tenue:rgba(31,41,51,.44); --linha:rgba(31,41,51,.14);
  --tinta:#1B2A3A; --tinta-clara:#2E4457; --cobre:#B86A3C; --cobre-escuro:#8F4E27;
  --salvia:#4F8A68; --vermelho:#B5473E; --azul:#3A6EA5; --ambar:#C98B1E;
  --raio:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;margin:0 0 .5rem;letter-spacing:-.01em;color:var(--tinta)}
h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.1rem}
p{margin:0 0 .8rem}
table{border-collapse:collapse;width:100%}
th,td{padding:.65rem .7rem;text-align:left;border-bottom:1px solid var(--linha);font-size:.92rem;vertical-align:middle}
th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);font-weight:600}
tr.clicavel{cursor:pointer}tr.clicavel:hover{background:rgba(27,42,58,.04)}
input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{width:100%;padding:.7rem .8rem;min-height:46px;border:1px solid var(--linha);border-radius:10px;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cobre);outline-offset:1px;border-color:transparent}
textarea{min-height:110px;resize:vertical}
label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:var(--suave)}
.campo{margin-bottom:.95rem}
.linha2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.linha3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem}
.linha4{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
@media (max-width:760px){.linha2,.linha3,.linha4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.linha2,.linha3,.linha4{grid-template-columns:1fr}}
[hidden]{display:none!important}

.pbar{background:var(--tinta);color:#fff;position:sticky;top:0;z-index:20}
.pbar-in{max-width:1180px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.2rem;gap:1rem;flex-wrap:wrap}
.pbar-marca{font-family:"DM Serif Display",serif;font-size:1.15rem;letter-spacing:.08em;display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none}
.pbar-badge{font-family:"DM Sans",sans-serif;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);padding:.25rem .6rem;border-radius:999px;font-weight:700}
.pbar-user{display:flex;align-items:center;gap:1rem;font-size:.86rem;color:rgba(255,255,255,.78)}
.pbar-sair{color:#fff;font-weight:600;text-decoration:none;opacity:.8}.pbar-sair:hover{opacity:1}
@media (max-width:600px){.pbar-nome{display:none}}

.pnav{background:var(--papel);border-bottom:1px solid var(--linha);position:sticky;top:58px;z-index:19}
.pnav-in{max-width:1180px;margin-inline:auto;display:flex;gap:.2rem;padding:0 1.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pnav a{display:inline-block;padding:.9rem .95rem;font-size:.9rem;color:var(--suave);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;font-weight:500}
.pnav a.on{color:var(--tinta);border-color:var(--cobre);font-weight:700}

.pwrap{max-width:1180px;margin-inline:auto;padding:1.6rem 1.2rem 4rem}
.pcard{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:1.4rem;margin-bottom:1.2rem}
.pcard h2{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.pgrid{display:grid;gap:1.1rem}
.pgrid-2{grid-template-columns:1fr 1fr}.pgrid-3{grid-template-columns:repeat(3,1fr)}.pgrid-4{grid-template-columns:repeat(4,1fr)}
.pgrid-21{grid-template-columns:2fr 1fr}
@media (max-width:900px){.pgrid-3,.pgrid-4{grid-template-columns:1fr 1fr}.pgrid-21{grid-template-columns:1fr}}
@media (max-width:600px){.pgrid-2,.pgrid-3,.pgrid-4{grid-template-columns:1fr}}

.kpi{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:1.1rem 1.2rem;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cobre)}
.kpi b{display:block;font-family:"DM Serif Display",serif;font-size:1.9rem;font-weight:400;color:var(--tinta);line-height:1.1}
.kpi span{font-size:.76rem;color:var(--tenue);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.kpi small{display:block;color:var(--suave);font-size:.8rem;margin-top:.3rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.2rem;min-height:44px;border-radius:999px;border:1px solid var(--cobre);background:var(--cobre);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.btn:hover{background:var(--cobre-escuro);border-color:var(--cobre-escuro)}
.btn.linha{background:transparent;color:var(--cobre-escuro)}.btn.linha:hover{background:rgba(184,106,60,.1)}
.btn.tinta{background:var(--tinta);border-color:var(--tinta)}.btn.tinta:hover{background:var(--tinta-clara)}
.btn.cinza{background:#fff;color:var(--texto);border-color:var(--linha)}.btn.cinza:hover{background:var(--fundo)}
.btn.perigo{background:transparent;color:var(--vermelho);border-color:rgba(181,71,62,.4)}
.btn.pequeno{padding:.4rem .85rem;min-height:34px;font-size:.8rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.acoes{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}

.pill{display:inline-block;padding:.24rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.pill.rascunho{background:rgba(201,139,30,.16);color:#8A5E0F}
.pill.coletada{background:rgba(58,110,165,.14);color:var(--azul)}
.pill.enviada{background:rgba(184,106,60,.14);color:var(--cobre-escuro)}
.pill.emitida{background:rgba(79,138,104,.16);color:#2F6B4C}
.pill.recusada{background:rgba(31,41,51,.1);color:var(--tenue)}
.pill.novo{background:rgba(181,71,62,.12);color:var(--vermelho)}

.flash{padding:.85rem 1.1rem;border-radius:10px;margin-bottom:1.1rem;font-size:.92rem}
.flash.ok{background:rgba(79,138,104,.14);color:#2F6B4C}
.flash.erro{background:rgba(181,71,62,.12);color:var(--vermelho)}
.vazio{padding:2.2rem;text-align:center;color:var(--tenue)}
.dica{font-size:.84rem;color:var(--tenue);margin-top:.5rem}
.sep{border:none;border-top:1px solid var(--linha);margin:1.1rem 0}
.mono{font-variant-numeric:tabular-nums}
.muted{color:var(--tenue)}
.direita{text-align:right}

.lista{list-style:none;margin:0;padding:0}
.lista li{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--linha)}
.lista li:last-child{border-bottom:none}
.lista .cresce{flex:1;min-width:0}
.lista .titulo{font-weight:600;display:block}
.lista .sub{font-size:.82rem;color:var(--tenue)}
.lista .atrasada .sub{color:var(--vermelho)}
.check{width:26px;height:26px;min-height:0;padding:0;border-radius:8px;border:2px solid var(--linha);background:#fff;cursor:pointer;flex-shrink:0;display:grid;place-items:center;color:#fff}
.check.feita{background:var(--salvia);border-color:var(--salvia)}

.filtros{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.filtros input,.filtros select{width:auto;min-width:200px}
.filtros .chip{display:inline-flex;align-items:center;min-height:38px;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--linha);background:#fff;font-size:.84rem;text-decoration:none;font-weight:500}
.filtros .chip.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}

.centro-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.4rem;background:linear-gradient(160deg,var(--tinta) 0 48%,var(--fundo) 48%)}
.login-box{width:100%;max-width:400px;background:var(--papel);border-radius:18px;padding:2.3rem;box-shadow:0 30px 60px rgba(27,42,58,.25)}
.login-box .pbar-marca{justify-content:center;font-size:1.5rem;margin-bottom:.3rem;color:var(--tinta)}
.login-sub{text-align:center;color:var(--tenue);font-size:.86rem;margin-bottom:1.6rem}
.login-demo{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--linha);font-size:.8rem;color:var(--tenue);line-height:1.7}
.login-demo code{background:var(--fundo);padding:.1rem .4rem;border-radius:4px;color:var(--texto)}

.linha-tempo{list-style:none;margin:0;padding:0 0 0 1rem;border-left:2px solid var(--linha)}
.linha-tempo li{position:relative;padding:0 0 .9rem 1rem;font-size:.88rem}
.linha-tempo li::before{content:"";position:absolute;left:-1.45rem;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--cobre)}
.linha-tempo time{display:block;font-size:.76rem;color:var(--tenue)}

.perfil-preview{border:1px solid var(--linha);border-radius:var(--raio);padding:1.4rem;background:var(--tinta);color:#fff}
.perfil-preview h3{color:#fff;font-size:1.5rem;margin-bottom:.1rem}
.perfil-preview p{color:rgba(255,255,255,.78);font-size:.9rem}

@media print{
  .pbar,.pnav,.no-print{display:none!important}
  body{background:#fff}
  .pwrap{padding:0;max-width:none}
}