/* Final shared layout pass — loaded after legacy page styles. No functional elements hidden. */
body.aden-reference-ui { --aden-spacing: 16px; --aden-radius: 14px; }
body.aden-reference-ui .system-content { padding: 18px clamp(12px,2vw,26px) 28px !important; }
body.aden-reference-ui .system-content > :is(.container,.container-fluid) { max-width: 1600px; margin-inline:auto; padding-inline:0 !important; }
body.aden-reference-ui :is(.card,.panel,.metric-card,.kpi-card) { min-width:0; }
body.aden-reference-ui .row > *,body.aden-reference-ui :is(.d-flex,.flex-row) > * { min-width:0; }
body.aden-reference-ui :is(.card-header,.card-footer) { padding: 13px 17px; }
body.aden-reference-ui .card-body { padding: 17px; }
body.aden-reference-ui :is(.card-header,.modal-header) h1, body.aden-reference-ui :is(.card-header,.modal-header) h2,body.aden-reference-ui :is(.card-header,.modal-header) h3 { margin:0; }
body.aden-reference-ui .metric-grid { align-items:stretch; }
body.aden-reference-ui .metric-card { position:relative; display:grid !important; grid-template-columns:minmax(0,1fr) 42px; grid-template-rows:auto auto; gap:4px 12px; align-items:center; padding:17px 18px !important; min-height:100px; }
body.aden-reference-ui .metric-card > :is(.metric-label,.metric-value) { grid-column:1; min-width:0; margin:0; overflow-wrap:anywhere; }
body.aden-reference-ui .metric-card > .metric-label { grid-row:1; align-self:end; font-size:12px !important; line-height:1.35; }
body.aden-reference-ui .metric-card > .metric-value { grid-row:2; align-self:start; font-size:clamp(20px,2vw,27px) !important; line-height:1.2; }
body.aden-reference-ui .metric-card > i.bi { grid-column:2; grid-row:1 / span 2; position:static !important; transform:none !important; display:grid !important; place-items:center; width:42px !important; height:42px !important; border-radius:13px; background:#fff3ed; color:#ed4f18; font-size:20px !important; margin:0 !important; opacity:1 !important; }
body.aden-reference-ui .system-sidebar .nav-icon { flex:0 0 36px !important; width:36px !important; height:36px !important; display:inline-grid !important; place-items:center; margin:0 11px 0 0 !important; }
body.aden-reference-ui .system-sidebar .nav-icon :is(i,svg) { display:block; font-size:18px !important; width:20px; height:20px; line-height:20px; text-align:center; }
body.aden-reference-ui .system-sidebar .sidebar-link { display:flex; align-items:center; min-height:44px; gap:0; }
body.aden-reference-ui :is(.btn,.sidebar-link,.dropdown-item) > .bi { display:inline-flex; align-items:center; justify-content:center; width:1.2em; height:1.2em; vertical-align:-.13em; flex-shrink:0; }
body.aden-reference-ui :is(.btn,.form-control,.form-select,.input-group-text) { min-height:38px; font-size:13px; }
body.aden-reference-ui :is(.btn,.form-control,.form-select) { border-radius:10px; }
body.aden-reference-ui :is(.form-label,.form-check-label) { font-size:13px; font-weight:600; }
body.aden-reference-ui .table-responsive { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
body.aden-reference-ui .table { margin-bottom:0; font-size:13px; }
body.aden-reference-ui .table :is(th,td) { padding:11px 13px; vertical-align:middle; }
body.aden-reference-ui .table th { white-space:nowrap; font-size:12px; }
body.aden-reference-ui :is(.table,.card) :is(.badge,.status-badge) { line-height:1.4; }
body.aden-reference-ui .modal-dialog { margin-top:max(12px,env(safe-area-inset-top)); margin-bottom:max(12px,env(safe-area-inset-bottom)); }
body.aden-reference-ui .modal-content { max-height:calc(100dvh - 32px); overflow:auto; }
body.aden-reference-ui details.card > summary { cursor:pointer; list-style-position:inside; }
body.aden-reference-ui :is(h1,h2,h3,h4,p,.form-text,.small) { overflow-wrap:break-word; }
@media(max-width:767.98px) {
 body.aden-reference-ui .system-content { padding:12px 12px 28px !important; }
 body.aden-reference-ui .card-body { padding:14px; }
 body.aden-reference-ui .metric-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)) !important; gap:10px !important; }
 body.aden-reference-ui .metric-card { padding:13px !important; grid-template-columns:minmax(0,1fr) 36px; min-height:86px; }
 body.aden-reference-ui .metric-card > i.bi { width:36px !important; height:36px !important; font-size:17px !important; }
 body.aden-reference-ui :is(.card-header,.card-footer) { padding:12px 14px; }
 body.aden-reference-ui .table :is(th,td) { padding:9px 10px; }
}
