/* IDSAL · UMBRAL — refinamiento de interfaz, septiembre de 2026.
   Capa exclusivamente visual. Mantiene las clases y los procesos existentes. */
:root {
  --bg:#F7F7FA; --surface:#FFF; --s2:#F4F2F8;
  --border:#E8E5EE; --border2:#DCD6E8;
  --text:#292239; --muted:#706A7C; --muted2:#81798F;
  --tint-green:#EDF5F0; --tint-amber:#FBF4E5; --tint-red:#FBEEEC;
  --sh:0 2px 4px rgba(38,22,74,.025); --shl:0 12px 32px -22px rgba(38,22,74,.25);
}
html{font-size:16px;scroll-padding-top:86px}
body{background:var(--bg)!important;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:'Manrope',sans-serif}
header{height:68px;padding:0 24px!important;grid-template-columns:40px minmax(180px,1fr) auto auto;gap:18px;background:#26164A!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important}
.header-provider::after{display:none}
.header-provider .idsal-lockup-full{height:38px}
.header-client{gap:10px;padding:0 8px}
.header-client-copy .lname{font-size:14px;line-height:1.5}
.header-client-copy .lsub{font-size:10px;line-height:1.5;opacity:.8}
.header-client svg{width:36px;height:36px}
.header-nav-toggle{border-radius:10px!important;background:rgba(255,255,255,.07)!important}
.header-actions button{min-width:36px;min-height:36px}
.app{min-height:calc(100vh - 68px)}
aside{top:68px;height:calc(100dvh - 68px);background:#FDFCFF!important;border-color:var(--border);box-shadow:none!important}
.sidebar-scroll{padding:18px 10px 12px;scrollbar-width:thin;scrollbar-gutter:auto}
.nitem{min-height:41px!important;padding:9px 11px!important;border-radius:9px!important;font-size:13px!important;line-height:1.35!important;gap:10px!important;color:#706A7C!important}
.nitem .ni-ic{width:19px!important;min-width:19px!important}
.ni-ic svg{width:18px;height:18px;stroke-width:1.7}
.nitem.active,.nitem.ac,.nitem.av,.nitem.ao{background:#EEE9F8!important;color:#352052!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
.nitem.active::before{width:5px;height:5px;right:10px}
.nitem:hover{background:#F2EFF7!important}
.sidebar-brand-footer{min-height:70px;padding:16px 20px!important;box-shadow:none;background:#FDFCFF;border-top:1px solid var(--border)}
.sidebar-brand-footer svg{width:28px!important;height:28px!important;flex:none}
.sidebar-brand-copy{font-size:11px;color:var(--muted)}
#content{padding:30px clamp(20px,2.5vw,48px) 112px;overflow-x:clip}
.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.view-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#81738F;line-height:1.5;margin-bottom:8px}
.overview-heading h1,.view-heading h1{margin:0;font-size:clamp(25px,2.35vw,34px);font-weight:800;line-height:1.16;letter-spacing:-.045em;color:#26164A}
.overview-heading p,.view-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.view-heading{margin-bottom:26px}
.overview-period{width:auto;flex:none;background:#ECE9F2;border:1px solid #E5E0EE!important;border-radius:11px!important;box-shadow:none!important;padding:5px!important;margin:0!important;gap:4px!important}
.overview-period>span{padding:0 7px;color:#756B82!important;font-size:10px!important}
.overview-period>div{min-height:36px;justify-content:center;margin:0!important;padding:7px 12px!important;font-family:'Manrope',sans-serif!important;font-size:13px!important;border-radius:8px!important;line-height:1.4}
.overview-period>div span{font-size:10px!important;opacity:.8!important}
.overview-notice{min-height:0!important;border-radius:16px!important;padding:24px 28px!important;margin-bottom:26px!important;background:linear-gradient(110deg,#26164A,#382454)!important;border:1px solid rgba(255,255,255,.07)}
.overview-notice-copy{max-width:100%!important;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;padding-right:96px}
.overview-notice-copy>div:first-child{font-size:10px!important;letter-spacing:.12em!important;color:#C9C0D8!important;grid-column:1;line-height:1.5}
.overview-notice-copy>div:nth-child(2){font-size:clamp(17px,1.55vw,23px)!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.025em;margin:7px 0!important;grid-column:1}
.overview-notice-copy>div:nth-child(3){font-size:12px!important;line-height:1.6!important;margin:0!important;max-width:none!important;color:#D5CCDF!important;grid-column:1}
.overview-notice-copy>button{grid-column:2;grid-row:1/4;align-self:center;padding:11px 16px!important;font-size:12px!important;min-height:42px;white-space:nowrap;border-radius:9px!important;background:#C9F04A!important}
.overview-notice .hero-brandmark{width:72px!important;height:72px!important;right:24px!important;opacity:.6}
.summary-heading{margin-bottom:12px}
.summary-heading .stitle{font-size:14px;font-weight:700;letter-spacing:-.015em}
.kresumen{grid-template-columns:1.2fr 1fr 1fr 1fr!important;gap:14px!important;margin-bottom:32px!important}
.kresumen>div{min-width:0;padding:22px!important;border-radius:14px!important;min-height:110px;display:flex;flex-direction:column;justify-content:center}
.kresumen>div:first-child{background:#26164A!important}
.kresumen>div:not(:first-child){box-shadow:0 5px 14px -9px rgba(38,22,74,.22)!important;border-width:1px!important;border-bottom-width:3px!important}
.kresumen>div:nth-child(2){background:#E0EFE7!important;border-color:#A8CDB8!important;border-bottom-color:#26704C!important}
.kresumen>div:nth-child(3){background:#F8EBCD!important;border-color:#DEC58B!important;border-bottom-color:#96620D!important}
.kresumen>div:nth-child(4){background:#F4DEDC!important;border-color:#DDB2AC!important;border-bottom-color:#A1352B!important}
.kresumen>div:nth-child(2)>div{color:#205A3E!important}
.kresumen>div:nth-child(3)>div{color:#79500B!important}
.kresumen>div:nth-child(4)>div{color:#902F29!important}
.kresumen>div>div:first-child{font-size:34px!important;font-weight:800!important;letter-spacing:-.045em;line-height:1.1!important}
.kresumen>div>div:last-child{font-size:12px!important;font-weight:650!important;letter-spacing:.04em!important;line-height:1.4!important;margin-top:10px!important}
.kresumen>div:first-child>div:last-child{color:#D3C9E2!important}
.kresumen>div:first-child span{width:8px!important;height:8px!important}
.shdr{gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.stitle{font-size:20px;font-weight:800;letter-spacing:-.035em;color:#26164A}
.ssub{font-size:12px!important;color:#81748E!important;font-weight:500!important}
.kgrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-bottom:36px;align-items:stretch}
.kcard{padding:20px!important;border-radius:15px!important;border:1px solid #D5CDDF!important;box-shadow:0 5px 14px -10px rgba(38,22,74,.2)!important;display:flex;flex-direction:column;min-height:238px;isolation:isolate}
.kcard::after{display:none}
.kcard:hover{transform:translateY(-3px)!important;border-color:#BBAECF!important;box-shadow:0 12px 25px -17px rgba(38,22,74,.25)!important}
.kcard>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px 8px!important;align-items:center!important;margin-bottom:20px}
.kcard>div:first-child>div{display:contents}
.kcard .kid{grid-column:1;grid-row:1;margin:0;font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.07em;line-height:1.4;color:#84768E}
.kcard .kname{grid-column:1/-1;grid-row:2;font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.015em;min-height:42px;margin:0;color:#352A45}
.kcard .kpill{grid-column:2;grid-row:1;font-size:12px;font-weight:650;line-height:1.4;padding:5px 9px;gap:5px}
.kcard[data-state=g] .kpill{background:#D9EDE1!important;color:#205A3E!important}
.kcard[data-state=y] .kpill{background:#F5E4BB!important;color:#79500B!important}
.kcard[data-state=r] .kpill{background:#F1D8D4!important;color:#902F29!important}
.kcard[data-state=n] .kpill{background:#E9E4F0!important;color:#64536F!important}
.kcard .dot{width:5px;height:5px;box-shadow:none}
.kcard .knums{margin: auto 0 12px!important;gap:12px;flex-wrap:wrap;align-items:baseline}
.kpct{font-size:30px;letter-spacing:-.045em;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.ktgts{font-size:11px;line-height:1.4;text-align:right;margin-left:auto}
.ktgts strong{font-weight:650}
.ktrack{height:5px;background:#EFECF4;margin-bottom:0}
.kcard[data-state=g] .kfill{background:#398361!important}
.kcard[data-state=y] .kfill{background:#C28A2D!important}
.kcard[data-state=r] .kfill{background:#BC5448!important}
.kcard[data-state=n]{background:#FAF9FC}
.kcard[data-state=n] .kpct{color:#A69BAB!important}
.kcard[data-state=n] .ktrack{background:repeating-linear-gradient(110deg,#E9E5EE 0,#E9E5EE 4px,#F5F3F8 4px,#F5F3F8 9px)}
.indicator-gap{padding-top:13px!important;margin-top:15px!important;font-size:11px!important;gap:10px!important;border-color:#EFECF3!important;flex-wrap:wrap}
.indicator-gap>span:last-child,.indicator-period{font-family:'Manrope',sans-serif!important;font-size:10px!important;font-variant-numeric:tabular-nums;color:#857A92!important}
.indicator-period{margin-top:7px!important;line-height:1.6}
.hpanel,.cpanel,.det,.upanel,.piv-panel{box-shadow:0 2px 6px rgba(38,22,74,.025)!important;border-color:var(--border)!important;border-radius:15px!important}
.hhdr{padding:18px 22px!important;background:#FAF9FC!important;border-bottom:1px solid var(--border)!important;gap:16px;flex-wrap:wrap}
.hhtitle{font-size:14px!important;font-weight:700!important;letter-spacing:-.015em}
.ptiles{gap:16px;margin-bottom:24px}
.ptile{padding:22px!important;border-radius:14px!important;box-shadow:0 2px 4px rgba(38,22,74,.025)!important}
.ptile::before{display:none}
.ptile .pnum{font-size:32px!important;font-weight:800;letter-spacing:-.04em}
.ptile .plbl{font-size:12px;color:var(--muted);margin-top:7px}
.ptile .pico{width:38px!important;height:38px!important;background:#F3F0F8!important;color:#78668D!important}
.denominator-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;padding:18px!important;gap:14px!important}
.denominator-card{border:1px solid var(--border)!important;border-radius:12px!important;padding:18px!important;box-shadow:none}
.denominator-card>div:first-child{gap:18px!important;flex-wrap:wrap}
.denominator-card>div:first-child>div:first-child{flex:1;min-width:150px}
.denominator-card>div:first-child>div:first-child>div:nth-child(2){color:#463451!important;font-size:14px!important}
.denominator-card>div:first-child>div:first-child>div:first-child{font-family:'Manrope',sans-serif!important;font-size:10px!important;letter-spacing:.05em;font-weight:700}
.denominator-card>div:first-child>div:last-child>div:first-child{color:#463451!important}
.denominator-card>div:last-child>div{background:#F7F5FA!important;border-color:#EBE5F1!important;gap:10px;flex-wrap:wrap}
.denominator-card>div:last-child>div>span:last-child{font-family:'Manrope',sans-serif!important;color:#57416E!important;font-size:12px!important}
.piv-viz-shell{padding:24px!important;background:white!important}
#pivPyramid{background:white;border-radius:0;max-width:1000px}
.piv-legend span{background:white;padding:7px 11px;font-size:11px}
.piv-dot-f{background:#6345A0;box-shadow:none}
.piv-dot-m{background:#506B64;box-shadow:none}
.piv-subtitle{font-size:12px;margin-top:5px}
.piv-insight{max-width:1000px;background:#F6F3FA;border:1px solid #E9E1F1;border-radius:10px;padding:15px 18px;color:#6345A0}
.piv-insight-title{font-size:13px}
.piv-insight-copy{font-size:12px;line-height:1.65}
.mono,.kid,.did,.hbadge,.npct{font-family:'Manrope',sans-serif!important;font-variant-numeric:tabular-nums}
.dtitle{font-size:23px;line-height:1.35;letter-spacing:-.03em}
.det{padding:26px}.dform{font-size:13px;line-height:1.65}
th{font-family:'Manrope',sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.04em!important;color:#776A85!important}
td{font-size:13px;line-height:1.5}
.btn{border-radius:9px;box-shadow:none!important;font-size:13px}
.btn.bc{background:#674692;color:white}
.btn.bp{background:#26164A;color:white}
#fab-toggle{width:46px;height:46px;right:24px;bottom:24px;background:#332047;box-shadow:0 5px 16px -5px rgba(38,22,74,.3)}
:focus-visible{outline:2px solid #725398!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(114,83,152,.1)!important}
/* Tablero de análisis: la misma escala y ritmo del panel principal. */
#kx-panel{max-width:1320px!important;background:#F7F7FA!important;border-radius:18px!important}
#kx-head{background:#26164A!important;padding:18px 26px!important}
#kx-head .sub{font-family:'Manrope',sans-serif!important;font-size:12px;color:#D3C6E1}
#kx-tabs{background:#fff;gap:8px!important;padding:0 24px!important}
.kx-tab{font-size:13px!important;padding:15px 16px!important;min-height:48px;display:flex;align-items:center}
#kx-toolbar{background:#fff!important;padding:12px 24px!important;gap:8px!important}
#kx-body{padding:24px!important}
#kx-panel .kx-hero{padding:26px!important;min-height:0!important;border-radius:15px!important}
#kx-panel .kx-hero-big{font-size:58px!important;letter-spacing:-.05em!important}
#kx-panel .kx-hero-brandmark{width:82px!important;height:82px!important;opacity:.6!important}
.kx-hero-meta,.kx-hero-lbl{font-size:12px!important;color:#D2C7DE!important}
.kx-hero-prio{font-size:13px!important;line-height:1.65}
.kx-hero-states{font-size:13px}
.kx-h3{font-size:16px!important;letter-spacing:-.02em;flex-wrap:wrap;line-height:1.5}
.kx-h3>span{font-size:12px!important;font-weight:500}
#kx-panel .kx-alert{padding:18px 20px!important;background:#FFFDFA!important;box-shadow:none!important;border-radius:12px!important}
.kx-alert .ah{font-size:14px!important}.kx-al{font-size:13px!important;line-height:1.7!important}
.kx-ask{gap:10px}.kx-ask input{min-width:0;font-size:13px!important}.kx-ask button{font-size:13px!important}
.kx-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important}
#kx-panel .kx-cell{padding:18px!important;border-radius:12px!important;box-shadow:none!important}
.kx-cell .ct{display:grid!important;grid-template-columns:1fr;gap:10px}
.kx-cell .ct .cn{font-size:13px!important;line-height:1.5!important;min-height:39px;overflow:visible}
.kx-cell .cst{justify-self:start;font-size:10px!important;padding:4px 8px!important}
.kx-cell .cv{font-size:27px!important;letter-spacing:-.035em!important;margin-top:16px}
.kx-cell .cm,.kx-cell .cx{font-size:11px!important;line-height:1.6}
.kx-t th,.kx-hm th,.kx-tag{font-family:'Manrope',sans-serif!important}
.kx-t td{font-size:13px!important;padding:14px!important}.kx-tag{font-size:10px!important}
.kx-rb{grid-template-columns:minmax(110px,220px) 1fr 75px!important;font-size:12px!important;padding:7px 0!important}
.kx-rb .track{height:8px!important}.kx-rb .rn{white-space:normal!important}
.kx-chip{font-size:12px!important;padding:7px 12px!important}
.kx-foot{font-size:11px!important}
/* Escritorio: navegación persistente; el botón sigue permitiendo ocultarla. */
@media(min-width:1200px){
 .app:not(.nav-hidden){grid-template-columns:224px minmax(0,1fr)!important}
 aside,aside:hover{width:224px!important}
 .app.nav-hidden aside{width:0!important}
 aside:not(:hover) .ni-label,aside:not(:hover) .sblbl,aside:not(:hover) .sb-badge,aside:not(:hover) .sb-caret{opacity:1;max-width:none;pointer-events:auto}
 aside:not(:hover) .nitem{justify-content:flex-start;gap:10px!important;padding:9px 11px!important}
 aside:not(:hover) .sidebar-brand-copy{display:block}
 aside:not(:hover) .sidebar-brand-footer{justify-content:flex-start}
 aside:not(:hover) #plazo-badge,aside:not(:hover) #alerta-badge{display:inline-block!important}
}
@media(min-width:861px) and (max-width:1199px){
 .sidebar-scroll{padding-inline:5px}
 aside:not(:hover) .nitem{padding-inline:0!important;gap:0!important;justify-content:center}
 aside:not(:hover) .sidebar-brand-footer{padding-inline:0!important;justify-content:center}
 .overview-heading{gap:16px}.overview-notice-copy{padding-right:68px;column-gap:18px}
 .overview-notice .hero-brandmark{width:54px!important;height:54px!important;right:18px!important}
}
@media(max-width:1000px){
 .overview-heading{flex-wrap:wrap}.overview-period{margin-top:0!important}
 .overview-notice-copy{grid-template-columns:1fr;padding-right:80px}
 .overview-notice-copy>button{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px;padding:9px 14px!important}
 .kresumen>div{padding:18px!important}.kresumen>div>div:first-child{font-size:30px!important}
}
@media(max-width:860px){
 header{height:64px;grid-template-columns:36px minmax(32px,1fr) auto auto;gap:12px;padding:0 16px!important}
 .app{min-height:calc(100dvh - 64px)}aside{top:64px;height:calc(100dvh - 64px)}
 #content{padding:24px 20px 100px}
 .kgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
 .kcard{padding:17px!important}
 .kcard>div:first-child{grid-template-columns:1fr}
 .kcard .kpill{grid-column:1;grid-row:2;justify-self:start}
 .kcard .kname{grid-row:3}
 .kresumen{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
 .kresumen>div{min-height:104px}
 #kx-panel{margin:10px;border-radius:14px!important}
 #kx-body{padding:18px!important}#kx-toolbar,#kx-tabs{padding-inline:18px!important}
 .piv-viz-shell{padding:18px 10px!important}
 .denominator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 #content{padding:22px 16px 100px}.view-heading,.overview-heading{margin-bottom:20px}
 .view-heading h1,.overview-heading h1{font-size:27px}.view-eyebrow{font-size:9px}
 .overview-heading p,.view-heading p{font-size:12px}
 .overview-period{max-width:100%;flex-wrap:wrap}
 .overview-period>div{padding:7px 10px!important}
 .overview-notice{padding:22px!important;border-radius:13px!important}
 .overview-notice-copy{padding-right:0;position:relative;z-index:1}
 .overview-notice-copy>div:nth-child(2){font-size:19px!important;padding-right:18px}
 .overview-notice .hero-brandmark{opacity:.2;right:12px!important;top:auto!important;bottom:10px;transform:none!important;width:52px!important;height:52px!important}
 .kresumen{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .kresumen>:first-child{grid-column:auto!important}
 .kresumen>div{padding:18px!important;min-height:106px}.kresumen>div>div:last-child{font-size:9px!important}
 .kgrid{grid-template-columns:1fr!important;gap:14px}
 .kcard{min-height:235px;padding:20px!important}
 .kcard>div:first-child{grid-template-columns:minmax(0,1fr) auto}
 .kcard .kpill{grid-column:2;grid-row:1}
 .kcard .kname{grid-row:2;font-size:15px;min-height:44px}
 .stitle{font-size:19px}.ssub{font-size:11px!important}
 .ptiles{gap:12px}.ptile .pnum{font-size:30px!important}
 .denominator-grid{grid-template-columns:1fr!important;padding:14px!important}
 .hhdr{padding:16px!important}.piv-legend{gap:6px}.piv-legend span{font-size:10px;padding:6px 8px}
 .piv-insight{padding:13px}.piv-insight-copy{font-size:11px}
 .det{padding:18px}.dtop{flex-wrap:wrap}.dtitle{font-size:21px}
 .kx-grid{grid-template-columns:1fr!important}.kx-ask{flex-wrap:wrap}.kx-ask input{flex-basis:100%}.kx-ask button{min-height:42px;margin-left:auto}
 #kx-panel .kx-hero-big{font-size:48px!important}#kx-head{gap:8px!important;padding:15px!important}#kx-head h2{font-size:17px!important}#kx-head .sub{display:none}
 .kx-tab{padding:12px 8px!important;font-size:12px!important}
 .kx-hero-states{gap:14px!important}.kx-hero-states .kx-hst{font-size:12px}
 .kx-rb{grid-template-columns:minmax(85px,1fr) 1fr 52px!important;gap:7px!important;font-size:11px!important}
}
/* IDSAL executive hierarchy: measured figures, original brand, quiet notice. */
.kresumen{grid-template-columns:1.4fr 1fr 1fr 1fr!important;gap:16px!important;margin-bottom:20px!important}
.kresumen>div{min-height:144px;padding:24px!important;position:relative}
.kresumen>div:first-child{background:#26164A!important;box-shadow:0 8px 20px -14px #26164A}
.kresumen>div:first-child::after{content:"";position:absolute;right:18px;top:26px;width:64px;height:64px;background:url('/idsal-mark-neg.svg') center/contain no-repeat;opacity:.09;pointer-events:none}
.kresumen>div:first-child>div:first-child{font-size:42px!important;letter-spacing:-.035em;z-index:1}
.kresumen>div:first-child>div:last-child{font-size:12px!important;max-width:90%;z-index:1}
.kresumen>div:not(:first-child){background:var(--surface)!important;border:1px solid #D9D0E4!important;border-top:3px solid #493368!important;box-shadow:0 4px 14px -11px rgba(38,22,74,.24)!important}
.kresumen>div:not(:first-child)>div:first-child{font-size:32px!important;color:var(--text)!important;letter-spacing:-.025em}
.kresumen>div:not(:first-child)>div:last-child{font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;display:flex;align-items:center;gap:8px}
.kresumen>div:not(:first-child)>div:last-child::before{content:"";width:7px;height:7px;border-radius:50%;flex:none}
.kresumen>div:nth-child(2)>div:last-child::before{background:#26704C}
.kresumen>div:nth-child(3)>div:last-child::before{background:#A47012}
.kresumen>div:nth-child(4)>div:last-child::before{background:#B44238}
.overview-notice{background:var(--surface)!important;border:1px solid #D9D0E4!important;border-left:3px solid #7953A7!important;padding:16px 20px!important;border-radius:12px!important;margin-bottom:26px!important}
.overview-notice-copy{padding-right:0;column-gap:24px}
.overview-notice-copy>div:first-child{color:var(--muted)!important;font-size:11px!important}
.overview-notice-copy>div:nth-child(2){color:var(--text)!important;font-size:16px!important;margin:4px 0!important}
.overview-notice-copy>div:nth-child(3){color:var(--muted)!important;font-size:12px!important}
.overview-notice-copy>button{background:var(--surface)!important;color:var(--navy-text)!important;border:1px solid #A897BE!important;font-size:13px!important;border-radius:8px!important;padding:10px 14px!important}
.overview-notice .hero-brandmark{display:none!important}
@media(max-width:600px){.kresumen{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.kresumen>div{min-height:130px;padding:18px!important}.kresumen>div:first-child>div:first-child{font-size:38px!important}.kresumen>div:first-child>div:last-child{font-size:11px!important}.kresumen>div:not(:first-child)>div:first-child{font-size:30px!important}.kresumen>div:not(:first-child)>div:last-child{font-size:13px!important}.overview-notice-copy{display:block}.overview-notice-copy>button{margin-top:12px!important}.overview-notice-copy>div:nth-child(2){padding-right:0!important}}
/* Presentation only: native accessible disclosure, original cards retained. */
.indicator-section{margin:0 0 16px;border:1px solid #D3CADF;border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 5px 16px -11px rgba(38,22,74,.25)}
.indicator-section[open]>.indicator-section-heading{background:#EEE8F6;border-bottom:1px solid #D3CADF;margin-bottom:18px}
.indicator-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;cursor:pointer;list-style:none}
.indicator-section-heading::-webkit-details-marker{display:none}
.indicator-section-heading:focus-visible{outline:3px solid #7953A7;outline-offset:-4px;border-radius:14px}
.indicator-section-heading:hover{background:var(--s2)}
.indicator-section-heading .stitle{display:block;margin:0;font-size:20px}
.indicator-section-count{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.indicator-section-action{display:flex;align-items:center;gap:16px;color:var(--navy-text);font-size:13px;font-weight:650;white-space:nowrap}
.section-chevron{font-size:24px;line-height:1;transform:rotate(-90deg)}
.section-close-label{display:none}
.indicator-section[open]>.indicator-section-heading .section-open-label{display:none}
.indicator-section[open]>.indicator-section-heading .section-close-label{display:inline}
.indicator-section[open]>.indicator-section-heading .section-chevron{transform:none}
.indicator-section-body{padding:0 20px 20px}
.indicator-section-body>.ssub{margin:0 4px 16px}
.indicator-section-body>.kgrid{margin-bottom:0}
@media(max-width:600px){.indicator-section-heading{padding:20px 16px;gap:12px}.indicator-section-heading .stitle{font-size:18px}.indicator-section-action{font-size:12px;gap:8px}.indicator-section-body{padding:0 12px 14px}}
.det{border-top:1px solid var(--border)!important}
.det-tiles>div{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);box-shadow:none!important;padding:22px!important}
.det-tiles>div:first-child{background:#30204F!important;color:#fff!important;border-color:#30204F}
.det-tiles>div:nth-child(3){background:#F3F0F8!important;color:#513872!important}
.det-tiles .det-count{font-size:36px!important;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
.det-2col svg:has(.donut-ring) circle{stroke-width:12}
.det-2col .donut-ring{stroke:#7953A7}
.det-2col svg:has(.donut-ring) text{font-family:Manrope,sans-serif}
.det-2col svg:has(.donut-ring) text:first-of-type{fill:#7953A7}
.det [style*="DM Mono"]{font-family:Manrope,sans-serif!important;font-variant-numeric:tabular-nums}
[data-theme="dark"] .det-tiles>div:nth-child(3){background:#35284A!important;color:#D3BDEF!important}
@media(max-width:600px){.det-tiles>div{padding:17px!important}.det-tiles .det-count{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.kcard,.nitem,.ptile,.kx-cell,.app,aside{transition:none!important;animation:none!important}.kcard:hover{transform:none!important}}

/* Indicator cards: distinct section tone and layered IDSAL surfaces. */
.indicator-section[open]{background:#EEEDF4;border-color:#D6CFE1;box-shadow:none}
.indicator-section[open]>.indicator-section-heading{background:#675276;border-bottom:0;margin-bottom:20px;position:relative}
.indicator-section[open]>.indicator-section-heading::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:4px;background:#C9F04A;border-radius:0 3px 3px 0}
.indicator-section[open]>.indicator-section-heading .stitle,.indicator-section[open]>.indicator-section-heading .indicator-section-action{color:#fff!important}
.indicator-section[open]>.indicator-section-heading .indicator-section-count{color:#E8E0ED}
.indicator-section-body>.kgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
.indicator-section-body>.ssub{color:#66576F!important}
.indicator-section .kcard{padding:20px!important;min-height:244px;overflow:hidden;border:1px solid #CEC4DD!important;border-radius:12px!important;background:linear-gradient(to bottom,#F0EBF7 0,#F0EBF7 64px,#fff 64px,#fff 100%)!important;box-shadow:0 7px 16px -9px rgba(38,22,74,.3),0 2px 4px rgba(38,22,74,.04)!important}
.indicator-section .kcard>div:first-child{grid-template-columns:minmax(0,1fr) auto!important;gap:22px 10px!important;margin-bottom:16px}
.indicator-section .kcard .kid{grid-column:1!important;grid-row:1!important;font-size:12px;color:#513767;letter-spacing:.04em}
.indicator-section .kcard .kpill{grid-column:2!important;grid-row:1!important}
.indicator-section .kcard .kname{grid-column:1/-1!important;grid-row:2!important;font-size:16px;font-weight:700;line-height:1.4;min-height:44px}
.indicator-section .kcard .kpct{font-size:32px!important;color:#302044!important}
.indicator-section .kcard .ktgts{font-size:13px;line-height:1.45}
.indicator-section .kcard .ktrack{height:6px;margin-bottom:4px}
.indicator-section .kcard .indicator-gap{margin:14px -20px 0!important;padding:12px 20px 8px!important;background:#F2EEF8;border-color:#E5DEEE!important;font-size:13px!important}
.indicator-section .kcard .indicator-gap>span:last-child{font-size:12px!important;color:#665571!important}
.indicator-section .kcard .indicator-period{margin:0 -20px -20px!important;padding:0 20px 13px;background:#F2EEF8;font-size:12px!important;color:#776486!important}
.indicator-section .kcard[data-state=n] .kpct{color:#79628C!important}
.indicator-section .kcard[data-state=n] .indicator-gap{margin-bottom:-20px!important;padding-bottom:18px!important;min-height:48px}
.indicator-section .kcard[data-state=n] .indicator-gap span{color:#625074!important;font-size:13px!important}
.indicator-section .kcard:hover{border-color:#A995BE!important;box-shadow:0 12px 22px -12px rgba(38,22,74,.36)!important;transform:translateY(-2px)!important}
@media(max-width:700px){.indicator-section-body>.kgrid{grid-template-columns:1fr!important;gap:16px}.indicator-section .kcard .kname{font-size:15px}.indicator-section .kcard .kpct{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.indicator-section .kcard:hover{transform:none!important}}

/* Approved crisp finish: white section headers and original status figures. */
.indicator-section,.indicator-section[open]{background:var(--surface);border-color:#D6CFE1;box-shadow:none}
.indicator-section>.indicator-section-heading,.indicator-section[open]>.indicator-section-heading{background:var(--surface)!important;position:relative;padding:20px 24px}
.indicator-section>.indicator-section-heading::before,.indicator-section[open]>.indicator-section-heading::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:#26164A;border-radius:0}
.indicator-section>.indicator-section-heading .stitle,.indicator-section[open]>.indicator-section-heading .stitle,.indicator-section>.indicator-section-heading .indicator-section-action,.indicator-section[open]>.indicator-section-heading .indicator-section-action{color:var(--navy-text)!important}
.indicator-section>.indicator-section-heading .indicator-section-count,.indicator-section[open]>.indicator-section-heading .indicator-section-count{color:var(--muted)!important}
.indicator-section>.indicator-section-heading:hover{background:#F8F6FC!important}
.indicator-section .kcard{box-shadow:0 2px 5px rgba(38,22,74,.07)!important}
.indicator-section .kcard:hover{box-shadow:0 3px 7px rgba(38,22,74,.1)!important}
.kresumen>div{min-height:120px!important;padding:22px!important}
.kresumen>div:first-child{box-shadow:none!important}
.kresumen>div:first-child::after{display:none}
.kresumen>div:not(:first-child){border:1px solid #D9D0E4!important;box-shadow:0 2px 4px rgba(38,22,74,.035)!important}
.kresumen>div:nth-child(2)>div:first-child{color:#247A52!important}
.kresumen>div:nth-child(3)>div:first-child{color:#9A6700!important}
.kresumen>div:nth-child(4)>div:first-child{color:#B42318!important}
.kresumen>div:not(:first-child)>div:last-child{font-size:12px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--muted)!important;font-weight:500!important}
.kresumen>div:not(:first-child)>div:last-child::before{display:none}
@media(max-width:600px){.indicator-section>.indicator-section-heading,.indicator-section[open]>.indicator-section-heading{padding:18px 16px}.kresumen>div{min-height:116px!important;padding:18px!important}}

/* Final interaction and reading rhythm; data remain unchanged. */
.indicator-section{scroll-margin-top:84px}
.indicator-section>.indicator-section-heading{min-height:82px;transition:background-color 160ms ease}
.indicator-section-heading>span:first-child{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.indicator-section-count{margin-top:0;font-size:13px}
.indicator-section-heading .stitle{font-size:20px;letter-spacing:-.025em}
.indicator-section-action{min-height:36px;gap:12px}
.section-chevron{transition:transform 180ms ease}
.indicator-section-body{padding:0 20px 20px}
.indicator-section-body>.ssub{font-size:13px!important;margin-bottom:14px}
.indicator-section-body>.kgrid{gap:18px}
.indicator-section .kcard{min-height:224px;padding:16px 20px 20px!important;background:linear-gradient(to bottom,#F0EBF7 0,#F0EBF7 54px,#fff 54px,#fff 100%)!important;cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.indicator-section .kcard>div:first-child{gap:18px 10px!important;margin-bottom:10px}
.indicator-section .kcard .kid{font-size:12px;line-height:24px;letter-spacing:.045em}
.indicator-section .kcard .kpill{padding:4px 9px;line-height:1.4;font-size:12px}
.indicator-section .kcard .kname{font-size:16px;line-height:1.4;min-height:44px;font-weight:650;letter-spacing:-.015em}
.indicator-section .kcard .knums{margin:2px 0 12px!important;min-height:38px;align-items:center;gap:16px}
.indicator-section .kcard .kpct{font-size:30px!important;line-height:1.2;letter-spacing:-.035em}
.indicator-section .kcard .ktgts{font-size:14px;line-height:1.45;color:#72627F}
.indicator-section .kcard .ktgts strong{font-weight:700}
.indicator-section .kcard .ktrack{margin-top:auto;margin-bottom:0;height:5px}
.indicator-section .kcard .indicator-gap{padding:11px 20px 5px!important;margin-top:12px!important;font-size:14px!important;line-height:1.45;align-items:baseline}
.indicator-section .kcard .indicator-gap>span:last-child{font-size:13px!important;font-weight:600;color:#665571!important}
.indicator-section .kcard .indicator-period{padding:0 20px 11px;font-size:12px!important;color:#71617E!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5}
.indicator-section .kcard[data-state=n] .indicator-gap{margin-top:12px!important;padding:13px 20px 18px!important;min-height:54px;align-items:center}
.indicator-section .kcard[data-state=n] .indicator-gap span{font-size:14px!important;font-weight:550;color:#5E4A70!important}
.indicator-section .kcard[data-state=n] .ktrack{visibility:hidden}
.indicator-section .kcard:focus-visible{outline:2px solid #674692!important;outline-offset:3px!important;border-color:#674692!important;box-shadow:0 0 0 5px #EEE7F6!important;transform:none!important}
.indicator-section .kcard:active{transform:translateY(0)!important;box-shadow:0 1px 3px rgba(38,22,74,.08)!important}
.indicator-section>.indicator-section-heading:focus-visible{outline-offset:-4px!important}
@media(hover:hover){.indicator-section .kcard:hover{border-color:#9C83B7!important;box-shadow:0 5px 10px -5px rgba(38,22,74,.22)!important}}
@media(max-width:700px){.indicator-section-heading>span:first-child{display:block}.indicator-section-count{margin-top:4px}.indicator-section .kcard .kname{font-size:15px;min-height:42px}.indicator-section .kcard .kpct{font-size:28px!important}.indicator-section .kcard .ktgts{font-size:13px}.indicator-section .kcard .indicator-gap{font-size:13px!important}.indicator-section .kcard .indicator-period{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.indicator-section .kcard,.indicator-section-heading,.section-chevron{transition:none!important}.indicator-section .kcard:hover{transform:none!important}}

/* Approved IDSAL contrast: clean surfaces and compact brand signature. */
.indicator-section .kcard{--indicator-ink:#625A70;background:#fff!important;border-color:#C8BED8!important;box-shadow:0 3px 8px -3px rgba(38,22,74,.16)!important}
.indicator-section .kcard[data-state=g]{--indicator-ink:#247A52}
.indicator-section .kcard[data-state=y]{--indicator-ink:#946000}
.indicator-section .kcard[data-state=r]{--indicator-ink:#B42318}
.indicator-section .kcard .kid{justify-self:start;align-self:center;background:transparent;color:#726583;border-radius:0;padding:2px 0;font-size:12px;letter-spacing:.06em}
.indicator-section .kcard .kname{color:#26164A;font-weight:700}
.indicator-section .kcard .kid span{background:#F1EBF7!important;color:#74499A!important}
.indicator-section .kcard .kpill{color:var(--indicator-ink)!important;border:0}
.indicator-section .kcard[data-state=g] .kpill{background:#E9F6ED!important}
.indicator-section .kcard[data-state=y] .kpill{background:#FFF5DE!important}
.indicator-section .kcard[data-state=r] .kpill{background:#FDEEEB!important}
.indicator-section .kcard[data-state=n] .kpill{background:#F0EDF4!important}
.indicator-section .kcard::after{display:block!important;content:'';height:4px;background:var(--cc,#26164A)!important;opacity:1}
.indicator-section .kcard .kpct{color:var(--cc,#26164A)!important}
.indicator-section .kcard[data-state=n] .kpct{color:#726583!important}
.indicator-section .kcard .kfill{background:var(--cc,#26164A)!important}
.indicator-section .kcard .ktgts{color:#645D70}
.indicator-section .kcard .ktgts strong{color:var(--cc,#26164A)!important}
.indicator-section .kcard .indicator-gap{background:transparent;border-color:#E3DFE9!important}
.indicator-section .kcard .indicator-gap>span:first-child{color:#26164A!important;font-weight:700}
.indicator-section .kcard .indicator-gap>span:last-child{color:#645D70!important}
.indicator-section .kcard .indicator-period{background:transparent;color:#645D70!important}
.indicator-section .kcard[data-state=n] .indicator-gap span{color:#645D70!important}
@media(hover:hover){.indicator-section .kcard:hover{border-color:#6C518C!important;box-shadow:0 7px 14px -7px rgba(38,22,74,.28)!important}}