/* Shared field styling; native controls retain keyboard and mobile pickers. */
#content :is(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"],select){
 min-height:48px;max-width:100%;min-width:0;box-sizing:border-box;
 border:1px solid #d6e1e6;border-radius:12px;background-color:#fff;color:var(--ink,#233947);
 padding:11px 14px;font-family:"Questrial",Arial,sans-serif;font-size:16px;line-height:1.4;
 box-shadow:0 1px 2px #193a5905;
}
#content :is(input,select,textarea):focus-visible{outline:3px solid #76afb655;outline-offset:2px;border-color:#527f94}
#content :is(input,select,textarea):disabled{background-color:#f0f3f5;color:#6c7b85;cursor:not-allowed}
#content :is(.view-filter,.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]),.filters){
 display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;
 padding:18px 20px;margin:22px 0;background:#f0f5f7;border:1px solid #dfe8ed;border-radius:18px;max-width:100%;
}
#content :is(.view-filter,.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]),.filters) label{
 display:block;min-width:0;flex:1 1 200px;margin:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#637987;
}
#content :is(.view-filter,.leave-year,.week-picker,.filters) label :is(input,select){width:100%;max-width:100%;margin-top:7px}
#content .view-filter .filter-year{flex:0 1 112px}
#content .view-filter .filter-person{flex:1 1 240px;max-width:400px}
body #content :is(.view-filter,.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]),.filters) button{
 min-height:48px!important;border-radius:12px!important;padding:11px 20px!important;margin:0!important;
 font-size:14px!important;font-weight:600!important;background:#e3edf2!important;color:#193a59!important;border-color:#cbdde6!important;
}
#content .week-picker>a{align-self:center;font-size:14px;text-underline-offset:4px;padding:8px 0}
#content .calendar-controls{padding:8px;background:#f0f5f7;border:1px solid #dfe8ed;border-radius:16px}
#content .calendar-controls label{margin:0;min-width:0}
#content .calendar-controls select{margin:0;border:0;background-color:transparent;text-align:center;font-family:"Space Grotesk",Arial,sans-serif;font-size:15px}
@media(max-width:600px){
 #content :is(.view-filter,.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]),.filters){padding:16px;gap:14px;border-radius:16px}
 #content .view-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #content .view-filter .filter-year{grid-column:1}
 #content .view-filter .filter-person{grid-column:1 / -1;max-width:none}
 #content .view-filter button{grid-column:1 / -1;width:100%}
 #content .view-filter:not(:has(.filter-person)) button{grid-column:2}
 #content :is(.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]))>label{flex-basis:100%}
 body #content :is(.leave-year,.week-picker,form[method="get"]:has(input[name="page"][value="overview"]),form[method="get"]:has(input[name="page"][value="lx_invoice"]))>button{width:100%}
}
@media print{#content :is(.view-filter,.leave-year,.week-picker,.calendar-controls,.filters){display:none!important}}