.platform .zone-report-filter { display:grid; grid-template-columns:repeat(2,minmax(150px,250px)); gap:14px; }
.platform .zone-report-filter .field { margin:0; }
.platform .zone-period-form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:0 0 16px; padding:13px 15px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-surface); }
.platform .zone-period-form .field { flex:0 1 210px; margin:0; }
.platform .zone-period-form .form-status:not(:empty) { flex-basis:100%; }
.platform .zone-period-form .button { min-height:39px; }
.platform .zone-consumption { display:grid; gap:6px; min-width:145px; max-width:190px; margin-left:auto; font-size:13px; }
.platform .zone-consumption>span { display:block; height:6px; background:var(--ui-border); border-radius:4px; overflow:hidden; }
.platform .zone-consumption>span>i { display:block; height:100%; background:var(--ui-link); border-radius:inherit; }
.platform .zone-consumption>small { margin:0; font-size:11px; color:var(--ui-muted); }
@media(max-width:600px) { .platform .zone-report-filter { grid-template-columns:1fr; } }
@media(max-width:600px) { .platform .zone-period-form .field { flex:1 1 130px; }.platform .zone-period-form .button { flex:1; } }