/* Filter grids and dialog controls must shrink within their allocated columns.
   Date/month inputs need an explicit inline-size on mobile WebKit. */
#page .w13-filters{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
 gap:12px!important;align-items:end;margin-block:20px;
}
#page .w13-filters>label{display:grid;gap:8px;min-width:0;margin:0;line-height:1.4}
#page .w13-filters>button{width:100%;min-width:0;min-height:44px;margin:0;align-self:end;white-space:normal;overflow-wrap:anywhere}
#page :is(.w13-filters,.w13-form-grid,.r29-filters,.b26-filters,.r39-filters,.c71-filter-fields,.form-grid)>*,
#modal :is(.form-grid,.dialog-body,form,label){min-width:0;max-width:100%}
#page :is(.w13-filters,.w13-form-grid,.r29-filters,.b26-filters,.r39-filters,.c71-filter-fields,.form-grid) :is(input,select,textarea),
#modal :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-width:0}
#page :is(input[type=date],input[type=month],input[type=datetime-local]),
#modal :is(input[type=date],input[type=month],input[type=datetime-local]){
 display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;min-height:44px;
}
#page :is(input[type=date],input[type=month],input[type=datetime-local])::-webkit-date-and-time-value,
#modal :is(input[type=date],input[type=month],input[type=datetime-local])::-webkit-date-and-time-value{min-width:0;text-align:left}
#modal .dialog-head{gap:12px;align-items:flex-start}
#modal .dialog-head h2{min-width:0;line-height:1.35;overflow-wrap:anywhere}
#modal .dialog-head>button{flex:0 0 auto;min-width:44px;min-height:44px}
#modal .dialog-body :is(.actions,.row){flex-wrap:wrap;gap:12px}
@media(max-width:900px){
 #page .w13-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}
 #page .w13-filters>label:first-child{grid-column:1/-1}
 #page .w13-filters :is(input,select,button){min-height:48px!important;font-size:16px!important;line-height:1.4}
 #page .w13-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page .w13-form-grid>label:first-child{grid-column:1/-1}
 #page :is(.w13-main-tabs,.w13-tabs,.w13-departments){display:flex;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important}
 #page :is(.w13-main-tabs,.w13-tabs,.w13-departments)>button{min-width:0;max-width:100%;flex:1 1 150px!important;min-height:44px;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
 #modal .dialog{width:100%;max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}
 #modal .dialog-backdrop{padding:12px; padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}
}
@media(max-width:600px){
 #page .w13-filters{grid-template-columns:minmax(0,1fr)!important}
 #page .w13-filters>label:first-child{grid-column:auto}
 #page .w13-form-grid{grid-template-columns:minmax(0,1fr)}
 #page .w13-form-grid>label:first-child{grid-column:auto}
 #modal .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
 #modal .dialog-body :is(.actions,.row)>button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}