/* BI Studio shares CRM fonts, tokens and navigation; report elements scoped to .bi-* */
.bi-hero{background:linear-gradient(120deg,#162a50,#3152a1 68%,#4569c6);color:#fff;border-radius:20px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 14px 27px rgba(22,49,97,.12)}
.bi-hero-label{color:#aec9ff;font-weight:800;font-size:10px;letter-spacing:1.8px}.bi-hero h2{font-size:24px;line-height:1.27;letter-spacing:-.7px;margin:8px 0}.bi-hero p{color:#d9e4ff;font-size:13px;max-width:600px;line-height:1.6;margin:0}.bi-hero-counter{border-left:1px solid #fff4;padding-left:26px;min-width:140px}.bi-hero-counter strong{font-size:41px;letter-spacing:-1px;display:block;line-height:1}.bi-hero-counter span{font-size:12px;color:#c6d4f4}
.bi-tabs{display:flex;gap:6px;margin:20px 0 18px;padding:5px;background:#eff3f8;border:1px solid #e0e7f0;border-radius:13px;width:fit-content}.bi-tabs button{border:0;background:transparent;padding:10px 18px;border-radius:9px;font-weight:750;color:#61728b;cursor:pointer}.bi-tabs button.selected{background:#fff;color:#234aa1;box-shadow:0 2px 9px #18274314}
.bi-dashboard-top,.bi-build-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0}.bi-dashboard-top h2,.bi-build-head h2{font-size:20px;letter-spacing:-.4px;margin:0 0 4px}.bi-dashboard-top p,.bi-build-head p{font-size:12px;color:#7c8da5;margin:0}.bi-dashboard-top>div:last-child,.bi-build-buttons{display:flex;gap:7px;flex-wrap:wrap}.bi-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bi-report-card,.bi-preview-panel,.bi-design-section{background:#fff;border:1px solid #e2e9f3;border-radius:16px;min-width:0;box-shadow:0 4px 15px rgba(19,52,97,.025)}.bi-report-card{overflow:hidden}.bi-report-header{padding:17px 19px;border-bottom:1px solid #edf1f6;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bi-report-header h3{margin:6px 0 0;font-size:16px;line-height:1.4}.bi-report-header small{color:#8291a4;font-size:11px}.bi-report-buttons{display:flex;gap:4px}.bi-report-buttons button,.bi-icon-btn{background:#f5f7fc;color:#66748a;border:1px solid #e9eef4;border-radius:8px;width:29px;height:29px;cursor:pointer;font-size:17px;display:grid;place-items:center}.bi-report-buttons button:hover,.bi-icon-btn:hover{background:#e9efff;color:#234fbd}.bi-report-body{padding:16px;min-height:235px;max-height:400px;overflow:auto}
.bi-blank-dashboard{text-align:center;background:#fff;border:1px dashed #bfccdc;border-radius:17px;padding:55px 20px}.bi-blank-dashboard>span{font-size:44px;color:#4f71b9}.bi-blank-dashboard h3{font-size:20px}.bi-blank-dashboard p{color:#8591a1;font-size:13px;max-width:460px;margin:0 auto 18px;line-height:1.6}
.bi-builder-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:17px;align-items:start}.bi-builder-stack{display:grid;gap:13px}.bi-design-section{padding:17px 18px}.bi-design-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.bi-design-title>div{flex:1}.bi-design-title strong{display:block;color:#213453;font-size:15px}.bi-design-title small{display:block;color:#8391a5;font-size:11px;margin-top:3px;line-height:1.4}.bi-step,.bi-bubble{display:grid;place-items:center;flex-shrink:0;background:#edf2ff;color:#436ad0;font-weight:800;border-radius:9px;font-size:12px;width:30px;height:30px}.bi-bubble{height:26px;width:26px;border-radius:8px;font-size:11px}.bi-add-btn{white-space:nowrap;cursor:pointer;color:#3d63bb;border:1px solid #d9e5ff;background:#f6f9ff;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.bi-add-btn:disabled{opacity:.5;cursor:default}.bi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bi-builder-stack label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#5e6e83;font-size:11px;min-width:0}.bi-builder-stack input,.bi-builder-stack select,.bi-builder-stack textarea{width:100%;min-width:0;border-radius:8px;padding:9px 10px;background:#fff;color:#293953;border:1px solid #dae3ee;font-weight:500;font-size:12px;outline:none}.bi-builder-stack :is(input,select,textarea):focus{border-color:#7598ee;box-shadow:0 0 0 3px #6795f021}.bi-builder-stack output{display:flex;align-items:center;padding:9px;color:#8794a7;background:#f5f7fa;border-radius:7px}.bi-builder-list{display:grid;gap:8px}.bi-inline-row{display:flex;gap:8px;align-items:end;background:#f9fbfe;border:1px solid #edf0f5;padding:9px;border-radius:10px}.bi-inline-row>.bi-bubble{margin-bottom:5px}.bi-flex-label{flex:1;min-width:0}.bi-period{width:150px;flex-shrink:0}.bi-inline-row>.bi-icon-btn{margin-bottom:5px}.bi-field-picker{display:grid;gap:5px;min-width:0}.bi-field-picker input[type=search]{background:#f8faff;border:1px solid #e4eaf4;padding:7px 9px;font-size:11px}.bi-builder-item{border:1px solid #e5ebf4;border-radius:11px;background:#fcfdff;padding:12px;display:grid;gap:10px}.bi-item-top{display:flex;align-items:center;gap:9px}.bi-item-top strong{flex:1;font-size:12px;color:#385075}.bi-three{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 67px;gap:8px}.bi-tip{font-size:11px;color:#8391a4;line-height:1.6;margin:5px 0}.bi-tip code{background:#ecf2fb;border-radius:4px;padding:2px 4px;font-size:11px;color:#4565a6}.bi-muted{padding:13px;font-size:12px;color:#94a0b0;background:#f8faff;border-radius:8px}.bi-filter-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(110px,.7fr) minmax(0,.9fr) auto;gap:6px;align-items:center}.bi-filter-row:has(input[data-key=filterTo]){grid-template-columns:minmax(0,1.2fr) minmax(110px,.75fr) minmax(0,.7fr) minmax(0,.7fr) auto}.bi-chart-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bi-chart-choice{background:#f9fbfe;border:1px solid #e1e8f3;border-radius:9px;padding:10px 2px;cursor:pointer;min-width:0;color:#6d8098;display:flex;flex-direction:column;align-items:center;gap:6px}.bi-chart-choice b{font-size:22px;font-weight:500}.bi-chart-choice span{font-size:10px;font-weight:700;text-align:center}.bi-chart-choice.active{background:#edf3ff;border-color:#7b9af0;color:#2d57ba;box-shadow:inset 0 0 0 1px #bdcffb}.bi-sort-grid{margin-top:12px;grid-template-columns:1fr 1fr 1fr}.bi-preview-column{display:grid;gap:13px;position:sticky;top:80px}.bi-preview-panel{padding:18px;overflow:hidden}.bi-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding-bottom:12px;margin-bottom:13px}.bi-preview-head h3{font-size:15px;margin:0}.bi-preview-head span{font-size:11px;color:#8995a6}.bi-ai-panel{background:#fcfdff}.bi-ai-panel p{font-size:12px;color:#7b8ba1;line-height:1.5;margin:0 0 13px}.bi-ai-panel textarea{border:1px solid #dce5f0;border-radius:9px;width:100%;min-width:0;padding:12px;color:#253b60;background:white;font:inherit;font-size:12px;resize:vertical}.bi-ai-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.bi-ai-foot small{color:#8b97a8;line-height:1.45;font-size:10px}.bi-ai-tag{border-radius:12px;padding:5px 8px;background:#eef2ff;color:#526bb7!important}.bi-graph-empty{padding:44px 12px;text-align:center;color:#60708a}.bi-graph-empty strong{display:block;font-size:14px}.bi-graph-empty p{font-size:12px;color:#a1adbf}.bi-legend-simple{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:8px 0 13px;font-size:11px;color:#60738f}.bi-legend-simple span{display:flex;align-items:center;gap:5px}.bi-legend-simple i,.bi-legend-list i{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.bi-svg-wrap{width:100%;overflow:auto}.bi-svg-wrap svg{width:100%;height:auto;min-width:290px;max-height:400px;display:block}.bi-svg-wrap text{font-family:inherit}.bi-horizontal-list{display:grid;gap:10px;padding:10px 0;max-height:340px;overflow:auto}.bi-h-row{display:grid;grid-template-columns:minmax(80px,25%) 1fr 65px;align-items:center;gap:9px;font-size:11px}.bi-h-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-h-row strong{text-align:right;font-size:11px}.bi-h-track{width:100%;border-radius:5px;background:#eff3f7;min-height:11px;margin:3px 0}.bi-h-track i{display:block;min-height:11px;border-radius:5px}.bi-pie-container{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:12px 0}.bi-ring{height:175px;width:175px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.bi-donut{position:relative}.bi-donut:after{content:'';position:absolute;inset:28%;background:white;border-radius:50%}.bi-donut>div{position:relative;z-index:1;text-align:center;display:grid}.bi-donut strong{font-size:18px}.bi-donut small{color:#99a4b6;font-size:10px}.bi-legend-list{max-height:265px;overflow:auto;flex:1;min-width:185px}.bi-legend-list>div{display:flex;align-items:center;gap:6px;font-size:11px;padding:5px 0}.bi-legend-list span{flex:1;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-legend-list b{font-size:11px}.bi-legend-list small{font-size:10px;color:#97a4b5;min-width:38px;text-align:right}.bi-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bi-kpi-card{border-radius:12px;padding:14px;background:#f8faff;border:1px solid #e7ecf5;position:relative;overflow:hidden;display:grid;gap:7px}.bi-kpi-indicator{width:22px;height:4px;border-radius:5px}.bi-kpi-card small{font-size:11px;color:#7587a0}.bi-kpi-card strong{font-size:25px;color:#243b65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-kpi-card em{font-style:normal;font-size:10px;color:#a6afbd}.bi-table-scroll{overflow:auto;max-height:410px;border:1px solid #e6ecf3;border-radius:9px}.bi-data-table{width:100%;border-collapse:collapse;font-size:11px}.bi-data-table th,.bi-data-table td{padding:10px 12px;white-space:nowrap;text-align:left;border-bottom:1px solid #edf1f6}.bi-data-table thead th{position:sticky;top:0;background:#f1f5fb;color:#60718b;z-index:1}.bi-data-table tbody tr:hover{background:#f8fbff}.bi-data-table .bi-number{text-align:right;font-variant-numeric:tabular-nums}.bi-pivot-table tbody th{background:#f9fbfd;color:#637791}.bi-report-body .bi-kpi-card strong{font-size:21px}.bi-report-body .bi-svg-wrap{max-height:300px}.bi-report-body .bi-legend-simple{margin-top:0}.bi-report-body .bi-pie-container{gap:15px}.bi-report-body .bi-ring{width:140px;height:140px}.bi-report-body .bi-legend-list{min-width:130px}#bi-ai-status{font-size:11px;color:#5170bb;margin-top:10px}#bi-preview{min-height:210px}
@media(max-width:1280px){.bi-builder-layout{grid-template-columns:1fr}.bi-preview-column{position:static}.bi-chart-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.bi-report-grid{grid-template-columns:1fr}.bi-hero{padding:20px}.bi-chart-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.bi-build-head,.bi-dashboard-top{align-items:flex-start;flex-direction:column}.bi-report-header{gap:5px}.bi-hero-counter{display:none}.bi-hero h2{font-size:19px}.bi-hero p{font-size:12px}.bi-design-section{padding:13px}.bi-form-grid,.bi-three,.bi-sort-grid{grid-template-columns:1fr}.bi-filter-row,.bi-filter-row:has(input[data-key=filterTo]){grid-template-columns:1fr 1fr}.bi-filter-row>.bi-flex-label{grid-column:1/-1}.bi-filter-row>.bi-icon-btn{justify-self:end}.bi-design-title{flex-wrap:wrap}.bi-add-btn{margin-left:40px}.bi-inline-row{flex-wrap:wrap}.bi-flex-label{min-width:60%}.bi-period{width:100%}.bi-chart-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-tabs{width:100%}.bi-tabs button{flex:1}.bi-preview-panel{padding:12px}.bi-kpi-grid{grid-template-columns:1fr}}
.bi-preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px}.bi-preset-row>span{font-size:11px;font-weight:700;color:#7183a1;margin-right:3px}.bi-preset-row>button{border:1px solid #dbe5f3;border-radius:20px;color:#4365a8;background:#f8faff;padding:7px 12px;font-weight:650;font-size:11px;cursor:pointer}.bi-preset-row>button:hover{background:#e8effe;border-color:#bdcffa}.bi-report-card[draggable=true]{cursor:grab}.bi-report-card.bi-dragging{opacity:.48;box-shadow:0 0 0 2px #618aee;cursor:grabbing}
.bi-total-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;margin-top:10px;color:#5b6f8e!important}.bi-total-toggle input{width:auto!important;min-width:0!important}.bi-data-table tfoot th{position:sticky;bottom:0;background:#edf3ff;color:#3c5d9e;text-align:left;border-top:2px solid #b6c9ed}