/* V14: shared responsive and financial typography, non-invasive */
:root{--ui-ink:#18345f;--ui-space:clamp(12px,1.3vw,22px)}
.admin-app-shell .admin-content,.admin-app-shell .admin-main,.performance-shell,.performance-shell *{min-width:0}
.performance-shell .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:clamp(12px,1vw,18px)}
.performance-shell .kpi-card{padding:clamp(16px,1.3vw,22px);overflow:visible;min-width:0}
.performance-shell .kpi-head{align-items:start;min-width:0;gap:10px}
.performance-shell .kpi-head>div:first-child{min-width:0;flex:1}
.performance-shell .kpi-title{font-size:clamp(.8rem,.85vw,.99rem);line-height:1.65;overflow-wrap:normal}
.performance-shell .kpi-value{font-size:clamp(1.05rem,1.6vw,1.62rem);line-height:1.65!important;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:normal!important;word-break:normal;white-space:normal}
.performance-shell .kpi-value .sar-amount{font-size:inherit}
.performance-shell .kpi-note{font-size:clamp(.78rem,.81vw,.92rem);line-height:1.7}
.performance-shell .kpi-icon{flex:0 0 40px;width:40px;height:40px}
.performance-shell .report-date-grid input{min-width:0}
.performance-shell .report-checks{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.admin-app-shell .admin-content,.admin-app-shell .admin-page,.admin-app-shell .admin-section-card{max-width:100%}
.admin-app-shell .admin-content .table-wrap{max-width:100%;overflow-x:auto}
.admin-app-shell input,.admin-app-shell select,.admin-app-shell textarea{max-width:100%;min-width:0}
.sar-amount{display:inline-flex;direction:ltr;unicode-bidi:isolate;align-items:baseline;gap:.25em;max-width:100%;vertical-align:baseline;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.sar-amount__value{direction:ltr;unicode-bidi:isolate}
@media(max-width:680px){.performance-shell .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.performance-shell .kpi-card{padding:14px}.performance-shell .kpi-icon{width:30px;height:30px;flex-basis:30px}.performance-shell .kpi-value{font-size:clamp(.9rem,3vw,1.24rem)}.performance-shell .kpi-head{gap:5px}.performance-shell .kpi-title{font-size:.75rem}}
@media(max-width:390px){.performance-shell .kpi-grid{grid-template-columns:1fr}.performance-shell .kpi-value{font-size:1.38rem}}
@media print{.performance-shell .kpi-card{break-inside:avoid}.sar-amount{color:#000}}

/* V15: resilient financial display; no glyph-as-SVG assumptions */
.performance-shell .kpi-value{font-size:clamp(1rem,1.15vw + .45rem,1.5rem);line-height:1.35!important;overflow-wrap:normal;word-break:normal;max-width:100%;font-variant-numeric:tabular-nums}
.performance-shell .kpi-value .sar-amount{display:inline-flex;align-items:baseline;max-width:100%;gap:.22em;white-space:nowrap;direction:ltr}
.performance-shell .kpi-card{min-width:0;overflow:hidden}.performance-shell .kpi-head{display:flex;align-items:flex-start;gap:clamp(8px,1vw,14px)}
.performance-shell .kpi-head>div:first-child{flex:1;min-width:0}.performance-shell .kpi-icon{flex:0 0 40px}
.admin-app-shell .table-responsive,.admin-app-shell .table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:1100px){.performance-shell .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.performance-shell .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.performance-shell .kpi-grid{grid-template-columns:1fr}.performance-shell .kpi-value{font-size:1.4rem}}
@media print{.performance-shell .kpi-value{font-size:12pt}.performance-shell .kpi-card{break-inside:avoid}}
