/* /src/styles/tailwind.css */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap');
@layer properties;
@layer theme, base, components, utilities;
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-sans: 'Open Sans', system-ui, -apple-system, 'system-ui', 'Segoe UI', Roboto, sans-serif;
    --font-heading: var(--font-sans);
    --font-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --font-brand: 'Nunito', sans-serif;
    --font-site: 'Open Sans', sans-serif;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.4;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.45;
    --text-md: 1rem;
    --text-md--line-height: 1.55;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.65;
    --text-h2: 1.625rem;
    --text-h2--line-height: 1.35;
    --text-h3: 1.375rem;
    --text-h3--line-height: 1.4;
    --text-h4: 1.125rem;
    --text-h4--line-height: 1.45;
    --text-h5: 1rem;
    --text-h5--line-height: 1.5;
    --text-h6: 0.875rem;
    --text-h6--line-height: 1.5;
    --text-label: 0.65625rem;
    --text-micro: 0.6875rem;
    --text-note: 0.71875rem;
    --text-ctl: 0.84375rem;
    --text-page-title: 1.0625rem;
    --tracking-label: 0.11em;
    --tracking-section: 0.08em;
    --tracking-brand: 0.01em;
    --tracking-wide: 0.02em;
    --tracking-tight: -0.01em;
    --tracking-tighter: -0.02em;
    --tracking-badge: 0.25px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 32px;
    --radius-panel: 6px;
    --radius-pill: 999px;
    --spacing-sp-xs: 10px;
    --spacing-sp-sm: 12px;
    --spacing-sp-md: 16px;
    --spacing-sp-lg: 20px;
    --spacing-sp-xl: 32px;
    --container-page-sm: 720px;
    --container-page-md: 960px;
    --container-page-lg: 1140px;
    --container-page-xl: 1320px;
    --color-ink: var(--brand-text);
    --color-plum-0: #f6f4f6;
    --color-plum-1: #e9e2e8;
    --color-plum-2: #d7c6d4;
    --color-plum-6: #88557f;
    --color-plum-7: #6e4567;
    --color-plum-9: #3f273b;
    --color-gray-0: #f8f9fa;
    --color-gray-1: #f1f3f5;
    --color-gray-2: #e9ecef;
    --color-gray-3: #dee2e6;
    --color-gray-4: #ced4da;
    --color-gray-5: #adb5bd;
    --color-gray-6: #868e96;
    --color-gray-7: #495057;
    --color-gray-9: #212529;
    --color-red-0: #fff5f5;
    --color-red-1: #ffe3e3;
    --color-red-2: #ffc9c9;
    --color-red-6: #fa5252;
    --color-red-7: #f03e3e;
    --color-red-9: #c92a2a;
    --color-green-0: #ebfbee;
    --color-green-1: #d3f9d8;
    --color-green-6: #40c057;
    --color-green-7: #37b24d;
    --color-green-9: #2b8a3e;
    --color-orange-1: #ffe8cc;
    --color-orange-6: #fd7e14;
    --color-orange-7: #f76707;
    --color-orange-9: #d9480f;
    --color-yellow-1: #fff3bf;
    --color-yellow-6: #fab005;
    --color-yellow-9: #e67700;
    --color-cyan-1: #c5f6fa;
    --color-cyan-9: #0b7285;
    --color-blue-1: #d0ebff;
    --color-blue-9: #1864ab;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
:root {
  --brand-plum: #88557f;
  --brand-plum-dark: #4e3149;
  --brand-pink: #e9c8e3;
  --brand-gold: #ffce00;
  --brand-gold-soft: #fee162;
  --brand-peach: #ffbc7d;
  --brand-text: #181818;
  --brand-muted: #8f8b92;
  --brand-ink-soft: #5f5964;
  --brand-bg: #f2f0f1;
  --brand-line: #e5e1e5;
  --brand-line-soft: #efecef;
  --brand-quiet: #fcfbfc;
  --brand-rule: #f7f5f7;
  --brand-hover: #faf8fa;
  --brand-nav: #fbf8fa;
  --brand-ok: #2f6b4f;
  --brand-due: #a63a2c;
  --brand-dash: #c9c5ca;
  --status-enquiry-bg: #fff8e0;
  --status-enquiry-fg: #7a6100;
  --status-enquiry-bd: #f2e4b0;
  --status-reserved-bg: #fff0e0;
  --status-reserved-fg: #8a4a1a;
  --status-reserved-bd: #f7ddc2;
  --status-contract-sent-bg: #fdeee2;
  --status-contract-sent-fg: #8a5423;
  --status-contract-sent-bd: #f5dcc6;
  --status-contract-signed-bg: #faeae6;
  --status-contract-signed-fg: #8b4a3b;
  --status-contract-signed-bd: #efd7d0;
  --status-deposit-paid-bg: #f6e7ef;
  --status-deposit-paid-fg: #7a3f60;
  --status-deposit-paid-bd: #e9d2df;
  --status-confirmed-bg: #efe3ed;
  --status-confirmed-fg: var(--brand-plum-dark);
  --status-confirmed-bd: #e2d1de;
  --status-ended-bg: #f0eff0;
  --status-ended-fg: var(--brand-ink-soft);
  --status-ended-bd: #e4e2e4;
  --status-void-bg: transparent;
  --status-void-fg: var(--brand-muted);
  --status-void-bd: var(--brand-line);
  --status-due-bg: #fbecea;
  --status-due-fg: var(--brand-due);
  --status-due-bd: #f2d8d4;
  --status-paid-bg: #e8f1ec;
  --status-paid-fg: var(--brand-ok);
  --status-paid-bd: #d4e6da;
  --diet-vegetarian: #84cc16;
  --diet-vegan: #22c55e;
  --diet-gluten-free: #eab308;
  --diet-lactose-free: #06b6d4;
  --diet-sugar-free: #0ea5e9;
  --diet-other: #94a3b8;
  --diet-unknown: #64748b;
  --brand-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --brand-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  accent-color: var(--brand-plum);
}
html, body {
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: 'Open Sans', system-ui, sans-serif;
}
body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
::-moz-selection {
  background: var(--brand-pink);
  color: var(--brand-plum-dark);
}
::selection {
  background: var(--brand-pink);
  color: var(--brand-plum-dark);
}
input, textarea {
  caret-color: var(--brand-plum);
}
@layer base {
  :focus-visible {
    outline: 2px solid var(--brand-plum);
    outline-offset: 2px;
  }
}
.page-section-row {
  font-family: var(--brand-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--brand-ink-soft);
}
.num {
  font-variant-numeric: tabular-nums;
}
.app-surface .num {
  font-family: var(--brand-mono);
  font-size: 13px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.app-surface .dash {
  color: var(--brand-dash);
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 21px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.pill::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentcolor;
  flex: none;
}
.pill[data-plain]::before {
  display: none;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  background: #fff;
  color: var(--brand-ink-soft);
  font: inherit;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.chip:hover {
  background: var(--brand-hover);
}
.chip[data-active] {
  background: var(--brand-pink);
  border-color: var(--brand-pink);
  color: var(--brand-plum-dark);
  font-weight: 600;
}
.chip .chip-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-due);
  flex: none;
}
.app-surface .row-actions {
  opacity: 0;
  transition: opacity 100ms ease;
}
.app-surface tr:hover .row-actions, .app-surface .row-actions:focus-within {
  opacity: 1;
}
@media (hover: none) {
  .app-surface .row-actions {
    opacity: 1;
  }
}
.page-controls {
  background: var(--brand-quiet);
}
.app-surface .cell-title {
  font-weight: 500;
}
.app-surface .money {
  font-family: var(--brand-mono);
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
}
.app-surface .table-note td, .app-surface td.table-note {
  color: var(--brand-muted);
  font-size: 12.5px;
  padding: 8px 12px;
}
.app-surface .star {
  color: var(--brand-gold);
  font-size: 12px;
  line-height: 1;
}
:root {
  --background: #f2f0f1;
  --foreground: #181818;
  --card: #ffffff;
  --card-foreground: #181818;
  --popover: #ffffff;
  --popover-foreground: #181818;
  --primary: #88557f;
  --primary-foreground: #ffffff;
  --secondary: #e9e2e8;
  --secondary-foreground: #3f273b;
  --muted: #f7f5f7;
  --muted-foreground: #868e96;
  --accent: #e9e2e8;
  --accent-foreground: #3f273b;
  --destructive: #fa5252;
  --destructive-foreground: #ffffff;
  --border: #e5e1e5;
  --input: #ced4da;
  --ring: #88557f;
  --radius: 0.5rem;
  --selected: #e9c8e3;
  --selected-foreground: #4e3149;
  --border-soft: #efecef;
  --quiet: #fcfbfc;
  --row-hover: #faf8fa;
  --ink-soft: #5f5964;
  --success: #2f6b4f;
  --due: #a63a2c;
  --sidebar: #fbf8fa;
  --sidebar-foreground: #5f5964;
  --sidebar-border: #e5e1e5;
  --sidebar-primary: #88557f;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e9c8e3;
  --sidebar-accent-foreground: #4e3149;
  --sidebar-ring: #88557f;
  --chart-1: #84cc16;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #06b6d4;
  --chart-5: #0ea5e9;
}
.app-surface {
  --input: #e5e1e5;
  --text-xs: 0.75rem;
  --text-sm: 0.84375rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --control-h: 30px;
  --control-fs: 0.84375rem;
  --btn-h: 30px;
  --btn-fs: 0.84375rem;
  --btn-px: 11px;
  --btn-fw: 500;
  --btn-compact-h: 24px;
  --btn-compact-fs: 0.78125rem;
  --btn-compact-px: 7px;
  --label-fs: 0.75rem;
  --label-fw: 600;
  --label-color: var(--brand-ink-soft);
  --label-mb: 3px;
  --panel-radius: 6px;
  --panel-border: var(--brand-line);
  --divider-color: var(--brand-line-soft);
  --alert-radius: 6px;
  --alert-px: 12px;
  --alert-py: 10px;
  --alert-fs: 0.84375rem;
  --alert-title-fw: 600;
  --switch-w: 30px;
  --switch-h: 17px;
  --switch-t: 13px;
  --check-fs: 0.84375rem;
  --tabs-bw: 1px;
  --tabs-bc: var(--brand-line);
  --tabs-gap: 2px;
  --tab-px: 10px;
  --tab-py: 6px;
  --tab-fs: 0.84375rem;
  --tab-color: var(--brand-ink-soft);
  --tab-hover-bg: rgb(136 85 127 / 8%);
  --tab-active-color: var(--brand-plum-dark);
  --tab-active-fw: 600;
  --modal-title-fs: 0.9375rem;
  --modal-title-fw: 600;
  font-family: var(--brand-ui);
  font-size: 0.84375rem;
  color: var(--brand-text);
}
.app-surface :is(h1, h2, h3, h4, h5, h6) {
  font-family: 'Open Sans', system-ui, -apple-system, 'system-ui', 'Segoe UI', Roboto, sans-serif;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.app-surface h1 {
  font-size: 21px;
  line-height: 1.3;
}
.app-surface h2 {
  font-size: 18px;
  line-height: 1.35;
}
.app-surface h3 {
  font-size: 17px;
  line-height: 1.4;
}
.app-surface h4 {
  font-size: 15px;
  line-height: 1.45;
}
.app-surface :is(h5, h6) {
  font-size: 14px;
  line-height: 1.5;
}
.auth-shell {
  min-block-size: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
  background: var(--brand-bg);
}
.auth-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 4vh, 40px);
  padding-block: clamp(24px, 4vw, 56px);
  padding-inline: clamp(24px, 4vw, 56px);
  color: #fff;
  background: radial-gradient(125% 95% at 10% 4%, rgb(136 85 127 / 92%) 0%, rgb(78 49 73 / 0%) 60%), radial-gradient(95% 75% at 96% 100%, rgb(255 188 125 / 38%) 0%, rgb(78 49 73 / 0%) 55%), linear-gradient(168deg, #4e3149 0%, #35202f 100%);
}
.auth-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.42;
  mix-blend-mode: overlay;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}
.auth-panel-mark {
  position: absolute;
  z-index: -1;
  inline-size: 220px;
  inset-block-start: -46%;
  inset-inline-end: -9%;
  opacity: 0.14;
  animation: auth-mark-settle 1100ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.auth-panel-lede {
  display: none;
}
.auth-panel-legal {
  display: none;
}
.auth-col {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 3vh, 32px);
  padding-block: clamp(28px, 5vh, 56px);
  padding-inline: clamp(20px, 5vw, 48px);
}
.auth-card {
  inline-size: min(100%, 27rem);
  margin-block: clamp(4px, 1.5vh, 20px) auto;
  margin-inline: auto;
}
.auth-link {
  color: inherit;
  text-decoration: none;
  border-block-end: 1px solid rgb(255 255 255 / 35%);
  padding-block-end: 1px;
  transition: border-color 140ms ease, color 140ms ease;
}
.auth-link:hover {
  border-block-end-color: var(--brand-gold);
  color: var(--brand-gold-soft);
}
.auth-link-ink {
  border-block-end-color: rgb(95 89 100 / 34%);
}
.auth-link-ink:hover {
  border-block-end-color: var(--brand-plum);
  color: var(--brand-plum);
}
.auth-rise > * {
  animation: auth-rise 600ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.auth-rise > *:nth-child(2) {
  animation-delay: 80ms;
}
.auth-rise > *:nth-child(3) {
  animation-delay: 160ms;
}
.auth-rise > *:nth-child(4) {
  animation-delay: 240ms;
}
@keyframes auth-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes auth-mark-settle {
  from {
    opacity: 0;
    transform: scale(1.06);
    filter: blur(8px);
  }
  to {
    opacity: 0.14;
    transform: none;
    filter: blur(0);
  }
}
@media (width >= 62em) {
  .auth-shell {
    grid-template-rows: none;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  }
  .auth-panel-mark {
    inline-size: min(76%, 540px);
    inset-block: auto -15%;
    inset-inline-end: -11%;
  }
  .auth-card {
    margin-block: auto;
  }
  .auth-panel-lede {
    display: block;
    margin-block: auto;
  }
  .auth-panel-legal {
    display: flex;
  }
  .auth-col-legal {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-panel-mark, .auth-rise > * {
    animation: none;
  }
  .auth-panel-mark {
    opacity: 0.14;
  }
}
.booking-rail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 0;
  overflow-x: auto;
  padding-block-end: 2px;
}
.booking-rail-step {
  flex: 1 0 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  position: relative;
  font-size: 15px;
}
.booking-rail-step::before {
  content: '';
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 50%;
  inline-size: 100%;
  block-size: 1.5px;
  background: rgb(95 89 100 / 20%);
}
.booking-rail-step:first-child::before {
  content: none;
}
.booking-rail-label {
  color: var(--brand-ink-soft);
  font-size: 13.5px;
  line-height: 1.3;
  padding-inline: 4px;
}
.booking-rail-date {
  color: var(--brand-ink-soft);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}
.booking-rail-tick {
  position: relative;
  z-index: 1;
  inline-size: 25px;
  block-size: 25px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1.5px solid rgb(95 89 100 / 28%);
  background: #fff;
  color: rgb(95 89 100 / 62%);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.booking-rail-step[data-state='done'] .booking-rail-label {
  color: var(--brand-text);
  font-weight: 600;
}
.booking-rail-step[data-state='done']::before {
  background: var(--brand-plum);
}
.booking-rail-step[data-state='done'] .booking-rail-tick {
  border-color: var(--brand-plum);
  background: var(--brand-plum);
  color: #fff;
}
.booking-rail-step[data-state='current'] .booking-rail-label {
  color: var(--brand-plum-dark);
  font-weight: 600;
}
.booking-rail-step[data-state='current'] .booking-rail-tick {
  border-color: var(--brand-plum);
  color: var(--brand-plum-dark);
  box-shadow: 0 0 0 3px rgb(136 85 127 / 14%);
}
.booking-rail-step[data-state='todo'] .booking-rail-date {
  color: rgb(95 89 100 / 62%);
}
.booking-rail[data-cancelled='true'] .booking-rail-step:not([data-state='done']) {
  opacity: 0.5;
}
@media print {
  body:has([data-print-region]) {
    visibility: hidden;
    background: #fff;
  }
  [data-print-region], [data-print-region] * {
    visibility: visible;
  }
  [data-print-region] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    border: 0;
  }
  [data-print-hide] {
    display: none !important;
  }
  [data-print-region] tr, [data-print-region] [data-print-keep] {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  [data-print-region] [data-print-plain] {
    background: transparent !important;
    box-shadow: none !important;
  }
}
@page {
  margin: 14mm;
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .inset-y-px {
    inset-block: 1px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-1\/2 {
    inset-inline-start: calc(1/2 * 100%);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-px {
    inset-inline-end: 1px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-\[5dvh\] {
    top: 5dvh;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[300\] {
    z-index: 300;
  }
  .z-\[301\] {
    z-index: 301;
  }
  .z-\[400\] {
    z-index: 400;
  }
  .container {
    width: 100%;
    @media (width >= 36em) {
      max-width: 36em;
    }
    @media (width >= 48em) {
      max-width: 48em;
    }
    @media (width >= 62em) {
      max-width: 62em;
    }
    @media (width >= 75em) {
      max-width: 75em;
    }
    @media (width >= 88em) {
      max-width: 88em;
    }
  }
  .m-0 {
    margin: 0px;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .mt-sp-lg {
    margin-top: var(--spacing-sp-lg);
  }
  .mt-sp-md {
    margin-top: var(--spacing-sp-md);
  }
  .mt-sp-sm {
    margin-top: var(--spacing-sp-sm);
  }
  .mt-sp-xs {
    margin-top: var(--spacing-sp-xs);
  }
  .-mb-\[var\(--tabs-bw\,2px\)\] {
    margin-bottom: calc(var(--tabs-bw,2px) * -1);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[var\(--label-mb\,0px\)\] {
    margin-bottom: var(--label-mb,0px);
  }
  .mb-sp-md {
    margin-bottom: var(--spacing-sp-md);
  }
  .mb-sp-xs {
    margin-bottom: var(--spacing-sp-xs);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }
  .size-\[9px\] {
    width: 9px;
    height: 9px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[var\(--btn-h\,28px\)\] {
    width: var(--btn-h,28px);
    height: var(--btn-h,28px);
  }
  .size-\[var\(--switch-t\,14px\)\] {
    width: var(--switch-t,14px);
    height: var(--switch-t,14px);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[74px\] {
    height: 74px;
  }
  .h-\[calc\(var\(--control-h\,36px\)-8px\)\] {
    height: calc(var(--control-h,36px) - 8px);
  }
  .h-\[var\(--btn-compact-h\,26px\)\] {
    height: var(--btn-compact-h,26px);
  }
  .h-\[var\(--btn-h\,36px\)\] {
    height: var(--btn-h,36px);
  }
  .h-\[var\(--btn-h\,42px\)\] {
    height: var(--btn-h,42px);
  }
  .h-\[var\(--control-h\,36px\)\] {
    height: var(--control-h,36px);
  }
  .h-\[var\(--switch-h\,20px\)\] {
    height: var(--switch-h,20px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[90dvh\] {
    max-height: 90dvh;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-\[calc\(100dvh-var\(--app-shell-header-offset\,0px\)\)\] {
    min-height: calc(100dvh - var(--app-shell-header-offset,0px));
  }
  .min-h-\[var\(--control-h\,36px\)\] {
    min-height: var(--control-h,36px);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-\(--radix-popover-trigger-width\) {
    width: var(--radix-popover-trigger-width);
  }
  .w-\(--radix-select-trigger-width\) {
    width: var(--radix-select-trigger-width);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[212px\] {
    width: 212px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[calc\(100\%-2\*var\(--spacing-sp-md\)\)\] {
    width: calc(100% - 2 * var(--spacing-sp-md));
  }
  .w-\[var\(--switch-w\,38px\)\] {
    width: var(--switch-w,38px);
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-95 {
    max-width: calc(var(--spacing) * 95);
  }
  .max-w-110 {
    max-width: calc(var(--spacing) * 110);
  }
  .max-w-155 {
    max-width: calc(var(--spacing) * 155);
  }
  .max-w-195 {
    max-width: calc(var(--spacing) * 195);
  }
  .max-w-\[22ch\] {
    max-width: 22ch;
  }
  .max-w-\[34ch\] {
    max-width: 34ch;
  }
  .max-w-\[62ch\] {
    max-width: 62ch;
  }
  .max-w-\[68ch\] {
    max-width: 68ch;
  }
  .max-w-\[70ch\] {
    max-width: 70ch;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-page-lg {
    max-width: var(--container-page-lg);
  }
  .max-w-page-md {
    max-width: var(--container-page-md);
  }
  .max-w-page-sm {
    max-width: var(--container-page-sm);
  }
  .max-w-page-xl {
    max-width: var(--container-page-xl);
  }
  .min-w-\(--radix-select-trigger-width\) {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[62px\] {
    min-width: 62px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[104px\] {
    min-width: 104px;
  }
  .min-w-\[110px\] {
    min-width: 110px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[168px\] {
    min-width: 168px;
  }
  .min-w-\[189px\] {
    min-width: 189px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_240px\] {
    flex: 0 0 240px;
  }
  .flex-\[0_1_150px\] {
    flex: 0 1 150px;
  }
  .flex-\[0_1_168px\] {
    flex: 0 1 168px;
  }
  .flex-\[0_1_197px\] {
    flex: 0 1 197px;
  }
  .flex-\[1_1_200px\] {
    flex: 1 1 200px;
  }
  .flex-\[1_1_220px\] {
    flex: 1 1 220px;
  }
  .flex-auto {
    flex: auto;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .\!basis-\[90px\] {
    flex-basis: 90px !important;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[2px\] {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-none {
    touch-action: none;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[auto_minmax\(160px\,1\.4fr\)_minmax\(140px\,1fr\)_auto_auto\] {
    grid-template-columns: auto minmax(160px,1.4fr) minmax(140px,1fr) auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[var\(--tabs-gap\,0px\)\] {
    gap: var(--tabs-gap,0px);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-sp-lg {
    gap: var(--spacing-sp-lg);
  }
  .gap-sp-md {
    gap: var(--spacing-sp-md);
  }
  .gap-sp-sm {
    gap: var(--spacing-sp-sm);
  }
  .gap-sp-xl {
    gap: var(--spacing-sp-xl);
  }
  .gap-sp-xs {
    gap: var(--spacing-sp-xs);
  }
  .gap-x-sp-md {
    -moz-column-gap: var(--spacing-sp-md);
         column-gap: var(--spacing-sp-md);
  }
  .gap-y-sp-sm {
    row-gap: var(--spacing-sp-sm);
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[1000px\] {
    border-radius: 1000px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[var\(--alert-radius\,8px\)\] {
    border-radius: var(--alert-radius,8px);
  }
  .rounded-\[var\(--panel-radius\,8px\)\] {
    border-radius: var(--panel-radius,8px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-panel {
    border-radius: var(--radius-panel);
  }
  .rounded-pill {
    border-radius: var(--radius-pill);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-e-\[7px\] {
    border-start-end-radius: 7px;
    border-end-end-radius: 7px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[length\:var\(--tabs-bw\,2px\)\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--tabs-bw,2px);
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\[color\:var\(--panel-border\,var\(--color-gray-3\)\)\] {
    border-color: var(--panel-border,var(--color-gray-3));
  }
  .border-\[color\:var\(--tabs-bc\,var\(--color-gray-3\)\)\] {
    border-color: var(--tabs-bc,var(--color-gray-3));
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-gray-3 {
    border-color: var(--color-gray-3);
  }
  .border-gray-4 {
    border-color: var(--color-gray-4);
  }
  .border-gray-6 {
    border-color: var(--color-gray-6);
  }
  .border-green-6 {
    border-color: var(--color-green-6);
  }
  .border-input {
    border-color: var(--input);
  }
  .border-line {
    border-color: var(--brand-line);
  }
  .border-line-soft {
    border-color: var(--brand-line-soft);
  }
  .border-plum-6 {
    border-color: var(--color-plum-6);
  }
  .border-red-6 {
    border-color: var(--color-red-6);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-\[\#FFE7CF\] {
    background-color: #FFE7CF;
  }
  .bg-\[color\:var\(--divider-color\,var\(--color-gray-3\)\)\] {
    background-color: var(--divider-color,var(--color-gray-3));
  }
  .bg-\[rgba\(136\,85\,127\,0\.95\)\] {
    background-color: rgba(136,85,127,0.95);
  }
  .bg-black\/55 {
    background-color: color-mix(in oklab, #181818 55%, transparent);
  }
  .bg-blue-1 {
    background-color: var(--color-blue-1);
  }
  .bg-cyan-1 {
    background-color: var(--color-cyan-1);
  }
  .bg-gray-0 {
    background-color: var(--color-gray-0);
  }
  .bg-gray-1 {
    background-color: var(--color-gray-1);
  }
  .bg-gray-2 {
    background-color: var(--color-gray-2);
  }
  .bg-gray-3 {
    background-color: var(--color-gray-3);
  }
  .bg-gray-5 {
    background-color: var(--color-gray-5);
  }
  .bg-gray-6 {
    background-color: var(--color-gray-6);
  }
  .bg-gray-9 {
    background-color: var(--color-gray-9);
  }
  .bg-green-0 {
    background-color: var(--color-green-0);
  }
  .bg-green-1 {
    background-color: var(--color-green-1);
  }
  .bg-green-6 {
    background-color: var(--color-green-6);
  }
  .bg-ground {
    background-color: var(--brand-bg);
  }
  .bg-nav {
    background-color: var(--brand-nav);
  }
  .bg-orange-1 {
    background-color: var(--color-orange-1);
  }
  .bg-orange-6 {
    background-color: var(--color-orange-6);
  }
  .bg-pink {
    background-color: var(--brand-pink);
  }
  .bg-plum {
    background-color: var(--brand-plum);
  }
  .bg-plum-1 {
    background-color: var(--color-plum-1);
  }
  .bg-plum-6 {
    background-color: var(--color-plum-6);
  }
  .bg-plum-ink {
    background-color: var(--brand-plum-dark);
  }
  .bg-quiet {
    background-color: var(--brand-quiet);
  }
  .bg-red-1 {
    background-color: var(--color-red-1);
  }
  .bg-red-6 {
    background-color: var(--color-red-6);
  }
  .bg-red-7 {
    background-color: var(--color-red-7);
  }
  .bg-rule {
    background-color: var(--brand-rule);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: #ffffff;
  }
  .bg-yellow-1 {
    background-color: var(--color-yellow-1);
  }
  .bg-yellow-6 {
    background-color: var(--color-yellow-6);
  }
  .fill-gray-9 {
    fill: var(--color-gray-9);
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-sp-lg {
    padding: var(--spacing-sp-lg);
  }
  .p-sp-md {
    padding: var(--spacing-sp-md);
  }
  .p-sp-sm {
    padding: var(--spacing-sp-sm);
  }
  .p-sp-xl {
    padding: var(--spacing-sp-xl);
  }
  .p-sp-xs {
    padding: var(--spacing-sp-xs);
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[var\(--alert-px\,16px\)\] {
    padding-inline: var(--alert-px,16px);
  }
  .px-\[var\(--btn-compact-px\,8px\)\] {
    padding-inline: var(--btn-compact-px,8px);
  }
  .px-\[var\(--btn-px\,18px\)\] {
    padding-inline: var(--btn-px,18px);
  }
  .px-\[var\(--btn-px\,22px\)\] {
    padding-inline: var(--btn-px,22px);
  }
  .px-\[var\(--tab-px\,16px\)\] {
    padding-inline: var(--tab-px,16px);
  }
  .px-sp-lg {
    padding-inline: var(--spacing-sp-lg);
  }
  .px-sp-md {
    padding-inline: var(--spacing-sp-md);
  }
  .px-sp-sm {
    padding-inline: var(--spacing-sp-sm);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[var\(--alert-py\,16px\)\] {
    padding-block: var(--alert-py,16px);
  }
  .py-\[var\(--tab-py\,10px\)\] {
    padding-block: var(--tab-py,10px);
  }
  .py-sp-md {
    padding-block: var(--spacing-sp-md);
  }
  .py-sp-sm {
    padding-block: var(--spacing-sp-sm);
  }
  .py-sp-xl {
    padding-block: var(--spacing-sp-xl);
  }
  .py-sp-xs {
    padding-block: var(--spacing-sp-xs);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-\[9\.6px\] {
    padding-inline-start: 9.6px;
  }
  .ps-\[52px\] {
    padding-inline-start: 52px;
  }
  .ps-\[212px\] {
    padding-inline-start: 212px;
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pe-\[34px\] {
    padding-inline-end: 34px;
  }
  .pe-\[50px\] {
    padding-inline-end: 50px;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-sp-md {
    padding-top: var(--spacing-sp-md);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-\[6px\] {
    padding-bottom: 6px;
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pb-sp-md {
    padding-bottom: var(--spacing-sp-md);
  }
  .pl-\[10px\] {
    padding-left: 10px;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-brand {
    font-family: var(--font-brand);
  }
  .font-heading {
    font-family: var(--font-heading);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-site {
    font-family: var(--font-site);
  }
  .font-ui {
    font-family: var(--font-ui);
  }
  .text-h2 {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
  }
  .text-h3 {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
  }
  .text-h4 {
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
  }
  .text-h5 {
    font-size: var(--text-h5);
    line-height: var(--tw-leading, var(--text-h5--line-height));
  }
  .text-h6 {
    font-size: var(--text-h6);
    line-height: var(--tw-leading, var(--text-h6--line-height));
  }
  .text-md {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11\.5px\]\! {
    font-size: 11.5px !important;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[12px\]\! {
    font-size: 12px !important;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.4px\] {
    font-size: 14.4px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[16px\]\! {
    font-size: 16px !important;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[length\:0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[length\:0\.875rem\] {
    font-size: 0.875rem;
  }
  .text-\[length\:var\(--alert-fs\,0\.875rem\)\] {
    font-size: var(--alert-fs,0.875rem);
  }
  .text-\[length\:var\(--btn-compact-fs\,0\.8125rem\)\] {
    font-size: var(--btn-compact-fs,0.8125rem);
  }
  .text-\[length\:var\(--btn-fs\,0\.875rem\)\] {
    font-size: var(--btn-fs,0.875rem);
  }
  .text-\[length\:var\(--btn-fs\,1rem\)\] {
    font-size: var(--btn-fs,1rem);
  }
  .text-\[length\:var\(--check-fs\,0\.875rem\)\] {
    font-size: var(--check-fs,0.875rem);
  }
  .text-\[length\:var\(--control-fs\,0\.875rem\)\] {
    font-size: var(--control-fs,0.875rem);
  }
  .text-\[length\:var\(--label-fs\,0\.875rem\)\] {
    font-size: var(--label-fs,0.875rem);
  }
  .text-\[length\:var\(--modal-title-fs\,1\.25rem\)\] {
    font-size: var(--modal-title-fs,1.25rem);
  }
  .text-\[length\:var\(--tab-fs\,0\.875rem\)\] {
    font-size: var(--tab-fs,0.875rem);
  }
  .text-ctl {
    font-size: var(--text-ctl);
  }
  .text-label {
    font-size: var(--text-label);
  }
  .text-micro {
    font-size: var(--text-micro);
  }
  .text-note {
    font-size: var(--text-note);
  }
  .text-page-title {
    font-size: var(--text-page-title);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\[line-height\:1\] {
    line-height: 1;
  }
  .\[line-height\:14px\] {
    line-height: 14px;
  }
  .\[line-height\:16px\] {
    line-height: 16px;
  }
  .\[line-height\:18px\] {
    line-height: 18px;
  }
  .\[line-height\:24px\] {
    line-height: 24px;
  }
  .font-\[number\:var\(--alert-title-fw\,700\)\] {
    --tw-font-weight: var(--alert-title-fw,700);
    font-weight: var(--alert-title-fw,700);
  }
  .font-\[number\:var\(--btn-fw\,600\)\] {
    --tw-font-weight: var(--btn-fw,600);
    font-weight: var(--btn-fw,600);
  }
  .font-\[number\:var\(--label-fw\,600\)\] {
    --tw-font-weight: var(--label-fw,600);
    font-weight: var(--label-fw,600);
  }
  .font-\[number\:var\(--modal-title-fw\,600\)\] {
    --tw-font-weight: var(--modal-title-fw,600);
    font-weight: var(--modal-title-fw,600);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-\[-0\.015em\] {
    --tw-tracking: -0.015em;
    letter-spacing: -0.015em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02em\]\! {
    --tw-tracking: 0.02em !important;
    letter-spacing: 0.02em !important;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.09em\] {
    --tw-tracking: 0.09em;
    letter-spacing: 0.09em;
  }
  .tracking-\[0\.11em\] {
    --tw-tracking: 0.11em;
    letter-spacing: 0.11em;
  }
  .tracking-badge {
    --tw-tracking: var(--tracking-badge);
    letter-spacing: var(--tracking-badge);
  }
  .tracking-brand {
    --tw-tracking: var(--tracking-brand);
    letter-spacing: var(--tracking-brand);
  }
  .tracking-label {
    --tw-tracking: var(--tracking-label);
    letter-spacing: var(--tracking-label);
  }
  .tracking-section {
    --tw-tracking: var(--tracking-section);
    letter-spacing: var(--tracking-section);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#2A6440\] {
    color: #2A6440;
  }
  .text-\[\#7A4A18\] {
    color: #7A4A18;
  }
  .text-\[color\:var\(--label-color\,var\(--color-ink\)\)\] {
    color: var(--label-color,var(--color-ink));
  }
  .text-\[color\:var\(--tab-color\,var\(--color-ink\)\)\] {
    color: var(--tab-color,var(--color-ink));
  }
  .text-\[rgb\(255_255_255\/72\%\)\] {
    color: rgb(255 255 255/72%);
  }
  .text-blue-9 {
    color: var(--color-blue-9);
  }
  .text-brand-muted {
    color: var(--brand-muted);
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan-9 {
    color: var(--color-cyan-9);
  }
  .text-dash {
    color: var(--brand-dash);
  }
  .text-gray-6 {
    color: var(--color-gray-6);
  }
  .text-gray-7 {
    color: var(--color-gray-7);
  }
  .text-gray-9 {
    color: var(--color-gray-9);
  }
  .text-green-6 {
    color: var(--color-green-6);
  }
  .text-green-9 {
    color: var(--color-green-9);
  }
  .text-ink {
    color: var(--brand-text);
  }
  .text-ink-soft {
    color: var(--brand-ink-soft);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-muted-ink {
    color: #868e96;
  }
  .text-orange-9 {
    color: var(--color-orange-9);
  }
  .text-pink {
    color: var(--brand-pink);
  }
  .text-plum {
    color: var(--brand-plum);
  }
  .text-plum-6 {
    color: var(--color-plum-6);
  }
  .text-plum-9 {
    color: var(--color-plum-9);
  }
  .text-plum-ink {
    color: var(--brand-plum-dark);
  }
  .text-red-6 {
    color: var(--color-red-6);
  }
  .text-red-9 {
    color: var(--color-red-9);
  }
  .text-white {
    color: #ffffff;
  }
  .text-yellow-9 {
    color: var(--color-yellow-9);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .shadow-md {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), var(--tw-shadow-color, rgba(0, 0, 0, 0.05)) 0 20px 25px -5px, var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) 0 10px 10px -5px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), var(--tw-shadow-color, rgba(0, 0, 0, 0.05)) 0 36px 28px -7px, var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) 0 17px 17px -7px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-\[120ms\] {
    --tw-duration: 120ms;
    transition-duration: 120ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .\[--label-fs\:1rem\] {
    --label-fs: 1rem;
  }
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }
  .placeholder\:text-gray-5::-moz-placeholder {
    color: var(--color-gray-5);
  }
  .placeholder\:text-gray-5::placeholder {
    color: var(--color-gray-5);
  }
  .last\:border-e-0:last-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0px;
  }
  .read-only\:cursor-default:-moz-read-only {
    cursor: default;
  }
  .read-only\:cursor-default:read-only {
    cursor: default;
  }
  .focus-within\:border-plum-6:focus-within {
    border-color: var(--color-plum-6);
  }
  @media (hover: hover) {
    .hover\:bg-\[rgb\(136_85_127\/8\%\)\]:hover {
      background-color: rgb(136 85 127/8%);
    }
    .hover\:bg-\[var\(--tab-hover-bg\,var\(--color-gray-0\)\)\]:hover {
      background-color: var(--tab-hover-bg,var(--color-gray-0));
    }
    .hover\:bg-black\/5:hover {
      background-color: color-mix(in oklab, #181818 5%, transparent);
    }
    .hover\:bg-gray-0:hover {
      background-color: var(--color-gray-0);
    }
    .hover\:bg-gray-1:hover {
      background-color: var(--color-gray-1);
    }
    .hover\:bg-gray-2:hover {
      background-color: var(--color-gray-2);
    }
    .hover\:bg-green-7:hover {
      background-color: var(--color-green-7);
    }
    .hover\:bg-orange-7:hover {
      background-color: var(--color-orange-7);
    }
    .hover\:bg-plum-0:hover {
      background-color: var(--color-plum-0);
    }
    .hover\:bg-plum-2:hover {
      background-color: var(--color-plum-2);
    }
    .hover\:bg-plum-7:hover {
      background-color: var(--color-plum-7);
    }
    .hover\:bg-red-0:hover {
      background-color: var(--color-red-0);
    }
    .hover\:bg-red-1:hover {
      background-color: var(--color-red-1);
    }
    .hover\:bg-red-2:hover {
      background-color: var(--color-red-2);
    }
    .hover\:bg-red-7:hover {
      background-color: var(--color-red-7);
    }
    .hover\:bg-transparent:hover {
      background-color: transparent;
    }
    .hover\:text-ink:hover {
      color: var(--brand-text);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:border-plum-6:focus {
    border-color: var(--color-plum-6);
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-plum-6:focus-visible {
    outline-color: var(--color-plum-6);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:border-gray-3:disabled {
    border-color: var(--color-gray-3);
  }
  .disabled\:bg-gray-1:disabled {
    background-color: var(--color-gray-1);
  }
  .disabled\:bg-gray-2:disabled {
    background-color: var(--color-gray-2);
  }
  .disabled\:text-gray-5:disabled {
    color: var(--color-gray-5);
  }
  .disabled\:text-gray-6:disabled {
    color: var(--color-gray-6);
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }
  .aria-invalid\:border-red-6[aria-invalid="true"] {
    border-color: var(--color-red-6);
  }
  .aria-invalid\:text-red-6[aria-invalid="true"] {
    color: var(--color-red-6);
  }
  .data-\[active\]\:bg-pink[data-active] {
    background-color: var(--brand-pink);
  }
  .data-\[active\]\:text-plum-ink[data-active] {
    color: var(--brand-plum-dark);
  }
  @media (hover: hover) {
    .data-\[active\]\:hover\:bg-pink[data-active]:hover {
      background-color: var(--brand-pink);
    }
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 50%;
  }
  .data-\[highlighted\]\:bg-gray-0[data-highlighted] {
    background-color: var(--color-gray-0);
  }
  .data-\[highlighted\]\:bg-red-0[data-highlighted] {
    background-color: var(--color-red-0);
  }
  .data-\[loading\]\:pointer-events-none[data-loading] {
    pointer-events: none;
  }
  .data-\[placeholder\]\:text-gray-5[data-placeholder] {
    color: var(--color-gray-5);
  }
  .data-\[state\=active\]\:border-plum-6[data-state="active"] {
    border-color: var(--color-plum-6);
  }
  .data-\[state\=active\]\:font-\[number\:var\(--tab-active-fw\,400\)\][data-state="active"] {
    --tw-font-weight: var(--tab-active-fw,400);
    font-weight: var(--tab-active-fw,400);
  }
  .data-\[state\=active\]\:text-\[color\:var\(--tab-active-color\,var\(--color-ink\)\)\][data-state="active"] {
    color: var(--tab-active-color,var(--color-ink));
  }
  .data-\[state\=checked\]\:translate-x-\[calc\(var\(--switch-w\,38px\)-var\(--switch-t\,14px\)-4px\)\][data-state="checked"] {
    --tw-translate-x: calc(var(--switch-w,38px) - var(--switch-t,14px) - 4px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=checked\]\:border-plum-6[data-state="checked"] {
    border-color: var(--color-plum-6);
  }
  .data-\[state\=checked\]\:bg-plum-1[data-state="checked"] {
    background-color: var(--color-plum-1);
  }
  .data-\[state\=checked\]\:bg-plum-6[data-state="checked"] {
    background-color: var(--color-plum-6);
  }
  .data-\[state\=checked\]\:text-plum-9[data-state="checked"] {
    color: var(--color-plum-9);
  }
  .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
    display: none;
  }
  .data-\[state\=indeterminate\]\:border-plum-6[data-state="indeterminate"] {
    border-color: var(--color-plum-6);
  }
  .data-\[state\=indeterminate\]\:bg-plum-6[data-state="indeterminate"] {
    background-color: var(--color-plum-6);
  }
  .data-\[state\=on\]\:bg-white[data-state="on"] {
    background-color: #ffffff;
  }
  .data-\[state\=on\]\:text-ink[data-state="on"] {
    color: var(--brand-text);
  }
  .data-\[state\=on\]\:shadow-xs[data-state="on"] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (width < 48em) {
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:-translate-x-full {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-sm\:ps-0 {
      padding-inline-start: 0px;
    }
  }
  @media (width >= 48em) {
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:w-\[220px\] {
      width: 220px;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:p-sp-xl {
      padding: var(--spacing-sp-xl);
    }
    .sm\:text-\[34px\] {
      font-size: 34px;
    }
  }
  @media (width >= 62em) {
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 75em) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:text-\[38px\] {
      font-size: 38px;
    }
  }
  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&_input\]\:h-\[42px\] input {
    height: 42px;
  }
  .\[\&_input\]\:text-\[length\:1rem\] input {
    font-size: 1rem;
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_tbody_tr\:hover\>td\]\:bg-row-hover tbody tr:hover > td {
    background-color: var(--row-hover);
  }
  .\[\&_td\:not\(\:last-child\)\]\:border-e td:not(:last-child) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .\[\&_td\:not\(\:last-child\)\]\:border-gray-3 td:not(:last-child) {
    border-color: var(--color-gray-3);
  }
  .\[\&_td\:not\(\:last-child\)\]\:border-line td:not(:last-child) {
    border-color: var(--brand-line);
  }
  .\[\&_th\]\:\[box-shadow\:inset_0_-1px_0_0_var\(--color-gray-3\)\] th {
    box-shadow: inset 0 -1px 0 0 var(--color-gray-3);
  }
  .\[\&_th\:not\(\:last-child\)\]\:border-e th:not(:last-child) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .\[\&_th\:not\(\:last-child\)\]\:border-gray-3 th:not(:last-child) {
    border-color: var(--color-gray-3);
  }
  .\[\&_th\:not\(\:last-child\)\]\:border-line th:not(:last-child) {
    border-color: var(--brand-line);
  }
  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }
  .\[\&_thead\]\:top-0 thead {
    top: 0px;
  }
  .\[\&_thead\]\:z-10 thead {
    z-index: 10;
  }
  .\[\&_tr\:last-of-type_td\]\:border-b-0 tr:last-of-type td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\[\&\>\*\]\:min-w-0 > * {
    min-width: 0px;
  }
  .\[\&\>\*\]\:grow > * {
    flex-grow: 1;
  }
  .\[\&\>\*\]\:basis-0 > * {
    flex-basis: 0px;
  }
  .\[\&\>p\]\:text-sm > p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\&\>p\:first-of-type\]\:text-ink-soft > p:first-of-type {
    color: var(--brand-ink-soft);
  }
  .\[\&\>span\]\:truncate > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .app-surface .\[\.app-surface_\&\]\:text-\[0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .app-surface .\[\.app-surface_\&\]\:font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}


/* /@fs//usr/workspaces/user/node_modules/.bun/tailwindcss@4.3.3/node_modules/tailwindcss/theme.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/brand.css */

:root {
  --brand-plum: #88557f;
  --brand-plum-dark: #4e3149;
  --brand-pink: #e9c8e3;
  --brand-gold: #ffce00;
  --brand-gold-soft: #fee162;
  --brand-peach: #ffbc7d;
  --brand-text: #181818;
  --brand-muted: #8f8b92;
  --brand-ink-soft: #5f5964;
  --brand-bg: #f2f0f1;

  /* Two hairline weights, not one: `line` separates regions (the header band
     from the table, the rail from the profile), `line-soft` separates rows
     inside a region. A single weight made a twelve-row table read as twelve
     regions. */
  --brand-line: #e5e1e5;
  --brand-line-soft: #efecef;

  /* Quiet grounds. Each is a named job rather than a step on a grey ramp:
     `quiet` is a strip that is furniture (control rows, stat bands, the rail),
     `rule` is a group heading inside a table, `hover` is a row under the
     pointer, `nav` is the sidebar. */
  --brand-quiet: #fcfbfc;
  --brand-rule: #f7f5f7;
  --brand-hover: #faf8fa;
  --brand-nav: #fbf8fa;

  /* Semantic pair, kept clear of the plum accent so "paid" never reads as
     "primary action". */
  --brand-ok: #2f6b4f;
  --brand-due: #a63a2c;
  --brand-dash: #c9c5ca;

  /* Status tones. Every pill on the admin screens is drawn from these, so the
     colours live here with the rest of the palette rather than as hex literals
     in a TS file — lib/status.ts only says which status wears which tone.

     Each tone is three values: `bg` fills the capsule, `fg` is the label (and,
     via currentColor, the leading dot), `bd` is the hairline. The border is
     what makes the set work at 11px — a fill alone at these lightnesses reads
     as a smudge, and the pills line up in a column where their edges are
     compared against each other.

     The seven steps are one journey, not seven unrelated states, so they share
     a hue and only warm as the booking gets closer to being real: amber while
     it is still an ask, through peach while the paperwork is out, into plum
     once both halves are in. Read down a column, the list warms. Plum is the
     accent and belongs to the primary action, so only `confirmed` borrows it —
     any earlier step in plum would compete with the button beside it. */
  --status-enquiry-bg: #fff8e0;
  --status-enquiry-fg: #7a6100;
  --status-enquiry-bd: #f2e4b0;

  --status-reserved-bg: #fff0e0;
  --status-reserved-fg: #8a4a1a;
  --status-reserved-bd: #f7ddc2;

  --status-contract-sent-bg: #fdeee2;
  --status-contract-sent-fg: #8a5423;
  --status-contract-sent-bd: #f5dcc6;

  --status-contract-signed-bg: #faeae6;
  --status-contract-signed-fg: #8b4a3b;
  --status-contract-signed-bd: #efd7d0;

  --status-deposit-paid-bg: #f6e7ef;
  --status-deposit-paid-fg: #7a3f60;
  --status-deposit-paid-bd: #e9d2df;

  --status-confirmed-bg: #efe3ed;
  --status-confirmed-fg: var(--brand-plum-dark);
  --status-confirmed-bd: #e2d1de;

  --status-ended-bg: #f0eff0;
  --status-ended-fg: var(--brand-ink-soft);
  --status-ended-bd: #e4e2e4;

  /* Cancelled, and every other nothing-happened state: the one tone drawn
     without a fill, because it is the absence of a booking and an outline says
     that more plainly than another colour would. */
  --status-void-bg: transparent;
  --status-void-fg: var(--brand-muted);
  --status-void-bd: var(--brand-line);

  /* Money, which is not a step — it is owed or it is not. */
  --status-due-bg: #fbecea;
  --status-due-fg: var(--brand-due);
  --status-due-bd: #f2d8d4;

  --status-paid-bg: #e8f1ec;
  --status-paid-fg: var(--brand-ok);
  --status-paid-bd: #d4e6da;

  /* The kitchen's diet slices. Not statuses — these are chart colours, and a
     chart needs its categories to stay apart at 6px, so they fan across the
     spectrum rather than sharing a hue. Vegetarian is the house default and the
     biggest slice on most bookings, so it takes the calm green and the five
     real diets fan out from it. */
  --diet-vegetarian: #84cc16;
  --diet-vegan: #22c55e;
  --diet-gluten-free: #eab308;
  --diet-lactose-free: #06b6d4;
  --diet-sugar-free: #0ea5e9;
  --diet-other: #94a3b8;
  --diet-unknown: #64748b;

  /* The admin's two faces. Plex Sans is the product voice; Plex Mono carries
     every label and figure — column headers, counts, dates, money — so the
     numeric columns line up and the labels read as labels. The marketing
     surfaces keep Open Sans / Nunito, which are the site's own brand faces. */
  --brand-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --brand-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  accent-color: var(--brand-plum);
}


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/base.css */
html,
body {
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: 'Open Sans', system-ui, sans-serif;
}

body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

/* Brand-owned browser surfaces — selection, caret, focus ring and form accents
   otherwise ship as the browser's own blue. */
::-moz-selection {
  background: var(--brand-pink);
  color: var(--brand-plum-dark);
}
::selection {
  background: var(--brand-pink);
  color: var(--brand-plum-dark);
}

input,
textarea {
  caret-color: var(--brand-plum);
}

@layer base {
  :focus-visible {
    outline: 2px solid var(--brand-plum);
    outline-offset: 2px;
  }
}

.page-section-row {
  font-family: var(--brand-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--brand-ink-soft);
}

/* Figures — dates, nights, group sizes, money — set in mono and tabular so a
   column of them lines up as a column rather than as a list of sentences. */
.num {
  font-variant-numeric: tabular-nums;
}

.app-surface .num {
  font-family: var(--brand-mono);
  font-size: 13px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

/* An empty cell is a fact ("no deposit yet"), so it is drawn, not left blank —
   but drawn lighter than any real value so it never reads as content. */
.app-surface .dash {
  color: var(--brand-dash);
}

/* ── Status pills ──
   Status is carried by shape as well as colour — a bordered capsule with a
   leading dot — so it survives a glance, a greyscale print and a colour-blind
   reader. The dot takes the label's own colour rather than a third hue. */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 21px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.pill::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentcolor;
  flex: none;
}

.pill[data-plain]::before {
  display: none;
}

/* ── Filter chips ──
   A toggle that reads as a control, not a badge: same 28px height as the
   fields it sits beside on the control strip, and the on state borrows the
   navigation's pink so "selected" means one thing across the app. */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  background: #fff;
  color: var(--brand-ink-soft);
  font: inherit;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.chip:hover {
  background: var(--brand-hover);
}

.chip[data-active] {
  background: var(--brand-pink);
  border-color: var(--brand-pink);
  color: var(--brand-plum-dark);
  font-weight: 600;
}

/* A chip that filters for something overdue carries the overdue colour as a
   dot, so the filter and the rows it selects are marked the same way. */
.chip .chip-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-due);
  flex: none;
}

/* Per-row actions. Repeated on every row they out-shout the rows themselves,
   so they wait for the row's turn — but they stay visible whenever they are
   focused, and permanently wherever there is no pointer to hover with. */
.app-surface .row-actions {
  opacity: 0;
  transition: opacity 100ms ease;
}

.app-surface tr:hover .row-actions,
.app-surface .row-actions:focus-within {
  opacity: 1;
}

@media (hover: none) {
  .app-surface .row-actions {
    opacity: 1;
  }
}

.page-controls {
  background: var(--brand-quiet);
}

.app-surface .cell-title {
  font-weight: 500;
}

.app-surface .money {
  font-family: var(--brand-mono);
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
}

.app-surface .table-note td,
.app-surface td.table-note {
  color: var(--brand-muted);
  font-size: 12.5px;
  padding: 8px 12px;
}

.app-surface .star {
  color: var(--brand-gold);
  font-size: 12px;
  line-height: 1;
}


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/print.css */
/* ── Printing ────────────────────────────────────────────────────────────
   One mechanism for every printable view (the room list, the kitchen sheet).
   Mark the region with `data-print-region`; everything outside it disappears
   and the region is lifted to the top of the page. Visibility rather than
   display, so the region keeps its layout instead of being re-flowed by the
   ancestors it happens to sit inside. Controls that would print as dead
   furniture — buttons, selects — opt out with `data-print-hide`. */
@media print {
  body:has([data-print-region]) {
    visibility: hidden;
    background: #fff;
  }

  [data-print-region],
  [data-print-region] * {
    visibility: visible;
  }

  [data-print-region] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    border: 0;
  }

  [data-print-hide] {
    display: none !important;
  }

  /* Keep a room, a participant or a meal from being split down the middle. */
  [data-print-region] tr,
  [data-print-region] [data-print-keep] {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

  /* Screen tints cost toner and print as grey mush; the borders carry the
     structure on paper. */
  [data-print-region] [data-print-plain] {
    background: transparent !important;
    box-shadow: none !important;
  }
}

@page {
  margin: 14mm;
}


/* /@fs//usr/workspaces/user/node_modules/.bun/tailwindcss@4.3.3/node_modules/tailwindcss/utilities.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.mx-auto {
  margin-inline: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.w-full {
  width: 100%;
}
.max-w-\[60rem\] {
  max-width: 60rem;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}


/* /@fs//usr/workspaces/user/node_modules/.bun/tailwindcss@4.3.3/node_modules/tailwindcss/preflight.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring:where(:not(iframe)) {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::-moz-placeholder {
  opacity: 1;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::-moz-placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/tokens.css */
@theme {
  --color-*: initial;
  --font-*: initial;
  --text-*: initial;
  --radius-*: initial;
  --shadow-*: initial;
  --breakpoint-*: initial;
  --tracking-*: initial;
  --leading-*: initial;
  --container-*: initial;
}

@theme {
  --font-sans: 'Open Sans', system-ui, -apple-system, 'system-ui', 'Segoe UI', Roboto, sans-serif;
  --font-heading: var(--font-sans);
  --font-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-brand: 'Nunito', sans-serif;
  --font-site: 'Open Sans', sans-serif;
  --text-xs: 0.75rem;     --text-xs--line-height: 1.4;
  --text-sm: 0.875rem;    --text-sm--line-height: 1.45;
  --text-md: 1rem;        --text-md--line-height: 1.55;
  --text-lg: 1.125rem;    --text-lg--line-height: 1.6;
  --text-xl: 1.25rem;     --text-xl--line-height: 1.65;
  --text-h1: 2.125rem;    --text-h1--line-height: 1.3;
  --text-h2: 1.625rem;    --text-h2--line-height: 1.35;
  --text-h3: 1.375rem;    --text-h3--line-height: 1.4;
  --text-h4: 1.125rem;    --text-h4--line-height: 1.45;
  --text-h5: 1rem;        --text-h5--line-height: 1.5;
  --text-h6: 0.875rem;    --text-h6--line-height: 1.5;
  --text-label: 0.65625rem;
  --text-micro: 0.6875rem;
  --text-note: 0.71875rem;
  --text-ctl: 0.84375rem;
  --text-num: 0.8125rem;
  --text-page-title: 1.0625rem;

  --tracking-label: 0.11em;
  --tracking-section: 0.08em;
  --tracking-brand: 0.01em;
  --tracking-wide: 0.02em;
  --tracking-tight: -0.01em;
  --tracking-tighter: -0.02em;
  --tracking-badge: 0.25px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 32px;
  --radius-panel: 6px;
  --radius-pill: 999px;
  --spacing-sp-xs: 10px;
  --spacing-sp-sm: 12px;
  --spacing-sp-md: 16px;
  --spacing-sp-lg: 20px;
  --spacing-sp-xl: 32px;

  --breakpoint-xs: 36em;
  --breakpoint-sm: 48em;
  --breakpoint-md: 62em;
  --breakpoint-lg: 75em;
  --breakpoint-xl: 88em;

  --container-page-xs: 540px;
  --container-page-sm: 720px;
  --container-page-md: 960px;
  --container-page-lg: 1140px;
  --container-page-xl: 1320px;
  --container-auth-card: 27rem;

  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 10px 15px -5px, rgba(0, 0, 0, 0.04) 0 7px 7px -5px;
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
  --shadow-lg: 0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 28px 23px -7px, rgba(0, 0, 0, 0.04) 0 12px 12px -7px;
  --shadow-xl: 0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 36px 28px -7px, rgba(0, 0, 0, 0.04) 0 17px 17px -7px;
  --shadow-rail-current: 0 0 0 3px rgb(136 85 127 / 14%);
  --shadow-taken: inset 0 0 0 1px rgb(78 49 73 / 7%);
  --shadow-selected-cell: inset 0 0 0 1px #88557f;
}

@theme inline {
  --color-plum: var(--brand-plum);
  --color-plum-ink: var(--brand-plum-dark);
  --color-pink: var(--brand-pink);
  --color-gold: var(--brand-gold);
  --color-gold-soft: var(--brand-gold-soft);
  --color-peach: var(--brand-peach);
  --color-ink: var(--brand-text);
  --color-ink-soft: var(--brand-ink-soft);
  --color-muted-ink: #868e96;
  --color-brand-muted: var(--brand-muted);
  --color-ground: var(--brand-bg);
  --color-line: var(--brand-line);
  --color-line-soft: var(--brand-line-soft);
  --color-quiet: var(--brand-quiet);
  --color-rule: var(--brand-rule);
  --color-hover: var(--brand-hover);
  --color-nav: var(--brand-nav);
  --color-ok: var(--brand-ok);
  --color-due: var(--brand-due);
  --color-dash: var(--brand-dash);
  --color-white: #ffffff;
  --color-black: #181818;
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-status-enquiry-bg: var(--status-enquiry-bg);
  --color-status-enquiry-fg: var(--status-enquiry-fg);
  --color-status-enquiry-bd: var(--status-enquiry-bd);
  --color-status-reserved-bg: var(--status-reserved-bg);
  --color-status-reserved-fg: var(--status-reserved-fg);
  --color-status-reserved-bd: var(--status-reserved-bd);
  --color-status-contract-sent-bg: var(--status-contract-sent-bg);
  --color-status-contract-sent-fg: var(--status-contract-sent-fg);
  --color-status-contract-sent-bd: var(--status-contract-sent-bd);
  --color-status-contract-signed-bg: var(--status-contract-signed-bg);
  --color-status-contract-signed-fg: var(--status-contract-signed-fg);
  --color-status-contract-signed-bd: var(--status-contract-signed-bd);
  --color-status-deposit-paid-bg: var(--status-deposit-paid-bg);
  --color-status-deposit-paid-fg: var(--status-deposit-paid-fg);
  --color-status-deposit-paid-bd: var(--status-deposit-paid-bd);
  --color-status-confirmed-bg: var(--status-confirmed-bg);
  --color-status-confirmed-fg: var(--status-confirmed-fg);
  --color-status-confirmed-bd: var(--status-confirmed-bd);
  --color-status-ended-bg: var(--status-ended-bg);
  --color-status-ended-fg: var(--status-ended-fg);
  --color-status-ended-bd: var(--status-ended-bd);
  --color-status-void-bg: var(--status-void-bg);
  --color-status-void-fg: var(--status-void-fg);
  --color-status-void-bd: var(--status-void-bd);
  --color-status-due-bg: var(--status-due-bg);
  --color-status-due-fg: var(--status-due-fg);
  --color-status-due-bd: var(--status-due-bd);
  --color-status-paid-bg: var(--status-paid-bg);
  --color-status-paid-fg: var(--status-paid-fg);
  --color-status-paid-bd: var(--status-paid-bd);

  --color-diet-vegetarian: var(--diet-vegetarian);
  --color-diet-vegan: var(--diet-vegan);
  --color-diet-gluten-free: var(--diet-gluten-free);
  --color-diet-lactose-free: var(--diet-lactose-free);
  --color-diet-sugar-free: var(--diet-sugar-free);
  --color-diet-other: var(--diet-other);
  --color-diet-unknown: var(--diet-unknown);
}

@theme {
  --color-plum-0: #f6f4f6; --color-plum-1: #e9e2e8; --color-plum-2: #d7c6d4; --color-plum-3: #c1a4bc; --color-plum-4: #af7ea6;
  --color-plum-5: #9f6595; --color-plum-6: #88557f; --color-plum-7: #6e4567; --color-plum-8: #55354f; --color-plum-9: #3f273b;
  --color-gold-0: #faf8ef; --color-gold-1: #f4eed7; --color-gold-2: #f5e6a8; --color-gold-3: #f0d875; --color-gold-4: #ffd72e;
  --color-gold-5: #ffcf05; --color-gold-6: #ffce00; --color-gold-7: #b39000; --color-gold-8: #8a6f00; --color-gold-9: #665200;
  --color-peach-0: #faf5ef; --color-peach-1: #f4e5d7; --color-peach-2: #f5cda8; --color-peach-3: #f0b175; --color-peach-4: #ff932e;
  --color-peach-5: #ff7e05; --color-peach-6: #ffbc7d; --color-peach-7: #b35700; --color-peach-8: #8a4300; --color-peach-9: #663100;

  --color-gray-0: #f8f9fa; --color-gray-1: #f1f3f5; --color-gray-2: #e9ecef; --color-gray-3: #dee2e6; --color-gray-4: #ced4da;
  --color-gray-5: #adb5bd; --color-gray-6: #868e96; --color-gray-7: #495057; --color-gray-8: #343a40; --color-gray-9: #212529;
  --color-red-0: #fff5f5; --color-red-1: #ffe3e3; --color-red-2: #ffc9c9; --color-red-3: #ffa8a8; --color-red-4: #ff8787;
  --color-red-5: #ff6b6b; --color-red-6: #fa5252; --color-red-7: #f03e3e; --color-red-8: #e03131; --color-red-9: #c92a2a;
  --color-green-0: #ebfbee; --color-green-1: #d3f9d8; --color-green-2: #b2f2bb; --color-green-3: #8ce99a; --color-green-4: #69db7c;
  --color-green-5: #51cf66; --color-green-6: #40c057; --color-green-7: #37b24d; --color-green-8: #2f9e44; --color-green-9: #2b8a3e;
  --color-orange-0: #fff4e6; --color-orange-1: #ffe8cc; --color-orange-2: #ffd8a8; --color-orange-3: #ffc078; --color-orange-4: #ffa94d;
  --color-orange-5: #ff922b; --color-orange-6: #fd7e14; --color-orange-7: #f76707; --color-orange-8: #e8590c; --color-orange-9: #d9480f;
  --color-yellow-0: #fff9db; --color-yellow-1: #fff3bf; --color-yellow-2: #ffec99; --color-yellow-3: #ffe066; --color-yellow-4: #ffd43b;
  --color-yellow-5: #fcc419; --color-yellow-6: #fab005; --color-yellow-7: #f59f00; --color-yellow-8: #f08c00; --color-yellow-9: #e67700;
  --color-cyan-0: #e3fafc; --color-cyan-1: #c5f6fa; --color-cyan-2: #99e9f2; --color-cyan-3: #66d9e8; --color-cyan-4: #3bc9db;
  --color-cyan-5: #22b8cf; --color-cyan-6: #15aabf; --color-cyan-7: #1098ad; --color-cyan-8: #0c8599; --color-cyan-9: #0b7285;
  --color-blue-0: #e7f5ff; --color-blue-1: #d0ebff; --color-blue-2: #a5d8ff; --color-blue-3: #74c0fc; --color-blue-4: #4dabf7;
  --color-blue-5: #339af0; --color-blue-6: #228be6; --color-blue-7: #1c7ed6; --color-blue-8: #1971c2; --color-blue-9: #1864ab;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-selected: var(--selected);
  --color-selected-foreground: var(--selected-foreground);
  --color-border-soft: var(--border-soft);
  --color-row-hover: var(--row-hover);
  --color-success: var(--success);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-ring: var(--sidebar-ring);
}


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/auth.css */
/* ── Auth surfaces (login / logout) ─────────────────────────────────────────
   Split layout: a deep-plum brand panel carrying the Seminarhof mark at scale,
   beside the task column. Below 62em the panel folds into a header band so the
   form keeps the fold. */
.auth-shell {
  min-block-size: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
  background: var(--brand-bg);
}

.auth-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 4vh, 40px);
  padding-block: clamp(24px, 4vw, 56px);
  padding-inline: clamp(24px, 4vw, 56px);
  color: #fff;
  background:
    radial-gradient(125% 95% at 10% 4%, rgb(136 85 127 / 92%) 0%, rgb(78 49 73 / 0%) 60%),
    radial-gradient(95% 75% at 96% 100%, rgb(255 188 125 / 38%) 0%, rgb(78 49 73 / 0%) 55%),
    linear-gradient(168deg, #4e3149 0%, #35202f 100%);
}

.auth-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.42;
  mix-blend-mode: overlay;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

.auth-panel-mark {
  position: absolute;
  z-index: -1;
  inline-size: 220px;
  inset-block-start: -46%;
  inset-inline-end: -9%;
  opacity: 0.14;
  animation: auth-mark-settle 1100ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.auth-panel-lede {
  display: none;
}

.auth-panel-legal {
  display: none;
}

.auth-col {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 3vh, 32px);
  padding-block: clamp(28px, 5vh, 56px);
  padding-inline: clamp(20px, 5vw, 48px);
}

.auth-card {
  inline-size: min(100%, 27rem);
  margin-block: clamp(4px, 1.5vh, 20px) auto;
  margin-inline: auto;
}

.auth-link {
  color: inherit;
  text-decoration: none;
  border-block-end: 1px solid rgb(255 255 255 / 35%);
  padding-block-end: 1px;
  transition: border-color 140ms ease, color 140ms ease;
}

.auth-link:hover {
  border-block-end-color: var(--brand-gold);
  color: var(--brand-gold-soft);
}

.auth-link-ink {
  border-block-end-color: rgb(95 89 100 / 34%);
}

.auth-link-ink:hover {
  border-block-end-color: var(--brand-plum);
  color: var(--brand-plum);
}

.auth-rise > * {
  animation: auth-rise 600ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.auth-rise > *:nth-child(2) {
  animation-delay: 80ms;
}

.auth-rise > *:nth-child(3) {
  animation-delay: 160ms;
}

.auth-rise > *:nth-child(4) {
  animation-delay: 240ms;
}

@keyframes auth-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes auth-mark-settle {
  from {
    opacity: 0;
    transform: scale(1.06);
    filter: blur(8px);
  }

  to {
    opacity: 0.14;
    transform: none;
    filter: blur(0);
  }
}

@media (width >= 62em) {
  .auth-shell {
    grid-template-rows: none;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  }

  .auth-panel-mark {
    inline-size: min(76%, 540px);
    inset-block: auto -15%;
    inset-inline-end: -11%;
  }

  .auth-card {
    margin-block: auto;
  }

  .auth-panel-lede {
    display: block;
    margin-block: auto;
  }

  .auth-panel-legal {
    display: flex;
  }

  .auth-col-legal {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-panel-mark,
  .auth-rise > * {
    animation: none;
  }

  .auth-panel-mark {
    opacity: 0.14;
  }
}


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/shadcn.css */
:root {
  --background: #f2f0f1;
  --foreground: #181818;
  --card: #ffffff;
  --card-foreground: #181818;
  --popover: #ffffff;
  --popover-foreground: #181818;
  --primary: #88557f;
  --primary-foreground: #ffffff;
  --secondary: #e9e2e8;
  --secondary-foreground: #3f273b;
  --muted: #f7f5f7;
  --muted-foreground: #868e96;
  --accent: #e9e2e8;
  --accent-foreground: #3f273b;
  --destructive: #fa5252;
  --destructive-foreground: #ffffff;
  --border: #e5e1e5;
  --input: #ced4da;
  --ring: #88557f;
  --radius: 0.5rem;
  --selected: #e9c8e3;
  --selected-foreground: #4e3149;
  --border-soft: #efecef;
  --quiet: #fcfbfc;
  --row-hover: #faf8fa;
  --ink-soft: #5f5964;
  --success: #2f6b4f;
  --due: #a63a2c;

  --sidebar: #fbf8fa;
  --sidebar-foreground: #5f5964;
  --sidebar-border: #e5e1e5;
  --sidebar-primary: #88557f;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e9c8e3;
  --sidebar-accent-foreground: #4e3149;
  --sidebar-ring: #88557f;
  --chart-1: #84cc16;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #06b6d4;
  --chart-5: #0ea5e9;
}

.app-surface {
  --input: #e5e1e5;
  --text-xs: 0.75rem;
  --text-sm: 0.84375rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --control-h: 30px;
  --control-fs: 0.84375rem;
  --btn-h: 30px;
  --btn-fs: 0.84375rem;
  --btn-px: 11px;
  --btn-fw: 500;
  --btn-compact-h: 24px;
  --btn-compact-fs: 0.78125rem;
  --btn-compact-px: 7px;
  --label-fs: 0.75rem;
  --label-fw: 600;
  --label-color: var(--brand-ink-soft);
  --label-mb: 3px;
  --panel-radius: 6px;
  --panel-border: var(--brand-line);
  --divider-color: var(--brand-line-soft);
  --alert-radius: 6px;
  --alert-px: 12px;
  --alert-py: 10px;
  --alert-fs: 0.84375rem;
  --alert-title-fw: 600;
  --switch-w: 30px;
  --switch-h: 17px;
  --switch-t: 13px;
  --check-fs: 0.84375rem;
  --tabs-bw: 1px;
  --tabs-bc: var(--brand-line);
  --tabs-gap: 2px;
  --tab-px: 10px;
  --tab-py: 6px;
  --tab-fs: 0.84375rem;
  --tab-color: var(--brand-ink-soft);
  --tab-hover-bg: rgb(136 85 127 / 8%);
  --tab-active-color: var(--brand-plum-dark);
  --tab-active-fw: 600;
  --modal-title-fs: 0.9375rem;
  --modal-title-fw: 600;
  font-family: var(--brand-ui);
  font-size: 0.84375rem;
  color: var(--brand-text);
}

.app-surface :is(h1, h2, h3, h4, h5, h6) {
  font-family: 'Open Sans', system-ui, -apple-system, 'system-ui', 'Segoe UI', Roboto, sans-serif;
  letter-spacing: -0.01em;
  font-weight: 600;
}

.app-surface h1 { font-size: 21px; line-height: 1.3; }
.app-surface h2 { font-size: 18px; line-height: 1.35; }
.app-surface h3 { font-size: 17px; line-height: 1.4; }
.app-surface h4 { font-size: 15px; line-height: 1.45; }
.app-surface :is(h5, h6) { font-size: 14px; line-height: 1.5; }


/* /@fs//usr/workspaces/user/packages/seminarhof-blocks/src/styles/rail.css */
/* ── Booking lifecycle rail ─────────────────────────────────────────────────
   Replaces Mantine's horizontal Stepper, which wrapped its eight nodes onto
   two rows and stranded the last one. Vertical, so every milestone keeps its
   date on the same baseline no matter how long the label is. */
.booking-rail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 0;
  overflow-x: auto;
  padding-block-end: 2px;
}

.booking-rail-step {
  flex: 1 0 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  position: relative;
  font-size: 15px;
}

/* The connector runs into each step from the one before it, so a step that is
   reached fills the line behind it. */
.booking-rail-step::before {
  content: '';
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 50%;
  inline-size: 100%;
  block-size: 1.5px;
  background: rgb(95 89 100 / 20%);
}

.booking-rail-step:first-child::before {
  content: none;
}

.booking-rail-label {
  color: var(--brand-ink-soft);
  font-size: 13.5px;
  line-height: 1.3;
  padding-inline: 4px;
}

.booking-rail-date {
  color: var(--brand-ink-soft);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.booking-rail-tick {
  position: relative;
  z-index: 1;
  inline-size: 25px;
  block-size: 25px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1.5px solid rgb(95 89 100 / 28%);
  background: #fff;
  color: rgb(95 89 100 / 62%);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.booking-rail-step[data-state='done'] .booking-rail-label {
  color: var(--brand-text);
  font-weight: 600;
}

.booking-rail-step[data-state='done']::before {
  background: var(--brand-plum);
}

.booking-rail-step[data-state='done'] .booking-rail-tick {
  border-color: var(--brand-plum);
  background: var(--brand-plum);
  color: #fff;
}

.booking-rail-step[data-state='current'] .booking-rail-label {
  color: var(--brand-plum-dark);
  font-weight: 600;
}

.booking-rail-step[data-state='current'] .booking-rail-tick {
  border-color: var(--brand-plum);
  color: var(--brand-plum-dark);
  box-shadow: 0 0 0 3px rgb(136 85 127 / 14%);
}

.booking-rail-step[data-state='todo'] .booking-rail-date {
  color: rgb(95 89 100 / 62%);
}

.booking-rail[data-cancelled='true'] .booking-rail-step:not([data-state='done']) {
  opacity: 0.5;
}