#view-dashboard #dashboard-kpis{display:none}
#view-dashboard .page-heading{margin-bottom:14px}#view-dashboard .notice{margin-bottom:12px}.main-content:has(#view-dashboard:not([hidden])){padding-top:25px}
.operational-dashboard .ops-title-row{justify-content:flex-end;padding:0 3px 10px}.operational-dashboard .ops-title-row>div:first-child{display:none}
.operational-dashboard{--ops-accent:#00a6d9;margin:0 0 24px;color:#0b235e}
.operational-bella{--ops-accent:#148fe0}.operational-distribuicao{--ops-accent:#00a7c8}.operational-agro{--ops-accent:#86aa3a}.operational-embalagens{--ops-accent:#26b99e}.operational-construcao{--ops-accent:#d18a47}
.ops-title-row{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:8px 3px 18px}.ops-kicker{color:#008dbb;font-weight:900;font-size:10px;letter-spacing:.16em}.ops-title-row h2{font:800 clamp(22px,2.1vw,30px) Manrope,sans-serif;letter-spacing:-.05em;margin:6px 0 3px;color:#0b235e}.ops-title-row p{font-size:11px;color:#7890a6;margin:0}.ops-period-label{white-space:nowrap;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e6f0;box-shadow:0 3px 12px #0b235e0a;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:800;color:#0b4b80}.ops-period-label select{border:0;background:transparent;color:#0b235e;font-size:11px;font-weight:800;outline:0;max-width:140px}
.ops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.ops-kpi{background:#fff;border:1px solid #dce8f2;border-radius:9px;padding:16px 14px;box-shadow:0 7px 17px #0b235e0b;min-width:0;position:relative;overflow:hidden}.ops-kpi:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ops-accent)}.ops-kpi-top{display:flex;align-items:center;gap:9px}.ops-kpi-top b{height:30px;width:30px;flex:none;display:grid;place-items:center;background:#e9f6fd;border-radius:8px;color:#008dcb;font-size:16px}.ops-kpi-top span{font-size:11px;font-weight:800;color:#0b235e}.ops-kpi>strong{display:block;font:800 clamp(18px,1.52vw,25px) Manrope,sans-serif;letter-spacing:-.06em;margin:13px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-kpi>small{display:block;font-size:9px;color:#6e8da3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-kpi.ops-red{background:linear-gradient(135deg,#fff,#fff0f0);border-color:#f4d9db}.ops-kpi.ops-red:after{background:#e95258}.ops-kpi.ops-red .ops-kpi-top b{background:#ffe8e8;color:#d8444a}.ops-kpi.ops-red>strong{color:#b72932}.ops-kpi.ops-green:after{background:#22be97}.ops-kpi.ops-green .ops-kpi-top b{background:#e6f9f2;color:#0da97c}.ops-kpi.ops-cyan:after{background:#22bcd7}.ops-kpi.ops-teal:after{background:#24aeb5}
.ops-main-grid{display:grid;grid-template-columns:1.65fr .95fr .8fr;gap:10px;margin-bottom:10px}.ops-bottom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ops-card{background:#fff;border:1px solid #dce8f2;border-radius:9px;padding:18px;min-width:0;box-shadow:0 7px 20px #0b235e0a;margin:0}.ops-card-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.ops-card-head h3{font:800 13px Manrope,sans-serif;color:#0b235e;letter-spacing:-.025em;margin:0}.ops-card-head p{font-size:9px;color:#7d93a7;margin:4px 0 0;line-height:1.4}.ops-card-head>span{font-size:8px;color:#168bbd;font-weight:900;letter-spacing:.08em}.ops-sales .chart-stage{height:220px}.ops-chart-legend{display:flex;gap:14px;color:#6b8499;font-size:9px}.ops-chart-legend i{display:inline-block;width:12px;height:3px;background:#237bef;vertical-align:middle;margin-right:4px}.ops-chart-legend span:nth-child(2) i{background:#e4a514}
.ops-rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px;align-items:center;border-top:1px solid #e8f0f6;padding:9px 0;font-size:9px}.ops-rank-row:first-child{border-top:0}.ops-rank-row b{display:grid;place-items:center;height:20px;width:20px;border-radius:50%;background:#e3f5fc;color:#0c89bc;font-size:9px}.ops-rank-row span{font-weight:700;color:#183b61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-rank-row strong{color:#0b235e;font-size:9px}.ops-rank-track{height:4px;background:#edf3f8;border-radius:4px;grid-column:2/4}.ops-rank-track>div{height:100%;border-radius:4px;background:linear-gradient(90deg,#0d8dc3,#31c9e6)}
.ops-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:7px 0;border-top:1px solid #e9f0f6;font-size:9px}.ops-category-row:first-child{border-top:0}.ops-category-row span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-category-row b{color:#0b84b5}.ops-category-row strong{color:#0b235e}.ops-category-track{grid-column:1/4;height:6px;background:#eaf2f8;border-radius:6px}.ops-category-track>div{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--ops-accent),#39c6e8)}.ops-profit{background:linear-gradient(150deg,#fff,#f1fcfa);position:relative;overflow:hidden}.ops-profit>span{display:block;font-size:10px;color:#527e86}.ops-profit>strong{display:block;font:800 clamp(20px,1.8vw,29px) Manrope,sans-serif;letter-spacing:-.05em;margin:8px 0;color:#0b235e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-margin{display:inline-block;background:#ddf8ec;border-radius:5px;color:#078f65;font-size:9px;font-weight:800;padding:6px 8px}.ops-profit-spark{height:85px;margin-top:12px}.ops-profit-spark svg{height:100%;width:100%}.ops-alert-row,.ops-crm-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #e8f0f6;font-size:9px}.ops-alert-row:first-child,.ops-crm-row:first-child{border-top:0}.ops-alert-row span,.ops-crm-row span{color:#284968;line-height:1.35}.ops-alert-row b{background:#ffe5e5;color:#be3940;border-radius:4px;padding:5px 6px;white-space:nowrap}.ops-crm-row strong{color:#0b235e;font-size:11px}.operational-agro .ops-category-track>div,.operational-agro .ops-rank-track>div{background:linear-gradient(90deg,#7da037,#bad967)}.operational-construcao .ops-category-track>div{background:linear-gradient(90deg,#c88043,#eab587)}.operational-embalagens .ops-category-track>div{background:linear-gradient(90deg,#18a98e,#60d6b5)}
@media(max-width:1250px){.ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-main-grid{grid-template-columns:1.3fr 1fr}.ops-main-grid .ops-sales{grid-column:1/3}.ops-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.ops-title-row{align-items:start;flex-direction:column}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-main-grid,.ops-bottom-grid{grid-template-columns:1fr}.ops-main-grid .ops-sales{grid-column:auto}.ops-sales .chart-stage{height:190px}}
@media(max-width:420px){.ops-kpis{grid-template-columns:1fr}.ops-kpi>strong{font-size:23px}}
.ops-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ops-filters .ops-period-label{padding:7px 9px}.ops-filters select{max-width:145px}.ops-funnel-row{display:flex;justify-content:center;gap:9px;align-items:center;padding:11px 8px;margin:5px auto;border-radius:6px;background:linear-gradient(90deg,#e2f5ff,#a9ddf9);font-size:10px;color:#0c3a68}.ops-funnel-row:first-child{background:#b0e0fb}.ops-funnel-row:last-child{background:#b8efdd}.ops-funnel-row strong{font-size:14px}.ops-region{display:grid;gap:13px;justify-items:center}.ops-region-donut{height:125px;width:125px;border-radius:50%;display:grid;place-items:center}.ops-region-donut strong{height:87px;width:87px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font:800 13px Manrope,sans-serif;color:#0b235e}.ops-region-list{width:100%}.ops-region-list>div{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:9px}.ops-region-list i{height:8px;width:8px;border-radius:50%}.ops-region-list span{flex:1;color:#5b7891}.ops-region-list b{color:#0b235e}.ops-project-donut{--progress:0%;height:80px;width:80px;border-radius:50%;background:conic-gradient(#18c8ab var(--progress),#e1eaf2 0);display:grid;place-items:center;margin:0 auto}.ops-project-donut strong{height:58px;width:58px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#0b235e;font-size:13px}
@media(max-width:750px){.ops-filters{justify-content:flex-start}}
.ops-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ops-stage-row{display:inline-flex;gap:10px;align-items:center;justify-content:space-between;min-width:18%;border-right:1px solid #e5eef5;padding:12px;color:#55748e;font-size:10px}.ops-stage-row strong{color:#0b235e;font-size:15px}.ops-extra-grid .ops-card-head{margin-bottom:8px}#ops-extra-goals>strong{display:block;font:800 23px Manrope,sans-serif;color:#0b235e;margin:12px 0 4px}#ops-extra-goals>span{color:#67849a;font-size:10px}.ops-goal-track{height:11px;border-radius:11px;background:#e7f0f7;margin-top:12px}.ops-goal-track>div{height:100%;border-radius:11px;background:linear-gradient(90deg,#0a8cd1,#23bedb)}
@media(max-width:850px){.ops-extra-grid{grid-template-columns:1fr}.ops-stage-row{min-width:30%}}
