/* R78-HF215: Executive war-room compact single-row KPI layout and readability refinement.
   Presentation-only. No executive calculations, data retrieval, filters, or business logic are changed. */
#page-executive .executive-warroom-r50[data-r53-warroom="1"]{--hf215-gap:8px}
#page-executive .r53-war-head{padding:12px 14px!important;gap:12px!important}
#page-executive .r53-war-head h3{font-size:19px!important;line-height:1.2!important}
#page-executive .r53-war-head p{margin-top:4px!important;font-size:11px!important;line-height:1.35!important}
#page-executive .r53-war-filter label{margin-bottom:3px!important}
#page-executive .r53-war-filter select{min-height:38px!important;padding:6px 9px!important}
#page-executive .r53-war-range{padding:7px 14px 0!important;font-size:11px!important;line-height:1.3!important;white-space:nowrap!important;overflow-x:auto!important}
#page-executive .r53-war-definition{margin:6px 14px 0!important;padding:7px 10px!important;font-size:10.5px!important;line-height:1.35!important;white-space:nowrap!important;overflow-x:auto!important}
#page-executive .r56-warroom-note{margin:6px 14px 8px!important;padding:7px 10px!important;font-size:10.5px!important;line-height:1.35!important;white-space:nowrap!important;overflow-x:auto!important}

/* Figure 1: keep the four primary KPI cards and seven management metrics on one row on desktop/FHD. */
@media(min-width:820px){
 #page-executive .r53-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:9px 14px 8px!important}
 #page-executive .r53-strip{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;padding:0 14px 10px!important}
}
#page-executive .r53-kpi{padding:10px 12px!important;border-radius:12px!important;min-height:100px!important}
#page-executive .r53-kpi span{font-size:11px!important;line-height:1.25!important}
#page-executive .r53-kpi strong{margin:5px 0 3px!important;font-size:29px!important;line-height:1!important}
#page-executive .r53-kpi small{font-size:9.5px!important;line-height:1.35!important}
#page-executive .r53-kpi-break{gap:7px!important;margin-top:3px!important;flex-wrap:nowrap!important}
#page-executive .r53-strip>div{padding:8px 10px!important;border-radius:9px!important;min-height:68px!important;box-sizing:border-box!important}
#page-executive .r53-strip span{font-size:10px!important;line-height:1.2!important}
#page-executive .r53-strip b{margin-top:3px!important;font-size:20px!important;line-height:1.05!important}

/* Figures 2/3: improve table, alert, trend and detail readability without changing data. */
#page-executive .r53-panel{margin:0 14px 12px!important}
#page-executive .r53-panel-head{gap:10px!important;padding:10px 13px!important;line-height:1.45!important}
#page-executive .r53-panel-head b{font-size:15px!important;line-height:1.3!important}
#page-executive .r53-panel-head span{font-size:11px!important;line-height:1.45!important}
#page-executive .r53-table th{font-size:11px!important;line-height:1.35!important;padding:9px 10px!important}
#page-executive .r53-table td{font-size:11px!important;line-height:1.5!important;padding:9px 10px!important}
#page-executive .r53-risk,#page-executive .r53-status{font-size:10.5px!important;line-height:1.25!important;padding:4px 8px!important}
#page-executive .r53-alert-grid{gap:10px!important;margin:0 14px 12px!important}
#page-executive .r53-alert h4{padding:10px 12px!important;font-size:13px!important;line-height:1.35!important}
#page-executive .r53-alert h4 b{font-size:19px!important}
#page-executive .r53-alert-item{padding:10px 12px!important;line-height:1.45!important}
#page-executive .r53-alert-item strong{font-size:11.5px!important;line-height:1.4!important}
#page-executive .r53-alert-item span{margin-top:3px!important;font-size:10.5px!important;line-height:1.5!important}
#page-executive .r53-alert-empty{padding:15px!important;font-size:10.5px!important;line-height:1.45!important}
#page-executive .r53-load{padding:11px 15px 14px!important}
#page-executive .r53-load-legend{gap:16px!important;margin-bottom:8px!important;font-size:11px!important;line-height:1.4!important}
#page-executive .r53-load-grid{gap:10px!important;min-height:190px!important}
#page-executive .r53-month-count{font-size:12px!important;line-height:1.3!important;margin-bottom:5px!important}
#page-executive .r53-month-label{font-size:11.5px!important;line-height:1.3!important;margin-top:6px!important}
#page-executive .r53-month-sub{font-size:10.5px!important;line-height:1.45!important;margin-top:2px!important}
#page-executive .r53-detail-filter{font-size:11px!important;line-height:1.35!important}
#page-executive .r53-detail-filter button{font-size:10.5px!important;min-height:32px!important;padding:5px 9px!important}

@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}
}
