:root{--navy:#103b5f;--blue:#1f6fe5;--green:#079b58;--bg:#f3f7fa;--line:#d7e1e9;--ink:#082b48;--muted:#647789}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:var(--ink)}.v32-public{width:min(620px,100%);margin:0 auto;padding:10px 12px 24px}.v32-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.v32-tabs a{height:62px;border:1px solid #d3dee7;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#001f39;font-size:13px;font-weight:900}.v32-tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.v32-hero{min-height:108px;background:var(--navy);color:#fff;border-radius:14px;padding:15px 17px;display:flex;align-items:center;gap:14px}.v32-hero img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.v32-hero small{font-size:10px;font-weight:900;letter-spacing:.5px}.v32-hero h1{font-size:24px;margin:4px 0}.v32-hero b{font-size:12px}.v32-card,.v32-person{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:12px}.v32-ident{text-align:center}.v32-ident h2{margin:2px 0 8px;font-size:23px}.v32-ident p{margin:0 0 14px;color:var(--muted);line-height:1.4}.v32-cpf{display:flex;gap:8px}.v32-cpf input{flex:1;min-width:0;height:50px;border:1px solid #c7d4de;border-radius:10px;padding:0 14px;font-size:17px}.v32-cpf button,.v32-primary{border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:900;padding:0 18px;min-height:50px;cursor:pointer}.v32-person{display:flex;justify-content:space-between;gap:10px;align-items:center}.v32-person span{font-size:12px;color:var(--muted)}.v32-activity{padding:16px}.v32-act-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v32-type{font-size:9px;font-weight:900;color:#1769e8;letter-spacing:.6px}.v32-act-top h3{margin:4px 0 0;font-size:18px}.v32-date{font-weight:900;background:#eef5ff;color:#175db2;padding:7px 9px;border-radius:8px;white-space:nowrap}.v32-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#5e7182;font-size:12px;margin:12px 0}.v32-status{border-radius:9px;padding:11px 12px;font-weight:900;font-size:12px}.v32-status small{display:block;margin-top:4px;font-weight:600}.v32-status.present{background:#e8f8ef;color:#087943}.v32-status.waiting{background:#fff4d6;color:#7b5700}.v32-status.locked{background:#f1f3f5;color:#667085}.v32-status.historic{background:#eef5ff;color:#245b91}.v32-training-extra{font-size:12px;margin-bottom:8px}.v32-primary{width:100%}.v32-alert{padding:12px 14px;border-radius:10px;margin-top:12px;font-weight:800;font-size:13px}.v32-alert.ok{background:#e8f8ef;color:#087943}.v32-alert.bad{background:#fdebea;color:#a42820}.v32-doc{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf1f4}.v32-doc:first-of-type{border-top:0}.v32-doc>div{flex:1}.v32-doc small{display:block;color:var(--muted);margin-top:4px}.v32-doc a{background:var(--green);color:#fff;text-decoration:none;font-weight:900;border-radius:8px;padding:10px 12px}.v32-doc>span{font-size:10px;font-weight:900;color:#667085;background:#f2f4f7;padding:7px 9px;border-radius:999px}.v32-doc>span.wait{background:#fff4d6;color:#7b5700}footer{text-align:center;color:#8798a8;font-size:10px;padding:18px 0}@media(max-width:520px){.v32-public{padding:8px}.v32-tabs a{height:54px;font-size:12px}.v32-hero{min-height:96px}.v32-hero img{width:50px;height:50px}.v32-hero h1{font-size:21px}.v32-cpf{flex-direction:column}.v32-cpf button{height:48px}.v32-person,.v32-act-top{align-items:flex-start}.v32-person{flex-direction:column}.v32-date{font-size:11px}.v32-ident{padding:16px}}
/* V33.1 — CPF confortável no celular */
@media(max-width:520px){
 .v32-ident{padding:16px 14px!important}
 .v32-cpf{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:8px!important;width:100%!important;align-items:stretch!important}
 .v32-cpf input{width:100%!important;min-width:0!important;height:54px!important;font-size:18px!important;padding:0 14px!important}
 .v32-cpf button{width:118px!important;height:54px!important;min-height:54px!important;padding:0 10px!important;font-size:12px!important}
}
@media(max-width:380px){.v32-cpf{grid-template-columns:1fr!important}.v32-cpf button{width:100%!important}}
