/* Aden corporate component consistency, Oct 2026. External CSS only. */
:root{--aden-ui-orange:#ED4F18;--aden-ui-navy:#283948;--aden-ui-line:#e6ebf1;--aden-ui-canvas:#f5f7fa}
body.aden-reference-ui .system-content :is(.kpi-card,.ua-metric-card,.lc-kpi,.ac-kpi,.md-kpi,.asset-metric-card,.stat-card){
 box-sizing:border-box; min-width:0; border:1px solid var(--aden-ui-line); border-radius:17px;
 background:#fff; box-shadow:0 5px 18px rgba(40,57,72,.035); overflow:hidden;
}
/* Icons are positioned within their own containers; never move all spans/icons globally. */
body.aden-reference-ui .system-content :is(.kpi-icon,.ua-metric-icon,.lc-kpi-icon,.ac-kpi-icon,.md-kpi-icon,.stat-icon,.metric-icon) {
 box-sizing:border-box; display:inline-flex!important; flex:0 0 auto; align-items:center!important; justify-content:center!important;
 position:relative; width:38px; height:38px; border-radius:12px; padding:0!important; line-height:1;
}
body.aden-reference-ui .system-content :is(.kpi-icon,.ua-metric-icon,.lc-kpi-icon,.ac-kpi-icon,.md-kpi-icon,.stat-icon,.metric-icon) > i {
 display:inline-block!important; position:static!important; inset:auto!important; transform:none!important;
 float:none!important; margin:0!important; padding:0!important; line-height:1!important; font-size:19px;
}
/* KPI labels remain horizontal; currency shrinks if needed without truncating its source value. */
body.aden-reference-ui .system-content :is(.kpi-label,.ua-metric-label,.lc-kpi-label,.ac-kpi-label,.md-kpi-label){
 min-width:0; max-width:100%; word-break:normal; overflow-wrap:normal; writing-mode:horizontal-tb;
 letter-spacing:.025em; line-height:1.35;
}
body.aden-reference-ui .system-content :is(.kpi-value,.ua-metric-value,.lc-kpi-value,.ac-kpi-value,.md-kpi-value){
 font-variant-numeric:tabular-nums; max-width:100%; min-width:0; line-height:1.18;
}
/* Explicit dashboard alignment keeps top-right icons outside the text flow. */
body.aden-reference-ui .system-content .kpi-card {position:relative; padding-right:54px;}
body.aden-reference-ui .system-content .kpi-card .kpi-top{display:flex; align-items:center; min-width:0;}
body.aden-reference-ui .system-content .kpi-card .kpi-icon{position:absolute!important;top:12px;right:12px;left:auto;bottom:auto;}
body.aden-reference-ui .system-content .kpi-card .kpi-value.money{white-space:nowrap;font-size:clamp(13px,1.15vw,19px);letter-spacing:-.035em;}
body.aden-reference-ui .system-content .kpi-card .kpi-foot{font-size:clamp(10.5px,.75vw,12px);}
/* Financial value icon is a separate flex item, not a text span. */
body.aden-reference-ui .system-content .finance-feature > .finance-feature-icon {
 display:inline-flex!important; align-items:center!important; justify-content:center!important;
 position:relative!important; flex:0 0 48px!important; width:48px!important; height:48px!important;
 padding:0!important; line-height:1!important; text-align:center;
}
body.aden-reference-ui .system-content .finance-feature > .finance-feature-icon > i {
 display:inline-block!important; position:static!important; inset:auto!important; transform:none!important;
 margin:0!important; float:none!important; line-height:1!important;
}
/* Readable controls; keep native forms and table semantics. */
body.aden-reference-ui .system-content :is(.form-control,.form-select,.btn){font-size:clamp(12px,.88vw,14px);}
body.aden-reference-ui .system-content :is(.table-responsive,.data-table-wrap){max-width:100%;overflow-x:auto;}
body.aden-reference-ui .system-content .table :is(td,th){vertical-align:middle;}
@media(max-width:900px){body.aden-reference-ui .system-content .kpi-card{padding-right:48px}}
@media(prefers-reduced-motion:reduce){body.aden-reference-ui .system-content :is(.kpi-card,.ua-metric-card,.lc-kpi,.ac-kpi){transition:none!important}}