:root:root:root {
    --background: #f7f6f3;
    --foreground: #0b172a;
    --foreground-inverse: #fafafa;
    --card: #ffffffc7;
    --card-foreground: #0b172a;
    --popover: #f7f6f3f5;
    --popover-foreground: #0b172a;
    --brand: #806725;
    --brand-foreground: #ffffff;
    --primary: #806725;
    --primary-foreground: #ffffff;
    --secondary: #e9e5da;
    --secondary-foreground: #403a2c;
    --muted: #eeece6;
    --muted-foreground: #59606b;
    --muted-foreground-inverse: #a3a3a3;
    --accent: #b59a5b26;
    --accent-foreground: #66511b;
    --interactive: #806725;
    --interactive-foreground: #d9e7fc;
    --success: oklch(60% .13 163);
    --success-foreground: #fafafa;
    --warning: oklch(72% .15 70);
    --warning-foreground: #1a1a1a;
    --destructive: oklch(58% .19 27);
    --destructive-foreground: #fafafa;
    --border: #dedbd3;
    --input: #a68c5580;
    --ring: #806725;
    --chart-1: #e76e50;
    --chart-2: #2a9d90;
    --chart-3: #274754;
    --chart-4: #e8c468;
    --chart-5: #f4a462;
    --radius: var(--ui-radius-control);
    --sidebar-background: #ffffffc7;
    --sidebar-foreground: #0b172a;
    --sidebar-background-inverse: #121212;
    --sidebar-foreground-inverse: #f5f5f5;
    --sidebar-primary: #806725;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #b59a5b26;
    --sidebar-accent-foreground: #66511b;
    --sidebar-border: #dedbd3;
    --sidebar-ring: #806725;
    --sidebar: #f7f6f3;
    --chrome-bg: #ffffffc7;
    --chrome-bg-active: #b59a5b26;
    --chrome-foreground: #0b172a;
    --chrome-muted-foreground: #59606b;
    --chrome-border: #dedbd3;
    --chrome-ring: #806725;
    --tone-blue: #806725;
    --tone-blue-foreground: #66511b;
    --tone-blue-soft: #b59a5b14;
    --tone-blue-border: #b59a5b40;
    --tone-emerald: #16a249;
    --tone-emerald-foreground: #17823e;
    --tone-emerald-soft: #16a24914;
    --tone-emerald-border: #16a24933;
    --tone-amber: #f59f0a;
    --tone-amber-foreground: #6b4007;
    --tone-amber-soft: #f59f0a14;
    --tone-amber-border: #f59f0a33;
    --tone-red: #dc2828;
    --tone-red-foreground: #911212;
    --tone-red-soft: #dc282814;
    --tone-red-border: #dc28282e;
    --tone-violet: #7c3bed;
    --tone-violet-foreground: #5629a3;
    --tone-violet-soft: #7c3bed14;
    --tone-violet-border: #7c3bed33;
    --tone-teal: #11b3c5;
    --tone-teal-foreground: #137a86;
    --tone-teal-soft: #11b3c514;
    --tone-teal-border: #11b3c533;
    --tone-rose: #e92063;
    --tone-rose-foreground: #981b44;
    --tone-rose-soft: #e9206314;
    --tone-rose-border: #e9206333;
    --tone-yellow: #c4b845;
    --tone-yellow-foreground: #7a6b1f;
    --tone-yellow-soft: #c4b8451a;
    --tone-yellow-border: #c4b8453d;
    --tone-gray: #65758b;
    --tone-gray-foreground: #4e5e74;
    --tone-gray-soft: #65758b14;
    --tone-gray-border: #65758b2e;
    --ui-font-body: "Manrope", Arial, sans-serif;
    --ui-font-heading: "Abhaya Libre", Georgia, serif;
    --ui-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
    --ui-text-caption: .8125rem;
    --ui-text-small: .875rem;
    --ui-text-body: .9375rem;
    --ui-text-section: 1.5rem;
    --ui-text-title: clamp(1.875rem, 1.5rem + 1vw, 2.75rem);
    --ui-text-subtitle: 1.5rem;
    --ui-leading-body: 1.65;
    --ui-leading-heading: 1.15;
    --ui-weight-medium: 500;
    --ui-weight-strong: 600;
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-5: 1.25rem;
    --ui-space-6: 1.5rem;
    --ui-space-8: 2rem;
    --ui-space-10: 2.5rem;
    --ui-space-12: 3rem;
    --ui-radius-control: 0rem;
    --ui-radius-card: 0rem;
    --ui-radius-dialog: .25rem;
    --ui-control-sm: 2.75rem;
    --ui-control: 3rem;
    --ui-control-lg: 3.5rem;
    --ui-icon-sm: 1rem;
    --ui-icon: 1.25rem;
    --ui-icon-lg: 1.5rem;
    --ui-page-width: 75rem;
    --ui-form-width: 45rem;
    --ui-page-padding: var(--ui-space-8);
    --ui-mobile-nav-height: 4.5rem;
    --ui-focus-width: 2px;
    --ui-focus-offset: 3px;
    --ui-duration: 180ms;
    --ui-shadow-card: 0 8px 28px rgb(0 0 0 / 8%);
    --ui-shadow-overlay: 0 20px 64px rgb(0 0 0 / 28%);
    --ui-workspace-background: #f7f6f3;
    --font-sans: "Manrope", Arial, sans-serif;
    --ui-marble: url(/brand/samstag-marble.webp);
    --ui-glass-blur: 18px;
    --sidebar-muted-foreground: #59606b;
    --ui-workspace-tint: #f7f6f3ed;
}
:root:root.dark, :root:root:has(.engine-site) {
    color-scheme: dark;
    --background: #111311;
    --foreground: #f7f6f3;
    --foreground-inverse: #0a0a0a;
    --card: #1b1e1be8;
    --card-foreground: #f7f6f3;
    --popover: rgba(15, 18, 17, .96);
    --popover-foreground: #f7f6f3;
    --brand: #b59a5b;
    --brand-foreground: #111311;
    --primary: #b59a5b;
    --primary-foreground: #111311;
    --secondary: #ffffff0d;
    --secondary-foreground: #e5ddca;
    --muted: #252925;
    --muted-foreground: #c0c3bb;
    --muted-foreground-inverse: #737373;
    --accent: #b59a5b26;
    --accent-foreground: #d7b96d;
    --interactive: #d7b96d;
    --interactive-foreground: #121f36;
    --success: #22c35d;
    --success-foreground: #1a1a1a;
    --warning: #f9a91f;
    --warning-foreground: #1a1a1a;
    --destructive: #ef4343;
    --destructive-foreground: #fafafa;
    --border: #b59a5b40;
    --input: #b59a5b70;
    --ring: #d7b96d;
    --chart-1: #2662d9;
    --chart-2: #2eb88a;
    --chart-3: #e88c30;
    --chart-4: #af57db;
    --chart-5: #e23670;
    --radius: var(--ui-radius-control);
    --sidebar-background: #1b1e1be8;
    --sidebar-foreground: #f7f6f3;
    --sidebar-background-inverse: #fafafa;
    --sidebar-foreground-inverse: #3f3f46;
    --sidebar-primary: #b59a5b;
    --sidebar-primary-foreground: #111311;
    --sidebar-accent: #b59a5b26;
    --sidebar-accent-foreground: #d7b96d;
    --sidebar-border: #b59a5b40;
    --sidebar-ring: #d7b96d;
    --sidebar: #111311;
    --chrome-bg: #1b1e1be8;
    --chrome-bg-active: #b59a5b26;
    --chrome-foreground: #f7f6f3;
    --chrome-muted-foreground: #c0c3bb;
    --chrome-border: #b59a5b40;
    --chrome-ring: #d7b96d;
    --tone-blue: #b59a5b;
    --tone-blue-foreground: #d7b96d;
    --tone-blue-soft: #b59a5b14;
    --tone-blue-border: #b59a5b40;
    --tone-emerald: #22c35d;
    --tone-emerald-foreground: #8cf2b2;
    --tone-emerald-soft: #22c35d14;
    --tone-emerald-border: #22c35d33;
    --tone-amber: #f9a91f;
    --tone-amber-foreground: #f9cf86;
    --tone-amber-soft: #f9a91f14;
    --tone-amber-border: #f9a91f33;
    --tone-red: #e74040;
    --tone-red-foreground: #ffb3b3;
    --tone-red-soft: #e740401a;
    --tone-red-border: #e7404038;
    --tone-violet: #a06ef7;
    --tone-violet-foreground: #b994f9;
    --tone-violet-soft: #a06ef714;
    --tone-violet-border: #a06ef733;
    --tone-teal: #1ad1e6;
    --tone-teal-foreground: #97edf7;
    --tone-teal-soft: #1ad1e614;
    --tone-teal-border: #1ad1e633;
    --tone-rose: #f6558b;
    --tone-rose-foreground: #fa9ebd;
    --tone-rose-soft: #f6558b14;
    --tone-rose-border: #f6558b33;
    --tone-yellow: #cfc359;
    --tone-yellow-foreground: #e9de96;
    --tone-yellow-soft: #cfc3591a;
    --tone-yellow-border: #cfc35938;
    --tone-gray: #99a4b2;
    --tone-gray-foreground: #bcc5d2;
    --tone-gray-soft: #99a4b214;
    --tone-gray-border: #99a4b233;
    --ui-font-body: "Manrope", Arial, sans-serif;
    --ui-font-heading: "Abhaya Libre", Georgia, serif;
    --ui-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
    --ui-text-caption: .8125rem;
    --ui-text-small: .875rem;
    --ui-text-body: .9375rem;
    --ui-text-section: 1.5rem;
    --ui-text-title: clamp(1.875rem, 1.5rem + 1vw, 2.75rem);
    --ui-text-subtitle: 1.5rem;
    --ui-leading-body: 1.65;
    --ui-leading-heading: 1.15;
    --ui-weight-medium: 500;
    --ui-weight-strong: 600;
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-5: 1.25rem;
    --ui-space-6: 1.5rem;
    --ui-space-8: 2rem;
    --ui-space-10: 2.5rem;
    --ui-space-12: 3rem;
    --ui-radius-control: 0rem;
    --ui-radius-card: 0rem;
    --ui-radius-dialog: .25rem;
    --ui-control-sm: 2.75rem;
    --ui-control: 3rem;
    --ui-control-lg: 3.5rem;
    --ui-icon-sm: 1rem;
    --ui-icon: 1.25rem;
    --ui-icon-lg: 1.5rem;
    --ui-page-width: 75rem;
    --ui-form-width: 45rem;
    --ui-page-padding: var(--ui-space-8);
    --ui-mobile-nav-height: 4.5rem;
    --ui-focus-width: 2px;
    --ui-focus-offset: 3px;
    --ui-duration: 180ms;
    --ui-shadow-card: 0 8px 28px rgb(0 0 0 / 8%);
    --ui-shadow-overlay: 0 20px 64px rgb(0 0 0 / 28%);
    --ui-workspace-background: #111311;
    --font-sans: "Manrope", Arial, sans-serif;
    --ui-marble: url(/brand/samstag-marble.webp);
    --ui-glass-blur: 18px;
    --sidebar-muted-foreground: #c0c3bb;
    --ui-workspace-tint: #111311eb;
}

/* Shared presentation system. Business states and property branding remain data.

 * Keep this file independent of page handlers and third-party payment widgets.

 * Component hooks own the appearance; values come from the shared theme.

 */



body.font-sans, body .font-sans, body [data-sonner-toaster] {

    font-family: var(--ui-font-body);

}



body { line-height: var(--ui-leading-body); background: var(--background); color: var(--foreground); }



/* The baseline forces a 1.0 line height with !important on every heading. */

body :is(h1, h2, h3, h4, h5, h6) {

    font-family: var(--ui-font-heading);

    overflow-wrap: break-word;

}

@layer base {

    body :is(h1, h2, h3, h4, h5, h6) { line-height: var(--ui-leading-heading) !important; }

}



body :is(button, input, select, textarea) { font-family: inherit; }



body:not(.embed) .glass-scene {

    min-height: 100svh; position: relative; isolation: isolate;

    background: linear-gradient(var(--ui-workspace-tint), var(--ui-workspace-tint)), var(--ui-marble) center top / cover;

    color: var(--foreground);

}

.ui-workspace { font-size: var(--ui-text-body); }



body:not(.embed) .glass-scene::before,

body:not(.embed) .glass-scene::after { content: none; }



.ui-workspace {

    --chrome-bg: var(--card);

    --chrome-foreground: var(--foreground);

    --chrome-muted-foreground: var(--muted-foreground);

    --chrome-border: var(--border);

}



.ui-page-shell {

    width: 100%;

    max-width: var(--ui-page-width);

    margin-inline: auto;

    padding: var(--ui-page-padding);

    min-width: 0;

}



.ui-page-shell > * + * { margin-top: var(--ui-space-6); }

.ui-page-header { gap: var(--ui-space-4); }

.ui-page-actions { gap: var(--ui-space-2); }

.ui-heading, .ui-heading-small { display: grid; gap: var(--ui-space-2); }

.ui-heading > *, .ui-heading-small > * { margin-block: 0; }

.ui-heading h2, .ui-workspace h1 {

    font-size: var(--ui-text-title);

    font-weight: var(--ui-weight-strong);

    letter-spacing: -.025em;

}

.ui-heading-small h3 {

    font-size: var(--ui-text-section);

    font-weight: var(--ui-weight-strong);

}

.ui-heading p, .ui-heading-small p {

    font-size: var(--ui-text-body);

    line-height: var(--ui-leading-body);

    color: var(--muted-foreground);

}

.ui-heading .ui-heading-label {

    font-size: var(--ui-text-caption);

    font-weight: var(--ui-weight-strong);

    letter-spacing: .08em;

}



/* Shared controls use their existing data-slot hooks, never generic SVG or

 * calendar button selectors. Small and icon-only variants stay explicit. */

body [data-slot="button"] {

    font-size: var(--ui-text-body);

    font-weight: var(--ui-weight-strong);

    line-height: 1.25;

    border-radius: var(--ui-radius-control);

    gap: var(--ui-space-2);

    transition-duration: var(--ui-duration);

}

body [data-slot="button"]:is(:not([data-size]), [data-size="default"]) {

    height: var(--ui-control);

    padding-inline: var(--ui-space-4);

}

body [data-slot="button"][data-size="sm"] {

    height: var(--ui-control-sm);

    padding-inline: var(--ui-space-3);

    font-size: var(--ui-text-small);

}

body [data-slot="button"][data-size="lg"] {

    height: var(--ui-control-lg);

    padding-inline: var(--ui-space-6);

}

body [data-slot="button"][data-size="icon"] { width: var(--ui-control); height: var(--ui-control); }

body [data-slot="button"][data-size="icon-sm"] { width: var(--ui-control-sm); height: var(--ui-control-sm); }

body [data-slot="button"][data-size="icon-lg"] { width: var(--ui-control-lg); height: var(--ui-control-lg); }

body [data-slot="button"][data-size^="icon"] { padding: 0; }

body .glass-btn-primary {

    background: var(--background);

    color: var(--accent-foreground);

    border: 1px solid var(--primary);

    box-shadow: none;

}

body [data-slot="button"]:disabled { cursor: not-allowed; }



body :is(input[data-slot="input"], [data-slot="textarea"], .ui-select-trigger) {

    border-radius: var(--ui-radius-control);

    border: 1px solid var(--input);

    background: var(--background);

    color: var(--foreground);

    font-size: var(--ui-text-body);

    line-height: var(--ui-leading-body);

    box-shadow: none;

    transition: border-color var(--ui-duration), box-shadow var(--ui-duration);

}

body input[data-slot="input"], body .ui-select-trigger {

    height: var(--ui-control);

    padding-block: var(--ui-space-2);

}

body [data-slot="textarea"] {

    min-height: 6rem;

    padding: var(--ui-space-3);

    resize: vertical;

}

body [data-slot="label"] {

    font-size: var(--ui-text-body);

    font-weight: var(--ui-weight-strong);

    line-height: var(--ui-leading-body);

}

body :is([data-slot="input"], [data-slot="textarea"])::placeholder { color: var(--muted-foreground); opacity: 1; }

body :is([data-slot="input"], [data-slot="textarea"], .ui-select-trigger)[aria-invalid="true"] { border-color: var(--tone-red); }

.ui-field-error {

    font-size: var(--ui-text-body);

    line-height: var(--ui-leading-body);

    color: var(--tone-red-foreground);

    background: var(--tone-red-soft);

    border-color: var(--tone-red-border);

    border-radius: var(--ui-radius-control);

}

body :is([data-slot="button"], input[data-slot="input"], [data-slot="textarea"], .ui-select-trigger):focus-visible {

    outline: var(--ui-focus-width) solid var(--ring);

    outline-offset: var(--ui-focus-offset);

    box-shadow: none;

}



body [data-slot="card"], .ui-integration-card, body .glass, body .glass-strong, body .card-glass, body:not(.embed) .glass-panel, body:not(.embed) .glass-panel-strong {

    background: var(--card);

    color: var(--card-foreground);

    border: 1px solid var(--border);

    border-radius: var(--ui-radius-card);

    box-shadow: var(--ui-shadow-card);

    backdrop-filter: blur(var(--ui-glass-blur));

}

body [data-slot="card"] { gap: var(--ui-space-6); padding-block: var(--ui-space-6); }

body [data-slot="card-content"] { padding-inline: var(--ui-space-6); }

body [data-slot="badge"] {

    font-family: var(--ui-font-body);

    font-size: var(--ui-text-caption);

    line-height: var(--ui-leading-body);

    font-weight: var(--ui-weight-strong);

}

body [role="tablist"] { gap: var(--ui-space-1); border-radius: var(--ui-radius-control); }

body [role="tab"] {

    min-height: var(--ui-control);

    padding-inline: var(--ui-space-3);

    font-family: var(--ui-font-body);

    font-size: var(--ui-text-body);

    font-weight: var(--ui-weight-medium);

    border-radius: var(--ui-radius-control);

}

.ui-empty-state {

    padding: var(--ui-space-12) var(--ui-space-6);

    gap: var(--ui-space-4);

    border-radius: var(--ui-radius-card);

    background: var(--card);

    border-color: var(--border);

}

body [data-slot="dialog-content"] {

    border-radius: var(--ui-radius-dialog);

    padding: var(--ui-space-6);

    gap: var(--ui-space-4);

    background: var(--popover);

    color: var(--popover-foreground);

    box-shadow: var(--ui-shadow-overlay);

}

body [data-slot="dialog-title"] { font-size: var(--ui-text-subtitle); font-weight: var(--ui-weight-strong); }

body [data-slot="dialog-description"] { font-size: var(--ui-text-body); line-height: var(--ui-leading-body); }

body [data-sonner-toast][data-styled="true"] { font-size: var(--ui-text-body); border-radius: var(--ui-radius-card); }



@media (max-width: 767px) {

    :root:root:root { --ui-page-padding: var(--ui-space-4); }

    .ui-admin-maintenance {

        bottom: calc(var(--ui-mobile-nav-height) + env(safe-area-inset-bottom) + var(--ui-space-4));

    }

    .ui-workspace [data-slot="sidebar-inset"] {

        padding-bottom: calc(var(--ui-mobile-nav-height) + env(safe-area-inset-bottom) + var(--ui-space-4));

    }

    body :is(input[data-slot="input"], [data-slot="textarea"], .ui-select-trigger) { font-size: 1rem; }

    body input[data-slot="input"], body .ui-select-trigger { height: var(--ui-control-lg); }

    body [data-slot="button"]:is(:not([data-size]), [data-size="default"]) { min-height: var(--ui-control-lg); }

    body [data-slot="dialog-content"] { padding: var(--ui-space-5); }

}



@media (prefers-reduced-motion: reduce) {

    .navigation-card, .navigation-link, body [data-slot="button"], body [data-slot="input"], body [data-slot="textarea"] { transition: none; }

}



/* Embed layout choices expose keyboard focus on the visible preview card. */

.ui-embed-layout-option:has([role="radio"]:focus-visible) > .ui-embed-layout-card {

    outline: var(--ui-focus-width) solid var(--ring);

    outline-offset: var(--ui-focus-offset);

}



/* Keep amenity names within their cards and show focus on the visible control. */

.ui-amenity-option p {

    overflow-wrap: anywhere;

}

.ui-amenity-option:has(input:focus-visible) > div {

    outline: var(--ui-focus-width) solid var(--ring);

    outline-offset: var(--ui-focus-offset);

}



/* Keep complete partner codes and contact details readable in narrow cards. */

.ui-agency-profile .ui-agency-code,

.ui-agency-profile .ui-agency-contact {

    min-width: 0;

    overflow-wrap: anywhere;

}



@media (max-width: 639px) {

    .ui-agency-profile .ui-agency-header {

        display: grid;

        grid-template-columns: var(--ui-control-lg) minmax(0, 1fr);

    }

    .ui-agency-profile .ui-agency-status {

        grid-column: 2;

        justify-self: start;

        margin-left: 0;

    }

    .ui-agency-profile .ui-agency-identity h1 {

        white-space: normal;

        text-overflow: clip;

    }

}



/* Let step actions wrap before they squeeze guest instructions. */

.ui-step-content { flex: 1 1 10rem; min-width: 0; }



.ui-service-suggestion {

    display: inline-flex;

    align-items: center;

    gap: var(--ui-space-2);

    min-height: var(--ui-control-sm);

    max-width: 100%;

    padding: var(--ui-space-1) var(--ui-space-3);

    border: 1px solid var(--border);

    border-radius: var(--ui-radius-control);

    background: var(--muted);

    color: var(--muted-foreground);

    font-size: var(--ui-text-caption);

    font-weight: var(--ui-weight-medium);

    line-height: var(--ui-leading-body);

}

.ui-service-suggestion[aria-pressed="true"] {

    border-color: var(--ring);

    color: var(--foreground);

    background: var(--background);

}

.ui-service-suggestion:hover { color: var(--foreground); }

.ui-service-suggestion:focus-visible {

    outline: var(--ui-focus-width) solid var(--ring);

    outline-offset: var(--ui-focus-offset);

}

.ui-service-suggestion svg { flex-shrink: 0; width: var(--ui-icon-sm); height: var(--ui-icon-sm); }

@media (max-width: 639px) {

    .ui-service-suggestion { min-height: var(--ui-control-lg); }

}



/* Public booking shell: independent of the dashboard navigation. */

.engine-header-inner {

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    gap: var(--ui-space-3);

    height: 100%; align-items: center; max-width: var(--ui-page-width); margin-inline: auto;

    padding-inline: var(--ui-page-padding);

}

.engine-header-logo { min-width: 0; max-width: min(100%, 14rem); width: fit-content; }

.engine-header-logo img { max-width: 100%; object-fit: contain; object-position: left center; }

.engine-header-actions { flex-shrink: 0; min-width: 0; }

.engine-header-actions > a,

.engine-header-actions > button { min-height: 44px; min-width: 44px; flex-shrink: 0; }

/* Footer owns its layout here; the template contains no competing layout utilities. */

.engine-header a:focus-visible,

.engine-footer :is(a, button, input):focus-visible {

    outline: var(--ui-focus-width) solid var(--ring);

    outline-offset: var(--ui-focus-offset);

}

.engine-footer {

    width: 100%; max-width: var(--ui-page-width); min-width: 0; margin-inline: auto;

    padding: var(--ui-space-4) max(1rem, env(safe-area-inset-right)) calc(var(--ui-space-4) + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));

    font-family: var(--ui-font-body); font-size: var(--ui-text-body); line-height: 1.65;

    color: var(--muted-foreground); overflow-wrap: anywhere;

}

.engine-footer-surface { background: linear-gradient(#111311df, #111311ed), var(--ui-marble) center / cover; border-top: 1px solid var(--border); }

.engine-footer p { margin: 0; font-size: inherit; line-height: inherit; }

.engine-footer a { color: inherit; font-size: inherit; line-height: inherit; text-decoration: none; }

.engine-footer a:hover { color: var(--foreground); text-decoration: underline; text-underline-offset: .25em; }

.engine-footer svg { width: 1rem; height: 1rem; flex-shrink: 0; }

.engine-footer-newsletter {

    display: grid; grid-template-columns: minmax(0, 1fr); align-items: center;

    gap: var(--ui-space-6); padding: var(--ui-space-8);

    background: #ffffff05; border-bottom: 1px solid var(--border);

}

.engine-footer-newsletter h2 { margin: 0 0 var(--ui-space-2); font-family: var(--ui-font-heading); font-size: var(--ui-text-subtitle); font-weight: 600; line-height: 1.3; color: var(--foreground); }

.engine-footer-newsletter-copy p { max-width: 60ch; }

.engine-footer-newsletter form { min-width: 0; width: 100%; }

.engine-footer-signup { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-2); }

.engine-footer-signup input { width: 100%; min-width: 0; min-height: 48px; padding: var(--ui-space-3) var(--ui-space-4); border: 1px solid var(--input); border-radius: var(--ui-radius-control); background: var(--background); color: var(--foreground); font: inherit; font-size: max(16px, var(--ui-text-body)); }

.engine-footer-signup input[aria-invalid=true] { border-color: var(--destructive); }

.engine-footer-signup button { display: inline-flex; align-items: center; justify-content: center; gap: var(--ui-space-2); min-height: 48px; padding: var(--ui-space-3) var(--ui-space-5); border: 1px solid transparent; border-radius: var(--ui-radius-control); background: var(--primary); color: var(--primary-foreground); font: inherit; font-weight: 600; cursor: pointer; }

.engine-footer-signup button:hover { filter: brightness(.94); }

.engine-footer-signup button:disabled { opacity: .6; cursor: wait; }

.engine-footer .engine-footer-error { margin-top: var(--ui-space-2); color: var(--destructive); }

.engine-footer-success { display: flex; align-items: center; gap: var(--ui-space-3); color: var(--tone-emerald-foreground); }

.engine-footer-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-6); padding: var(--ui-space-8) var(--ui-space-4); }

.engine-footer-brand { min-width: 0; }

.engine-footer .engine-footer-brand-name { margin-block: 1rem .35rem; color: var(--foreground); }

.engine-footer-main h2 { font-family: var(--ui-font-heading); font-size: 1.5rem; line-height: 1.25; color: var(--foreground); margin: 0 0 .75rem; }

.engine-footer-social { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(.5rem, 2vw, 1.5rem); margin-inline: var(--ui-space-4); padding-block: .5rem; border-top: 1px solid var(--border); }

.engine-footer-social a { display: inline-flex; min-height: 44px; align-items: center; white-space: nowrap; font-size: clamp(.75rem, 1.2vw, .875rem); }

.engine-brand-mark { display: block; width: 108px; height: 70px; object-fit: contain; }

.engine-footer-contact-column { min-width: 0; }

.engine-footer-contact-column > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--primary); }



.engine-footer-logo { display: flex; align-items: center; width: fit-content; max-width: 100%; min-height: 44px; margin-bottom: 0; color: var(--foreground); }

.engine-footer-logo img { max-width: 108px; max-height: 70px; width: 108px; height: 70px; object-fit: contain; object-position: left center; }

.engine-footer-contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-1) var(--ui-space-4); margin: 0; padding-block: 0; font-style: normal; }

.engine-footer-contact > * { display: flex; align-items: center; gap: var(--ui-space-3); min-height: 44px; min-width: 0; }

.engine-footer-contact span { min-width: 0; }

.engine-footer-nav { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 0 var(--ui-space-4); min-width: 0; }

.engine-footer-nav a, .engine-footer-legal a { display: inline-flex; align-items: center; gap: var(--ui-space-2); min-height: 44px; max-width: 100%; }

.engine-footer-legal { display: flex; flex-wrap: wrap; gap: 0 var(--ui-space-4); margin-inline: var(--ui-space-4); padding-block: var(--ui-space-1); border-top: 1px solid var(--border); font-size: var(--ui-text-caption); }

.engine-footer-bottom { display: flex; flex-direction: column; gap: 0; padding: 0 var(--ui-space-4) var(--ui-space-2); font-size: var(--ui-text-caption); }

.engine-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: .25em; }

@media (min-width: 640px) {

    .engine-footer-signup { grid-template-columns: minmax(0, 1fr) auto; }

    .engine-footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

    .engine-footer-brand { grid-column: 1 / -1; }

    .engine-footer-bottom { flex-direction: row; justify-content: space-between; align-items: center; }

    .engine-footer-bottom > :last-child { flex-shrink: 0; }

}

@media (min-width: 1024px) {

    .engine-footer-newsletter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--ui-space-4); }

    .engine-footer-main { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); }

    .engine-footer-company { grid-template-columns: minmax(0, 1fr); }

    .engine-footer-contact { grid-template-columns: minmax(0, 1fr); }

    .engine-footer-brand { grid-column: auto; }

}

@media (max-width: 1279px) {

    .engine-footer-reservation { margin-bottom: calc(96px + env(safe-area-inset-bottom)); }

}

@media (max-width: 639px) {

    .engine-header-inner { gap: var(--ui-space-2); }

    .engine-header-actions { gap: var(--ui-space-2); }

    .engine-header-actions > a { width: 44px; padding-inline: 0; }

    .engine-header-action-label { display: none; }

}



.engine-header-logo { min-height: 44px; }



/* Property form controls stay usable in narrow dashboard panels. */

.ui-property-picker { max-width: calc(100vw - 2rem); }

.ui-property-rating > button { width: 44px; height: 44px; flex-shrink: 0; }



.ui-legal-close { min-width: 44px; min-height: 44px; flex-shrink: 0; }



/* Match the embedded calendar's library container to the shared body font. */

.embed-calendar.vc-container { font-family: var(--ui-font-body); }



/* Booking components use the web's neutral glass, marble and fine gold rules. */

.engine-site { font-size: var(--public-text-base); --ui-control: var(--public-button-height); }



.engine-main { max-width: var(--ui-page-width); margin-inline: auto; min-width: 0; }

.engine-header { position: absolute; inset: 0 0 auto; z-index: 50; height: 88px; border-bottom: 1px solid var(--border); background: rgba(15,18,17,.48); backdrop-filter: blur(var(--ui-glass-blur)); }

.engine-language { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 1px solid var(--border); background: transparent; color: var(--foreground); font: inherit; cursor: pointer; }

.engine-search-page { min-height: calc(100svh - var(--public-header-height)); padding: calc(var(--public-header-height) + var(--public-space-16)) var(--ui-page-padding) var(--public-space-20); }

.engine-search-intro { display: grid; gap: 2.5rem; margin-bottom: 3rem; }

.engine-search-content { min-width: 0; width: 100%; }

.engine-search-content > :first-child { max-width: 60rem; }

.engine-search-intro h1 { font-size: var(--public-text-display); font-weight: var(--public-weight-heading); letter-spacing: var(--public-tracking-heading); }

.engine-search-intro p { max-width: 55ch; line-height: 1.65; }

.engine-search-party { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }





.engine-search-party input { width: 100%; min-width: 0; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--public-ink); font: inherit; text-align: center; font-variant-numeric: tabular-nums; appearance: textfield; -moz-appearance: textfield; }

.engine-search-party input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

.engine-search-form { --background: var(--public-booking-field); --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --input: var(--public-booking-control-border); --border: var(--public-booking-rule); position: relative; isolation: isolate; z-index: 10; width: 100%; padding: var(--public-panel-space); border: 1px solid var(--public-booking-rule); background: linear-gradient(115deg, #fff8, transparent 48%, #b59a5b0a), var(--public-booking-background); box-shadow: inset 0 1px #fffc, 0 12px 36px #00000014; color: var(--public-ink); }

.engine-date-trigger { --foreground: var(--public-ink); --muted-foreground: var(--public-muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-width: 0; min-height: 84px; padding: var(--public-space-3) var(--public-space-4); text-align: center; border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); border-radius: var(--radius); background: var(--public-booking-field); box-shadow: inset 0 1px #fffc, 0 3px 12px #33291b05; color: var(--public-ink); cursor: pointer; }

.engine-date-trigger:hover, .engine-date-trigger:focus-visible { border-color: var(--ring); }

.engine-date-label { font-size: var(--public-text-xs); letter-spacing: var(--public-tracking-label); text-transform: uppercase; color: var(--public-gold-text); }

.engine-date-popup { position: absolute; left: 0; top: 100%; z-index: 50; margin-top: .5rem; width: max-content; max-width: calc(100vw - 4rem); overflow-x: auto; padding: var(--public-space-4); border: 1px solid var(--border); background: var(--background); box-shadow: var(--ui-shadow-overlay); }

body :is([data-slot="dropdown-menu-content"], [data-slot="popover-content"], [data-slot="select-content"]) { background: var(--popover); color: var(--popover-foreground); border: 1px solid var(--border); border-radius: var(--ui-radius-dialog); backdrop-filter: blur(var(--ui-glass-blur)); font-family: var(--ui-font-body); }

.engine-results-group { min-width: 0; }

.engine-results-group + .engine-results-group { margin-top: clamp(var(--ui-space-8), 3vw, var(--ui-space-12)); padding-top: var(--ui-space-6); border-top: 1px solid var(--border); }

.engine-results-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--ui-space-2) var(--ui-space-6); margin-bottom: var(--ui-space-6); }

.engine-results-heading h2 { margin: 0; font-size: clamp(1.75rem, 1.5rem + .75vw, 2.25rem); font-weight: 600; }

.engine-results-count { flex-shrink: 0; font-size: var(--ui-text-small); line-height: 1.5; color: var(--muted-foreground); }

.engine-property-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }

.engine-property-grid > a { min-width: 0; height: 100%; }

.engine-property-link { display: block; height: 100%; border-radius: var(--ui-radius-card); }

.engine-property-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--border); border-radius: var(--ui-radius-card); background: var(--muted); box-shadow: var(--ui-shadow-card); transition: border-color .18s ease, box-shadow .18s ease; }

.engine-property-link:is(:hover, :focus-visible) .engine-property-card { border-color: var(--primary); box-shadow: var(--ui-shadow-overlay); }

@media (prefers-reduced-motion: reduce) { .engine-property-card { transition: none; } }

/* Keep the full photograph visible; the caption has its own space below it. */

.engine-property-image { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: var(--muted); }

.engine-property-image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }

.engine-property-caption { position: relative; flex: 1; display: flex; flex-direction: column; gap: var(--ui-space-3); padding: var(--ui-space-5); background: rgba(15,18,17,.84); border-top: 1px solid var(--border); }

.engine-property-summary { flex: 1; display: flex; flex-direction: column; gap: var(--ui-space-3); }

.engine-property-price { margin-top: auto; font-size: var(--ui-text-small); line-height: 1.5; font-weight: 600; color: var(--foreground); }

.engine-property-next-date { font-size: var(--ui-text-small); line-height: 1.6; color: var(--foreground); }

.engine-property-name { font-family: var(--ui-font-heading); font-size: 1.25rem; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }

.engine-property-address { margin-top: var(--ui-space-2); font-size: .8125rem; line-height: 1.5; color: var(--muted-foreground); overflow-wrap: anywhere; }

@media (min-width: 640px) { .engine-property-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (min-width: 1200px) { .engine-property-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.engine-site h2 { font-size: var(--public-text-section); letter-spacing: var(--public-tracking-heading); }

.engine-site :is(input, textarea, select) { font-size: 1rem; }

.engine-site a:focus-visible, .engine-site button:focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }

@media (min-width: 1024px) {

 .engine-search-intro:has(> :nth-child(2)) { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 3rem; }

 .engine-search-intro:not(:has(> :nth-child(2))) .engine-search-form { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(256px, .85fr) minmax(0, 1fr); align-items: center; gap: 1rem; }

 .engine-search-intro:not(:has(> :nth-child(2))) .engine-search-form > * { margin: 0; }

}

@media (max-width: 639px) {

 .engine-header { height: 76px; }

 .engine-search-page { padding-top: 7.5rem; padding-bottom: 3rem; }

 .engine-search-form { padding: 1rem; }

 .engine-date-trigger { padding: .625rem .75rem; }

 .engine-footer-newsletter { padding: 1.5rem 1rem; }

}



.engine-header-logo img { max-height: 64px; }

.engine-header-logo img[src$="logo-icon.png"] { filter: invert(1); mix-blend-mode: screen; }



@media (min-width: 768px) { .engine-header { position: fixed; } }



/* Branded recovery pages */



.error-layout { min-height:100svh; padding:clamp(1.5rem,5vw,4rem); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(2rem,5vh,4rem); background:linear-gradient(#111311e8,#111311eb),var(--ui-marble) center/cover; color:#f3eee5; text-align:center; }

.error-brand { display:inline-flex; padding:.25rem; }

.error-brand img { width:140px; height:90px; object-fit:contain; }

.error-panel { width:100%; max-width:52rem; padding:clamp(1.5rem,6vw,4.5rem); border:1px solid #b9a47b55; border-radius:var(--ui-radius-dialog,1rem); background:#20221e9c; box-shadow:0 24px 80px #0003,inset 0 1px #fff07; backdrop-filter:blur(18px); }

.error-eyebrow,.error-signature { font-family:var(--ui-font-body); font-size:.8125rem; line-height:1.6; letter-spacing:.13em; color:#c6b38d; }

.error-eyebrow { text-transform:uppercase; margin:0 0 1.5rem; }

.error-layout .error-panel h1 { color:#f3eee5; font-family:var(--ui-font-heading); font-size:clamp(2.5rem,6vw,4.5rem); font-weight:400; line-height:1.06; text-wrap:balance; margin:0; }

.error-message { max-width:36rem; margin:1.5rem auto 0; font-size:1rem; line-height:1.8; color:#d1cdc5; }

.error-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem 1.75rem; margin-top:2rem; }

.error-actions a { min-height:48px; display:inline-flex; align-items:center; justify-content:center; color:#eee5d5; font-size:.9375rem; text-underline-offset:5px; }

.error-actions .error-primary { padding:.8rem 1.6rem; background:#c4af85; color:#171915; border:1px solid #d6c29b; border-radius:.3rem; text-decoration:none; }

.error-layout a:focus-visible { outline:2px solid #ead9b7; outline-offset:5px; }

.error-actions a:hover { filter:brightness(1.12); }

@media(max-width:480px) { .error-actions { flex-direction:column; } .error-primary { width:100%; } }



/* Property detail: shared hotel typography and neutral glass controls. */

.property-booking-layout { gap:clamp(1.5rem,3vw,3rem); margin-top:2rem; }

.property-information { display:grid; gap:clamp(2rem,4vw,3.5rem); }

.property-information > section { min-width:0; }

.property-information h1 { font-size:clamp(2.4rem,4vw,3.75rem); margin-bottom:1rem; }

.property-information h3 { font-size:clamp(1.65rem,2.5vw,2.2rem); margin-bottom:1rem; }

.property-information #about p { font-size:1rem; line-height:1.85; max-width:65ch; }

.property-information #booking-rules > div > span,

.property-information #booking-rules > div > span > span { min-width:0; }

.property-information #booking-rules button { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:start; }

.property-date-control { min-height:68px; border:1px solid var(--border); border-radius:.35rem; padding:.8rem 1rem; text-align:left; background:#ffffff08; color:var(--foreground); cursor:pointer; transition:border-color .15s,background .15s; }

.property-date-control:hover,.property-date-control:focus-visible { border-color:var(--primary); background:#ffffff10; }

.property-control-label { font-size:.8125rem; line-height:1.6; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-foreground); }

.property-date-control .text-sm { font-size:1rem; line-height:1.5; }

#reservation-picker { box-shadow:0 16px 45px #0002; }

.property-availability-error { padding:1.5rem; margin-block:1rem; border:1px solid var(--border); background:var(--card); border-radius:.5rem; font-size:1rem; line-height:1.7; }

.property-availability-error button { min-height:44px; margin-top:1rem; padding:.5rem 1.2rem; border:1px solid var(--primary); color:var(--primary); }

@media(max-width:639px) { .property-booking-layout { gap:1.5rem; } .property-date-control { padding:.75rem; } }



/* Transparent, opt-in room combinations share the property page's neutral glass. */

.stay-proposal { margin-block: 24px; padding: clamp(20px, 3vw, 32px); border: 1px solid #b59a5b66; background: #ffffff06; color: inherit; }

.stay-proposal p { margin-block: 12px; font-size: 16px; line-height: 1.65; }

.stay-proposal .stay-proposal-label { color: #c6b17a; font-size: 13px; }

.stay-proposal ol { padding-left: 24px; margin-block: 20px; }

.stay-proposal li { padding-block: 8px; }

.stay-proposal li > span { display: block; font-size: 14px; opacity: .8; }

.stay-proposal-button { border: 1px solid #b59a5b; padding: 12px 20px; min-height: 44px; color: #dcc78f; background: #171917; }

.stay-proposal-button:focus-visible { outline: 2px solid #dcc78f; outline-offset: 4px; }

.engine-stay-proposal { margin-top: 12px; font-size: 14px; line-height: 1.5; }

.engine-stay-proposal small { display: block; margin-top: 6px; font-size: 13px; opacity: .8; }

/* Long translated legal labels must fit the available grid column. */
#property-legal button { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
[data-sonner-toaster] { max-width: calc(100% - 2rem); }

.engine-date-popup, .engine-search-form [role="listbox"] { --background: var(--public-menu-glass-background); --foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); --muted: var(--public-glass-option-hover); --border: var(--public-border-on-dark); border-radius: var(--radius); color: var(--foreground); }
/* Generated from Web/src/design/public-theme.json. Do not edit generated CSS. */
:root:root:has(.engine-site) {
  --public-navy: #061327;
  --public-gold: #b59a5b;
  --public-gold-light: #d7b96d;
  --public-gold-text: #806725;
  --public-paper: #f7f6f3;
  --public-ink: #0b172a;
  --public-muted: #59606b;
  --public-line: #dedbd3;
  --public-text-on-dark: #c8cdd4;
  --public-border-on-dark: #b59a5b66;
  --public-button-hover: #102039;
  --public-motion-duration: 180ms;
  --public-motion-easing: ease-out;
  --public-error: #8b2424;
  --public-font: 'Manrope', Arial, sans-serif;
  --public-font-heading: 'Abhaya Libre', Georgia, serif;
  --public-text-xs: 0.8125rem;
  --public-text-sm: 0.875rem;
  --public-text-base: 1rem;
  --public-text-lead: clamp(1rem, 0.94rem + 0.35vw, 1.25rem);
  --public-text-card: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
  --public-text-section: clamp(1.875rem, 1.4rem + 2vw, 3.25rem);
  --public-text-display: clamp(2.25rem, 1.5rem + 3vw, 4.5rem);
  --public-weight-regular: 400;
  --public-weight-medium: 500;
  --public-weight-heading: 600;
  --public-leading-body: 1.65;
  --public-leading-heading: 1.15;
  --public-leading-label: 1.4;
  --public-tracking-body: 0;
  --public-tracking-heading: -0.015em;
  --public-tracking-label: 0.12em;
  --public-space-1: 0.25rem;
  --public-space-2: 0.5rem;
  --public-space-3: 0.75rem;
  --public-space-4: 1rem;
  --public-space-6: 1.5rem;
  --public-space-8: 2rem;
  --public-space-10: 2.5rem;
  --public-space-12: 3rem;
  --public-space-16: 4rem;
  --public-space-20: 5rem;
  --public-section-space: clamp(3rem, 6vw, 5rem);
  --public-panel-space: clamp(1.25rem, 1rem + 1vw, 2rem);
  --public-grid-gap: clamp(1.25rem, 1rem + 1vw, 2rem);
  --public-content: 1200px;
  --public-gutter: clamp(1.5rem, 5vw, 4.5rem);
  --public-measure: 60ch;
  --public-radius: 0;
  --public-button-height: 56px;
  --public-header-height: 88px;
  --public-intro-desktop-height: max(38.4rem, calc((100svh - var(--public-header-height) - 1px) * 1.2));
  --public-photo-overlay-tint: rgba(0, 0, 0, 0.14);
  --public-collection-overlay: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.44) 0%,
    rgba(0, 0, 0, 0.42) 35%,
    rgba(0, 0, 0, 0.78) 100%
  );
  --public-surface-image: url(/brand/samstag-marble.webp);
  --public-texture-dark: 0.16;
  --public-footer-background: #111311;
  --public-footer-texture: 0.13;
  --public-footer-grain: 0.045;
  --public-grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  --public-header-glass-background: rgba(15, 18, 17, 0.78);
  --public-glass-background: rgba(15, 18, 17, 0.96);
  --public-menu-glass-background: rgba(15, 18, 17, 0.96);
  --public-glass-border: #b59a5b66;
  --public-glass-option-hover: #ffffff0d;
  --public-glass-option-selected: #b59a5b26;
  --public-booking-background: #f3f0e9;
  --public-booking-texture: 0.055;
  --public-booking-grain: 0.045;
  --public-booking-rule: #b59a5b70;
  --public-booking-field: #ffffff70;
  --public-booking-field-hover: #ffffff80;
  --public-booking-field-focus: #fffffff0;
  --public-booking-control-border: #a68c5540;
  --public-white: #ffffff;
  --public-surface-card: #ffffffc7;
  --public-surface-dark: var(--public-footer-background);
  --public-surface-secondary: #e9e5da;
  --public-surface-muted: #eeece6;
  --public-text-on-gold: var(--public-footer-background);
  --public-accent-soft: #b59a5b26;
  --public-accent-border: #b59a5b40;
  --public-accent-faint: #b59a5b14;
  --public-input-border: #a68c5580;
  --public-shadow-card: 0 8px 28px rgb(0 0 0 / 8%);
  --public-shadow-overlay: 0 20px 64px rgb(0 0 0 / 28%);
  --public-focus-width: 2px;
  --public-focus-offset: 3px;
  --public-control-height: 48px;
  --public-control-height-small: 44px;
  --public-space-5: 1.25rem;
  --public-form-width: 45rem;
  --public-icon-small: 1rem;
  --public-icon-size: 1.25rem;
  --public-icon-large: 1.5rem;
  --public-mobile-nav-height: 4.5rem;
  --public-workspace-tint-light: #f7f6f3ed;
  --public-workspace-tint-dark: #111311eb;
  --public-footer-surface: linear-gradient(#111311df, #111311ed);
  --public-header-logo-height: 68px;
  --public-button-background: var(--public-navy);
  --public-button-text: var(--public-gold-light);
  --public-button-border: var(--public-gold);
}
@media (max-width: 600px) {
:root:root:has(.engine-site) {
  --public-gutter: clamp(1.25rem, 5vw, 1.5rem);
  --public-section-space: 2.5rem;
  --public-text-lead: 1rem;
  --public-panel-space: 1.25rem;
}
}

@media (min-width: 1024px) and (max-width: 1399px){.engine-search-intro:not(:has(> :nth-child(2))) .engine-search-form { grid-template-columns: minmax(0, 1.3fr) minmax(256px, 1fr); }}
@media (min-width: 1024px) and (max-width: 1399px){.engine-search-intro:not(:has(> :nth-child(2))) .engine-search-query { grid-column: 1 / -1; }}
.engine-party-field { display: grid; align-content: center; gap: .25rem; min-width: 0; min-height: 84px; border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); background: var(--public-booking-field); box-shadow: inset 0 1px #fffc, 0 3px 12px #33291b05; }
.engine-party-label { text-align: center; text-transform: uppercase; font-size: var(--public-text-xs); letter-spacing: var(--public-tracking-label); color: var(--public-gold-text); }
.engine-party-counter { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; min-width: 0; }
.engine-party-counter button { display: grid; place-items: center; min-height: 44px; border: 0; padding: 0; background: transparent; color: var(--public-gold-text); font-size: 20px; line-height: 1; cursor: pointer; }
.engine-party-counter button:hover:not(:disabled) { background: var(--public-booking-field-hover); }
.engine-party-counter button:disabled { opacity: .35; cursor: default; }
.engine-search-party input::-webkit-inner-spin-button, .engine-search-party input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.engine-date-trigger > :last-child { font-size: var(--public-text-base); font-weight: var(--public-weight-regular); font-variant-numeric: tabular-nums; }
.engine-search-query input { min-height: 56px; border-bottom-color: var(--public-gold); background: var(--public-booking-field); box-shadow: inset 0 1px #fffc; }
.engine-search-query > button { min-height: 56px; background: var(--public-button-background); color: var(--public-button-text); border: 1px solid var(--public-button-border); }
.engine-site .glass-btn-primary { background: var(--public-button-background); color: var(--public-button-text); border: 1px solid var(--public-button-border); box-shadow: none; }
.engine-site .glass-btn-primary:hover { background: var(--public-button-hover); border-color: var(--public-gold-light); }
.engine-search-query > button span { display: inline; }
.engine-search-form .engine-search-query { gap: .75rem; }
.engine-search-form::before, .engine-search-form::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.engine-search-form::before { background: var(--public-surface-image) center 45% / cover; opacity: .07; }
.engine-search-form::after { background-image: var(--public-grain-image); opacity: .065; }
.engine-site .booking-calendar .vc-day-content { display: grid; place-items: center; padding: 0; line-height: 1; font-variant-numeric: tabular-nums; }
.engine-party-field:focus-within { border-bottom-color: var(--public-gold-text); background: var(--public-booking-field-focus); }
@media (max-width: 639px){.engine-search-form .engine-search-query { flex-wrap: wrap; }}
@media (max-width: 639px){.engine-search-query input { flex-basis: 100%; }}
@media (max-width: 639px){.engine-search-query > button { width: 100%; }}

/* Public reservation journey. Keep payment-provider controls and error tones intact. */
.engine-main > div:has(#guest_first_name) { gap: clamp(1.5rem, 4vw, 3.5rem); padding-top: calc(var(--public-header-height) + 3rem); padding-bottom: 4rem; }
.engine-main > div:has(#guest_first_name) h1 { font-family: var(--ui-font-heading); font-size: clamp(2.5rem, 4vw, 3.75rem); font-weight: var(--public-weight-heading); line-height: 1.12; }
.engine-main > div:has(#guest_first_name) h3 { font-family: var(--ui-font-heading); font-size: clamp(1.65rem, 2.5vw, 2rem); font-weight: var(--public-weight-heading); line-height: 1.2; }
.engine-main > div:has(#guest_first_name) > section > div:first-child > p { font-size: 1rem; line-height: 1.75; }
.engine-main > div:has(#guest_first_name) :is(.glass-panel, .glass-panel-strong),
.engine-site #reservation-picker { --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); --input: var(--public-booking-control-border); --background: var(--public-booking-field); --card: var(--public-booking-background); color: var(--public-ink); border: 1px solid var(--public-booking-rule); border-radius: 2px; background: linear-gradient(115deg, #ffffff70, #ffffff08), var(--public-booking-background); box-shadow: inset 0 1px #fffc, 0 16px 45px #0002; }
.engine-main > div:has(#guest_first_name) :is(form .glass-panel, .glass-panel-strong),
.engine-site #reservation-picker { background-image: linear-gradient(#f4f1e9ed, #f4f1e9ed), var(--public-surface-image); background-size: auto, cover; background-position: center; }
.engine-main > div:has(#guest_first_name) :is(input:not([type=checkbox]):not([type=radio]), textarea, select) { min-height: 56px; padding: .875rem 1rem; border-radius: 1px; border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); background: var(--public-booking-field); color: var(--public-ink); box-shadow: inset 0 1px #fffc; font: inherit; font-size: 16px; line-height: 1.5; }
.engine-main > div:has(#guest_first_name) textarea { min-height: 120px; }
.engine-main > div:has(#guest_first_name) :is(.glass-panel, .glass-panel-strong) p:not([class*="text-tone-"]):not([class*="text-destructive"]),
.engine-site #reservation-picker p:not([class*="text-tone-"]):not([class*="text-destructive"]) { color: var(--foreground); }
.engine-main > div:has(#guest_first_name) :is(.glass-panel, .glass-panel-strong) p.text-muted-foreground,
.engine-site #reservation-picker p.text-muted-foreground { color: var(--muted-foreground); }
.engine-main > div:has(#guest_first_name) label { line-height: 1.6; }
.engine-main > div:has(#guest_first_name) :is(input, textarea, select):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
.engine-main > div:has(#guest_first_name) [aria-current=step] { border-color: var(--public-gold); box-shadow: inset 0 -2px var(--public-gold); }
.engine-main > div:has(#guest_first_name) [aria-current=step] > span:first-child { display: grid; place-items: center; min-width: 28px; min-height: 28px; background: var(--public-navy); color: var(--public-gold-light); line-height: 1; font-variant-numeric: tabular-nums; }
.engine-main > div:has(#guest_first_name) :is(form button[type=submit], .glass-btn-primary) { min-height: 56px; border-radius: 1px; border: 1px solid var(--public-button-border); background: var(--public-button-background); color: var(--public-button-text); padding: 1rem 1.5rem; }
.engine-main > div:has(#guest_first_name) .h-10.w-10 { border-color: var(--public-booking-rule); background: #b59a5b0d; color: var(--public-gold-text); }
.engine-main > div:has(#guest_first_name) button[aria-label*=" — "] { min-height: 44px; min-width: 44px; display: grid; place-items: center; }
.engine-main > div:has(#guest_first_name) form button[type=submit]:disabled { opacity: .5; }
.engine-main > div:has(#guest_first_name) [role=radio] { min-height: 64px; border-radius: 2px; padding: 1rem; }
.engine-main > div:has(#guest_first_name) [role=radio][aria-checked=true] { border-color: var(--public-gold-text); box-shadow: inset 3px 0 var(--public-gold); }
.engine-site #reservation-picker { padding: clamp(1rem, 2vw, 1.75rem); }
.engine-site #reservation-picker .property-date-control { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 84px; border-bottom-color: var(--public-gold); background: var(--public-booking-field); }
.engine-site #reservation-picker button:has(.property-control-label) { min-height: 84px; text-align: center; background: var(--public-booking-field); border-bottom-color: var(--public-gold); }
.engine-site #room-list { padding-top: 1rem; }
.engine-site #room-list > div > div { border-color: var(--public-border-on-dark); }
.engine-site #room-list h3 { font-family: var(--ui-font-heading); font-size: clamp(1.6rem, 2.5vw, 2rem); font-weight: var(--public-weight-heading); }
.engine-site #room-list button:not(:has(svg:only-child)) { min-height: 44px; }
.booking-room-card { border-radius: 2px; padding: .75rem; background: var(--public-glass-background); border-color: var(--public-border-on-dark); box-shadow: 0 8px 24px #0002; }
.booking-room-card h5 { font-family: var(--ui-font-heading); font-size: 1.65rem; font-weight: var(--public-weight-heading); line-height: 1.2; }
.booking-room-selection { --background: var(--public-navy); --foreground: var(--public-paper); --border: var(--public-border-on-dark); --muted-foreground: var(--public-text-on-dark); background: #061327ad; backdrop-filter: blur(6px); }
.booking-room-selection > div { border: 1px solid var(--public-border-on-dark); background: linear-gradient(#061327ee, #061327ee), var(--public-surface-image) center / cover; color: var(--public-paper); border-radius: 2px; }
.booking-room-selection :is(h4,h5) { font-family: var(--ui-font-heading); font-weight: var(--public-weight-heading); font-size: clamp(1.5rem, 2.5vw, 2rem); }
.booking-room-selection .relative.overflow-hidden { padding: 1rem; border-radius: 2px; border-color: var(--public-border-on-dark); background: var(--public-glass-option-hover); }
.booking-room-selection .relative.overflow-hidden:has(.opacity-100) { background: var(--public-glass-option-selected); }
.booking-room-selection button:has(> svg:only-child) { width: 44px; height: 44px; min-height: 44px; display: grid; place-items: center; border-radius: 2px; }
.booking-room-selection .text-center { display: grid; place-items: center; min-width: 32px; min-height: 44px; font-variant-numeric: tabular-nums; line-height: 1; }
.booking-room-selection .shrink-0.bg-background { background: var(--public-navy); padding-block: .5rem; }
@media (max-width: 639px) {
 .engine-main > div:has(#guest_first_name) { padding-top: calc(var(--public-header-height) + 2rem); }
 .engine-main > div:has(#guest_first_name) :is(.glass-panel, .glass-panel-strong) { min-width: 0; }
 .engine-main > div:has(#guest_first_name) > section > div:nth-child(2) { row-gap: .75rem; }
 .engine-main > div:has(#guest_first_name) > section > div:nth-child(2) > div { flex-wrap: wrap; }
}

.engine-main > div:has(#guest_first_name) [class*="bg-muted/"] { background: #b59a5b0a; }
@media (max-width: 639px){.engine-main > div:has(#guest_first_name) form [role=checkbox] { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; }}
@media (max-width: 639px){.engine-main > div:has(#guest_first_name) form [role=checkbox] > div:last-child { grid-column: 2; width: 100%; margin-left: 0; align-items: flex-start; padding-top: .75rem; border-top: 1px solid var(--public-booking-rule); }}
@media (max-width: 639px){.engine-main > div:has(#guest_first_name) form [role=checkbox] > div:last-child > div { width: 100%; justify-content: space-between; gap: .5rem; }}
.booking-confirmation { padding-top: calc(var(--public-header-height) + 3rem); padding-bottom: 4rem; }
.booking-confirmation > section { --foreground: var(--public-ink); --background: var(--public-booking-field); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); color: var(--public-ink); background: var(--public-booking-background); border: 1px solid var(--public-booking-rule); border-radius: 2px; box-shadow: 0 16px 45px #0002; }
.booking-confirmation > section > div:first-child { --foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); color: var(--public-paper); background: linear-gradient(#061327ef, #061327ef), var(--public-surface-image) center / cover; border-bottom: 1px solid var(--public-gold); padding: clamp(1.5rem, 4vw, 3rem); }
.booking-confirmation h1 { font-family: var(--ui-font-heading); font-weight: var(--public-weight-heading); font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.15; }
.booking-confirmation > section p:not([class*="text-tone-"]):not([class*="text-destructive"]) { color: var(--foreground); line-height: 1.7; }
.booking-confirmation > section p.text-muted-foreground { color: var(--muted-foreground); }
.booking-confirmation > section > div:first-child p:first-child { color: var(--public-gold-light); }
.booking-confirmation > section > .grid { gap: 1rem; padding: clamp(1rem, 3vw, 2rem); background: linear-gradient(#f4f1e9ee, #f4f1e9ee), var(--public-surface-image) center / cover; }
.booking-confirmation .grid > .border { min-width: 0; border-radius: 1px; padding: 1.25rem; border-color: var(--public-booking-rule); background: var(--public-booking-field); box-shadow: inset 0 1px #fffc; }
.booking-confirmation .uppercase { letter-spacing: .12em; line-height: 1.6; }
.booking-confirmation .grid > div > .uppercase { color: var(--public-gold-text); }
.booking-confirmation .glass-btn-primary { min-height: 56px; border-radius: 1px; }
.booking-confirmation [data-slot=badge].bg-secondary { background: #b59a5b0d; color: var(--public-ink); border: 1px solid var(--public-booking-rule); border-radius: 1px; min-height: 36px; padding: .25rem .75rem; font-size: 1rem; font-variant-numeric: tabular-nums; }
.booking-confirmation :is(button,a):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
.booking-confirmation .text-center.tabular-nums { display: grid; place-items: center; min-width: 32px; min-height: 44px; line-height: 1; }
.booking-confirmation button[aria-label] { min-width: 44px; min-height: 44px; }
@media (max-width:639px){.booking-confirmation { padding-top: calc(var(--public-header-height) + 2rem); }}
@media (max-width:639px){.booking-confirmation > section > div:first-child > div { flex-direction: column; gap: 1.25rem; }}
@media (max-width:639px){.booking-confirmation .flex.justify-between { flex-wrap: wrap; }}
:is(.guest-checkin,.guest-profile,.guest-arrival) { padding-top: calc(var(--public-header-height) + 3rem); padding-bottom: 4rem; }
.guest-access-page { padding-top: calc(var(--public-header-height) + 3rem); padding-bottom: 4rem; }
:is(.guest-checkin,.guest-profile,.guest-arrival,.guest-access-page) h1 { font-family: var(--ui-font-heading); font-size: clamp(2.5rem,4vw,3.5rem); font-weight: var(--public-weight-heading); line-height: 1.15; }
:is(.guest-profile,.guest-arrival,.guest-profile-detail) h2 { font-family: var(--ui-font-heading); font-size: clamp(1.7rem,2.5vw,2.25rem); font-weight: var(--public-weight-heading); line-height: 1.2; }
:is(.guest-checkin,.guest-profile,.guest-access-page) .bg-card,
.guest-arrival li,.guest-profile-detail { --background: var(--public-booking-field); --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); --input: var(--public-booking-control-border); --secondary: #b59a5b0d; --secondary-foreground: var(--public-ink); --color-foreground: var(--public-ink); --color-muted-foreground: var(--public-muted); color: var(--public-ink); background: linear-gradient(#f4f1e9ed,#f4f1e9ed),var(--public-surface-image) center / cover; border-radius: 2px; box-shadow: 0 12px 36px #0002; }
:is(.guest-checkin,.guest-profile,.guest-access-page) .bg-card { border-color: var(--public-booking-rule); }
:is(.guest-checkin,.guest-profile,.guest-access-page) .bg-card p:not([class*="text-tone-"]):not([class*="text-destructive"]):not([class*="text-current"]),
:is(.guest-arrival li,.guest-profile-detail) p:not([class*="text-tone-"]):not([class*="text-destructive"]):not([class*="text-current"]) { color: var(--foreground); line-height: 1.7; }
:is(.guest-checkin,.guest-profile,.guest-access-page) .bg-card p.text-muted-foreground,
:is(.guest-arrival li,.guest-profile-detail) p.text-muted-foreground { color: var(--muted-foreground); }
.guest-checkin section > div:first-child { --foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); color: var(--public-paper); background: linear-gradient(#061327ef,#061327ef),var(--public-surface-image) center / cover; padding: clamp(1.5rem,4vw,2.5rem); border-bottom: 1px solid var(--public-gold); }
.guest-checkin section > div:first-child .uppercase { color: var(--public-gold-light); }
.guest-checkin form > .border { padding: clamp(1rem,3vw,1.75rem); border-radius: 1px; background: var(--public-booking-field); box-shadow: inset 0 1px #fffc; }
:is(.guest-checkin,.guest-access-page,.guest-profile) :is(input,select,textarea,[data-slot=select-trigger]) { min-height: 56px; height: auto; font-size: 16px; line-height: 1.5; border-radius: 1px; padding: .875rem 1rem; border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); background: var(--public-booking-field); color: var(--public-ink); box-shadow: inset 0 1px #fffc; }
.guest-profile input[type=search] { padding-left: 2.5rem; }
.guest-checkin label { font-size: .8125rem; line-height: 1.6; color: var(--public-gold-text); }
:is(.guest-checkin,.guest-access-page,.guest-profile,.guest-arrival,.guest-profile-detail) :is(button,a,input,[data-slot=select-trigger]):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
:is(.guest-checkin,.guest-access-page,.guest-profile,.guest-arrival,.guest-profile-detail) button { min-height: 44px; }
:is(.guest-checkin,.guest-access-page,.guest-arrival) .glass-btn-primary { min-height: 56px; border-radius: 1px; }
.guest-access-page > div { max-width: 32rem; padding: clamp(1.5rem,4vw,2.5rem); border-top: 3px solid var(--public-gold); }
.guest-access-page h1 { font-size: clamp(2.2rem,4vw,3rem); }
.guest-access-page .text-sm { line-height: 1.7; }
.guest-access-page form button { width: 100%; min-height: 56px; background: var(--public-button-background); color: var(--public-button-text); border: 1px solid var(--public-button-border); border-radius: 1px; }
:is(.guest-profile,.guest-profile-detail) .bg-background { border-radius: 1px; background: var(--public-booking-field); border-color: var(--public-booking-rule); }
.guest-profile [data-slot=badge].bg-secondary { color: var(--public-ink); background: var(--public-booking-background); border: 1px solid var(--public-booking-rule); font-variant-numeric: tabular-nums; }
.guest-profile .bg-card { padding: clamp(1rem,3vw,2rem); }
.guest-profile button.group { padding: 1.25rem; border-bottom-color: var(--public-gold); }
.guest-profile button.group .truncate { white-space: normal; overflow-wrap: anywhere; }
.guest-profile-detail { border-left: 1px solid var(--public-gold); }
.guest-profile-detail > div > div:first-child { padding: 1.5rem; border-bottom-color: var(--public-gold); }
.guest-profile-detail [class*="bg-muted/"] { background: #b59a5b0a; }
.guest-profile-detail :is(.text-tone-emerald-foreground,.text-tone-green-foreground) { color: #176448; }
.guest-profile-detail .text-tone-red-foreground { color: #8b2424; }
.guest-profile-detail .text-tone-amber-foreground { color: #735316; }
.guest-profile-detail .text-tone-blue-foreground { color: #24496b; }
.guest-arrival li { padding: clamp(1rem,3vw,1.75rem); }
.guest-arrival li:not([class*="border-tone-"]) { border-color: var(--public-booking-rule); }
.guest-arrival li > div > span { display: grid; place-items: center; min-width: 36px; min-height: 36px; line-height: 1; font-variant-numeric: tabular-nums; }
.guest-arrival li .font-mono { font-family: var(--ui-font-body); font-size: 1.75rem; line-height: 1.4; font-variant-numeric: tabular-nums; }
.guest-arrival li .h-8 { min-height: 44px; }
@media (max-width:639px){:is(.guest-checkin,.guest-profile,.guest-arrival,.guest-access-page) { padding-top: calc(var(--public-header-height) + 2rem); }}
@media (max-width:639px){.guest-checkin section > div:first-child.flex { flex-direction: column; }}
@media (max-width:639px){.guest-checkin form > .flex > button { width: 100%; }}
@media (max-width:639px){.guest-profile-detail { max-width: 100vw; }}
:is(.guest-departure,.guest-tax-payment) { padding-top: calc(var(--public-header-height) + 3rem); padding-bottom: 4rem; }
.guest-tax-payment { max-width: 42rem; }
:is(.guest-departure,.guest-tax-payment) > header { padding: clamp(1.25rem,4vw,2rem); border: 1px solid var(--public-border-on-dark); border-radius: 2px; background: linear-gradient(#061327dc,#061327f2),var(--public-surface-image) center / cover; box-shadow: 0 16px 40px #0002; }
:is(.guest-departure,.guest-tax-payment) > header h1 { color: var(--public-paper); font-family: var(--ui-font-heading); font-size: clamp(2.5rem,5vw,3.5rem); font-weight: var(--public-weight-heading); line-height: 1.12; margin-block: 1rem .75rem; }
:is(.guest-departure,.guest-tax-payment) > header p { color: var(--public-text-on-dark); font-size: 1rem; line-height: 1.7; }
:is(.guest-departure,.guest-tax-payment) > header .uppercase { background: transparent; color: var(--public-gold-light); border: 0; border-radius: 0; padding: 0; letter-spacing: .13em; font-size: 13px; line-height: 1.6; }
.guest-departure > :is(section,form,footer),.guest-tax-payment > div,.booking-extras { --background: var(--public-booking-field); --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); --color-foreground: var(--public-ink); --color-muted-foreground: var(--public-muted); color: var(--public-ink); border-radius: 2px; background: linear-gradient(#f4f1e9ed,#f4f1e9ed),var(--public-surface-image) center / cover; box-shadow: inset 0 1px #fffc,0 12px 36px #0002; }
.guest-departure > :is(section,form,footer):not([class*="border-tone-"]),.guest-tax-payment > div:not([class*="border-tone-"]) { border: 1px solid var(--public-booking-rule); padding: clamp(1.25rem,3vw,1.75rem); }
.guest-tax-payment > div.overflow-hidden { padding: 0; }
:is(.guest-departure,.guest-tax-payment,.booking-extras) h2 { font-family: var(--ui-font-heading); font-size: clamp(1.75rem,3vw,2.25rem); font-weight: var(--public-weight-heading); line-height: 1.2; }
:is(.guest-departure > section,.guest-departure > form,.guest-departure > footer,.guest-tax-payment > div,.booking-extras) p:not([class*="text-tone-"]):not([class*="text-destructive"]) { color: var(--foreground); line-height: 1.7; }
:is(.guest-departure > section,.guest-departure > form,.guest-departure > footer,.guest-tax-payment > div,.booking-extras) p.text-muted-foreground { color: var(--muted-foreground); }
:is(.guest-departure,.guest-tax-payment,.booking-extras) [class*="text-tone-green-foreground"],.booking-extras .text-tone-emerald-foreground { color: #176448; }
:is(.guest-departure,.guest-tax-payment,.booking-extras) [class*="text-tone-amber-foreground"] { color: #735316; }
:is(.guest-departure,.guest-tax-payment,.booking-extras) [class*="text-tone-red-foreground"] { color: #8b2424; }
.guest-departure form label { min-height: 64px; border-color: var(--public-booking-control-border); border-radius: 1px; background: var(--public-booking-field); line-height: 1.6; }
.guest-departure form label:has(:checked) { border-color: var(--public-gold-text); box-shadow: inset 3px 0 var(--public-gold); }
.guest-departure input[type=checkbox] { flex: 0 0 20px; width: 20px; height: 20px; accent-color: var(--public-gold-text); }
.guest-departure section > .overflow-hidden { border-radius: 1px; border-color: var(--public-booking-rule); background: var(--public-booking-field); }
.guest-departure section .bg-primary,:is(.guest-departure,.guest-tax-payment,.booking-extras) .glass-btn-primary { min-height: 56px; border: 1px solid var(--public-button-border); border-radius: 1px; background: var(--public-button-background); color: var(--public-button-text); padding: .875rem 1.25rem; text-align: center; }
.guest-departure section .bg-primary:hover,:is(.guest-departure,.guest-tax-payment,.booking-extras) .glass-btn-primary:hover { background: var(--public-button-hover); border-color: var(--public-gold-light); }
:is(.guest-departure,.guest-tax-payment,.booking-extras) :is(button,a,input):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
.guest-tax-payment table { table-layout: auto; }
.guest-tax-payment td { padding: 1rem; line-height: 1.6; font-variant-numeric: tabular-nums; }
.guest-tax-payment td:last-child { white-space: nowrap; }
.guest-tax-payment tfoot td { padding-block: 1.25rem; background: #b59a5b0d; }
.guest-tax-payment .space-y-3 > .text-xs { font-size: 13px; line-height: 1.6; }
.booking-extras > div { border: 1px solid var(--public-booking-rule); border-radius: 1px; background: var(--public-booking-field); padding: clamp(1rem,3vw,1.75rem); }
.booking-extras > div > .uppercase { color: var(--public-gold-text); letter-spacing: .13em; font-size: 13px; }
.booking-extra-service { padding: 1rem; border-color: var(--public-booking-rule); border-radius: 1px; background: #fff9; }
.booking-extra-service > div:first-child > p:first-child { font-family: var(--ui-font-heading); font-size: 1.5rem; font-weight: var(--public-weight-heading); }
.booking-extra-service button { min-width: 44px; min-height: 44px; border: 1px solid var(--public-booking-control-border); border-radius: 1px; display: grid; place-items: center; background: var(--public-booking-field); color: var(--public-ink); }
.booking-extra-service .text-center { display: grid; place-items: center; min-width: 36px; min-height: 44px; font-variant-numeric: tabular-nums; line-height: 1; }
@media (max-width:639px){:is(.guest-departure,.guest-tax-payment) { padding-top: calc(var(--public-header-height) + 2rem); }}
@media (max-width:639px){.guest-tax-payment tbody tr { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: .75rem 1rem; }}
@media (max-width:639px){.guest-tax-payment tbody td { padding: .25rem 0; }}
@media (max-width:639px){.guest-tax-payment tbody td:first-child { grid-column: 1 / -1; }}
@media (max-width:639px){.guest-tax-payment tbody td:nth-child(2) { text-align: left; }}
@media (max-width:639px){.guest-tax-payment tfoot tr { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; }}
@media (max-width:639px){.guest-tax-payment tfoot td:empty { display: none; }}
@media (max-width:639px){.booking-extra-service { flex-wrap: wrap; gap: 1rem; }}
@media (max-width:639px){.booking-extra-service > div:first-child { flex-basis: 100%; }}
@media (max-width:639px){.booking-extra-service > div:last-child { margin-left: auto; }}
:is(.admin-reservation-panel,.admin-reservation-action) { --background: var(--public-booking-field); --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); --input: var(--public-booking-control-border); --color-foreground: var(--public-ink); --color-muted-foreground: var(--public-muted); --primary: var(--public-navy); --primary-foreground: var(--public-gold-light); --secondary: #b59a5b12; --secondary-foreground: var(--public-ink); color: var(--public-ink); background: linear-gradient(#f4f1e9ed,#f4f1e9ed),var(--public-surface-image) center / cover; border-color: var(--public-booking-rule); border-radius: 2px; font-family: var(--ui-font-body); }
.admin-reservation-panel { max-width: min(100vw,42rem); }
.admin-reservation-panel > .flex.h-full > div:first-child { --foreground: var(--public-paper); --color-foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); padding: 1.5rem; background: linear-gradient(#061327e8,#061327f2),var(--public-surface-image) center / cover; color: var(--public-paper); border-color: var(--public-border-on-dark); }
.admin-reservation-panel [data-slot=sheet-title],.admin-reservation-action [data-slot=dialog-title] { font-family: var(--ui-font-heading); font-weight: var(--public-weight-heading); font-size: clamp(2rem,4vw,2.75rem); line-height: 1.15; }
.admin-reservation-panel [data-slot=sheet-description] { color: var(--public-text-on-dark); line-height: 1.7; }
.admin-reservation-panel > .flex.h-full > div:first-child [data-slot=badge] { color: var(--public-paper); border: 1px solid var(--public-border-on-dark); background: #ffffff14; min-height: 28px; font-size: 13px; }
.admin-reservation-panel > .flex.h-full > div:first-child .glass-chip-confirmed { color: #c7e6d6; background: #164536; border-color: #7fad8a66; }
.admin-reservation-panel > button { color: var(--public-gold-light); opacity: 1; }
.admin-reservation-panel .overflow-y-auto { padding: 1.5rem; }
.admin-reservation-panel .overflow-y-auto > .border { border-radius: 1px; border-color: var(--public-booking-rule); background: var(--public-booking-field); padding: 1.25rem; box-shadow: inset 0 1px #fffc; }
:is(.admin-reservation-panel,.admin-reservation-action) p:not([class*="text-tone-"]):not([class*="text-destructive"]):not([class*="text-current"]) { color: var(--foreground); line-height: 1.7; }
:is(.admin-reservation-panel,.admin-reservation-action) p.text-muted-foreground { color: var(--muted-foreground); }
:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-emerald-foreground"],:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-green-foreground"] { color: #176448; }
:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-blue-foreground"] { color: #24496b; }
:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-yellow-foreground"],:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-amber-foreground"] { color: #735316; }
:is(.admin-reservation-panel,.admin-reservation-action) [class*="text-tone-red-foreground"] { color: #8b2424; }
:is(.admin-reservation-panel,.admin-reservation-action) :is(select,textarea,input:not([type=checkbox])) { min-height: 56px; border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); border-radius: 1px; background: var(--public-booking-field); color: var(--public-ink); padding: .875rem 1rem; font-size: 16px; line-height: 1.5; box-shadow: inset 0 1px #fffc; }
.admin-reservation-panel textarea { min-height: 120px; }
:is(.admin-reservation-panel,.admin-reservation-action) :is(button,a,input,textarea,select):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
:is(.admin-reservation-panel,.admin-reservation-action) button { min-height: 44px; border-radius: 1px; white-space: normal; line-height: 1.5; }
:is(.admin-reservation-panel,.admin-reservation-action) button.bg-primary { background: var(--public-button-background); color: var(--public-button-text); border: 1px solid var(--public-button-border); }
:is(.admin-reservation-panel,.admin-reservation-action) button.bg-tone-red { background: #8b2424; color: #fff; border: 1px solid #8b2424; }
:is(.admin-reservation-panel,.admin-reservation-action) button.bg-secondary { border: 1px solid var(--public-booking-control-border); background: var(--public-booking-field); color: var(--public-ink); }
.admin-reservation-panel .admin-reservation-status { border-left: 3px solid var(--public-gold); }
.admin-reservation-status > div:first-child { font-family: var(--ui-font-heading); font-size: 1.75rem; font-weight: var(--public-weight-heading); line-height: 1.2; }
.admin-reservation-status label { font-size: 13px; letter-spacing: .04em; line-height: 1.6; }
.admin-reservation-status button { min-height: 56px; width: 100%; }
.admin-reservation-action { width: calc(100% - 2rem); max-width: 36rem; padding: clamp(1.25rem,4vw,2rem); gap: 1.5rem; max-height: calc(100dvh - 2rem); box-shadow: 0 24px 80px #0005; }
.admin-reservation-action [data-slot=dialog-header] { padding-bottom: 1.25rem; border-bottom: 1px solid var(--public-booking-rule); text-align: left; }
.admin-reservation-action [data-slot=dialog-title] { padding-right: 1.5rem; }
.admin-reservation-action [data-slot=dialog-description] { color: var(--public-muted); font-size: 1rem; line-height: 1.75; }
.admin-reservation-action [data-slot=dialog-footer] { gap: .75rem; padding-top: .5rem; }
.admin-reservation-action [data-slot=dialog-footer] button { min-height: 56px; min-width: 120px; padding: .875rem 1.25rem; }
.admin-reservation-action .flex.h-10:has(#booking_refund_amount) { min-height: 56px; height: auto; border-radius: 1px; background: var(--public-booking-field); border-color: var(--public-booking-control-border); }
.admin-reservation-action #booking_refund_amount { border: 0; box-shadow: none; font-variant-numeric: tabular-nums; }
.admin-reservation-action [data-slot=checkbox] { width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; }
@media (max-width:639px){.admin-reservation-panel { width: 100vw; max-width: 100vw; }}
@media (max-width:639px){.admin-reservation-panel > .flex.h-full > div:first-child,.admin-reservation-panel .overflow-y-auto { padding: 1.25rem; }}
@media (max-width:639px){.admin-reservation-action [data-slot=dialog-footer] { flex-direction: column-reverse; }}
@media (max-width:639px){.admin-reservation-action [data-slot=dialog-footer] button { width: 100%; }}
.admin-booking-list { --background: var(--public-booking-field); --foreground: var(--public-ink); --muted-foreground: var(--public-muted); --border: var(--public-booking-rule); --input: var(--public-booking-control-border); --color-foreground: var(--public-ink); --color-muted-foreground: var(--public-muted); --primary: var(--public-navy); --primary-foreground: var(--public-gold-light); color: var(--public-ink); padding: clamp(1rem,3vw,2rem); background: linear-gradient(#f4f1e9eb,#f4f1e9eb),var(--public-surface-image) center / cover; min-width: 0; }
.admin-booking-list > .ui-page-header { --foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--public-border-on-dark); background: linear-gradient(#061327e8,#061327f2),var(--public-surface-image) center / cover; border-radius: 2px; }
.admin-booking-list .ui-page-header h2 { color: var(--public-paper); font-family: var(--ui-font-heading); font-size: clamp(2.5rem,4vw,3.5rem); font-weight: var(--public-weight-heading); line-height: 1.15; }
.admin-booking-list p:not([class*="text-tone-"]):not([class*="text-destructive"]) { color: var(--foreground); line-height: 1.7; }
.admin-booking-list p.text-muted-foreground { color: var(--muted-foreground); }
.admin-booking-list .admin-booking-toolbar { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; gap: 1.25rem; padding: clamp(1rem,2vw,1.5rem); background: var(--public-booking-field); border: 1px solid var(--public-booking-rule); border-radius: 2px; box-shadow: inset 0 1px #fffc; }
.admin-booking-list .admin-booking-toolbar > div:first-child { justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--public-booking-rule); }
.admin-booking-list .admin-booking-toolbar > div:last-child { display: grid; grid-template-columns: minmax(0,1fr) minmax(15rem,23rem); gap: 1rem; align-items: center; }
.admin-booking-list .admin-booking-toolbar .sm\:w-72 { width: 100%; }
.admin-booking-list :is(button,a[data-slot=button],[data-slot=select-trigger],input) { min-height: 44px; border-radius: 1px; }
.admin-booking-list :is(button,a,input,article[role=button]):focus-visible { outline: 2px solid var(--public-gold-text); outline-offset: 3px; }
.admin-booking-list .admin-booking-toolbar input { min-height: 56px; font-size: 16px; background: var(--public-booking-field); border: 1px solid var(--public-booking-control-border); border-bottom-color: var(--public-gold); padding-right: 1rem; padding-left: 2.75rem; color: var(--public-ink); }
.admin-booking-list .admin-booking-toolbar input::placeholder { color: var(--public-muted); opacity: 1; }
.admin-booking-list .admin-booking-toolbar button[aria-label] { min-width: 44px; min-height: 56px; display: grid; place-items: center; border-color: var(--public-booking-control-border); background: var(--public-booking-field); color: var(--public-ink); }
.admin-booking-list .admin-booking-toolbar .text-center { min-height: 56px; display: grid; place-items: center; padding: .75rem; font-variant-numeric: tabular-nums; border-radius: 1px; border-color: var(--public-booking-control-border); background: #b59a5b0b; line-height: 1.5; }
.admin-booking-list .admin-booking-toolbar [data-slot=select-trigger] { justify-content: center; gap: .75rem; border-color: var(--public-booking-control-border); color: var(--public-ink); font-variant-numeric: tabular-nums; }
.admin-booking-list .admin-booking-table > .lg\:block,.admin-booking-list > section { border: 1px solid var(--public-booking-rule); border-radius: 2px; background: var(--public-booking-field); overflow: hidden; }
.admin-booking-list table thead { background: var(--public-navy); }
.admin-booking-list table th { color: var(--public-paper); font-size: 13px; font-weight: 500; letter-spacing: .04em; padding-block: 1.25rem; }
.admin-booking-list table td { padding-block: 1.25rem; border-color: var(--public-booking-rule); font-variant-numeric: tabular-nums; }
.admin-booking-list table tbody tr { border-color: var(--public-booking-rule); }
.admin-booking-list table tbody tr:hover { background: #b59a5b0c; }
.admin-booking-list .admin-booking-table article { background: var(--public-booking-field); color: var(--public-ink); border: 1px solid var(--public-booking-rule); border-radius: 2px; box-shadow: inset 0 1px #fffc,0 8px 24px #00000008; padding: 1.25rem; }
.admin-booking-list .admin-booking-table article p.break-words { font-family: var(--ui-font-heading); font-size: 1.6rem; font-weight: var(--public-weight-heading); }
.admin-booking-list .admin-booking-table article dd { font-variant-numeric: tabular-nums; }
.admin-booking-list .admin-booking-table button[role=checkbox] { width: 20px; min-height: 20px; height: 20px; border-radius: 2px; }
.admin-booking-list .admin-booking-table [data-slot=badge] { min-height: 28px; font-size: 13px; border-radius: 2px; }
.admin-booking-list :is(.glass-chip-confirmed,[class*="text-tone-emerald-foreground"]) { color: #176448; }
.admin-booking-list :is(.glass-chip-pending,[class*="text-tone-amber-foreground"]) { color: #735316; }
.admin-booking-list :is(.glass-chip-failed,[class*="text-tone-red-foreground"]) { color: #8b2424; }
.admin-booking-list .booking-period-panel,body:has(.admin-booking-list) .booking-period-calendar { --background: var(--public-navy); --foreground: var(--public-paper); --muted-foreground: var(--public-text-on-dark); --border: var(--public-border-on-dark); --accent: #ffffff16; --accent-foreground: var(--public-paper); color: var(--public-paper); background: linear-gradient(#061327f2,#061327f2),var(--public-surface-image) center / cover; border: 1px solid var(--public-border-on-dark); border-radius: 2px; box-shadow: 0 20px 60px #0004; }
.admin-booking-list .booking-period-panel { padding: 1.25rem; width: 22rem; max-width: calc(100vw - 2rem); }
.admin-booking-list .booking-period-panel p { font-size: 13px; color: var(--public-text-on-dark); }
.admin-booking-list .booking-period-panel button { min-height: 44px; color: var(--public-paper); border-color: var(--public-border-on-dark); background: #ffffff08; }
.admin-booking-list .booking-period-panel button.bg-primary { color: var(--public-gold-light); border-color: var(--public-gold); background: var(--public-navy); }
body:has(.admin-booking-list) .booking-period-calendar { top: 50% !important; left: 50% !important; right: auto; transform: translate(-50%,-50%); max-width: calc(100vw - 2rem); max-height: calc(100dvh - 2rem); overflow: auto; }
@media (max-width:1199px){.admin-booking-list .admin-booking-toolbar > div:last-child { grid-template-columns: minmax(0,1fr); }}
@media (max-width:639px){.admin-booking-list .admin-booking-toolbar > div:last-child > div:first-child { gap: .5rem; }}
@media (max-width:639px){.admin-booking-list .admin-booking-toolbar .w-full.flex { gap: .375rem; }}
@media (max-width:639px){.admin-booking-list .admin-booking-toolbar .text-center { padding-inline: .375rem; font-size: 13px; }}
@media (max-width:639px){.admin-booking-list .admin-booking-toolbar button[aria-label] { min-width: 44px; width: 44px; }}
@media (max-width:639px){.admin-booking-list .booking-period-panel { position: fixed; left: 1rem; right: 1rem; top: 6rem; width: auto; max-height: calc(100dvh - 7rem); overflow-y: auto; }}
@media (max-width:639px){body:has(.admin-booking-list) .booking-period-calendar { top: 50% !important; left: 50% !important; right: auto; transform: translate(-50%,-50%); }}