:root{--purple:#5740a3;--purple-dark:#332664;--green:#79bd43;--ink:#202232;--muted:#747789;--line:#e5e6ec;--surface:#fff;--bg:#f4f5f8}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}.hidden{display:none!important}.logo{font-size:27px;font-weight:900;letter-spacing:-1.5px;color:#fff}.logo span{color:var(--green)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.button.primary{background:var(--purple);color:#fff;box-shadow:0 5px 14px #5740a32b}.button.light{background:#eeeef3;color:#444}.button:disabled{opacity:.45;cursor:not-allowed}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{background:linear-gradient(145deg,#241c51,#5d48a4 62%,#75bd43);padding:56px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.login-brand .logo{font-size:46px}.login-brand p{opacity:.75}.login-card{background:#fff;padding:clamp(40px,9vw,110px);display:flex;flex-direction:column;justify-content:center;gap:22px}.login-card h1{font-size:36px;margin:7px 0}.login-card p{color:var(--muted)}label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#555}input{width:100%;border:1px solid #d4d6df;border-radius:10px;padding:12px;background:#fff;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5740a318}.message{min-height:18px;color:#b22920;font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--purple-dark);padding:28px 18px;display:flex;flex-direction:column;color:#fff}.sidebar .logo{padding:0 10px 30px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#dcd8ed;border-radius:9px;padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item.active{background:#ffffff18;color:#fff}.nav-item.disabled{opacity:.5;cursor:default}.nav-item small{margin-left:auto;font-size:9px;text-transform:uppercase}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff1f;padding:20px 5px 0;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px}.sidebar-foot small{display:block;color:#aaa3c4;font-size:10px;margin-top:3px}.sidebar-foot button{background:transparent;color:#fff;border:0;font-size:22px;cursor:pointer}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-weight:900}main{min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar h2{margin:3px 0 0;font-size:21px}.menu-button{display:none}.page{padding:34px;max-width:1400px;margin:auto}.welcome{background:linear-gradient(125deg,#fff 55%,#f0ecfb);border:1px solid var(--line);border-radius:17px;padding:30px;display:flex;justify-content:space-between;align-items:center}.welcome h1{margin:6px 0;font-size:32px}.welcome p,.page-actions p{color:var(--muted)}.status-pill{background:#fff;border:1px solid #dce7d5;border-radius:999px;padding:9px 13px;font-size:12px}.status-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metrics article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:21px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:32px;margin:12px 0}.metrics .accent{border-top:3px solid var(--green)}.roadmap{display:flex;justify-content:space-between;gap:25px;align-items:center}.roadmap h3{margin:6px 0}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.roadmap-grid span{background:#f4f4f7;padding:10px;border-radius:8px;font-size:12px;color:#777}.roadmap-grid .done{background:#edf6e8;color:#417b1c}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.data-list{display:grid}.data-row{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);align-items:center}.data-row:last-child{border:0}.data-row b,.data-row small{display:block}.data-row small{color:var(--muted);margin-top:4px}.empty{text-align:center;color:#9a9caa;padding:34px!important}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:11px;text-transform:uppercase;color:var(--muted)}dialog{border:0;border-radius:16px;padding:0;width:min(620px,92vw);box-shadow:0 25px 80px #1f17464d}dialog::backdrop{background:#241c5173}dialog form{padding:25px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:5px 0 20px}.close{border:0;background:transparent;font-size:30px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 18px}.menu-button{display:block;border:0;background:transparent;font-size:22px}.page{padding:20px}.metrics{grid-template-columns:1fr 1fr}.welcome,.roadmap{align-items:flex-start;flex-direction:column}.roadmap-grid{grid-template-columns:1fr 1fr}.status-pill{display:none}}@media(max-width:560px){.metrics{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr}.page-actions{align-items:flex-start;gap:14px;flex-direction:column}.data-row{grid-template-columns:1fr}.topbar .button{display:none}}
/* Identidade visual oficial WOW Live. */
.logo{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:6px 9px;letter-spacing:0}
.logo img{display:block;width:150px;height:auto}
.login-brand .logo{align-self:flex-start;padding:10px 14px}
.login-brand .logo img{width:250px}
.sidebar .logo img{width:150px}
.sidebar .logo{padding:7px 9px;margin:0 10px 24px}
.wide-dialog{width:min(1120px,96vw)}
.history-dialog{padding:25px}
.history-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px}
.history-summary article{border:1px solid var(--line);background:#f8f8fb;border-radius:10px;padding:13px}
.history-summary small,.history-summary b{display:block}
.history-summary small{color:var(--muted);font-size:11px;margin-bottom:6px}
.history-summary b{font-size:18px}
.table-scroll{overflow:auto;max-height:55vh}
.table-scroll td small{display:block;color:var(--muted);margin-top:3px}
.history-outcome{display:inline-block;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;white-space:nowrap}
.history-outcome.closed{background:#e9f5e3;color:#39751b}
.history-outcome.lost{background:#f8e8e7;color:#a12d25}
.history-outcome.open{background:#e9eefb;color:#315a9d}
@media(max-width:760px){.history-summary{grid-template-columns:1fr 1fr}.wide-dialog{width:96vw}.history-dialog{padding:18px}}
.crm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.crm-summary article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.crm-summary small,.crm-summary b{display:block}.crm-summary small{color:var(--muted);font-size:11px;margin-bottom:7px}.crm-summary b{font-size:20px}
.crm-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start}
.crm-column{background:#ebecef;border-radius:14px;min-height:320px;padding:11px;border-top:4px solid #9ca0ad}
.crm-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 12px;font-size:13px}.crm-column>header span{background:#fff;border-radius:999px;padding:3px 8px;color:var(--muted)}
.crm-stage-contacted{border-top-color:#5594d4}.crm-stage-proposal{border-top-color:#5740a3}.crm-stage-negotiation{border-top-color:#d49a36}.crm-stage-won{border-top-color:#79bd43}.crm-stage-lost{border-top-color:#bd5a54}
.crm-cards{display:grid;gap:9px}.crm-card{border:1px solid #dfe0e6;background:#fff;border-radius:10px;padding:12px;text-align:left;cursor:pointer;color:var(--ink);box-shadow:0 2px 7px #2221}.crm-card:hover{border-color:var(--purple)}
.crm-card b,.crm-card span,.crm-card strong,.crm-card small{display:block}.crm-card span{color:var(--muted);font-size:12px;margin:5px 0}.crm-card strong{font-size:14px;margin:8px 0}.crm-card small{color:var(--muted);font-size:10px;margin-top:4px}.crm-card small.overdue{color:#ae2d24;font-weight:800}
.crm-activities{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.crm-activity-list{display:grid;gap:8px;max-height:220px;overflow:auto;margin:12px 0}.crm-activity-list article{background:#f7f7fa;border-radius:9px;padding:10px}.crm-activity-list article>div{display:flex;justify-content:space-between;gap:12px}.crm-activity-list small{color:var(--muted);font-size:10px}.crm-activity-list p{margin:7px 0 0;font-size:12px}.crm-activity-form{display:grid;grid-template-columns:150px 190px 1fr auto;gap:10px;align-items:end}.crm-activity-form .wide{grid-column:auto}
.crm-portfolio-panel{margin-top:20px}.crm-portfolio-panel .dialog-head{gap:20px}.crm-portfolio-panel .dialog-head p{color:var(--muted);font-size:12px}.crm-portfolio-panel td small{display:block;color:var(--muted);margin-top:4px}.crm-portfolio-panel td:last-child{text-align:right;white-space:nowrap}
@media(max-width:900px){.crm-summary{grid-template-columns:1fr 1fr}.crm-activity-form{grid-template-columns:1fr 1fr}.crm-activity-form .wide{grid-column:1/-1}.crm-activity-form button{grid-column:1/-1}}
.notification-recipients{display:grid;gap:8px;max-height:320px;overflow:auto;margin:14px 0;padding:10px;border:1px solid var(--line);border-radius:12px}.notification-recipients .checkbox-label{justify-content:flex-start}.notification-recipients small{display:block;color:var(--muted);margin-top:2px}