/* Home338: mobile home controls; preserve native date picker and all actions. */
@media (max-width:600px) {
 :root[data-design] #page.home297{--home337-gutter:12px;--home337-gap:8px}
 :root[data-design] #page.home297>.hero.card.home297-greeting{padding:10px 12px!important;gap:4px!important}
 :root[data-design] #page.home297 .home297-greeting h1{font-size:20px!important;margin:0 0 4px!important}
 :root[data-design] #page.home297 .home297-greeting .home317-date{margin-top:4px}
 :root[data-design] #page.home297 #live31{padding:8px 12px!important}
 :root[data-design] #page.home297 #live31>small{margin:2px 0;font-size:12px}
 :root[data-design] #page.home297 .live297-avatars{gap:4px;padding:0;margin:4px 0 0}
 :root[data-design] #page.home297 .live297-person{width:44px;height:44px;flex:0 0 44px;padding:3px!important}
 :root[data-design] #page.home297 .dp297-heading{margin-bottom:8px;row-gap:0}
 :root[data-design] #page.home297 .dp313 .dp313-toolbar{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;margin:0 0 8px;min-width:0}
 :root[data-design] #page.home297 .dp313-tabs{display:flex!important;flex-direction:row!important;align-items:center!important;min-width:0;max-width:100%;width:100%;height:48px!important;min-height:48px;padding:2px;gap:2px}
 :root[data-design] #page.home297 .dp313-tabs button{box-sizing:border-box;flex:1 1 0!important;width:auto!important;min-width:0;min-height:44px!important;height:44px!important;margin:0!important;padding:8px 6px!important;white-space:nowrap;font-size:14px!important;line-height:20px!important}
 :root[data-design] #page.home297 .dp313 .dp313-date{display:block;grid-column:1;justify-self:stretch;box-sizing:border-box;min-width:0!important;max-width:100%!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:10px 12px!important;font-size:16px!important;line-height:24px!important}
 :root[data-design] #page.home297 .dp313-date::-webkit-date-and-time-value{min-width:0;text-align:left}
 :root[data-design] #page.home297 .dp313 [data-add]{grid-column:1/-1;min-height:48px;margin:0!important}
 :root[data-design] #page.home297 .dp319-filters{display:flex!important;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:4px!important;margin:0 0 8px!important;padding:0!important;min-height:0!important;height:auto!important}
 :root[data-design] #page.home297 .dp319-filters button{box-sizing:border-box;display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:44px!important;max-width:100%;height:auto!important;min-height:44px!important;margin:0!important;padding:8px 6px!important;gap:4px;font-size:12px!important;line-height:20px!important;white-space:normal}
 :root[data-design] #page.home297 .dp319-filters button span{min-width:0}
 :root[data-design] #page.home297 .dp319-filters button strong{flex:none;font-size:12px!important}
 :root[data-design] #page.home297 .dp319-team>.dp319-person{padding:10px!important}
 .dp297-form{gap:8px}
 .dp297-form>label{min-width:0}
 .dp297-form :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;width:100%;font-size:16px}
 .dp297-form :is(input:not([type=checkbox]),select){min-height:44px}
 .dp297-form .dp314-input{min-height:160px;padding:10px;line-height:1.5}
}
@media (min-width:375px) and (max-width:600px) {
 :root[data-design] #page.home297 .dp313 .dp313-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,170px)}
 :root[data-design] #page.home297 .dp313 .dp313-date{grid-column:2}
}