/* Business days from today tool. Base look comes from .hmbd-tool in hmbd.css. */
#hmbd-from-today .hmbd-ft-fields { display: grid; grid-template-columns: 7em 1fr 1fr; gap: 0.75em; margin: 0 0 0.75em; }
#hmbd-from-today .hmbd-ft-fields label { display: block; margin-bottom: 0.25em; }
#hmbd-from-today .hmbd-ft-fields input,
#hmbd-from-today .hmbd-ft-fields select { width: 100%; box-sizing: border-box; }
#hmbd-from-today .hmbd-ft-quick { display: flex; flex-wrap: wrap; gap: 0.4em; margin: 0 0 0.9em; padding: 0; border: 0; }
#hmbd-from-today .hmbd-ft-quick legend { font-weight: 600; font-size: 0.9em; padding: 0; margin-bottom: 0.3em; width: 100%; }
#hmbd-from-today .hmbd-ft-quick button {
  min-width: 44px; min-height: 44px; padding: 0.3em 0.6em; border-radius: 4px; cursor: pointer;
  border: 1px solid var(--ast-global-color-6); background: var(--ast-global-color-5); color: var(--ast-global-color-2);
  font: inherit; font-size: 0.95em; line-height: 1.2;
}
#hmbd-from-today .hmbd-ft-quick button:hover { border-color: var(--ast-global-color-0); }
#hmbd-from-today .hmbd-ft-quick button[aria-pressed="true"] { background: var(--ast-global-color-0); border-color: var(--ast-global-color-0); color: #fff; }
#hmbd-from-today .hmbd-ft-quick button:focus-visible { outline: 2px solid var(--ast-global-color-0); outline-offset: 2px; }
/* Quick buttons only work with the script; reserve their space so nothing shifts. */
#hmbd-from-today:not(.is-live) .hmbd-ft-quick button { visibility: hidden; }
#hmbd-from-today #hmbd-ft-out { min-height: 3.2em; }
#hmbd-from-today #hmbd-ft-extra { min-height: 3em; font-size: 0.92em; color: var(--ast-global-color-3); }
@media (max-width: 544px) {
  #hmbd-from-today .hmbd-ft-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #hmbd-from-today .hmbd-ft-fields > div:first-child { grid-column: 1 / -1; }
  #hmbd-from-today #hmbd-ft-out { min-height: 4.6em; }
  #hmbd-from-today #hmbd-ft-extra { min-height: 4.6em; }
}
/* Phones: one column, so the holiday select shows its full label. */
@media (max-width: 480px) {
  #hmbd-from-today .hmbd-ft-fields { grid-template-columns: minmax(0, 1fr); }
}