/* Shared containment, without shrinking the working energy table. */
body .app-main,body .workspace-scroll,body .workspace,
body .workspace :is(.surface-card,.dashboard-grid,.admin-split,.energy-history-grid,.bi-dashboard,.summary-v2){min-width:0}
body .capture-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}
body .capture-title>div{flex:1 1 220px;min-width:0}
body .capture-title h1{margin:0}
body .capture-title>.scope-bar{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(160px,1fr);flex:0 1 580px;width:580px;max-width:100%;margin:0 0 0 auto;gap:12px;padding:0;border:0;background:transparent;box-shadow:none}
body .capture-title>.scope-bar label{font-size:12px}
body .workspace :is(.history-table-wrapper,.people-table-scroll,.energy-table-scroll,.v2-detail){max-width:100%;overflow-x:auto}
body :is(.date-popover-pro,.time-popover-pro){max-width:calc(100vw - 24px);box-sizing:border-box}
body .people-drawer{max-width:100vw;max-height:100dvh}
body .people-drawer-body{min-width:0;overflow:auto;overflow-wrap:anywhere}
body .workspace :is(.page-heading,.energy-title-row,.card-heading){min-width:0}
body .workspace :is(.page-heading h1,.card-heading h2,.entity-list strong){overflow-wrap:anywhere}
@media(max-width:1000px){
 body .workspace .energy-title-row{flex-wrap:wrap;gap:16px}
 body .workspace .energy-title-row h1{flex:1 1 100%}
 body .workspace .energy-title-hotel{min-width:0;flex:1 1 220px}
 body .workspace :is(.admin-split,.energy-history-grid){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 body .capture-title{gap:16px}
 body .capture-title>div{flex-basis:100%}
 body .capture-title>.scope-bar{flex-basis:100%;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body .workspace :is(.page-heading,.card-heading){flex-wrap:wrap;gap:12px}
 body .workspace :is(.meter-period-grid,.review-period-grid,.energy-fields){grid-template-columns:minmax(0,1fr)}
 body .workspace :is(.calendar-tools,.calendar-legend,.v2-controls){flex-wrap:wrap;gap:8px}
 body .workspace .v2-controls{width:100%}
 body .workspace .v2-controls label{min-width:0;flex:1 1 150px}
 body .workspace .calendar-header{flex-wrap:wrap;gap:12px}
 body .workspace .calendar-tools{max-width:100%;margin-left:auto}
 body .workspace :is(.calendar-grid,.calendar-weekdays){grid-template-columns:repeat(7,minmax(0,1fr))}
 body .workspace :is(input,select,textarea){max-width:100%;box-sizing:border-box}
 body .people-drawer :is(input,select,textarea){max-width:100%;box-sizing:border-box}
 body .workspace .energy-title-hotel{width:100%}
 body .workspace .energy-title-row>.primary-action{margin-left:auto}
}
@media(max-width:420px){
 body .capture-title>.scope-bar{grid-template-columns:minmax(0,1fr)}
 body .workspace .calendar-tools{justify-content:flex-end}
 body .workspace .calendar-card{padding-inline:10px}
 body .workspace .calendar-grid{gap:3px}
 body .workspace .v2-slot{padding:16px}
 body .workspace .v2-slot strong{font-size:20px}
}