/* Native iOS date controls can resist grid/flex shrink. Contain their logical
   width as well as their outer box; keep the picker accessible and native. */
body.portal-admin input:is([type=date],[type=month],[type=datetime-local],[type=time]){display:block;box-sizing:border-box;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;-webkit-appearance:none;appearance:none}
body.portal-admin input:is([type=date],[type=month],[type=datetime-local],[type=time])::-webkit-date-and-time-value{min-width:0;min-inline-size:0;text-align:left}
body.portal-admin label:has(>input:is([type=date],[type=month],[type=datetime-local],[type=time])){min-width:0;max-width:100%}
body.portal-admin .wm-month-picker{border:0;padding:0;margin:12px 0 6px;min-inline-size:0;max-inline-size:100%;flex:0 1 265px;width:265px}
body.portal-admin .wm-month-picker legend{font:500 13px/1.5 'Segoe UI',Arial,sans-serif;color:var(--portal-ink);padding:0;margin:0 0 6px}
body.portal-admin .wm-month-picker>div{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px;min-width:0}
body.portal-admin .wm-month-picker select{display:block;box-sizing:border-box;min-width:0;max-width:100%;width:100%;margin:0}
@media(max-width:600px){body.portal-admin #wm-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.portal-admin #wm-tools>*{min-width:0;max-width:100%;box-sizing:border-box}body.portal-admin #wm-tools .wm-month-picker{grid-column:1/-1;min-width:0;width:100%;margin:0}body.portal-admin .wm-month-picker legend{font-size:16px}body.portal-admin #wm-tools label{margin:0}body.portal-admin #wm-tools{row-gap:16px}body.portal-admin #wm-tools button{font-size:13px}}