/* Last-mile layout contract: protects content width at laptop, tablet and phone breakpoints. */
html,body,#ecoapp,.layout,.main,.content,.section,.card,.tablewrap{min-width:0}.content{max-width:100%;overflow-x:hidden}.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}@media (min-width:761px) and (max-width:1366px){.content{padding-left:18px!important;padding-right:18px!important}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.content{padding-left:12px!important;padding-right:12px!important}.overview-hero{padding:16px!important}.overview-hero h2{font-size:23px!important}.formgrid,.cards{grid-template-columns:1fr!important}.tablewrap{overflow-x:auto}.modal-bg{padding:0!important;align-items:flex-end!important}.modal-bg>.modal{width:100%!important;max-width:100%!important;max-height:100dvh!important;border-radius:20px 20px 0 0!important}.modal-bg .modal-head{padding:14px 16px}.modal-bg .modal-body{padding:14px 16px;min-height:0;overflow-y:auto}.modal-bg .modal-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-bg .modal-foot .btn{width:100%;min-width:0}.modal-bg .modal-foot .btn:only-child{grid-column:1/-1}}@media (max-width:390px){.content{padding-left:10px!important;padding-right:10px!important}.modal-bg .modal-head{padding:13px 14px}.modal-bg .modal-body{padding:13px 14px}.btn{min-height:42px}}

/* V146 — popup chi tiết 8 chỉ số Tổng quan */
.admin-overview-kpi-modal>.modal{width:min(1120px,calc(100vw - 40px));max-height:min(92dvh,900px)}
.admin-overview-kpi-modal .modal-body{min-height:0;overflow:auto}
.admin-overview-kpi-modal .smart-metric-popup{display:grid;gap:14px;min-width:0}
.admin-overview-kpi-modal .smart-metric-popup .tablewrap{max-width:100%;max-height:56dvh;overflow:auto;-webkit-overflow-scrolling:touch}
.admin-overview-kpi-modal .member-pagination{position:sticky;bottom:0;padding:12px 4px 4px;background:linear-gradient(to bottom,rgba(255,255,255,.92),#fff 32%)}
@media (max-width:1100px){.admin-overview-kpi-modal>.modal{width:min(94vw,960px)}}
@media (max-width:760px){.admin-overview-kpi-modal{align-items:flex-end!important;padding:max(8px,env(safe-area-inset-top)) 0 0!important}.admin-overview-kpi-modal>.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;border-radius:20px 20px 0 0!important}.admin-overview-kpi-modal .modal-body{padding:14px 12px}.admin-overview-kpi-modal .smart-metric-popup .table{min-width:680px}.admin-overview-kpi-modal .member-pagination>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-overview-kpi-modal .member-pagination .btn{width:100%}}
@media (max-width:420px){.admin-overview-kpi-modal .modal-head{padding:12px 14px}.admin-overview-kpi-modal .modal-head h3{font-size:18px}.admin-overview-kpi-modal .modal-body{padding:12px 10px}.admin-overview-kpi-modal .smart-metric-popup{gap:10px}}