/* Approved Material list proportions shared by Clients, Contacts and Sites. */
@media screen and (min-width:760px){
html body:not(.phone-ui) #content>.client-family-list-page[data-list-model=material]{margin-top:var(--cl-top-offset,0px)!important;height:var(--cl-height,calc(100dvh - 150px))!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;grid-template-rows:auto minmax(0,1fr)!important;border:1px solid #dce4ec!important;background:#fff!important;border-radius:8px!important;overflow:hidden!important}
html body #content>.client-family-list-page[data-list-model=material]>.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:114px!important;padding:24px!important;background:#fff!important;border-bottom:0!important}
html body #content>.client-family-list-page[data-list-model=material]>.panel-head h3{font-size:30px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:-1px!important;margin:0 0 6px!important;color:#111923!important}
html body #content>.client-family-list-page[data-list-model=material]>.panel-head p{font-size:18px!important;line-height:1.4!important;margin:0!important;color:#516174!important}
html body #content>.client-family-list-page[data-list-model=material]>.panel-head>.actions{display:none!important}
html body #content .client-family-list-page .cl-totals{display:flex;align-items:center;gap:0;flex-shrink:0}
html body #content .client-family-list-page .cl-totals>div{padding:0 20px;text-align:center;border-left:1px solid #dce4ec}
html body #content .client-family-list-page .cl-totals>div:first-child{border-left:0}
html body #content .client-family-list-page .cl-totals>div>span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;white-space:nowrap;color:#111923}
html body #content .client-family-list-page .cl-totals strong{display:block;margin-top:8px;font-size:20px;line-height:1.2;color:#111923}
html body #content .client-family-list-page .cl-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.cl-dot.green{background:#00ae42}.cl-dot.red{background:#ff3159}.cl-dot.amber{background:#eda800}.cl-dot.blue{background:#0876f3}.cl-dot.grey{background:#94a3b8}
html body #content>.client-family-list-page[data-list-model=material]>.panel-body{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;gap:0!important}
html body #content>.client-family-list-page[data-list-model=material] .entity-list-controls{margin:0!important;border:1px solid #bccfe3!important;border-radius:10px!important;background:#fff!important;padding:8px 12px!important;flex:none}
html body #content>.client-family-list-page[data-list-model=material] .toolbar,html body #content>.client-family-list-page[data-list-model=material] .view-toolbar{margin:0!important;padding:0!important}
html body #content>.client-family-list-page[data-list-model=material] .entity-list-controls :is(input,select,button){height:36px!important;min-height:36px!important;box-sizing:border-box}
html body #content>.client-family-list-page[data-list-model=material] #entityListSummary{padding:8px 14px!important;margin:0!important;font-size:12px!important;flex:none}
html body #content>.client-family-list-page[data-list-model=material] #entityTable{min-height:0;overflow:auto;flex:1}
html body #content>.client-family-list-page[data-list-model=material]>.right-tools-aside{grid-column:2!important;grid-row:1 / -1!important;align-self:stretch!important;position:relative!important;top:0!important;margin:0!important;height:100%!important;max-height:100%!important;background:#fff!important;border-left:1px solid #dce4ec!important}
}
@media screen and (min-width:760px) and (max-width:1100px){html body #content>.client-family-list-page[data-list-model=material]{grid-template-columns:minmax(0,1fr) 220px!important}html body #content>.client-family-list-page[data-list-model=material]>.panel-head{flex-wrap:wrap!important;gap:14px!important}html body #content .client-family-list-page .cl-totals>div{padding:0 12px}}
@media(max-width:759px){.client-family-list-page .cl-totals{display:none}}

/* Interventions shares the approved Clients header and full-height action rail. */
.operation-counters{flex-shrink:0}
#recordForm[data-record-kind=operations] .record-head,#detailDialog[data-record-kind=operations]>.dialog-head{flex-wrap:wrap;background:var(--surface,#fff)!important;color:var(--ink,#17202b)!important}
#recordForm[data-record-kind=operations] .record-heading small{color:var(--muted,#516174)}
#recordForm[data-record-kind=operations] .record-head>.operation-counters,#detailDialog[data-record-kind=operations]>.dialog-head>.operation-counters{margin-left:auto}
@media(max-width:1100px){#content .operation-counters .form-counter{min-width:0;padding:4px 12px}}
@media(max-width:759px){.client-family-list-page:has(.operation-counters)>.panel-head{display:flex;flex-wrap:wrap;gap:16px}.operation-counters{width:100%;justify-content:space-between}.operation-counters>.form-counter{min-width:0;flex:1;padding:4px 8px}}
/* Reserve actual header space for the three counters, including on compact screens. */
html body #recordForm#recordForm.m1-record-form[data-record-kind=operations]:not(.business-pilot-form){grid-template-rows:auto auto minmax(0,1fr)!important}
html body #recordForm#recordForm.m1-record-form[data-record-kind=operations]>.record-head,html body #detailDialog#detailDialog[data-record-kind=operations]>.dialog-head{height:auto!important;min-height:114px!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding-right:60px!important}
html body #detailDialog#detailDialog.m1-detail[data-record-kind=operations][open]{grid-template-rows:auto minmax(0,1fr)!important}
@media(min-width:760px){
 html body #recordDialog #recordForm#recordForm.m1-record-form.right-tools-root[data-record-kind=operations]:not(.business-pilot-form){grid-template-columns:minmax(0,1fr) 260px!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
 html body #recordDialog #recordForm#recordForm[data-record-kind=operations]:not(.business-pilot-form)>:not(.right-tools-aside){grid-column:1!important;min-width:0!important}
 html body #recordDialog #recordForm#recordForm[data-record-kind=operations]:not(.business-pilot-form)>.right-tools-aside{grid-column:2!important;grid-row:1/-1!important;position:relative!important;align-self:stretch!important;height:100%!important;max-height:100%!important}
}
@media(max-width:759px){html body #recordForm#recordForm.m1-record-form[data-record-kind=operations]>.record-head,html body #detailDialog#detailDialog[data-record-kind=operations]>.dialog-head{flex-wrap:wrap!important;padding:12px 42px 12px 12px!important}}