/* Shared date filters: align input bottoms and keep actions together on wrap. */
#content .range-bar{align-items:flex-end;gap:16px 12px;padding:20px 22px;background:#fafbf8;margin:0}
#content .range-bar label{display:flex;flex-direction:column;gap:8px;flex:0 1 176px;min-width:0;margin:0;font-size:12px;line-height:18px}
#content .range-bar input{display:block;width:100%;max-width:none;min-width:0;height:38px;margin:0;padding:8px 12px;line-height:20px;font-size:12px}
#content .range-actions{display:flex;align-items:center;gap:8px;min-height:38px;flex-shrink:0}
#content .range-bar button{display:inline-flex;align-items:center;justify-content:center;height:38px;margin:0;white-space:nowrap}
#content .range-bar .muted{flex:1 1 280px;margin:0;padding:9px 0;font-size:12px;line-height:20px;overflow-wrap:anywhere}
#content .range-bar-standalone{border:1px solid var(--line);border-radius:10px;margin-bottom:20px}
#content .date-filter-panel #search-form{gap:12px;align-items:center;padding:18px 22px}
#content .date-filter-panel #search-form input,#content .date-filter-panel #search-form button{height:38px;margin:0}
#content .reservation-board-toolbar input,#content .reservation-board-toolbar select,#content .reservation-board-toolbar button{height:38px;margin:0;font-size:12px}
@media(max-width:600px){
  #content .range-bar{padding:16px;gap:14px 12px}
  #content .range-bar label{flex:1 1 calc(50% - 6px)}
  #content .range-actions{flex-basis:100%}
  #content .range-bar .muted{flex-basis:100%;padding:0}
  #content .date-filter-panel #search-form{padding:16px}
  #content .date-filter-panel #search-form input{flex:1 1 100%;max-width:none;min-width:0}
}