/* Cockpit dashboard — metrics business first, dense but breathable. */
.conversion-ratios{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.conversion-ratios>div{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:9px;border:1px solid #dfece5;border-radius:12px;background:#f8fcfa}.conversion-ratios i{position:relative;display:grid;grid-row:1/3;place-items:center;width:39px;height:39px;border-radius:50%;background:conic-gradient(#0eaa78 calc(var(--progress) * 1%),#dcece4 0);font-style:normal}.conversion-ratios i:before{content:'';position:absolute;width:31px;height:31px;border-radius:50%;background:#f8fcfa}.conversion-ratios i b{position:relative;color:#087a56;font-size:8px}.conversion-ratios i.sale{background:conic-gradient(#d39831 calc(var(--progress) * 1%),#eee9dd 0)}.conversion-ratios i.sale b{color:#9b620b}.conversion-ratios span{color:#4e685c;font-size:10px;font-weight:800}.conversion-ratios small{margin-top:2px;color:#829187;font-size:8px}@media(max-width:680px){.conversion-ratios{grid-template-columns:1fr}}
#dashboardView{max-width:1720px;margin:0 auto}.cockpit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:2px 0 19px;padding:4px 0 17px;border-bottom:1px solid #e2ebe6}.cockpit-head p,.cockpit-panel header p{margin:0 0 7px;color:#07885f;font-size:10px;font-weight:850;letter-spacing:1.25px}.cockpit-head h1{margin:0;color:#163b2d;font:800 31px/1.08 Manrope,sans-serif;letter-spacing:-1.25px}.cockpit-head>div>span{display:block;margin-top:7px;color:#6c7c74;font-size:13px}.cockpit-period{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #d9eae2;border-radius:13px;background:#f6fcf8;white-space:nowrap}.cockpit-period>b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dff6eb;color:#05845d}.cockpit-period small,.cockpit-period strong{display:block}.cockpit-period small{color:#7d9287;font-size:8px;font-weight:800;letter-spacing:.7px}.cockpit-period strong{margin-top:2px;color:#28604b;font-size:11px}.cockpit-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:13px}.cockpit-kpi{min-width:0;min-height:136px;padding:15px 15px 13px;border:1px solid #dbeae3;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(22,62,43,.045)}.cockpit-kpi-top{display:flex;align-items:center;gap:8px;color:#657a6f;font-size:10px;font-weight:800}.cockpit-kpi-top b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e4f8ee;color:#078961;font-size:14px}.cockpit-kpi strong{display:block;overflow:hidden;margin-top:14px;color:#163b2d;font:800 25px/1 Manrope,sans-serif;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.cockpit-kpi small{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #edf2ef;color:#819087;font-size:9px;line-height:1.25}.cockpit-kpi.activity .cockpit-kpi-top b{background:#e8f5fc;color:#197dab}.cockpit-kpi.meetings .cockpit-kpi-top b{background:#fff3df;color:#a76509}.cockpit-kpi.pipeline .cockpit-kpi-top b{background:#e9f0ff;color:#4265b6}.cockpit-kpi.forecast .cockpit-kpi-top b{background:#edeaff;color:#684ec8}.cockpit-kpi.revenue .cockpit-kpi-top b{background:#e1f8ea;color:#078a5e}.cockpit-main-grid,.cockpit-bottom-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.9fr);gap:13px;margin-top:13px}.cockpit-panel{min-width:0;padding:18px;border:1px solid #dcebe4;border-radius:16px;background:#fff;box-shadow:0 7px 21px rgba(22,62,43,.04)}.cockpit-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #edf2ef}.cockpit-panel header p{margin-bottom:5px}.cockpit-panel h2{margin:0;color:#183a2c;font:800 17px/1.15 Manrope,sans-serif;letter-spacing:-.55px}.cockpit-panel header span{display:block;margin-top:4px;color:#718178;font-size:10px}.funnel-panel header>b,.pipeline-badge{display:grid;place-items:center;min-width:74px;padding:7px 8px;border-radius:11px;background:#effaf4;color:#087e59;font:800 18px/1 Manrope,sans-serif;text-align:center}.funnel-panel header>b small,.pipeline-badge small{display:block;margin-top:4px;color:#688579;font-size:8px;font-weight:750}.funnel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.funnel-step{padding:10px;border:1px solid #e4ece7;border-radius:11px;background:#fbfdfc}.funnel-step>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.funnel-step span{color:#677a70;font-size:9px;font-weight:750}.funnel-step strong{color:#193d2e;font:800 19px/1 Manrope,sans-serif}.funnel-step em{display:block;margin-top:5px;color:#839188;font-size:8px;font-style:normal}.funnel-step i{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:20px;background:#eaf0ed}.funnel-step i b{display:block;height:100%;border-radius:20px;background:#a7dcca}.funnel-step.treated i b{background:#6dc6e5}.funnel-step.reply i b{background:#ddb35b}.funnel-step.rdv i b{background:#75be9b}.funnel-step.held i b{background:#5b9ed3}.funnel-step.sold i b{background:#12a772}.pipeline-panel{background:linear-gradient(145deg,#fff,#f5fcf8)}.pipeline-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.pipeline-values>div{padding:12px;border:1px solid #deece5;border-radius:11px;background:rgba(255,255,255,.78)}.pipeline-values span{display:block;color:#74857c;font-size:9px;font-weight:750}.pipeline-values strong{display:block;margin-top:5px;color:#177755;font:800 21px/1 Manrope,sans-serif;letter-spacing:-.7px}.pipeline-stages{display:grid;gap:7px}.pipeline-stage{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:5px 1px;color:#5f7168;font-size:10px;font-weight:700}.pipeline-stage i{height:9px;border-radius:3px;background:#b8d8c8}.pipeline-stage.meeting i{background:#7db9d2}.pipeline-stage.r2 i{background:#dbb15c}.pipeline-stage.offer i{background:#0daa78}.pipeline-stage strong{color:#1c4937;font-size:13px}.pipeline-panel footer{margin-top:11px;padding-top:10px;border-top:1px solid #e1eee7;color:#789085;font-size:9px;line-height:1.4}.execution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.execution-grid>div{padding:12px 10px;border:1px solid #e6eee9;border-radius:11px;background:#fbfdfc}.execution-grid span,.execution-grid small{display:block;color:#788880;font-size:9px;line-height:1.3}.execution-grid strong{display:block;margin:7px 0 5px;color:#183c2d;font:800 23px/1 Manrope,sans-serif}.attention-list{display:grid;gap:1px;margin-top:10px}.attention-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf2ef}.attention-list>div:last-child{border-bottom:0}.attention-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8f6ef;color:#067e58;font-size:12px}.attention-list .attention-due{background:#fff2dd;color:#a66a0c}.attention-list .attention-value{background:#ecebff;color:#6550b7}.attention-list span{color:#50675c;font-size:10px;font-weight:700}.attention-list em{color:#89968f;font-size:8px;font-style:normal}.karma-dashboard-slot{margin:0}@media(max-width:1280px){.cockpit-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:960px){.cockpit-main-grid,.cockpit-bottom-grid{grid-template-columns:1fr}.funnel-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.cockpit-head{align-items:flex-start;flex-direction:column}.cockpit-kpis{grid-template-columns:repeat(2,1fr)}.cockpit-kpi{min-height:124px}.cockpit-kpi strong{font-size:22px}.funnel-list{grid-template-columns:1fr 1fr}.execution-grid{grid-template-columns:1fr}.cockpit-head h1{font-size:27px}}
