:root{--navy:#071b2a;--navy-2:#10364f;--orange:#ff8a00;--surface:#f2f6f9;--white:#fff;--ink:#102b3d;--muted:#687b88;--line:#d6e1e8;--green:#178453;--red:#b52c2c;--shadow:0 24px 60px rgba(5,28,44,.13)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:var(--surface);color:var(--ink);font:15px/1.5 "DM Sans",sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}.eyebrow{margin:0 0 .6rem;color:var(--orange);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.alert{padding:.75rem .9rem;border:1px solid #f1b6b6;border-radius:.65rem;background:#fff3f3;color:#8d2020}.login-shell{min-height:100vh;padding:1.25rem;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,rgba(255,138,0,.18),transparent 25%),linear-gradient(145deg,#061824,#10364f)}.login-card{width:min(28rem,100%);padding:2.5rem;border-radius:1.5rem;background:var(--white);box-shadow:var(--shadow)}.login-card img{width:16rem;max-width:80%;margin-bottom:2rem;filter:brightness(.25)}.login-card h1,.overview h1{margin:0;font:800 2rem/1.1 "Manrope",sans-serif;letter-spacing:-.04em}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card form{display:grid;gap:.65rem;margin:1.5rem 0}.login-card label,.toolbar span,.update-form label{font-size:.8rem;font-weight:700}.login-card input,.toolbar input,.toolbar select,.update-form select,.update-form textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:#fbfdfe;color:var(--ink);outline:0}.login-card input:focus,.toolbar input:focus,.toolbar select:focus,.update-form select:focus,.update-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,0,.13)}.login-card button,.update-form button{min-height:3rem;border:0;border-radius:.7rem;background:var(--orange);color:#fff;font-weight:800}.login-card>a{color:var(--navy-2);font-weight:700;text-decoration:none}.topbar{height:5rem;padding:0 clamp(1rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:1.3rem}.brand img{width:15rem;max-width:55vw}.brand span{padding-left:1.3rem;border-left:1px solid rgba(255,255,255,.25);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.button-secondary{padding:.7rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;color:var(--navy-2);font-weight:800}.topbar .button-secondary{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.workspace{width:min(76rem,100%);margin:auto;padding:clamp(1.5rem,4vw,3.5rem)}.overview{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.overview>div>p:last-child{margin:.6rem 0 0;color:var(--muted)}.metric{min-width:8rem;padding:1rem 1.25rem;border-radius:1rem;background:#fff;box-shadow:0 12px 30px rgba(5,28,44,.08)}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:.75rem;font-weight:700}.metric strong{font:800 2rem "Manrope",sans-serif;color:var(--orange)}.toolbar{margin:2rem 0 1rem;padding:1rem;display:grid;grid-template-columns:2fr 1fr auto;gap:.8rem;align-items:end;border:1px solid var(--line);border-radius:1rem;background:#fff}.toolbar label{display:grid;gap:.35rem}.lead-list{display:grid;gap:.75rem}.lead-card{width:100%;padding:1rem 1.15rem;display:grid;grid-template-columns:minmax(15rem,2fr) repeat(3,minmax(7rem,1fr)) auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:.9rem;background:#fff;color:inherit;text-align:left;box-shadow:0 8px 20px rgba(5,28,44,.04)}.lead-card:hover{border-color:#f3b66b;transform:translateY(-1px)}.lead-card.is-unread{border-left:4px solid var(--orange)}.lead-card strong,.lead-card span{display:block}.lead-card small{color:var(--muted)}.lead-card .cell-label{margin-bottom:.15rem;color:var(--muted);font-size:.67rem;text-transform:uppercase}.status-badge{display:inline-block!important;width:max-content;padding:.35rem .55rem;border-radius:999px;background:#e8f0f5;color:#31566e;font-size:.7rem!important;font-weight:800}.status-badge[data-status="convertido"]{background:#e8f7ef;color:var(--green)}.status-badge[data-status="arquivado"]{background:#eceff1;color:#667}.empty{padding:3rem;text-align:center;color:var(--muted)}dialog{width:min(52rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:1.2rem;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(3,16,25,.65)}.dialog-close{position:sticky;z-index:2;top:0;height:0;text-align:right}.dialog-close button{width:2.3rem;height:2.3rem;margin:.8rem;border:0;border-radius:50%;background:#e8f0f5;color:var(--navy);font-size:1.5rem}.detail{padding:2rem;overflow:auto}.detail-heading{display:flex;justify-content:space-between;gap:1rem;padding-right:2.8rem}.detail-heading h2{margin:0;font:800 1.8rem "Manrope",sans-serif}.detail-heading p:last-child{margin:.3rem 0;color:var(--muted)}.contact-actions{display:flex;gap:.6rem;margin:1.2rem 0}.contact-actions a{padding:.7rem .9rem;border-radius:.65rem;background:var(--navy-2);color:#fff;font-weight:800;text-decoration:none}.contact-actions a:last-child{background:#e8f0f5;color:var(--navy-2)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:1.5rem 0;border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.detail-grid div{padding:.8rem 1rem;border-bottom:1px solid var(--line)}.detail-grid div:nth-child(odd){border-right:1px solid var(--line)}.detail-grid dt{color:var(--muted);font-size:.72rem}.detail-grid dd{margin:.2rem 0 0;font-weight:700}.notification-panel{margin:1.5rem 0;padding:1rem;border-radius:.8rem;background:var(--surface)}.notification-panel h3{margin:0 0 .7rem;font:800 1rem "Manrope",sans-serif}.notification-item{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item small{color:var(--muted)}.update-form{display:grid;gap:.6rem}.update-form textarea{resize:vertical}.update-form button{margin-top:.4rem}.success-message{padding:.7rem;border-radius:.6rem;background:#e8f7ef;color:#126b42}.loading{padding:2rem;text-align:center;color:var(--muted)}
@media(max-width:820px){.lead-card{grid-template-columns:1fr 1fr}.lead-card>div:first-child{grid-column:1/-1}.toolbar{grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.detail-grid div:nth-child(odd){border-right:0}.overview{align-items:flex-start}.brand span{display:none}}
@media(max-width:520px){.topbar{height:4.3rem}.brand img{width:12rem}.workspace{padding:1.2rem}.overview h1{font-size:1.55rem}.metric{min-width:5.2rem}.toolbar{grid-template-columns:1fr}.toolbar .search{grid-column:auto}.lead-card{grid-template-columns:1fr}.lead-card>div:first-child{grid-column:auto}.detail{padding:1.25rem}.contact-actions{flex-direction:column}.detail-heading{display:block}.detail-heading .status-badge{margin-top:.6rem}}