/* R78-HF218 — executive war-room presentation accessibility (HF217 UTF8_REPAIRED baseline).
   CSS-only: data, KPI arithmetic, filtering, state, callbacks and permissions unchanged. */
#page-executive .executive-warroom-r50[data-r53-warroom="1"]{--hf218-space:8px}
/* Figure 1: a compact header and ONE ROW per KPI tier on desktop. */
#page-executive .r53-war-head{padding:10px 13px!important;gap:9px!important}
#page-executive .r53-war-head h3{font-size:20px!important;line-height:1.25!important}
#page-executive .r53-war-head p{margin-top:3px!important;font-size:12px!important;line-height:1.45!important}
#page-executive .r53-war-filter label{font-size:12px!important;margin-bottom:2px!important;line-height:1.2!important}
#page-executive .r53-war-filter select{min-height:38px!important;font-size:16px!important;padding:5px 10px!important}
#page-executive .r53-war-range{padding:6px 13px 0!important;font-size:12px!important;line-height:1.45!important;white-space:nowrap!important;overflow-x:auto!important}
#page-executive .r53-war-definition{margin:5px 13px 0!important;padding:7px 10px!important;font-size:11.5px!important;line-height:1.4!important;white-space:nowrap!important;overflow-x:auto!important}
#page-executive .r56-warroom-note{margin:5px 13px 8px!important;padding:7px 10px!important;font-size:11.5px!important;line-height:1.4!important;white-space:nowrap!important;overflow-x:auto!important}
@media (min-width:820px){
 #page-executive .r53-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px 13px!important}
 #page-executive .r53-strip{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important;padding:0 13px 10px!important}
}
#page-executive .r53-kpi{min-height:104px!important;padding:11px 13px!important;border-radius:12px!important}
#page-executive .r53-kpi span{font-size:13px!important;line-height:1.3!important}
#page-executive .r53-kpi strong{font-size:30px!important;line-height:1.05!important;margin:3px 0!important}
#page-executive .r53-kpi small{font-size:11px!important;line-height:1.32!important}
#page-executive .r53-kpi-break{gap:8px!important;margin-top:2px!important;flex-wrap:wrap!important}
#page-executive .r53-strip>div{min-height:72px!important;padding:9px 9px!important;border-radius:10px!important;min-width:0!important}
#page-executive .r53-strip span{font-size:11px!important;line-height:1.25!important}
#page-executive .r53-strip b{font-size:21px!important;line-height:1.12!important;margin-top:5px!important}
/* Figures 2/3: readable hierarchy, not tiny text. Allow horizontal scrolling rather than shrinking columns. */
#page-executive .r53-panel{margin:0 13px 13px!important}
#page-executive .r53-panel-head{padding:11px 14px!important;gap:10px!important;line-height:1.5!important}
#page-executive .r53-panel-head b{font-size:18px!important;line-height:1.35!important}
#page-executive .r53-panel-head span{font-size:13px!important;line-height:1.5!important}
#page-executive .r53-tablewrap{overflow-x:auto!important;overscroll-behavior-x:contain!important}
#page-executive .r53-table{min-width:1750px!important}
#page-executive .r53-table th{font-size:14px!important;line-height:1.4!important;padding:12px 13px!important;white-space:nowrap!important}
#page-executive .r53-table td{font-size:14px!important;line-height:1.65!important;padding:12px 13px!important}
#page-executive .r53-table td b,#page-executive .r53-table td strong{font-size:inherit!important}
#page-executive .r53-table .cardsub,#page-executive .r53-table td>span:not(.r53-risk):not(.r53-status){font-size:13px!important;line-height:1.5!important}
#page-executive .r53-risk,#page-executive .r53-status{font-size:12.5px!important;line-height:1.45!important;padding:5px 9px!important}
#page-executive .r53-alert-grid{gap:11px!important;margin:0 13px 13px!important}
#page-executive .r53-alert h4{padding:12px 13px!important;font-size:16px!important;line-height:1.4!important}
#page-executive .r53-alert h4 b{font-size:22px!important}
#page-executive .r53-alert-item{padding:12px 13px!important;line-height:1.55!important}
#page-executive .r53-alert-item strong{font-size:14px!important;line-height:1.5!important}
#page-executive .r53-alert-item span{font-size:13px!important;line-height:1.5!important;margin-top:4px!important}
#page-executive .r53-alert-empty{font-size:13px!important;line-height:1.5!important;padding:17px!important}
#page-executive .r53-load{padding:12px 15px 16px!important}
#page-executive .r53-load-legend{font-size:13px!important;line-height:1.45!important;margin-bottom:10px!important;gap:16px!important}
#page-executive .r53-load-grid{gap:12px!important;min-height:200px!important}
#page-executive .r53-month-count{font-size:15px!important;line-height:1.4!important;margin-bottom:6px!important}
#page-executive .r53-month-label{font-size:14px!important;line-height:1.35!important;margin-top:8px!important}
#page-executive .r53-month-sub{font-size:12.5px!important;line-height:1.5!important;margin-top:3px!important}
#page-executive .r53-detail-filter{font-size:13px!important;line-height:1.45!important}
#page-executive .r53-detail-filter button{font-size:13px!important;min-height:36px!important;padding:6px 10px!important}
/* Keep text readable at smaller viewports, where cards may stack intentionally. */
@media(max-width:819px){
 #page-executive .r53-war-range,#page-executive .r53-war-definition,#page-executive .r56-warroom-note{white-space:normal!important;overflow-x:visible!important}
 #page-executive .r53-table{min-width:1580px!important}
}