:root {--forest:#164d40;--forest-dark:#12382f;--green:#17865f;--green2:#0b744c;--cream:#f6f8f6;--panel:#ffffff;--text:#192c28;--muted:#778880;--border:#e1e9e3;--light:#e8f5ed;--amber:#f3b94d;--shadow:0 8px 32px rgba(22,57,43,.035);--radius:17px}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--cream);font:14px/1.45 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83be9e;outline-offset:2px}.hidden{display:none!important}
.app-shell{display:flex;min-height:100dvh}.sidebar{width:247px;flex-shrink:0;background:var(--forest-dark);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100dvh;padding:28px 16px 20px;box-shadow:8px 0 40px rgba(11,51,39,.08)}.brand{display:flex;align-items:center;gap:13px;padding:0 16px 47px;letter-spacing:.12em}.brand-symbol{display:grid;place-items:center;width:39px;height:39px;background:#2f7359;border-radius:12px;color:#ffd479;font-size:26px}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:19px;line-height:1.15;font-weight:800;letter-spacing:.11em}.brand small{font-size:9px;color:#b3cdc1;letter-spacing:.29em;font-weight:700}.nav-caption{color:#8bada0;font-size:10px;letter-spacing:.13em;font-weight:800;margin:0 13px 12px}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border:0;border-radius:11px;background:transparent;color:#b3cabf;text-align:left;font-weight:650;min-width:0}.nav-item svg{height:19px;width:19px;flex:none}.nav-item:hover,.nav-item.active{background:#295948;color:white}.nav-item.active:before{content:'';height:22px;width:3px;border-radius:10px;background:#f7b94e;margin-left:-14px;margin-right:0}.side-bottom{margin-top:auto;padding:17px 10px 0;border-top:1px solid #3d6253;display:flex;align-items:center;gap:10px}.side-user-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#e8ddbf;color:#235443;font-weight:800}.side-user{flex:1;min-width:0}.side-user strong,.side-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:12px}.side-user small{font-size:10px;color:#95b5a7}.icon-btn{border:0;background:transparent;padding:7px;color:var(--muted);border-radius:8px}.icon-btn.dark{color:#bacfc3;font-size:20px}
.workspace{min-width:0;flex:1}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.5vw,70px);border-bottom:1px solid #e8ede9;background:#fff}.top-eyebrow{color:#8a9b92;font-size:9px;letter-spacing:.16em;font-weight:800;margin-bottom:3px}.top-identity strong{font-family:Manrope,sans-serif;font-size:15px;color:#29453c}.top-actions{display:flex;align-items:center;gap:8px;color:#71877c;font-size:12px;font-weight:600}.live-dot{height:7px;width:7px;border-radius:50%;background:#3bb27a;box-shadow:0 0 0 4px #e8f8ed}.main-view{max-width:1390px;padding:34px clamp(20px,4.5vw,70px) 100px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.eyebrow{color:var(--green2);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.page-title{font:800 clamp(25px,3vw,35px)/1.2 Manrope,sans-serif;letter-spacing:-.052em;margin:7px 0 6px}.subtitle{color:var(--muted);margin:0;font-size:13px}.top-select{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--border);border-radius:11px;padding:6px 11px;min-height:44px;color:#788d80}.top-select select{border:0!important;background:transparent!important;min-width:155px;width:auto;font-weight:700;cursor:pointer;padding:2px!important}.top-select svg{width:17px;height:17px;color:#4d866a}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:23px;min-width:0;box-shadow:var(--shadow)}.kpi-label{color:#7b8e84;font-size:12px;font-weight:650;display:flex;gap:8px;align-items:center}.kpi-label svg{height:18px;width:18px;color:#5b9375}.kpi-num{font:800 clamp(18px,2.05vw,29px)/1.28 Manrope,sans-serif;letter-spacing:-.045em;white-space:nowrap;margin-top:13px}.kpi-foot{margin-top:9px;color:#96a49d;font-size:11px}.green{color:var(--green2)!important}.muted{color:var(--muted)!important}.grid-main{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 18px}.card-heading h2{font:800 16px Manrope,sans-serif;margin:0;letter-spacing:-.035em}.card-heading p{color:var(--muted);font-size:12px;margin:5px 0 0}.tag{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;background:#ecf6ef;color:#20734f;white-space:nowrap}.tag.neutral{background:#f1f5f2;color:#64796c}.stat-hero{border-radius:15px;padding:24px;background:linear-gradient(120deg,#154b3e,#237758);color:white;min-height:160px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.stat-hero:after{content:'✳';position:absolute;right:9px;bottom:-60px;font-size:196px;opacity:.09;line-height:1}.stat-hero .stat-label{font-size:12px;color:#c4e9d3}.stat-hero strong{font:800 clamp(26px,3.5vw,41px) Manrope,sans-serif;letter-spacing:-.045em;margin-top:4px;position:relative;z-index:1}.stat-hero span:last-child{color:#d6eadf;font-size:11px;position:relative;z-index:1}.progress-block{padding-top:18px}.progress-head,.spread-line,.item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-head{font-size:12px;margin-bottom:10px}.track{height:10px;background:#e4eee7;border-radius:20px;overflow:hidden}.track .fill{height:100%;border-radius:inherit;background:#2c9a68;transition:width .3s}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--border);background:white;color:#31463a;font-weight:750;font-size:12px;text-decoration:none;min-height:42px}.btn svg{width:16px;height:16px}.btn.primary{background:var(--forest);border-color:var(--forest);color:#fff}.btn.primary:hover{background:#226a52}.btn.secondary{background:#eff5f0;border-color:#dce8de}.btn.plain{background:transparent}.btn.ghost{border:0;background:transparent;padding:7px;color:#587465}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.note{color:#8b9d93;font-size:11px}.period-note{display:flex;align-items:center;gap:7px;color:#71857c;font-size:12px;margin:-9px 0 18px}.period-note svg{height:14px;width:14px}.mini-bars{height:140px;display:flex;align-items:end;gap:12px;padding:8px 0}.mini-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#7d9185}.mini-bar .bar{width:100%;max-width:44px;border-radius:7px 7px 3px 3px;background:#c9e5d2;min-height:3px}.mini-bar .bar.focus{background:#268c61}.mini-bar label{font-size:10px;color:#8a9e91}.metric-line{border-bottom:1px solid #eef1ee;padding:12px 0;display:flex;justify-content:space-between;gap:8px}.metric-line:last-child{border-bottom:0}.metric-line strong{font-weight:750}.metric-line span{color:var(--muted)}
.form-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);align-items:start;gap:18px}.form-section{padding:22px 25px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:16px}.form-title{font:800 16px Manrope,sans-serif;margin:0 0 19px;display:flex;align-items:center;gap:11px}.form-title svg{width:19px;height:19px;color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.wide{grid-column:1/-1}.field label,.field-label{font-size:12px;font-weight:750;color:#415a4d}.field input,.field select,.field textarea,.search-input,input.simple,select.simple{width:100%;padding:11px 12px;border:1px solid #dce5df;background:#fff;border-radius:9px;min-height:44px;color:#203a2c;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#60ad83;box-shadow:0 0 0 3px #e4f3e9}.field textarea{resize:vertical;min-height:76px}.field-hint{color:#88978f;font-size:11px}.result-sidebar{position:sticky;top:22px}.summary-card{background:#164b3d;border-color:#164b3d;color:#fff}.summary-card .card-heading h2{color:#fff}.summary-card .card-heading p{color:#bfdccc}.summ-label{font-size:11px;color:#b9d9c7}.summ-value{font:800 30px Manrope,sans-serif;color:#fff;letter-spacing:-.045em}.summ-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #3e6c5c;padding:13px 0;font-size:12px}.summ-row span{color:#c1d9cf}.summ-row strong{font-weight:800}.summary-divider{border-top:1px solid #3b6d5c;margin:18px 0}.side-summary{margin-top:14px;padding:17px 19px}.side-summary ul{margin:8px 0 0;padding-left:19px;color:#6c7b72;font-size:11px}.schedule-list{max-height:310px;overflow:auto}.schedule-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #ecf0ed;font-size:12px}.schedule-item span{color:#6d8275}.schedule-item:last-child{border:0}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.search-wrap{position:relative;flex:1;max-width:520px}.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);height:17px;width:17px;color:#87a094}.search-wrap input{padding-left:39px}.rows{display:grid;gap:11px}.commission-row,.customer-row{border:1px solid var(--border);background:#fff;padding:16px 20px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.row-main{flex:1;min-width:0}.row-title{font-weight:800;margin-bottom:5px}.row-description{font-size:11px;color:#829489}.row-right{display:flex;align-items:center;gap:12px}.row-value{font:800 17px Manrope,sans-serif;white-space:nowrap;color:#167e56;letter-spacing:-.02em}.row-right .btn{padding:8px 10px;min-height:37px}.row-meta{font-size:11px;color:#82958b;text-align:right;white-space:nowrap}.empty{text-align:center;padding:52px 20px;border:1px dashed #d2ddd6;border-radius:14px;color:#798a81;background:#fff}.empty-symbol{width:50px;height:50px;border-radius:16px;background:#ecf5ef;display:grid;place-items:center;margin:0 auto 15px;color:#398562}.empty h3{margin:0 0 6px;font-size:15px;color:#344d3e}.empty p{margin:0;font-size:12px}.group-header{font-weight:800;color:#415f4c;font-size:11px;margin:20px 0 8px;letter-spacing:.08em}.cta-bar{display:flex;gap:10px;align-items:center}.report-card{margin-bottom:16px}.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:610px;font-size:12px}.data-table th{background:#f3f7f4;text-align:left;color:#708579;font-size:10px;letter-spacing:.06em;padding:13px 15px;border-bottom:1px solid #e5ede7}.data-table td{padding:14px 15px;border-bottom:1px solid #edf0ed}.data-table td:last-child,.data-table th:last-child{text-align:right}.data-table tr:last-child td{border-bottom:0}.customer-avatar{width:41px;height:41px;border-radius:12px;background:#e6f3e9;color:#276b4f;display:grid;place-items:center;font-weight:800;flex:none}.customer-row{align-items:center}.customer-row .row-left{display:flex;align-items:center;gap:12px;min-width:0}.customer-name{font-size:13px;font-weight:800}.customer-phone{font-size:12px;color:#7a8c80}.chip{display:inline-block;background:#eef4ef;color:#51755e;font-weight:800;font-size:10px;padding:5px 8px;border-radius:30px}.sale-row{border:1px solid #e2eae4;border-radius:11px;padding:14px;margin:8px 0;background:#fbfdfb}.sale-row-head{display:flex;justify-content:space-between;gap:12px}.sale-row strong{font-size:13px}.sale-subline{font-size:11px;color:#84968a;margin-top:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 0}.detail-item label{color:#7e8d84;font-size:10px;display:block}.detail-item strong{display:block;font-size:13px;margin-top:3px}.modal-shade{position:fixed;inset:0;z-index:100;background:rgba(8,37,26,.51);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.modal{width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;background:white;border-radius:20px;padding:25px;box-shadow:0 28px 85px rgba(14,45,28,.27)}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:19px}.modal h2{font:800 21px Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 5px}.modal-top p{margin:0;color:#809287;font-size:12px}.modal-close{border:0;background:#f1f5f2;border-radius:8px;height:32px;width:32px;font-size:19px;color:#5f7065}.modal-actions{display:flex;gap:8px;justify-content:end;margin-top:21px}.modal-actions .btn{flex:1}.modal .field{margin:13px 0}.history-list{font-size:12px;margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.history-row{padding:7px 0;border-bottom:1px solid #edf0ed;color:#6c8274}.error-banner{background:#fff0ed;border:1px solid #f6cebe;color:#aa5239;padding:11px 14px;border-radius:11px;margin:10px 0}.success-banner{background:#e8f6ed;color:#167447;border-radius:10px;padding:12px}.form-error{color:#ba4639;font-size:12px;min-height:18px}.mobile-nav{display:none}
.login-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 30%,#266b53,#12382f 68%);padding:25px}.login-brand{color:white;font:600 12px Manrope,sans-serif;letter-spacing:.15em;margin-bottom:25px}.login-brand strong{color:#f9c65e}.brand-sun{font-size:28px;vertical-align:middle;margin-right:8px;color:#f3be53}.login-card{background:white;width:100%;max-width:420px;padding:34px;border-radius:21px;box-shadow:0 20px 65px rgba(0,0,0,.22)}.login-icon{background:#e1f2e7;color:#27784f;font-size:25px;height:45px;width:45px;display:grid;place-items:center;border-radius:14px;margin-bottom:17px}.login-card h1{font:800 29px Manrope,sans-serif;letter-spacing:-.055em;margin:4px 0 6px}.login-card p{color:#789085;font-size:13px;margin:0 0 24px}.login-card form{display:grid;gap:9px}.login-card form label{font-weight:750;font-size:12px}.login-card form input{height:45px;border:1px solid #dbe4dd;border-radius:10px;padding:0 12px;margin-bottom:7px}.login-card form button{margin-top:12px}.login-foot{color:#90b8a7;font-size:11px;margin-top:26px}.setup-note{padding:12px;margin:10px 0 16px;background:#fff6e2;border-radius:9px;font-size:12px;color:#926226;overflow-wrap:anywhere}.setup-note code{font-size:11px}
#toast-root{position:fixed;bottom:23px;right:20px;z-index:200}.toast{background:#183f34;color:white;padding:13px 17px;border-radius:11px;margin-top:8px;max-width:420px;box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:12px}.toast.error{background:#9b3e2c}
@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.form-layout{grid-template-columns:1fr}.result-sidebar{position:static}.grid-main{grid-template-columns:1fr}.sidebar{width:222px}}@media(max-width:800px){.sidebar{display:none}.workspace{width:100%}.topbar{height:68px;padding:0 20px}.top-actions{font-size:11px}.main-view{padding:25px 15px 104px}.mobile-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:white;border-top:1px solid #e0eae3;padding:9px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(21,60,43,.06)}.mobile-nav button{border:0;background:transparent;color:#84968a;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;min-width:64px;padding:3px 5px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.active{color:#167c51}.section-top{align-items:start}.section-top.has-selector{flex-wrap:wrap}.top-select{width:100%}.top-select select{flex:1}.card{padding:19px}.form-section{padding:18px}.commission-row{padding:13px 14px}.row-value{font-size:14px}.kpi{padding:17px}.kpi-num{font-size:clamp(17px,4.8vw,23px)}.kpi-foot{font-size:10px}.kpi-label{font-size:11px}.modal{padding:22px}.toolbar{flex-wrap:wrap}.cta-bar{width:100%;justify-content:flex-start}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.field.wide{grid-column:1}.kpis{gap:9px}.kpi{padding:15px 12px}.kpi-num{font-size:18px}.commission-row{flex-wrap:wrap}.commission-row .row-right{width:100%;justify-content:space-between;border-top:1px solid #edf1ee;padding-top:9px}.customer-row{flex-wrap:wrap}.customer-row .row-right{width:100%;justify-content:flex-end}.btn{padding:9px 11px}.top-actions span:last-child{display:none}}

/* Marca Effting Representações */
.brand {gap:9px;padding-left:9px;padding-right:4px;}
.brand strong{font-size:18px;letter-spacing:.05em;}
.brand small{font-size:8px;letter-spacing:.09em;}
.login-brand{letter-spacing:.07em;text-align:center;}

/* Dashboard v2: destaque para a comissão prevista no fechamento (26 a 25). */
.kpi-forecast{background:#f0faf4;border-color:#b0ddbf}.kpi-forecast .kpi-label,.kpi-forecast .kpi-num{color:#146e49}.kpi-forecast .kpi-num{white-space:normal;overflow-wrap:anywhere}.kpi-forecast .kpi-foot{color:#527f68}
