@import url("css/01-base.css?v=391");
@import url("css/02-header-summary-timeline.css?v=391");
@import url("css/03-input-navigation.css?v=391");
@import url("css/04-sheets-week.css?v=391");
@import url("css/05-settings.css?v=391");
@import url("css/06-admin-print.css?v=391");
@import url("css/07-ios-redesign.css?v=391");
@import url("css/components.css?v=391");

:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --dock-bottom-padding: clamp(6px, calc(var(--safe-bottom) - 18px), 14px);
  --input-dock-height: calc(124px + var(--dock-bottom-padding));
}

.app-shell {
  padding-bottom: calc(var(--input-dock-height) + 12px);
}

.input-dock {
  position: fixed;
  right: auto;
  bottom: 0;
  left: 50%;
  flex: none;
  width: min(100%, 640px);
  padding: 8px 12px var(--dock-bottom-padding);
  transform: translateX(-50%);
}

@media (min-width: 640px) {
  .input-dock {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}