/* BFP Campus 2.10.0 — Canonical Design System
   Single source of truth for typography, spacing, radii, elevation and controls. */
:root{
  --bfp-font-sans:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --bfp-fs-xs:.75rem;
  --bfp-fs-sm:.8125rem;
  --bfp-fs-md:.875rem;
  --bfp-fs-base:1rem;
  --bfp-fs-lg:1.125rem;
  --bfp-fs-xl:1.25rem;
  --bfp-fs-2xl:1.5rem;
  --bfp-fs-3xl:2rem;
  --bfp-lh-tight:1.2;
  --bfp-lh-normal:1.5;
  --bfp-space-1:4px;
  --bfp-space-2:8px;
  --bfp-space-3:12px;
  --bfp-space-4:16px;
  --bfp-space-5:20px;
  --bfp-space-6:24px;
  --bfp-space-8:32px;
  --bfp-radius-control:9px;
  --bfp-radius-panel:13px;
  --bfp-radius-pill:999px;
  --bfp-border:#dbe6ed;
  --bfp-surface:#fff;
  --bfp-surface-soft:#f5f9fb;
  --bfp-text:#12354d;
  --bfp-muted:#647b8b;
  --bfp-primary:#087fb5;
  --bfp-elev-1:0 4px 16px rgba(20,55,80,.045);
  --bfp-elev-2:0 10px 28px rgba(20,55,80,.075);
}
html,body{font-family:var(--bfp-font-sans)}
body{font-size:.875rem;line-height:1.48;color:var(--bfp-text);font-weight:400}
/* Refined type scale: preserve component hierarchy instead of forcing every descendant. */
.content h1{line-height:1.18;letter-spacing:-.02em}
.content h2{line-height:1.24;letter-spacing:-.015em}
.content h3{line-height:1.3;letter-spacing:-.01em}
.content h4{line-height:1.35}
.content label{font-weight:600}
.content input,.content select,.content textarea{font-size:.875rem;font-weight:400}
.content button,.content .button,.content .btn{font-size:.8125rem;font-weight:650}
.eyebrow,.kicker,.page-kicker,.section-kicker,.muted-label{font-size:.6875rem;letter-spacing:.14em;font-weight:700}
small,.small,.muted,.help-text,.field-help{font-size:.78rem;line-height:1.4}
/* Canonical surfaces */
.card,.panel,.kpi,.stat-card,.toolbar,.filter-bar,.table-wrap,.empty-state,.modal-card,.dialog-card{
  border-radius:var(--bfp-radius-panel);
  border-color:var(--bfp-border);
}
input:not([type=checkbox]):not([type=radio]),select,textarea,button,.button,.btn{
  border-radius:var(--bfp-radius-control);
}
.badge,.chip,.pill,.status-badge,.tag{border-radius:var(--bfp-radius-pill)}
/* Common interaction sizing */
button,.button,.btn{min-height:38px}
input:not([type=checkbox]):not([type=radio]),select{min-height:38px}
textarea{min-height:96px}
/* Tables */
table{width:100%;border-collapse:separate;border-spacing:0}
th{text-align:left;font-weight:700}
td,th{vertical-align:middle}
/* Preserve natural page growth; horizontal clipping belongs only to true media/visual components. */
.content-inner,.content-inner--after-hero,.panel,.card,.toolbar,.filter-bar{height:auto;min-height:0}
.table-wrap{overflow-x:auto;overflow-y:visible}
img,svg,video{max-width:100%}
/* Accessible focus is common across components */
a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(8,127,181,.28);
  outline-offset:2px;
}
@media(max-width:720px){
  .content h1{font-size:1.65rem}
  .content h2{font-size:1.35rem}
  .content h3{font-size:1.125rem}
}


/* 2.10.2 — KPI canonical component */
.bfp-ds-290 .kpi-grid,
.bfp-ds-290 .stats-grid,
.bfp-ds-290 .metrics-grid,
.bfp-ds-290 .ia-kpis,
.bfp-ds-290 .a11y-kpis,
.bfp-ds-290 .evidence-kpis{
  align-items:stretch;
}
.bfp-ds-290 .kpi,
.bfp-ds-290 .kpi-card,
.bfp-ds-290 .stat-card,
.bfp-ds-290 .metric-card,
.bfp-ds-290 .ia-kpi,
.bfp-ds-290 .a11y-kpi,
.bfp-ds-290 .evidence-kpi{
  min-height:82px!important;
  padding:14px 16px!important;
  text-align:left!important;
  border-radius:13px!important;
  box-sizing:border-box;
}
.bfp-ds-290 .kpi .eyebrow,
.bfp-ds-290 .kpi-card .eyebrow,
.bfp-ds-290 .stat-card .eyebrow,
.bfp-ds-290 .metric-card .eyebrow,
.bfp-ds-290 .ia-kpi .eyebrow,
.bfp-ds-290 .a11y-kpi .eyebrow,
.bfp-ds-290 .evidence-kpi .eyebrow,
.bfp-ds-290 .kpi-label,
.bfp-ds-290 .stat-label,
.bfp-ds-290 .metric-label{
  display:block;
  margin:0 0 5px!important;
  font-size:.6875rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#61798a!important;
}
.bfp-ds-290 .kpi strong,
.bfp-ds-290 .kpi-card strong,
.bfp-ds-290 .stat-card strong,
.bfp-ds-290 .metric-card strong,
.bfp-ds-290 .ia-kpi strong,
.bfp-ds-290 .a11y-kpi strong,
.bfp-ds-290 .evidence-kpi strong,
.bfp-ds-290 .kpi-value,
.bfp-ds-290 .stat-value,
.bfp-ds-290 .metric-value{
  display:block;
  margin:0!important;
  font-size:1.35rem!important;
  line-height:1.05!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
  color:#102f44!important;
}
.bfp-ds-290 .kpi p,
.bfp-ds-290 .kpi-card p,
.bfp-ds-290 .stat-card p,
.bfp-ds-290 .metric-card p,
.bfp-ds-290 .ia-kpi p,
.bfp-ds-290 .a11y-kpi p,
.bfp-ds-290 .evidence-kpi p,
.bfp-ds-290 .kpi-note,
.bfp-ds-290 .stat-note,
.bfp-ds-290 .metric-note{
  margin:5px 0 0!important;
  font-size:.75rem!important;
  line-height:1.3!important;
  font-weight:400!important;
  color:#6b7f8d!important;
}

/* 2.10.2 — Individual support modal: scroll belongs only to course exceptions. */
.bfp-ds-290 .modal-card,
.bfp-ds-290 .dialog-card{
  max-height:min(90vh,880px);
}
.bfp-ds-290 .support-plan-modal,
.bfp-ds-290 .plan-modal{
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.bfp-ds-290 .support-plan-modal .modal-body,
.bfp-ds-290 .plan-modal .modal-body{
  overflow:visible!important;
  min-height:0!important;
}
.bfp-ds-290 .course-adaptations,
.bfp-ds-290 .adaptations-list,
.bfp-ds-290 .course-exceptions{
  min-height:0!important;
  max-height:280px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
  padding-right:10px!important;
  margin-right:-2px!important;
}
.bfp-ds-290 .course-adaptations::-webkit-scrollbar,
.bfp-ds-290 .adaptations-list::-webkit-scrollbar,
.bfp-ds-290 .course-exceptions::-webkit-scrollbar{width:8px}
.bfp-ds-290 .course-adaptations::-webkit-scrollbar-track,
.bfp-ds-290 .adaptations-list::-webkit-scrollbar-track,
.bfp-ds-290 .course-exceptions::-webkit-scrollbar-track{background:#eef3f6;border-radius:8px}
.bfp-ds-290 .course-adaptations::-webkit-scrollbar-thumb,
.bfp-ds-290 .adaptations-list::-webkit-scrollbar-thumb,
.bfp-ds-290 .course-exceptions::-webkit-scrollbar-thumb{background:#9aa8b2;border-radius:8px}
.bfp-ds-290 .modal-footer{
  flex:0 0 auto;
  background:#fff;
  border-top:1px solid var(--bfp-border);
  position:relative;
  z-index:2;
}


/* ============================================================
   BFP Campus 2.10.2 — Normalización estructural KPI + tipografía
   ============================================================ */

/* Tipografía más delicada: menos peso visual, sin reducir legibilidad. */
:root{
  --bfp-font-sans:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --bfp-text:#17364b;
  --bfp-muted:#687e8d;
}
html,body{font-family:var(--bfp-font-sans);font-weight:400;letter-spacing:0}
.bfp-ds-290 .content{font-weight:400}
.bfp-ds-290 .content h1,
.bfp-ds-290 .content h2,
.bfp-ds-290 .content h3,
.bfp-ds-290 .content h4{
  font-weight:650!important;
  color:#15364d;
}
.bfp-ds-290 .content h1{letter-spacing:-.025em!important}
.bfp-ds-290 .content h2{letter-spacing:-.018em!important}
.bfp-ds-290 .content h3,
.bfp-ds-290 .content h4{letter-spacing:-.01em!important}
.bfp-ds-290 .content label{font-size:.8125rem!important;font-weight:550!important}
.bfp-ds-290 .content input,
.bfp-ds-290 .content select,
.bfp-ds-290 .content textarea{font-size:.84rem!important;font-weight:400!important}
.bfp-ds-290 .content button,
.bfp-ds-290 .content .button,
.bfp-ds-290 .content .btn{font-size:.79rem!important;font-weight:600!important}
.bfp-ds-290 .content p,
.bfp-ds-290 .content li,
.bfp-ds-290 .content td{font-weight:400}
.bfp-ds-290 .eyebrow,
.bfp-ds-290 .kicker,
.bfp-ds-290 .page-kicker,
.bfp-ds-290 .section-kicker{
  font-size:.65rem!important;
  font-weight:650!important;
  letter-spacing:.13em!important;
}

/* KPI: abarcar las variantes históricas reales de los módulos. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
){
  min-height:96px!important;
  height:auto!important;
  padding:15px 16px!important;
  border-radius:13px!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:0!important;
  box-sizing:border-box!important;
  box-shadow:0 3px 12px rgba(21,54,77,.035)!important;
}

/* Primera línea/título de cualquier variante KPI. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(.eyebrow,.kpi-label,.stat-label,.metric-label,.label,.title,h3,h4){
  margin:0 0 7px!important;
  font-size:.68rem!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:#536e80!important;
}

/* Valor numérico principal. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(.kpi-value,.stat-value,.metric-value,.value,.number,strong){
  margin:0!important;
  font-size:1.42rem!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  color:#14354c!important;
}

/* Descripción inferior. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(p,.kpi-note,.stat-note,.metric-note,.description,.subtitle,small){
  margin:7px 0 0!important;
  font-size:.72rem!important;
  line-height:1.3!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#6b7f8d!important;
}

/* Grillas KPI: misma altura por fila, sin centrados heredados. */
.bfp-ds-290 :is(
 .kpi-grid,.stats-grid,.metrics-grid,.summary-grid,
 .ia-kpis,.a11y-kpis,.evidence-kpis,.alerts-kpis,.analytics-kpis
){
  align-items:stretch!important;
}
.bfp-ds-290 :is(
 .kpi-grid,.stats-grid,.metrics-grid,.summary-grid,
 .ia-kpis,.a11y-kpis,.evidence-kpis,.alerts-kpis,.analytics-kpis
)>*{height:100%}

/* En pantallas pequeñas mantener compacidad. */
@media(max-width:720px){
  .bfp-ds-290 :is(
   .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
   .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
   .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
  ){min-height:88px!important;padding:13px 14px!important}
}


/* ============================================================
   BFP Campus 2.10.3 — Hotfix de contraste del Page Hero
   La tipografía global no debe invadir componentes con fondo oscuro.
   ============================================================ */
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global),
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) :is(h1,h2,h3,h4,p,span,.eyebrow,.kicker,.page-kicker,.section-kicker){
  color:#fff!important;
}
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) h1{
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) p{
  color:rgba(255,255,255,.92)!important;
  font-weight:400!important;
}
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) :is(.eyebrow,.kicker,.page-kicker,.section-kicker){
  color:rgba(255,255,255,.92)!important;
}

/* Also cover the concrete 2.8/2.9 hero structures without changing light content headings. */
.bfp-ds-290 [class*="page-hero"] :is(h1,h2,h3,h4){color:#fff!important}
.bfp-ds-290 [class*="page-hero"] p{color:rgba(255,255,255,.92)!important}


/* ============================================================
   BFP Campus 2.10.4 — Calibri global + KPI sutiles
   ============================================================ */
:root{
  --bfp-font-sans:Calibri,"Segoe UI",Arial,sans-serif;
}
html,body,
button,input,select,textarea,
.bfp-ds-290,
.bfp-ds-290 *{
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
}

/* Jerarquía general más ligera y editorial. */
body{font-weight:400}
.bfp-ds-290 .content :is(h1,h2,h3,h4){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-weight:600!important;
}
.bfp-ds-290 .content :is(p,li,td,th,label,input,select,textarea){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
}
.bfp-ds-290 .content label{font-weight:500!important}
.bfp-ds-290 .content :is(button,.button,.btn){font-weight:600!important}

/* KPI definitivo: tipografía sutil y homogénea en todas las familias conocidas. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
){
  min-height:92px!important;
  padding:14px 16px!important;
}
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(.eyebrow,.kpi-label,.stat-label,.metric-label,.label,.title,h3,h4){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
  margin:0 0 6px!important;
  color:#587082!important;
}
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(.kpi-value,.stat-value,.metric-value,.value,.number,strong){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:1.48rem!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
  line-height:1!important;
  color:#17384f!important;
}
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat
) :is(p,.kpi-note,.stat-note,.metric-note,.description,.subtitle,small){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:.78rem!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.25!important;
  margin:6px 0 0!important;
  color:#718492!important;
}

/* Page Hero conserva contraste y adopta Calibri sin perder identidad. */
.bfp-ds-290 [class*="page-hero"] :is(h1,h2,h3,h4,p,span),
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) :is(h1,h2,h3,h4,p,span){
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
}
.bfp-ds-290 [class*="page-hero"] h1,
.bfp-ds-290 :is(.page-hero,.bfp-page-hero,.page-hero-full,.global-page-hero,.hero-global) h1{
  font-weight:600!important;
}


/* ============================================================
   BFP Campus 2.10.5 — KPI tipográfico canónico
   Una sola identidad tipográfica y cromática para TODOS los KPI.
   ============================================================ */
:root{
  --bfp-kpi-font:Calibri,"Segoe UI",Arial,sans-serif;
  --bfp-kpi-label:#536b7c;
  --bfp-kpi-value:#17384f;
  --bfp-kpi-note:#6d8190;
}

/* No depender de la clase histórica de cada módulo: normalizar contenido
   dentro de todos los contenedores KPI conocidos. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class*="kpi__"],[class$="-kpi"],
 [class*="stat-card"],[class*="metric-card"]
){
  font-family:var(--bfp-kpi-font)!important;
  color:var(--bfp-kpi-value)!important;
}

/* Etiqueta superior */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class$="-kpi"],[class*="stat-card"],[class*="metric-card"]
) :is(.eyebrow,.kpi-label,.stat-label,.metric-label,.label,.title,h3,h4){
  font-family:var(--bfp-kpi-font)!important;
  color:var(--bfp-kpi-label)!important;
  font-size:12px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1.15!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
}

/* Valor principal */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class$="-kpi"],[class*="stat-card"],[class*="metric-card"]
) :is(.kpi-value,.stat-value,.metric-value,.value,.number,strong){
  font-family:var(--bfp-kpi-font)!important;
  color:var(--bfp-kpi-value)!important;
  font-size:24px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:0!important;
}

/* Texto explicativo */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class$="-kpi"],[class*="stat-card"],[class*="metric-card"]
) :is(p,small,.kpi-note,.stat-note,.metric-note,.description,.subtitle){
  font-family:var(--bfp-kpi-font)!important;
  color:var(--bfp-kpi-note)!important;
  font-size:12px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Evitar que colores semánticos históricos recoloreen el texto.
   El estado se expresa por el borde/acento, no por la tipografía. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class$="-kpi"],[class*="stat-card"],[class*="metric-card"]
) :is(.danger,.warning,.success,.info,.critical,.high,.medium,.low){
  font-family:var(--bfp-kpi-font)!important;
}

/* Si un KPI histórico usa texto directo sin subclase, hereda el color canónico. */
.bfp-ds-290 :is(
 .kpi,.kpi-card,.stat-card,.metric-card,.summary-card,.summary-stat,
 .ia-kpi,.a11y-kpi,.evidence-kpi,.alert-kpi,.analytics-kpi,
 .accessibility-kpi,.evidence-stat,.status-card,.dashboard-stat,
 [class*="kpi-card"],[class$="-kpi"],[class*="stat-card"],[class*="metric-card"]
) > *{
  font-family:var(--bfp-kpi-font)!important;
}


/* ============================================================
   BFP Campus 2.10.6 — Componente KPI estructural unificado
   ============================================================ */
:root{
  --bfp-kpi-label:#536b7c;
  --bfp-kpi-value:#17384f;
  --bfp-kpi-note:#6d8190;
}
.bfp-ds-290 .bfp-kpi{
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  min-height:96px!important;
  padding:15px 16px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.bfp-ds-290 .bfp-kpi > .bfp-kpi-label,
.bfp-ds-290 .bfp-kpi .bfp-kpi-label{
  display:block!important;
  margin:0 0 6px!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:600!important;
  font-style:normal!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--bfp-kpi-label)!important;
}
.bfp-ds-290 .bfp-kpi > .bfp-kpi-value,
.bfp-ds-290 .bfp-kpi .bfp-kpi-value{
  display:block!important;
  margin:0!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:600!important;
  font-style:normal!important;
  letter-spacing:0!important;
  color:var(--bfp-kpi-value)!important;
}
.bfp-ds-290 .bfp-kpi > .bfp-kpi-note,
.bfp-ds-290 .bfp-kpi .bfp-kpi-note{
  display:block!important;
  margin:7px 0 0!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--bfp-kpi-note)!important;
}
.bfp-ds-290 .bfp-kpi .kpi-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
}
.bfp-ds-290 .improvement-summary .bfp-kpi-status{
  position:relative!important;
  min-height:108px!important;
  padding-left:34px!important;
}
.bfp-ds-290 .improvement-summary .bfp-kpi-status .dot{
  position:absolute!important;
  left:16px!important;
  top:20px!important;
}
.bfp-ds-290 .improvement-summary .bfp-kpi-status .bfp-kpi-value{
  position:static!important;
  width:auto!important;height:auto!important;
  border:0!important;background:transparent!important;
  border-radius:0!important;
}
@media(max-width:720px){
 .bfp-ds-290 .bfp-kpi{min-height:90px!important;padding:13px 14px!important}
 .bfp-ds-290 .bfp-kpi .bfp-kpi-label,
 .bfp-ds-290 .bfp-kpi .bfp-kpi-note{font-size:12.5px!important}
 .bfp-ds-290 .bfp-kpi .bfp-kpi-value{font-size:23px!important}
}