.bl-overview-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); gap: 12px; }
.bl-focus-card { min-height: 246px; padding: clamp(22px,3vw,34px); border-radius: 20px; background: var(--bl-brand); color: #fff; position: relative; overflow: hidden; }
.bl-focus-card::after { content: ""; position: absolute; width: 270px; height: 270px; right: -90px; bottom: -130px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 0 0 35px rgba(255,255,255,.025),0 0 0 75px rgba(255,255,255,.018); }
.bl-focus-card .bl-card-kicker { color: rgba(255,255,255,.58); }
.bl-focus-card h2 { max-width: 650px; margin: 14px 0 9px; font-size: clamp(25px,3vw,38px); line-height: 1.04; letter-spacing: -.05em; }
.bl-focus-card p { max-width: 650px; color: rgba(255,255,255,.68); font-size: 11.5px; line-height: 1.65; }
.bl-focus-card .bl-button { position: relative; z-index: 1; background: #fff; border-color: #fff; color: var(--bl-brand); }
.bl-focus-card .bl-button:hover { background: #f5f5f2; border-color: #f5f5f2; }
.bl-progress-card { display: grid; align-content: space-between; }
.bl-progress-ring { --p: 0; position: relative; width: 92px; height: 92px; border-radius: 50%; margin: 8px 0 20px; background: conic-gradient(var(--bl-brand) calc(var(--p)*1%),var(--bl-soft) 0); display: grid; place-items: center; }
.bl-progress-ring::before { content: ""; width: 70px; height: 70px; border-radius: inherit; background: #fff; }
.bl-progress-ring strong { position: absolute; font-size: 16px; letter-spacing: -.03em; }
.bl-kpi-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.bl-kpi-card { min-height: 122px; padding: 16px; border: 1px solid var(--bl-line); border-radius: 14px; background: var(--bl-surface); }
.bl-kpi-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bl-kpi-head span { color: var(--bl-muted); font-size: 9.5px; font-weight: 750; }
.bl-kpi-icon { width: 29px; height: 29px; border-radius: 9px; background: var(--bl-soft-2); color: var(--bl-muted); display: grid; place-items: center; }
.bl-kpi-icon .bl-icon { width: 14px; height: 14px; }
.bl-kpi-card > strong { display: block; margin-top: 17px; font-size: 27px; line-height: 1; letter-spacing: -.05em; }
.bl-kpi-card > small { display: block; margin-top: 6px; color: var(--bl-muted-2); font-size: 8.8px; }
.bl-dashboard-columns { margin-top: 12px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(310px,.85fr); gap: 12px; }
.bl-section-head { margin-bottom: 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.bl-section-head h2 { margin: 0; font-size: 16px; }
.bl-section-head p { margin: 4px 0 0; color: var(--bl-muted); font-size: 9.5px; }
.bl-context-list { display: grid; }
.bl-context-row { min-height: 56px; padding: 10px 0; border-top: 1px solid var(--bl-line); display: flex; align-items: center; gap: 10px; }
.bl-context-row:first-child { border-top: 0; }
.bl-context-row .bl-card-icon { width: 34px; height: 34px; margin: 0; flex: 0 0 auto; }
.bl-context-row > div:last-child { min-width: 0; }
.bl-context-row strong, .bl-context-row small { display: block; }
.bl-context-row strong { font-size: 10.5px; }
.bl-context-row small { margin-top: 2px; color: var(--bl-muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }