:root {
        --accent: #7c3aed;
        --accent-dark: #5b21b6;
        --accent-soft: #f1e9ff;
        --honey: #e6b83f;
        --honey-hover: #d9a92f;
        --honey-soft: #fff3c7;
        --cream: #fbf8ef;
        --graphite: #24231f;
        --warm-muted: #716c60;
        --warm-line: #e7e0cf;
        --text: #1f2933;
        --muted: #687385;
        --line: #e4e0ea;
        --surface: #ffffff;
        --warm-surface: #fffefa;
        --page-bg: #fbf9ff;
        --shadow: 0 10px 26px rgba(35, 24, 54, 0.09);
        --shadow-soft: 0 6px 16px rgba(35, 24, 54, 0.07);
        --shadow-sm: 0 3px 10px rgba(35, 24, 54, 0.06);
        --radius-sm: 12px;
        --radius-md: 18px;
        --radius-lg: 24px;
      }

      html {
        box-sizing: border-box;
        color-scheme: light;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      body {
        margin: 0;
        display: grid;
        grid-template-columns: 272px minmax(0, 1fr);
        align-items: start;
        min-height: 100vh;
        font-family: "Segoe UI", Arial, sans-serif;
        line-height: 1.5;
        color: var(--text);
        background-color: var(--page-bg);
        background-image: radial-gradient(#ded6ea 0.8px, transparent 0.8px);
        background-size: 18px 18px;
        overflow-x: hidden;
      }

      /* Public booking is intentionally a focused client page, not a workspace. */
      body.public-service-page {
        display: block;
      }

      .public-service-page .site-header {
        position: static;
        width: 100%;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--warm-line);
      }

      .public-service-page .site-header__inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        min-height: 0;
        padding: 12px max(24px, calc((100% - 1180px) / 2));
      }

      .public-service-page .site-brand {
        min-height: 38px;
      }

      .public-service-page .site-brand__logo {
        width: 128px;
        height: 38px;
      }

      .public-service-page .site-brand__logo img {
        top: -40px;
        left: -17px;
        width: 161px;
      }

      .public-theme-switch {
        --public-theme-thumb-offset: 0px;
        position: relative;
        display: inline-flex;
        flex: 0 0 auto;
        overflow: hidden;
        border: 1px solid #d8d0bd;
        border-radius: 10px;
        background: #fffdf8;
        box-shadow: 0 2px 8px rgba(54, 48, 33, 0.07);
      }

      .public-theme-switch::before {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 0;
        background: var(--honey-soft);
        content: "";
        transform: translateX(var(--public-theme-thumb-offset));
        transition: transform 0.2s ease, background-color 0.2s ease;
      }

      .public-theme-switch:has([data-theme-choice="dark"][aria-pressed="true"]) {
        --public-theme-thumb-offset: 40px;
      }

      .public-theme-switch__option {
        position: relative;
        z-index: 1;
        display: grid;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #706b60;
        cursor: pointer;
      }

      .slotic-theme .public-theme-switch__option,
      .slotic-theme .public-theme-switch__option:hover,
      .slotic-theme .public-theme-switch__option:focus-visible,
      .slotic-theme .public-theme-switch__option[aria-pressed="true"] {
        min-height: 40px !important;
        height: 40px !important;
        border: 0;
        background: transparent !important;
        box-shadow: none;
        transform: none;
      }

      .public-theme-switch__option + .public-theme-switch__option {
        border-left: 1px solid #e5ddca;
      }

      .public-theme-switch__option svg {
        width: 18px;
        height: 18px;
        margin: auto;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .public-theme-switch__option:hover,
      .public-theme-switch__option:focus-visible {
        color: #51471f;
      }

      .public-theme-switch__option[aria-pressed="true"] {
        color: #604c16;
      }

      .master-theme-switch {
        position: fixed;
        z-index: 30;
        top: 20px;
        right: 24px;
      }

      .public-service-page .site-header :is(.direction-selector, .direction-side-panel, .service-delete-modal, .site-nav, .workspace-sidebar, .schedule-sidebar, .master-booking-link, .site-profile-dock),
      .public-service-page .feedback-panel {
        display: none;
      }

      .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      body.slotic-theme.master-center-page .page {
        width: min(calc(100% - 64px), 1480px);
        max-width: 1480px;
        height: auto;
        margin: 28px auto;
        padding: 0;
      }

      .center-week {
        height: auto;
        min-height: 0;
        padding: 16px 22px 18px;
        border: 1px solid var(--warm-line);
        border-radius: 20px;
        background: var(--warm-surface);
        box-shadow: var(--shadow-sm);
      }

      .center-week__month {
        margin: 0 0 10px;
        color: var(--graphite);
        font-size: 20px;
        font-weight: 720;
        letter-spacing: -0.02em;
      }

      .center-week__headers,
      .center-week__timeline {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
      }

      .center-week__day-headings,
      .center-week__days {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
      }

      .center-week__day-heading {
        display: grid;
        justify-items: center;
        gap: 1px;
        min-width: 0;
        padding: 5px 8px 9px;
        color: var(--warm-muted);
        font-size: 12px;
        font-weight: 650;
      }

      .center-week__day-heading strong {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 50%;
        color: var(--graphite);
        font-size: 15px;
      }

      .center-week__day-heading--today { color: #8c6a10; }
      .center-week__day-heading--today strong { background: var(--honey); }

      .center-week__times {
        position: relative;
        height: var(--center-grid-height);
        border-top: 1px solid var(--warm-line);
      }

      .center-week__times span {
        position: absolute;
        top: var(--time-top);
        right: 10px;
        color: var(--warm-muted);
        font-size: 10px;
        line-height: 1;
        transform: translateY(-50%);
      }

      .center-week__days {
        height: var(--center-grid-height);
        border-top: 1px solid var(--warm-line);
      }

      .center-week__day {
        position: relative;
        min-width: 0;
        border-left: 1px solid rgba(231, 224, 207, 0.8);
        background-image: linear-gradient(to bottom, transparent calc(100% - 1px), var(--warm-line) 0);
        background-repeat: repeat-y;
        background-size: 100% var(--center-hour-height);
        background-position: 0 calc(var(--center-hour-offset) - var(--center-hour-height));
      }

      .center-week__day:last-child { border-right: 1px solid rgba(231, 224, 207, 0.8); }
      .center-week__day--today { background-color: rgba(255, 243, 199, 0.36); }

      .center-booking {
        position: absolute;
        z-index: 1;
        top: calc(var(--booking-top) + 3px);
        right: 5px;
        left: 5px;
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 6px;
        align-items: center;
        align-content: center;
        min-height: 0;
        height: max(14px, calc(var(--booking-height) - 2px));
        overflow: hidden;
        padding: 1px 8px 1px 4px;
        border: 1px solid #e2bd43;
        border-left: 3px solid #d6a51f;
        border-radius: 5px;
        background: #fff3c7;
        color: var(--graphite);
        box-shadow: 0 2px 5px rgba(92, 73, 17, 0.08);
      }

      .center-booking time {
        color: #81600d;
        font-size: 10px;
        font-weight: 750;
      }

      .center-booking__service {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 10px;
        font-weight: 600;
      }

      .center-booking--past { border-color: #dedbd3; border-left-color: #b8b4aa; background: #f0eee9; color: #8d8980; box-shadow: none; }
      .center-booking--past time { color: #aaa69d; }

      .center-booking-tooltip {
        position: fixed;
        z-index: 10000;
        width: 310px;
        max-width: calc(100vw - 16px);
        box-sizing: border-box;
        padding: 16px 18px;
        border: 1px solid #dfcc8e;
        border-radius: 10px;
        background: #fffdf6;
        color: #302c22;
        box-shadow: 0 8px 28px rgba(45, 36, 14, 0.2);
        font-size: 15px;
        line-height: 1.45;
        overflow-wrap: anywhere;
        pointer-events: none;
      }
      .center-booking-tooltip[hidden] { display: none; }
      .center-booking-tooltip__title { display: block; font-size: 17px; line-height: 1.35; }
      .center-booking-tooltip__date { margin-top: 6px; }
      .center-booking-tooltip dl { display: grid; gap: 8px; margin: 14px 0 0; }
      .center-booking-tooltip dl > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; }
      .center-booking-tooltip dt { color: #71654c; }
      .center-booking-tooltip dd { margin: 0; font-weight: 600; }
      html[data-theme="dark"] .center-booking-tooltip { background: #302c22; color: #fff5d9; border-color: #8c7434; }
      html[data-theme="dark"] .center-booking-tooltip dt { color: #d0c3a4; }

      .center-week__now {
        position: absolute;
        z-index: 2;
        top: var(--now-top);
        right: 0;
        left: 0;
        height: 1px;
        background: #c9991b;
        pointer-events: none;
      }

      .center-week__now::before {
        position: absolute;
        top: -3px;
        left: -3px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #c9991b;
        content: "";
      }

      @media (max-width: 800px) {
        body.slotic-theme.master-center-page .page { width: min(100% - 20px, 640px); height: auto; margin: 10px auto; padding: 0; }
        .center-week { min-height: 0; overflow-x: auto; padding: 18px 14px; }
        .center-week__headers, .center-week__timeline { min-width: 680px; }
      }

      a {
        color: var(--accent);
        text-decoration: none;
        overflow-wrap: anywhere;
      }

      a:hover,
      a:focus-visible {
        color: var(--accent-dark);
      }

      h1,
      h2,
      h3,
      p {
        overflow-wrap: anywhere;
      }

      ul,
      ol {
        padding-left: 22px;
      }

      .site-header {
        position: sticky;
        z-index: 20;
        top: 0;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 1px solid var(--warm-line);
        background: rgba(251, 248, 239, 0.97);
        box-shadow: none;
      }

      .page {
        width: min(100% - 32px, 960px);
        margin: 0 auto;
      }

      .site-header__inner {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: stretch;
        width: 100%;
        min-height: 100%;
        padding: 28px 18px;
      }

      .site-brand {
        display: inline-flex;
        align-items: center;
        min-height: 59px;
        padding: 0 8px;
        text-decoration: none;
        color: var(--graphite);
      }

      .site-brand:hover,
      .site-brand:focus-visible {
        color: var(--graphite);
      }

      .site-brand__logo {
        position: relative;
        display: block;
        width: 196px;
        height: 59px;
        flex: 0 0 auto;
        overflow: hidden;
      }

      .site-brand__logo img {
        position: absolute;
        top: -61px;
        left: -26px;
        width: 247px;
        max-width: none;
        height: auto;
      }

      .site-nav {
        display: flex;
        flex-direction: column;
        gap: 6px;
        align-items: stretch;
      }

      .direction-selector {
        position: relative;
        width: 100%;
        min-width: 0;
      }

      .direction-selector__current-control {
        display: inline-grid;
        grid-template-columns: fit-content(178px) 25px;
        column-gap: 12px;
        align-items: center;
        width: fit-content;
        max-width: min(215px, 100%);
        min-height: 26px;
        overflow: visible;
        border: 1px solid #e8e2d5;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 1px 5px rgba(45, 37, 22, 0.05);
      }

      .direction-selector__current-control > details {
        position: relative;
        width: fit-content;
        max-width: 178px;
        min-width: 0;
      }

      .direction-selector__current-control > details > summary {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        width: auto;
        max-width: 100%;
        min-height: 24px;
        padding: 2px 5px 2px 7px;
        border: 0;
        border-radius: 7px 0 0 7px;
        background: transparent;
        color: var(--graphite);
        font-size: 12px;
        font-weight: 750;
        line-height: 1.15;
        box-shadow: none;
        cursor: pointer;
        list-style: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
      }

      .direction-selector__current-name {
        flex: 0 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .direction-selector__chevron {
        display: block;
        flex: 0 0 12px;
        width: 12px;
        color: var(--warm-muted);
        font-size: 10px;
        line-height: 1;
        text-align: center;
        transform: translateY(-1px);
        transition: transform 0.15s ease;
      }

      .direction-selector__current-control > details[open] .direction-selector__chevron {
        transform: translateY(1px) rotate(180deg);
      }

      .direction-selector__current-control:hover,
      .direction-selector__current-control:focus-within {
        border-color: #d9c98f;
        box-shadow: 0 2px 8px rgba(45, 37, 22, 0.08);
      }

      .direction-selector__current-control > details > summary::-webkit-details-marker {
        display: none;
      }

      .direction-selector__current-control > details > summary::marker {
        content: "";
      }

      .direction-selector__panel {
        position: absolute;
        z-index: 30;
        top: calc(100% + 7px);
        left: 0;
        display: grid;
        gap: 2px;
        width: min(220px, calc(100vw - 24px));
        padding: 6px;
        overflow: hidden;
        border: 1px solid var(--warm-line);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(45, 37, 22, 0.13);
      }

      .direction-selector__list {
        display: grid;
        gap: 2px;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 8px;
        list-style: none;
      }

      .direction-selector__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        align-items: center;
        width: 100%;
        min-width: 0;
      }

      .direction-selector__row form {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
      }

      .direction-selector__choice,
      .direction-selector__menu-button {
        width: 100%;
        min-height: 32px;
        padding: 5px 8px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        box-shadow: none;
        color: #49463f;
        font-size: 13px;
        text-align: left;
      }

      .direction-selector__choice {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .slotic-theme .direction-selector__choice {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        transform: none;
      }

      .direction-selector__choice-name {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .direction-selector__choice:hover,
      .direction-selector__choice:focus-visible,
      .direction-selector__choice--active {
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .direction-selector__menu {
        display: contents;
      }

      .direction-selector__menu-button {
        display: grid;
        place-items: center;
        width: 28px;
        min-height: 28px;
        padding: 0;
        border-radius: 50%;
        cursor: pointer;
      }

      .direction-selector__compact-action,
      .direction-selector__create {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: 34px;
        padding: 6px 8px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        box-shadow: none;
        color: var(--accent-dark);
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
      }

      .slotic-theme .direction-selector__choice,
      .slotic-theme .direction-selector__menu-button,
      .slotic-theme .direction-selector__compact-action,
      .slotic-theme .direction-selector__create,
      .slotic-theme .direction-side-panel__close {
        min-height: 32px;
        border-color: transparent;
        background: transparent;
        box-shadow: none;
        transform: none;
      }

      .slotic-theme .direction-selector__choice:hover,
      .slotic-theme .direction-selector__choice:focus-visible,
      .slotic-theme .direction-selector__choice--active {
        border-color: transparent;
        background: var(--honey-soft);
        color: var(--graphite);
        transform: none;
      }

      .slotic-theme .direction-selector__choice--active {
        width: 100%;
        max-width: 100%;
        min-height: 28px;
        padding: 4px 7px;
      }

      .slotic-theme .direction-selector__menu-button:hover,
      .slotic-theme .direction-selector__menu-button:focus-visible,
      .slotic-theme .direction-selector__compact-action:hover,
      .slotic-theme .direction-selector__compact-action:focus-visible,
      .slotic-theme .direction-selector__create:hover,
      .slotic-theme .direction-selector__create:focus-visible,
      .slotic-theme .direction-side-panel__close:hover,
      .slotic-theme .direction-side-panel__close:focus-visible {
        border-color: transparent;
        background: #f5efe0;
        color: var(--graphite);
        transform: none;
      }

      .slotic-theme .direction-selector__menu-button {
        width: 28px;
        min-height: 28px;
        padding: 0;
        border-radius: 50%;
      }

      .direction-selector__panel .direction-selector__menu-button {
        display: none;
      }

      .slotic-theme .direction-selector__menu-button--current {
        display: grid;
        flex: 0 0 auto;
        width: 25px;
        min-height: 24px;
        padding: 0;
        border-left: 1px solid #eee8db;
        border-radius: 0 7px 7px 0;
        color: #5d584e;
        font-size: 15px;
        line-height: 1;
      }

      .slotic-theme .direction-selector__menu-button:hover,
      .slotic-theme .direction-selector__menu-button:focus-visible {
        background: #fffefa;
        box-shadow: 0 2px 6px rgba(45, 37, 22, 0.14);
      }

      .slotic-theme .direction-side-panel__close {
        min-height: 28px;
        border-color: var(--warm-line);
      }

      .direction-selector__create {
        margin-top: 3px;
        padding-top: 8px;
        border-top: 1px solid var(--warm-line);
      }

      .slotic-theme .direction-selector__create {
        border-top-color: var(--warm-line);
      }

      .direction-side-panel__menu .direction-selector__compact-action {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        min-height: 34px;
        padding: 6px 9px;
        border: 0;
        text-align: left;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit,
      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: 36px;
        margin: 0;
        padding: 7px 10px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: transparent;
        font-family: inherit;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.35;
        box-shadow: none;
        transform: none;
        transition: border-color 0.14s ease, background-color 0.14s ease, color 0.14s ease;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit {
        color: #514c43;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy {
        color: #675d43;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit:hover,
      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit:focus-visible {
        border-color: #ddd5c5;
        background: #f7f4ed;
        color: #3f3b35;
        transform: none;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:hover,
      .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:focus-visible {
        border-color: #e1d4a8;
        background: #fffaf0;
        color: #55491f;
        transform: none;
      }

      .direction-side-panel__menu > .direction-delete-trigger {
        width: 100%;
        max-width: none;
        margin-top: 6px;
        padding-top: 7px;
        border-top: 1px solid var(--warm-line);
      }

      .direction-delete-modal[hidden] {
        display: none;
      }

      .direction-delete-modal .service-delete-modal__dialog {
        width: min(100%, 430px);
      }

      .direction-selector__danger {
        color: #a12c27;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__danger,
      .slotic-theme .direction-side-panel__menu .direction-selector__danger:hover,
      .slotic-theme .direction-side-panel__menu .direction-selector__danger:focus-visible {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: 36px;
        margin: 0;
        padding: 7px 10px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: transparent;
        color: #a12c27;
        font-family: inherit;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.35;
        box-shadow: none;
        transform: none;
      }

      .slotic-theme .direction-side-panel__menu .direction-selector__danger:hover,
      .slotic-theme .direction-side-panel__menu .direction-selector__danger:focus-visible {
        border-color: #e7c9c5;
        background: #fff0ed;
        color: #8f211d;
        transform: none;
      }

      .direction-side-panel[hidden] {
        display: none;
      }

      .direction-side-panel {
        position: fixed;
        z-index: 40;
        top: var(--direction-panel-top, 96px);
        left: var(--direction-panel-left, 282px);
        width: min(272px, calc(100vw - 24px));
        max-height: calc(100vh - 24px);
        pointer-events: none;
      }

      .master-workspace-page .direction-side-panel {
        left: var(--direction-panel-left, 302px);
      }

      .direction-side-panel__body {
        position: relative;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        width: 100%;
        height: auto;
        max-height: calc(100vh - 24px);
        overflow: auto;
        border: 1px solid var(--warm-line);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 16px 38px rgba(45, 37, 22, 0.16);
        pointer-events: auto;
      }

      .direction-side-panel__body::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -6px;
        width: 11px;
        height: 11px;
        border-bottom: 1px solid var(--warm-line);
        border-left: 1px solid var(--warm-line);
        background: #ffffff;
        transform: rotate(45deg);
      }

      .direction-side-panel__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 11px 10px 14px;
        border-bottom: 1px solid var(--warm-line);
      }

      .direction-side-panel__header h2 {
        margin: 0;
        font-size: 15px;
        line-height: 1.3;
      }

      .direction-side-panel__close {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        min-height: 28px;
        padding: 0;
        border: 1px solid var(--warm-line);
        border-radius: 8px;
        background: var(--warm-surface);
        color: var(--graphite);
        box-shadow: none;
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
      }

      .direction-side-panel__close span {
        display: block;
        transform: translateY(-1px);
      }

      .direction-side-panel__form {
        display: grid;
        align-content: start;
        gap: 12px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 14px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .direction-side-panel__form label {
        display: grid;
        gap: 7px;
        margin: 0;
        color: #5f5a50;
        font-size: 12px;
        font-weight: 700;
      }

      .direction-side-panel__form input:not([type="checkbox"]),
      .direction-side-panel__form textarea {
        width: 100%;
      }

      .direction-side-panel__form textarea {
        min-height: 78px;
        resize: vertical;
      }

      .direction-side-panel__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 6px;
      }

      .direction-side-panel__actions .button-link {
        width: 100%;
      }

      .direction-side-panel__view[hidden] {
        display: none;
      }

      .direction-side-panel__menu {
        display: grid;
        align-content: start;
        gap: 2px;
        padding: 8px;
      }

      .direction-side-panel__menu form,
      .direction-side-panel__menu span {
        margin: 0;
      }

      .direction-side-panel__menu .copy-code__status {
        display: none;
        min-height: 0;
        padding: 0 9px;
        font-size: 12px;
      }

      .direction-side-panel__menu .copy-code__status--visible {
        display: block;
        padding-top: 2px;
        padding-bottom: 3px;
      }

      @media (max-width: 800px) {
        .direction-side-panel__body::before {
          display: none;
        }
      }

      .site-nav a,
      .site-nav span {
        display: inline-flex;
        align-items: center;
        min-height: 42px;
        width: 100%;
        padding: 9px 12px;
        border: 1px solid transparent;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        white-space: normal;
        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
      }

      .site-nav a {
        color: #49463f;
      }

      .site-nav .site-nav__services-mobile {
        display: none !important;
      }

      .site-nav a:hover,
      .site-nav a:focus-visible {
        border-color: #eee4c9;
        background: #fffaf0;
        color: var(--graphite);
      }

      .site-nav a:focus-visible,
      .site-brand:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.34);
        outline-offset: 2px;
      }

      .site-nav .site-nav__active {
        border-color: #eedb9d;
        background: var(--honey-soft);
        color: var(--graphite);
        font-weight: 700;
      }

      .site-nav span {
        color: var(--warm-muted);
      }

      .site-nav a.site-nav__icon-link {
        justify-content: center;
        width: 44px;
        min-height: 44px;
        padding: 8px;
        align-self: flex-start;
        border-radius: 999px;
      }

      .site-nav__icon-link:hover,
      .site-nav__icon-link:focus-visible {
        background: #fffaf0;
      }

      .site-nav__icon {
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
      }

      .site-nav__notification-icon {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .site-nav__notification-dot {
        position: absolute;
        top: -3px;
        right: -4px;
        width: 8px;
        height: 8px;
        border: 2px solid #fbf8ef;
        border-radius: 50%;
        background: #d93636;
        box-sizing: content-box;
      }

      .site-nav__profile {
        gap: 9px;
      }

      .site-nav__avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        overflow: hidden;
        border: 1px solid #dfd3b3;
        border-radius: 50%;
        background: var(--honey-soft);
        color: var(--graphite);
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
      }

      .site-nav__avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .site-profile-dock {
        margin-top: 0;
        padding-top: 14px;
        border-top: 1px solid var(--warm-line);
      }

      .master-booking-link {
        position: relative;
        margin-top: auto;
        transform: translateY(20px);
      }

      .master-booking-link__actions {
        display: flex;
        gap: 8px;
      }

      .master-booking-link__copy,
      .master-booking-link__share {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border: 1px solid #d8d0bd;
        border-radius: 10px;
        background: #fffdf8;
        box-shadow: none;
        color: var(--graphite);
        font: inherit;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
      }

      .master-booking-link__copy {
        flex: 1 1 auto;
        padding: 9px 12px;
      }

      .master-booking-link__share {
        width: 42px;
        flex: 0 0 42px;
        padding: 0;
      }

      .master-booking-link__copy:hover,
      .master-booking-link__copy:focus-visible,
      .master-booking-link__share:hover,
      .master-booking-link__share:focus-visible {
        border-color: #c9a43d;
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .master-booking-link__share svg {
        width: 18px;
        height: 18px;
      }

      .master-booking-link__status {
        display: block;
        min-height: 17px;
        margin: 5px 2px -2px;
        color: #16803c;
        font-size: 12px;
        font-weight: 650;
        opacity: 0;
        transition: opacity 0.15s ease;
      }

      .master-booking-link__status--visible {
        opacity: 1;
      }

      .master-booking-link__menu {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: calc(100% + 8px);
        display: grid;
        gap: 1px;
        min-width: 118px;
        padding: 6px;
        border: 1px solid #4e4b40;
        border-radius: 8px;
        background: #2b2d27;
        box-shadow: 0 8px 18px rgba(20, 20, 17, 0.16);
      }

      .master-booking-link__menu[hidden] {
        display: none;
      }

      html:not([data-theme="dark"]) .master-booking-link__menu {
        border-color: #ded5c0;
        background: #fffdf8;
        box-shadow: 0 8px 18px rgba(61, 49, 22, 0.12);
      }

      .slotic-theme .master-booking-link__menu button {
        width: 100%;
        min-height: 0;
        padding: 5px 7px;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
        color: #d7d3c8 !important;
        font: inherit;
        font-size: 12px;
        font-weight: 650;
        text-align: left;
        cursor: pointer;
      }

      .slotic-theme .master-booking-link__menu button:hover,
      .slotic-theme .master-booking-link__menu button:focus-visible {
        border-color: transparent !important;
        background: transparent !important;
        color: #fff0b8 !important;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        transform: none !important;
      }

      html:not([data-theme="dark"]) .slotic-theme .master-booking-link__menu button {
        color: #49463f !important;
      }

      html:not([data-theme="dark"]) .slotic-theme .master-booking-link__menu button:hover,
      html:not([data-theme="dark"]) .slotic-theme .master-booking-link__menu button:focus-visible {
        color: #806818 !important;
      }

      .site-profile-dock > a {
        display: flex;
        gap: 9px;
        align-items: center;
        min-height: 48px;
        width: 100%;
        padding: 8px 10px;
        border: 1px solid transparent;
        border-radius: 12px;
        color: #49463f;
        font-size: 14px;
        font-weight: 650;
      }

      .site-profile-dock > a:hover,
      .site-profile-dock > a:focus-visible {
        border-color: #eee4c9;
        background: #fffaf0;
        color: var(--graphite);
      }

      .site-profile-dock > a.site-nav__active {
        border-color: #eedb9d;
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .slotic-theme .feedback-trigger {
        display: inline-flex;
        align-items: center;
        width: auto;
        min-height: 0;
        padding: 2px;
        border: 0;
        border-radius: 5px;
        appearance: none;
        background: transparent;
        box-shadow: none;
        color: #777267;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
        text-align: left;
        cursor: pointer;
        transition: color 0.15s ease;
      }

      .slotic-theme .feedback-trigger:hover,
      .slotic-theme .feedback-trigger:focus-visible {
        border-color: transparent;
        background: transparent;
        color: #514c43;
        transform: none;
      }

      .slotic-theme .feedback-trigger:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.34);
        outline-offset: 2px;
      }

      .feedback-trigger--desktop {
        margin: 9px 10px 0;
      }

      .feedback-panel {
        width: min(320px, calc(100vw - 268px));
        padding: 16px;
        border: 1px solid var(--warm-line);
        border-radius: 12px;
        background: #fffefa;
        color: var(--graphite);
        box-shadow: 0 12px 30px rgba(45, 37, 22, 0.13);
      }

      .feedback-panel--desktop {
        position: fixed;
        z-index: 900;
        isolation: isolate;
        left: 252px;
        bottom: 18px;
        overflow: visible;
      }

      .feedback-panel--desktop::before {
        position: absolute;
        left: -7px;
        bottom: 29px;
        width: 12px;
        height: 12px;
        border-bottom: 1px solid var(--warm-line);
        border-left: 1px solid var(--warm-line);
        background: #fffefa;
        content: "";
        transform: rotate(45deg);
      }

      .feedback-panel__header {
        display: grid;
        gap: 4px;
        margin-bottom: 12px;
      }

      .feedback-panel__header h2 {
        margin: 0;
        font-size: 17px;
        line-height: 1.25;
      }

      .feedback-panel__header p {
        margin: 0;
        color: var(--warm-muted);
        font-size: 13px;
        line-height: 1.4;
      }

      .feedback-panel form {
        display: grid;
        gap: 7px;
        max-width: none;
      }

      .feedback-panel [hidden] {
        display: none !important;
      }

      .feedback-panel--success .feedback-panel__header {
        display: none;
      }

      .feedback-panel__label {
        margin: 0;
        font-size: 13px;
      }

      .feedback-panel textarea {
        min-height: 78px;
        max-height: 180px;
        resize: vertical;
      }

      .slotic-theme .feedback-panel form .feedback-panel__error {
        margin: 0;
        color: #a62020;
        font-size: 12px;
        line-height: 1.4;
      }

      .feedback-panel__actions {
        display: flex;
        gap: 6px;
        align-items: center;
        margin-top: 3px;
      }

      .slotic-theme .feedback-panel__submit,
      .slotic-theme .feedback-panel__close {
        width: auto;
        min-height: 36px;
        padding: 6px 11px;
        border-radius: 8px;
        box-shadow: none;
        cursor: pointer;
      }

      .slotic-theme .feedback-panel__submit {
        border: 1px solid var(--honey);
        background: var(--honey);
        color: var(--graphite);
        font-weight: 750;
      }

      .slotic-theme .feedback-panel__submit:hover,
      .slotic-theme .feedback-panel__submit:focus-visible {
        border-color: var(--honey-hover);
        background: var(--honey-hover);
      }

      .slotic-theme .feedback-panel__submit:disabled {
        cursor: wait;
        opacity: 0.62;
      }

      .slotic-theme .feedback-panel__close {
        border: 1px solid transparent;
        background: transparent;
        color: var(--warm-muted);
        font-size: 13px;
        font-weight: 650;
      }

      .slotic-theme .feedback-panel__close:hover,
      .slotic-theme .feedback-panel__close:focus-visible {
        border-color: transparent;
        background: transparent;
        color: var(--graphite);
        transform: none;
      }

      .slotic-theme .feedback-panel__submit:focus-visible,
      .slotic-theme .feedback-panel__close:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.34);
        outline-offset: 2px;
      }

      .feedback-panel__success {
        display: grid;
        gap: 9px;
      }

      .feedback-panel__success p {
        margin: 0;
        font-weight: 700;
      }

      .feedback-panel__success .feedback-panel__close {
        justify-self: start;
      }

      .profile-feedback {
        display: none;
      }

      html[data-theme="dark"] .slotic-theme .feedback-trigger {
        border-color: transparent;
        background: transparent;
        color: #aaa69b;
      }

      html[data-theme="dark"] .slotic-theme .feedback-trigger:hover,
      html[data-theme="dark"] .slotic-theme .feedback-trigger:focus-visible {
        border-color: transparent;
        background: transparent;
        color: #d7d3c8;
      }

      html[data-theme="dark"] .feedback-panel,
      html[data-theme="dark"] .feedback-panel--desktop::before {
        border-color: var(--warm-line);
        background: #20211d;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .feedback-panel__close {
        border-color: transparent;
        background: transparent;
        color: var(--warm-muted);
      }

      html[data-theme="dark"] .slotic-theme .feedback-panel__close:hover,
      html[data-theme="dark"] .slotic-theme .feedback-panel__close:focus-visible {
        border-color: transparent;
        background: transparent;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .feedback-panel form .feedback-panel__error {
        color: #ff9b9b;
      }
      .page {
        padding: 24px 0 40px;
      }

      form {
        max-width: 560px;
      }

      form p {
        margin: 0 0 14px;
      }

      label {
        display: block;
        margin-bottom: 6px;
        font-weight: 700;
      }

      input,
      select,
      textarea,
      button {
        font: inherit;
      }

      input,
      select,
      textarea {
        width: 100%;
        max-width: 100%;
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid #c9c1d7;
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      input:focus,
      select:focus,
      textarea:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14);
        outline: none;
      }

      input[type="checkbox"],
      input[type="radio"] {
        width: auto;
        min-height: auto;
      }

      .yellow-select { position: relative; display: block; width: 100%; }
      .yellow-select__native { position: absolute; width: 1px; min-height: 1px; opacity: 0; pointer-events: none; }
      .yellow-select__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; border: 1px solid #d9d1bf; border-radius: 10px; padding: 10px 12px; background: #fffefa; color: var(--graphite); font: inherit; text-align: left; cursor: pointer; box-shadow: none; }
      .yellow-select__trigger::after { display: grid; width: 20px; height: 20px; place-items: center; color: var(--warm-muted); font-size: 18px; line-height: 1; content: "⌄"; }
      .yellow-select__trigger:hover { border-color: #beb49d; }
      .yellow-select__trigger:focus-visible { border-color: #c79b26; outline: 0; box-shadow: 0 0 0 3px rgba(230, 184, 63, 0.24); }
      .yellow-select__list { position: absolute; z-index: 50; top: calc(100% + 6px); left: 0; width: 100%; max-height: 280px; overflow-y: auto; padding: 5px; border: 1px solid #d8bb54; border-radius: 10px; background: #fffefa; box-shadow: 0 12px 28px rgba(45, 37, 22, .18); }
      .yellow-select__list button { display: block; width: 100%; min-height: 36px; border: 0; border-radius: 7px; padding: 7px 9px; background: transparent; color: var(--graphite); font: inherit; text-align: left; cursor: pointer; box-shadow: none; }
      .yellow-select__list button:hover, .yellow-select__list button:focus-visible { background: var(--honey-soft); color: var(--graphite); outline: 0; }

      /* Keep these controls visually identical to a normal select; the page's
         generic yellow button style must apply only to actual actions. */
      .slotic-theme .yellow-select__trigger { min-height: 44px; border: 1px solid #d9d1bf; border-radius: 10px; padding: 10px 12px; background: #fffefa; color: var(--graphite); font-weight: 400; transform: none; }
      .slotic-theme .yellow-select__trigger:hover { border-color: #beb49d; background: #fffefa; color: var(--graphite); transform: none; }
      .slotic-theme .yellow-select__list button { min-height: 36px; border: 0; border-radius: 7px; background: transparent; color: var(--graphite); font-weight: 400; transform: none; }
      .slotic-theme .yellow-select__list button:hover, .slotic-theme .yellow-select__list button:focus-visible { border: 0; background: var(--honey-soft); color: var(--graphite); transform: none; }

      .password-field {
        display: block;
        position: relative;
      }

      .password-field input {
        padding-right: 52px;
      }

      .password-toggle {
        position: absolute;
        top: 50%;
        right: 6px;
        width: 38px;
        min-height: 38px;
        padding: 7px;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--muted);
        box-shadow: none;
        transform: translateY(-50%);
      }

      .password-toggle:hover,
      .password-toggle:focus-visible {
        background: var(--accent-soft);
        color: var(--accent-dark);
      }

      .password-toggle__icon {
        width: 22px;
        height: 22px;
        flex: 0 0 auto;
      }

      textarea {
        min-height: 120px;
      }

      .creation-form textarea {
        min-height: 72px;
        resize: vertical;
      }

      button,
      .button-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        max-width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--accent);
        border-radius: var(--radius-sm);
        background: var(--accent);
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        box-shadow: var(--shadow-soft);
      }

      button:hover,
      button:focus-visible,
      .button-link:hover,
      .button-link:focus-visible {
        border-color: var(--accent-dark);
        background: var(--accent-dark);
        color: #ffffff;
      }

      .copy-code {
        display: inline-flex;
        width: auto;
        min-height: 32px;
        margin-left: 4px;
        padding: 4px 9px;
        border-color: #c9c1d7;
        border-radius: var(--radius-sm);
        background: #ffffff;
        color: var(--accent-dark);
        font-family: Consolas, "Courier New", monospace;
        font-weight: 700;
        line-height: 1.2;
        box-shadow: none;
        user-select: none;
        -webkit-user-select: none;
      }

      .copy-code:hover,
      .copy-code:focus-visible {
        border-color: var(--accent);
        background: var(--accent-soft);
        color: var(--accent-dark);
      }

      .copy-code.copy-code--copied,
      .copy-code.copy-code--copied:hover,
      .copy-code.copy-code--copied:focus-visible {
        border-color: #16a34a;
        background: #ecfdf3;
        color: #166534;
      }

      .copy-code__status {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        margin-left: 8px;
        color: #166534;
        font-size: 14px;
        font-weight: 700;
        opacity: 0;
        transition: opacity 0.12s ease;
      }

      .copy-code__status--visible {
        opacity: 1;
      }

      .item-list {
        display: grid;
        gap: 12px;
        padding-left: 0;
        list-style: none;
      }

      .item-list > li {
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-soft);
      }

      .notifications-list .notification-item {
        display: grid;
        gap: 7px;
      }

      .notifications-list .notification-item__title,
      .notifications-list .notification-item__message,
      .notifications-list .notification-item__date {
        margin: 0;
      }

      .notifications-list .notification-item__title {
        color: var(--graphite);
        font-size: 14px;
        font-weight: 750;
        letter-spacing: -0.01em;
      }

      .notifications-list .notification-item__message {
        color: var(--text);
      }

      .notifications-list .notification-item__date {
        justify-self: end;
        margin-top: 3px;
        color: var(--warm-muted);
        font-size: 12px;
        font-variant-numeric: tabular-nums;
      }

      .notifications-list .notification-item--read {
        border-color: #e6e2d8;
        background: #f6f5f1;
        box-shadow: none;
        color: #8b887f;
        opacity: 0.7;
        pointer-events: none;
      }

      .notifications-list .notification-item--read .notification-item__title,
      .notifications-list .notification-item--read .notification-item__message,
      .notifications-list .notification-item--read .notification-item__date {
        color: inherit;
      }

      .inline-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px;
        align-items: center;
      }

      .inline-actions form {
        margin: 0;
        max-width: none;
      }

      .inline-actions a:not(.button-link) {
        font-weight: 700;
      }


      .direction-side-panel__form label:has(input[type="checkbox"]) {
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 36px;
        cursor: pointer;
      }

      .direction-side-panel__form input[type="checkbox"] {
        width: 18px;
        min-width: 18px;
        height: 18px;
        min-height: 18px;
        margin: 0;
        padding: 0;
        flex: 0 0 auto;
      }

      .slotic-theme .page > form.notifications-mark-all {
        width: auto;
        max-width: none;
        margin: -8px 0 16px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .slotic-theme .notifications-mark-all__button {
        width: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #6d5a1c;
        font-size: 13px;
        font-weight: 720;
        line-height: 1.4;
        text-decoration: underline;
        text-decoration-color: transparent;
        text-underline-offset: 3px;
      }

      .slotic-theme .notifications-mark-all__button:hover,
      .slotic-theme .notifications-mark-all__button:focus-visible {
        border: 0;
        background: transparent;
        color: var(--graphite);
        text-decoration-color: currentColor;
        transform: none;
      }

      .master-calendar-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
        gap: 18px;
        align-items: start;
      }

      .month-calendar,
      .calendar-day-panel {
        min-width: 0;
        border: 1px solid rgba(124, 58, 237, 0.16);
        border-radius: var(--radius-lg);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: var(--shadow);
      }

      .month-calendar {
        padding: 18px;
      }

      .month-calendar__toolbar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 12px;
        align-items: center;
        margin-bottom: 18px;
      }

      .month-calendar__heading {
        min-width: 0;
        text-align: center;
      }

      .month-calendar__heading h2 {
        margin: 0;
        font-size: 22px;
      }

      .month-calendar__heading span {
        color: var(--muted);
        font-size: 13px;
      }

      .month-calendar__arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 1px solid var(--line);
        border-radius: 50%;
        background: var(--surface);
        color: var(--accent-dark);
        font-size: 22px;
        font-weight: 700;
        box-shadow: var(--shadow-soft);
      }

      .month-calendar__arrow:hover,
      .month-calendar__arrow:focus-visible {
        border-color: var(--accent);
        background: var(--accent-soft);
        color: var(--accent-dark);
      }

      .month-calendar__arrow--disabled {
        background: #f5f3f7;
        color: #b2abbc;
        box-shadow: none;
      }

      .month-calendar__weekdays,
      .month-calendar__grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
      }

      .month-calendar__weekdays {
        margin-bottom: 6px;
      }

      .month-calendar__weekdays span {
        padding: 5px 2px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
      }

      .month-calendar__day {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-width: 0;
        min-height: 78px;
        margin: 2px;
        padding: 8px;
        border: 1px solid transparent;
        border-radius: var(--radius-sm);
        background: #fbfaff;
        color: var(--text);
      }

      a.month-calendar__day:hover,
      a.month-calendar__day:focus-visible {
        border-color: rgba(124, 58, 237, 0.35);
        background: var(--accent-soft);
        color: var(--text);
      }

      .month-calendar__day-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        font-size: 14px;
        font-weight: 700;
      }

      .month-calendar__day--today .month-calendar__day-number {
        box-shadow: inset 0 0 0 2px var(--accent);
        color: var(--accent-dark);
      }

      .month-calendar__day--selected {
        border-color: var(--accent) !important;
        background: var(--accent) !important;
        color: #ffffff !important;
        box-shadow: 0 7px 16px rgba(91, 33, 182, 0.24);
      }

      .month-calendar__day--selected .month-calendar__day-number,
      .month-calendar__day--selected .month-calendar__slot-count {
        color: #ffffff;
        box-shadow: none;
      }

      .month-calendar__slot-count {
        color: var(--accent-dark);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
      }

      .month-calendar__slot-mark {
        position: absolute;
        top: 11px;
        right: 11px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--accent);
      }

      .month-calendar__day--selected .month-calendar__slot-mark {
        background: #ffffff;
      }

      .month-calendar__day--disabled {
        background: #f5f3f7;
        color: #aaa3b2;
      }

      .month-calendar__day--empty {
        background: transparent;
      }

      .calendar-day-panel {
        position: sticky;
        top: 18px;
        overflow: hidden;
      }

      .calendar-day-panel__header {
        padding: 18px 20px;
        background: linear-gradient(135deg, var(--accent-dark), var(--accent));
        color: #ffffff;
      }

      .calendar-day-panel__eyebrow {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        opacity: 0.82;
        text-transform: uppercase;
      }

      .calendar-day-panel__header h2 {
        margin: 0;
        font-size: 21px;
      }

      .calendar-day-panel__header p {
        margin: 3px 0 0;
        opacity: 0.88;
      }

      .calendar-day-panel__content {
        padding: 16px;
      }

      .calendar-day-panel__summary {
        margin: 0 0 12px;
        color: var(--muted);
        font-size: 14px;
        font-weight: 700;
      }

      .calendar-day-panel__slots {
        gap: 10px;
        margin: 0;
        padding: 0;
      }

      .calendar-day-panel__slots .slot-card {
        gap: 9px;
        padding: 13px;
        box-shadow: var(--shadow-soft) !important;
      }

      .calendar-day-panel__slots .slot-card__time {
        min-height: 30px;
        padding: 4px 9px;
        font-size: 14px;
      }

      .slot-card__service {
        font-weight: 700;
      }

      .calendar-day-panel__empty {
        color: var(--muted);
      }

      .calendar-day-panel__empty > :first-child {
        margin-top: 0;
        color: var(--text);
        font-weight: 700;
      }

      .calendar-day-panel__empty > :last-child {
        margin-bottom: 0;
      }

      .slot-card {
        display: grid;
        gap: 12px;
        border-color: #d8c8ff !important;
        border-radius: var(--radius-md) !important;
        background: linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%) !important;
        box-shadow: var(--shadow) !important;
      }

      .slot-card__header {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 12px;
        align-items: center;
        justify-content: space-between;
      }

      .slot-card__time {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        padding: 6px 12px;
        border-radius: 999px;
        background: var(--accent-soft);
        color: var(--accent-dark);
        font-weight: 700;
        box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.16);
      }

      .slot-card__meta {
        color: var(--muted);
      }

      .slot-card__status {
        display: inline-flex;
        align-items: center;
        min-height: 30px;
        padding: 4px 10px;
        border-radius: 999px;
        background: #eef2ff;
        color: #3730a3;
        font-size: 14px;
        font-weight: 700;
      }

      .slot-card form {
        margin-top: 12px;
      }

      .booking-choice {
        display: grid;
        gap: 10px;
        min-width: 0;
        max-width: 100%;
        margin: 14px 0;
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius-md);
      }

      .booking-choice legend {
        padding: 0 6px;
        font-weight: 700;
      }

      .booking-choice__option {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        min-height: 44px;
        margin: 0;
        padding: 10px;
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        background: var(--surface);
        cursor: pointer;
      }

      .booking-choice__option input {
        flex: 0 0 auto;
        margin-top: 4px;
      }

      .slotic-theme .booking-choice__option input[type="radio"]:focus {
        box-shadow: none;
      }

      .slotic-theme .booking-choice__option input[type="radio"]:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.42);
        outline-offset: 2px;
        border-radius: 50%;
      }

      .booking-choice__option span {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .booking-choice__option small {
        color: var(--muted);
        font-weight: 400;
      }

      .booking-choice__option--unavailable {
        opacity: 0.58;
        cursor: not-allowed;
      }

      .booking-choice__option--unavailable .booking-choice__unavailable {
        color: var(--muted);
      }

      .booking-guidance {
        padding: 12px 14px;
        border-left: 4px solid var(--accent);
        border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
        background: var(--accent-soft);
      }

      .booking-guidance > :first-child {
        margin-top: 0;
      }

      .booking-guidance > :last-child {
        margin-bottom: 0;
      }

      .slot-card--past {
        border-color: var(--line) !important;
        background: #f5f5f6 !important;
        color: var(--muted);
        box-shadow: none !important;
      }

      .slot-card--past .slot-card__time,
      .slot-card--past .slot-card__status {
        background: #e5e7eb;
        color: #4b5563;
        box-shadow: none;
      }

      .master-dashboard {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: minmax(340px, 1fr) minmax(170px, 220px);
        gap: 18px;
        min-height: 620px;
      }

      .dashboard-panel {
        display: flex;
        min-width: 0;
        min-height: 0;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius-lg);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: var(--shadow);
      }

      .dashboard-panel--services {
        grid-row: 1 / span 2;
      }

      .dashboard-panel__header {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
        padding: 16px 18px 12px;
        border-bottom: 1px solid var(--line);
      }

      .dashboard-panel__header h2 {
        margin: 0;
        font-size: 22px;
        line-height: 1.25;
      }

      .dashboard-panel__header a {
        flex: 0 0 auto;
        font-weight: 700;
      }

      .dashboard-panel__body {
        min-height: 0;
        padding: 14px 18px 18px;
        overflow: auto;
      }

      .dashboard-panel__body > :first-child {
        margin-top: 0;
      }

      .dashboard-panel__body > :last-child {
        margin-bottom: 0;
      }

      .dashboard-list {
        gap: 0;
        margin: 0;
      }

      .dashboard-list--services {
        gap: 12px;
      }

      .dashboard-list > li {
        padding: 14px 0;
        border: 0;
        border-bottom: 1px solid var(--line);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .dashboard-list--services > li {
        padding: 0;
        border: 0;
      }

      .dashboard-list > li:first-child {
        padding-top: 0;
      }

      .dashboard-list > li:last-child {
        padding-bottom: 0;
        border-bottom: 0;
      }

      .dashboard-list h3 {
        margin: 0 0 8px;
      }

      .dashboard-list p {
        margin: 0 0 8px;
      }

      .dashboard-list .slot-card {
        border-color: var(--line) !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      .service-card {
        position: relative;
        display: grid;
        gap: 12px;
        padding: 16px !important;
        border: 1px solid rgba(124, 58, 237, 0.16) !important;
        border-radius: var(--radius-md) !important;
        background: linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%) !important;
        box-shadow: var(--shadow-soft) !important;
        cursor: pointer;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
      }

      .service-card:hover,
      .service-card:focus-visible {
        border-color: rgba(124, 58, 237, 0.42) !important;
        box-shadow: var(--shadow) !important;
        outline: none;
        transform: translateY(-1px);
      }

      .service-card h3,
      .service-card p {
        margin: 0;
      }

      .service-card__top {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        justify-content: space-between;
      }

      .service-card__title {
        color: var(--text);
      }

      .service-card__status {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 4px 9px;
        border-radius: 999px;
        background: #eef2ff;
        color: #3730a3;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
      }

      .service-card__code {
        color: var(--muted);
      }

      .dashboard-booking {
        display: grid;
        gap: 6px;
      }

      .dashboard-booking span {
        display: block;
        color: var(--muted);
      }

      @media (min-width: 901px) {
        body.my-bookings-page .page {
          width: min(100% - 64px, 1180px);
        }
      }

      .bookings-dashboard {
        display: grid;
        grid-template-columns: minmax(0, 1.65fr) minmax(260px, 0.75fr);
        gap: 18px;
        align-items: start;
      }

      .bookings-panel--past {
        font-size: 14px;
      }

      .booking-card {
        display: grid;
        gap: 6px;
      }

      .booking-card h3,
      .booking-card p {
        margin: 0;
      }

      .booking-card__meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 16px;
        color: var(--warm-muted);
        font-size: 14px;
        line-height: 1.4;
      }

      .booking-card__detail {
        display: inline-flex;
        gap: 4px;
        white-space: nowrap;
      }

      .booking-card__detail strong,
      .booking-card__type strong,
      .booking-card__note strong {
        color: var(--graphite);
      }

      .booking-card__type,
      .booking-card__note,
      .booking-card__client {
        font-size: 14px;
        line-height: 1.4;
      }

      .booking-card__note {
        color: var(--warm-muted);
      }

      .booking-card__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-top: 2px;
      }

      .booking-card__calendar-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 30px;
        padding: 5px 10px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none;
      }

      .booking-card__calendar-link--active {
        border-color: #ddbd62;
        background: #fff7d8;
        color: #5f4b12;
      }

      .booking-card__calendar-link--active:hover,
      .booking-card__calendar-link--active:focus-visible {
        border-color: #c99a1c;
        background: #f9e9ad;
        color: #493809;
      }

      .booking-card__calendar-link--past {
        padding-inline: 2px;
        color: var(--warm-muted);
        font-weight: 650;
      }

      .booking-card__calendar-link--past::after {
        content: "→";
        margin-left: 4px;
      }

      .booking-card__calendar-link--past:hover,
      .booking-card__calendar-link--past:focus-visible {
        color: var(--graphite);
      }

      .bookings-panel--past .booking-card {
        gap: 5px;
      }

      .bookings-panel--past .dashboard-list > li {
        padding: 8px 0;
      }

      .messages {
        position: fixed;
        right: 24px;
        bottom: 24px;
        z-index: 1200;
        display: grid;
        width: max-content;
        max-width: calc(100vw - 48px);
        justify-items: end;
        margin: 0;
        padding: 0;
        list-style: none;
        pointer-events: none;
      }

      .messages li {
        box-sizing: border-box;
        width: max-content;
        max-width: 100%;
        margin: 0 0 10px;
        padding: 10px 12px;
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        background: var(--surface);
        box-shadow: var(--shadow-soft);
        overflow-wrap: anywhere;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 180ms ease, transform 180ms ease;
      }

      .messages li:last-child {
        margin-bottom: 0;
      }

      .messages li.is-dismissing {
        opacity: 0;
        transform: translateY(8px);
        pointer-events: none;
      }

      @media (max-width: 640px) {
        .messages {
          right: 16px;
          bottom: 16px;
          max-width: calc(100vw - 32px);
        }
      }

      .errorlist {
        margin: 0 0 12px;
        padding: 10px 12px;
        list-style: none;
        border: 1px solid #d08b8b;
        border-radius: var(--radius-sm);
        background: #fff7f7;
        color: #7a1f1f;
        overflow-wrap: anywhere;
      }

      .notification-unread {
        box-shadow: inset 5px 0 0 var(--accent), var(--shadow-soft) !important;
      }

      body.slotic-theme {
        --accent: #e6b83f;
        --accent-dark: #3f3828;
        --accent-soft: #fff3c7;
        --text: #24231f;
        --muted: #716c60;
        --line: #e7e0cf;
        --surface: #ffffff;
        --page-bg: #fdfcf8;
        --shadow: 0 8px 22px rgba(54, 48, 33, 0.06);
        --shadow-soft: 0 3px 12px rgba(54, 48, 33, 0.045);
        color: var(--graphite);
        background-color: var(--page-bg);
        background-image: none;
      }

      .slotic-theme .page {
        width: min(100% - 64px, 1040px);
        padding: 20px 0 56px;
      }

      .slotic-theme a {
        color: #5f512d;
        text-decoration-color: rgba(95, 81, 45, 0.35);
        text-underline-offset: 3px;
      }

      .slotic-theme a:hover,
      .slotic-theme a:focus-visible {
        color: var(--graphite);
      }

      .slotic-theme .page > h1 {
        max-width: 780px;
        margin: 0 0 18px;
        color: var(--graphite);
        font-size: clamp(34px, 4.3vw, 48px);
        line-height: 1.08;
        letter-spacing: -0.035em;
      }

      .slotic-theme .page > h1 + p {
        max-width: 760px;
        margin-top: 0;
        color: var(--warm-muted);
        font-size: 17px;
        line-height: 1.65;
      }

      .slotic-theme h2 {
        color: var(--graphite);
        letter-spacing: -0.018em;
      }

      .slotic-theme h3 {
        color: var(--graphite);
      }

      .slotic-theme .page > section {
        margin-top: 38px;
      }

      .slotic-theme .page > section:first-child,
      .slotic-theme .page > .messages:first-child + section,
      .slotic-theme .page > p:first-child,
      .slotic-theme .page > .messages:first-child + p {
        margin-top: 0;
      }

      .slotic-theme .page > section > h2:first-child {
        margin: 0 0 16px;
        font-size: 25px;
        line-height: 1.25;
      }

      .slotic-theme input,
      .slotic-theme select,
      .slotic-theme textarea {
        border-color: #d9d1bf;
        border-radius: 10px;
        background: #fffefa;
        color: var(--graphite);
        transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
      }

      .slotic-theme input:hover,
      .slotic-theme select:hover,
      .slotic-theme textarea:hover {
        border-color: #beb49d;
      }

      .slotic-theme input:focus,
      .slotic-theme select:focus,
      .slotic-theme textarea:focus {
        border-color: #c79b26;
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(230, 184, 63, 0.24);
      }

      .slotic-theme label {
        color: #3d3a33;
        font-size: 14px;
      }

      .slotic-theme .page > form {
        width: min(100%, 640px);
        max-width: 640px;
        margin-top: 26px;
        padding: clamp(20px, 3vw, 28px);
        border: 1px solid var(--warm-line);
        border-radius: 16px;
        background: #ffffff;
        box-shadow: none;
      }

      .slotic-theme form p:last-of-type {
        margin-bottom: 18px;
      }

      .slotic-theme button,
      .slotic-theme .button-link {
        min-height: 44px;
        border-color: #d5a72c;
        border-radius: 10px;
        background: var(--honey);
        color: var(--graphite);
        font-weight: 700;
        box-shadow: none;
        transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
      }

      .slotic-theme button:hover,
      .slotic-theme button:focus-visible,
      .slotic-theme .button-link:hover,
      .slotic-theme .button-link:focus-visible {
        border-color: #c99a1c;
        background: var(--honey-hover);
        color: var(--graphite);
        transform: translateY(-1px);
      }

      .slotic-theme button:focus-visible,
      .slotic-theme .button-link:focus-visible,
      .slotic-theme a:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.34);
        outline-offset: 2px;
      }

      .slotic-theme .inline-actions button,
      .slotic-theme .button--secondary {
        border-color: #d8d0bd;
        background: #ffffff;
        color: #4a463c;
      }

      .slotic-theme .inline-actions button:hover,
      .slotic-theme .inline-actions button:focus-visible,
      .slotic-theme .button--secondary:hover,
      .slotic-theme .button--secondary:focus-visible {
        border-color: #cdbf99;
        background: #fffaf0;
        color: var(--graphite);
      }

      .slotic-theme .button--primary {
        border-color: #d5a72c !important;
        background: var(--honey) !important;
        color: var(--graphite) !important;
      }

      .slotic-theme .button--primary:hover,
      .slotic-theme .button--primary:focus-visible {
        border-color: #c99a1c !important;
        background: var(--honey-hover) !important;
      }

      .slotic-theme .button--danger {
        border-color: #d7aaa2 !important;
        background: #fff8f6 !important;
        color: #8a3c32 !important;
      }

      .slotic-theme .button--danger:hover,
      .slotic-theme .button--danger:focus-visible {
        border-color: #b86b60 !important;
        background: #fcece8 !important;
        color: #6f2e26 !important;
      }

      .slotic-theme .danger-link {
        color: #93473d;
      }

      .slotic-theme .danger-link:hover,
      .slotic-theme .danger-link:focus-visible {
        color: #6f2e26;
      }

      .slotic-theme .password-toggle,
      .slotic-theme .password-toggle:hover,
      .slotic-theme .password-toggle:focus-visible {
        min-height: 38px;
        border-color: transparent;
        background: transparent;
        color: var(--warm-muted);
        transform: translateY(-50%);
      }

      .slotic-theme .password-toggle:hover,
      .slotic-theme .password-toggle:focus-visible {
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .slotic-theme .copy-code {
        min-height: 32px;
        border-color: #d8d0bd;
        background: #fffdf8;
        color: var(--graphite);
        box-shadow: none;
        transform: none;
      }

      .slotic-theme .copy-code:hover,
      .slotic-theme .copy-code:focus-visible {
        border-color: #c9a43d;
        background: var(--honey-soft);
        color: var(--graphite);
        transform: none;
      }

      .slotic-theme .item-list {
        gap: 12px;
      }

      .slotic-theme .item-list > li {
        border-color: var(--warm-line);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: none;
      }

      .slotic-theme .page > ul:not(.messages):not(.item-list),
      .slotic-theme .page > ol:not(.item-list),
      .slotic-theme .page > section > ul:not(.item-list) {
        max-width: 720px;
        padding: 18px 22px 18px 42px;
        border: 1px solid var(--warm-line);
        border-radius: 14px;
        background: #ffffff;
      }

      .slotic-theme .inline-actions {
        gap: 10px 14px;
      }

      .slotic-theme .inline-actions a:not(.button-link) {
        font-weight: 650;
      }

      .slotic-theme .slot-card {
        border-color: var(--warm-line) !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: none !important;
      }

      .slotic-theme .slot-card__time {
        color: var(--graphite);
      }

      .slotic-theme .slot-card__status {
        background: var(--honey-soft);
        color: #54471f;
        box-shadow: inset 0 0 0 1px #ecd58d;
      }

      .slotic-theme .slot-card--past {
        border-color: #e3e0d8 !important;
        background: #f7f6f2 !important;
        color: #77736b;
      }

      .slotic-theme .slot-card--past .slot-card__status {
        background: #ebe9e3;
        color: #66625a;
        box-shadow: none;
      }

      .slotic-theme .booking-choice {
        border-color: var(--warm-line);
        border-radius: 14px;
        background: var(--cream);
      }

      .slotic-theme .booking-choice__option {
        border-color: var(--warm-line);
        border-radius: 10px;
        background: #ffffff;
      }

      .slotic-theme .booking-choice__option:has(input:checked) {
        border-color: #d9b34d;
        background: var(--honey-soft);
      }

      .slotic-theme .booking-guidance {
        border-color: #ead9a8;
        border-radius: 12px;
        background: #fffaf0;
        color: #5f594b;
      }

      .slotic-theme .master-dashboard {
        grid-template-rows: minmax(340px, auto) minmax(170px, auto);
        min-height: 0;
      }

      .slotic-theme .dashboard-panel {
        border-color: var(--warm-line);
        border-radius: 16px;
        background: #ffffff;
        box-shadow: none;
      }

      .slotic-theme .dashboard-panel__header {
        border-bottom-color: var(--warm-line);
        background: #fffdf8;
      }

      .slotic-theme .dashboard-panel__header h2 {
        color: var(--graphite);
      }

      .slotic-theme .dashboard-list > li {
        border-bottom-color: var(--warm-line);
      }

      .slotic-theme .dashboard-list .slot-card {
        border-color: var(--warm-line) !important;
      }

      .slotic-theme .service-card {
        border-color: var(--warm-line) !important;
        background: #ffffff !important;
        box-shadow: none !important;
      }

      .slotic-theme .service-card:hover,
      .slotic-theme .service-card:focus-visible {
        border-color: #d2b65e !important;
        background: #fffdf8 !important;
        box-shadow: none !important;
      }

      .slotic-theme .service-card__status {
        background: var(--honey-soft);
        color: #57491e;
      }

      .slotic-theme .service-card__meta {
        display: none;
      }

      .slotic-theme .booking-card__meta,
      .slotic-theme .service-card__code,
      .slotic-theme .dashboard-booking span {
        color: var(--warm-muted);
      }

      .slotic-theme .messages li {
        border-color: #dfcf9e;
        border-radius: 12px;
        background: #fff9e8;
        color: #554a2c;
        box-shadow: none;
      }

      .slotic-theme .errorlist {
        border-color: #d8aaa3;
        background: #fff8f6;
        color: #833b32;
      }

      .slotic-theme .messages li.error {
        border-color: #d8aaa3;
        background: #fff8f6;
        color: #833b32;
      }

      .slotic-theme .notification-unread {
        border-color: #e1c56c !important;
        background: #fffaf0 !important;
        box-shadow: inset 4px 0 0 var(--honey) !important;
      }

      .slotic-theme .page > p:first-child > a,
      .slotic-theme .page > .inline-actions:first-child a {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        color: var(--warm-muted);
        font-size: 14px;
        font-weight: 650;
      }

      .home-page {
        color: var(--graphite);
        background-color: #fdfcf8;
        background-image: none;
      }

      .home-page .page {
        width: min(100% - 64px, 1040px);
        padding: clamp(46px, 7vw, 88px) 0 56px;
      }

      .home {
        display: grid;
        gap: clamp(50px, 7vw, 78px);
      }

      .home-intro {
        max-width: 760px;
      }

      .home-intro__eyebrow {
        display: inline-flex;
        gap: 9px;
        align-items: center;
        margin: 0 0 19px;
        color: #665f4f;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .home-intro__eyebrow::before {
        width: 14px;
        height: 14px;
        border: 2px solid var(--honey);
        background: #fff9e7;
        content: "";
        clip-path: polygon(25% 7%, 75% 7%, 100% 50%, 75% 93%, 25% 93%, 0 50%);
      }

      .home-intro h1 {
        max-width: 720px;
        margin: 0;
        color: var(--graphite);
        font-size: clamp(38px, 5vw, 58px);
        font-weight: 700;
        line-height: 1.03;
        letter-spacing: -0.045em;
      }

      .home-intro__lead {
        max-width: 670px;
        margin: 24px 0 0;
        color: var(--warm-muted);
        font-size: clamp(17px, 2vw, 20px);
        line-height: 1.65;
      }

      .home-actions {
        display: grid;
        gap: 20px;
      }

      .home-actions__heading {
        display: flex;
        gap: 18px;
        align-items: end;
        justify-content: space-between;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--warm-line);
      }

      .home-actions__heading h2 {
        margin: 0;
        color: var(--graphite);
        font-size: clamp(22px, 3vw, 28px);
        line-height: 1.2;
        letter-spacing: -0.02em;
      }

      .home-actions__heading p {
        margin: 0;
        color: var(--warm-muted);
        font-size: 14px;
      }

      .home-action-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 14px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .home-action-list > li {
        min-width: 0;
      }

      .home-action {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        align-content: start;
        min-height: 176px;
        height: 100%;
        padding: 22px;
        overflow: hidden;
        border: 1px solid var(--warm-line);
        border-radius: 16px;
        background: #ffffff;
        color: var(--graphite);
        transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
      }

      .home-action:hover,
      .home-action:focus-visible {
        border-color: #d9ca9d;
        background: #fffdf8;
        color: var(--graphite);
        transform: translateY(-2px);
      }

      .home-action:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.35);
        outline-offset: 3px;
      }

      .home-action--primary {
        border-color: #d8ad37;
        background: var(--honey);
      }

      .home-action--primary:hover,
      .home-action--primary:focus-visible {
        border-color: #c99a1c;
        background: var(--honey-hover);
      }

      .home-action__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid #e4dcc9;
        border-radius: 12px;
        background: var(--cream);
        color: var(--graphite);
      }

      .home-action--primary .home-action__icon {
        border-color: rgba(36, 35, 31, 0.18);
        background: rgba(255, 255, 255, 0.54);
      }

      .home-action__icon svg {
        width: 21px;
        height: 21px;
      }

      .home-action__copy {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .home-action__copy strong {
        padding-right: 22px;
        font-size: 17px;
        line-height: 1.3;
      }

      .home-action__copy span {
        color: var(--warm-muted);
        font-size: 14px;
        line-height: 1.5;
      }

      .home-action--primary .home-action__copy span {
        color: #4d452f;
      }

      .home-action__arrow {
        position: absolute;
        right: 20px;
        bottom: 19px;
        font-size: 22px;
        line-height: 1;
        transition: transform 0.15s ease;
      }

      .home-action:hover .home-action__arrow,
      .home-action:focus-visible .home-action__arrow {
        transform: translateX(3px);
      }

      @media (max-width: 1150px) {
        .master-calendar-layout {
          grid-template-columns: minmax(0, 1fr);
        }

        .calendar-day-panel {
          position: static;
        }

        .home-action-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 640px) {
        body {
          display: block;
        }

        .direction-side-panel,
        .master-workspace-page .direction-side-panel {
          top: var(--direction-panel-top, 92px);
          left: var(--direction-panel-left, 12px);
          width: min(272px, calc(100vw - 24px));
          max-height: calc(100vh - 24px);
        }

        .site-header {
          position: static;
          height: auto;
          overflow-y: visible;
          border-right: 0;
          border-bottom: 1px solid var(--line);
        }

        .page {
          width: min(100% - 24px, 960px);
        }

        .site-header__inner {
          width: min(100% - 24px, 960px);
          margin: 0 auto;
          gap: 8px;
          padding: 10px 0 12px;
        }

        .site-brand {
          min-height: 45px;
          padding: 0;
        }

        .site-brand__logo {
          width: 148px;
          height: 45px;
        }

        .site-brand__logo img {
          top: -46px;
          left: -20px;
          width: 187px;
        }

        .site-nav {
          display: flex;
          flex-direction: row;
          width: 100%;
          gap: 6px;
          padding-bottom: 2px;
          overflow-x: auto;
          scrollbar-width: none;
        }

        .site-nav::-webkit-scrollbar {
          display: none;
        }

        .site-nav a,
        .site-nav span {
          flex: 0 0 auto;
          min-height: 44px;
          width: auto;
          padding: 8px 12px;
          border: 1px solid var(--warm-line);
          border-radius: 10px;
          background: #fffdf8;
          box-shadow: none;
          white-space: nowrap;
        }

        .site-nav__icon-link {
          width: 100%;
          padding: 7px;
        }

        .page {
          padding: 18px 0 32px;
        }

        .slotic-theme .page {
          width: min(100% - 32px, 1040px);
          padding: 16px 0 36px;
        }

        .slotic-theme .page > h1 {
          margin-bottom: 14px;
          font-size: 32px;
          line-height: 1.12;
        }

        .slotic-theme .page > h1 + p {
          font-size: 16px;
          line-height: 1.55;
        }

        .slotic-theme .page > form {
          padding: 18px;
        }

        .home-page .page {
          width: min(100% - 32px, 1040px);
          padding: 40px 0 36px;
        }

        .home {
          gap: 44px;
        }

        .home-intro h1 {
          font-size: clamp(34px, 10vw, 44px);
        }

        .home-intro__lead {
          margin-top: 19px;
          font-size: 17px;
          line-height: 1.55;
        }

        .home-actions__heading {
          display: grid;
          gap: 7px;
          align-items: start;
        }

        .home-action-list {
          grid-template-columns: 1fr;
        }

        .home-action {
          min-height: 148px;
          padding: 19px;
        }

        .master-dashboard {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: none;
          min-height: 0;
        }

        .bookings-dashboard {
          grid-template-columns: 1fr;
        }

        .dashboard-panel--services {
          grid-row: auto;
        }

        .dashboard-panel__body {
          max-height: none;
        }

        h1 {
          font-size: 28px;
          line-height: 1.2;
        }

        h2 {
          font-size: 22px;
          line-height: 1.25;
        }

        h3 {
          font-size: 18px;
          line-height: 1.3;
        }

        button,
        .button-link {
          width: 100%;
        }

        .copy-code {
          width: auto;
        }

        .password-toggle {
          width: 38px;
        }

        .inline-actions {
          align-items: stretch;
        }

        .inline-actions a {
          display: inline-flex;
          align-items: center;
          min-height: 44px;
        }

        .month-calendar {
          padding: 12px;
        }

        .month-calendar__toolbar {
          gap: 7px;
          margin-bottom: 12px;
        }

        .month-calendar__heading h2 {
          font-size: 18px;
        }

        .month-calendar__day {
          min-height: 58px;
          margin: 1px;
          padding: 4px;
        }

        .month-calendar__day-number {
          width: 25px;
          height: 25px;
          font-size: 13px;
        }

        .month-calendar__slot-count {
          display: none;
        }

        .month-calendar__slot-mark {
          top: 9px;
          right: 8px;
        }

        .booking-choice {
          padding: 10px;
        }

        .booking-choice__option {
          width: 100%;
        }
      }

      .calendar-page .page {
        width: min(100% - 48px, 1180px);
      }

      .calendar-page .page > h1 {
        margin-bottom: 22px;
        color: var(--warm-muted);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.09em;
        text-transform: uppercase;
      }

      .calendar-page .master-calendar-layout {
        grid-template-columns: minmax(490px, 1fr) minmax(554px, 610px);
        gap: 20px;
      }

      .calendar-page .month-calendar {
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .calendar-page .calendar-day-panel {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        gap: 10px;
        overflow: visible;
        min-width: 0;
        padding-left: 16px;
        border: 0;
        border-left: 1px solid var(--warm-line);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .calendar-page .month-calendar__toolbar {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        width: min(100%, 700px);
        gap: 16px;
        margin: 0 auto 22px;
      }

      .calendar-page .month-calendar__heading h2 {
        color: var(--graphite);
        font-size: 29px;
        font-weight: 650;
        letter-spacing: -0.035em;
      }

      .calendar-page .month-calendar__heading span {
        display: none;
      }

      .calendar-page .month-calendar__arrow {
        width: 44px;
        height: 44px;
        border-color: #d9d1bf;
        border-radius: 10px;
        background: #fffefa;
        color: var(--graphite);
        box-shadow: none;
        transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
      }

      .calendar-page .month-calendar__arrow:hover,
      .calendar-page .month-calendar__arrow:focus-visible {
        border-color: #c8a13b;
        background: var(--honey-soft);
        color: var(--graphite);
        transform: translateY(-1px);
      }

      .calendar-page .month-calendar__arrow--disabled {
        border-color: #ece7dc;
        background: #f7f5ef;
        color: #b4afa4;
        transform: none;
      }

      .calendar-page .month-calendar__hive {
        max-width: 100%;
        overflow-x: visible;
      }

      .calendar-page .month-calendar__hive-inner {
        width: min(100%, 700px);
        min-width: 0;
        margin: 0 auto;
        padding: 0 1px 12px;
        container-type: inline-size;
      }

      .calendar-page .month-calendar__weekdays {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        width: calc(93.3333% - 0.4px);
        margin: 0 0 12px;
      }

      .calendar-page .month-calendar__weekdays span {
        padding: 4px 2px;
        color: #777164;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.045em;
      }

      .calendar-page .month-calendar__grid {
        display: flex;
        flex-direction: column;
      }

      .calendar-page .month-calendar__week {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 6px;
        width: calc(93.3333% - 0.4px);
      }

      .calendar-page .month-calendar__week:nth-child(even) {
        margin-left: calc(6.6667% + 0.4px);
      }

      .calendar-page .month-calendar__week + .month-calendar__week {
        margin-top: calc(-3.7cqi + 7px);
      }

      .calendar-page .month-calendar__week > :where(
        .month-calendar__day:nth-child(6):not(.month-calendar__day--empty),
        .month-calendar__day:nth-child(7):not(.month-calendar__day--empty)
      ) {
        --hive-fill: #fffaf0;
      }

      .calendar-page .month-calendar__day {
        --hive-border: #e3dccb;
        --hive-fill: #fffefa;
        --hive-inset: 1px;
        position: relative;
        isolation: isolate;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 0.88;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 12px 7px;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: var(--hive-border);
        color: var(--graphite);
        text-align: center;
        text-decoration: none;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        transition: color 0.14s ease, transform 0.14s ease;
      }

      .calendar-page .month-calendar__day::before {
        position: absolute;
        z-index: 0;
        inset: var(--hive-inset);
        background: var(--hive-fill);
        content: "";
        pointer-events: none;
        clip-path: inherit;
        transition: inset 0.14s ease, background-color 0.14s ease;
      }

      .calendar-page .month-calendar__day > * {
        position: relative;
        z-index: 1;
      }

      .calendar-page a.month-calendar__day:hover {
        --hive-border: #d7b34c;
        --hive-fill: #fff9e6;
        --hive-inset: 2px;
        z-index: 2;
        color: var(--graphite);
        transform: translateY(-1px);
      }

      .calendar-page a.month-calendar__day:focus-visible {
        --hive-border: #c49316;
        --hive-inset: 3px;
        z-index: 3;
        color: var(--graphite);
        outline: none;
      }

      .calendar-page .month-calendar__day-number {
        width: auto;
        height: auto;
        border-radius: 0;
        font-size: clamp(18px, 1.55vw, 24px);
        font-weight: 720;
        line-height: 1;
      }

      .calendar-page .month-calendar__slot-count {
        max-width: 100%;
        color: #66551f;
        font-size: 11px;
        font-weight: 680;
        line-height: 1.15;
        white-space: nowrap;
      }

      .calendar-page .month-calendar__slot-mark {
        display: none;
      }

      .calendar-page .month-calendar__day--has-slots {
        --hive-border: #dfbd4c;
        --hive-fill: #fff1ba;
      }

      .calendar-page .month-calendar__day--today {
        --hive-border: #dfd1aa;
        --hive-fill: #fffaf0;
        --hive-inset: 1px;
      }

      .calendar-page .month-calendar__day--today .month-calendar__day-number {
        width: auto;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        color: var(--graphite);
      }

      .calendar-page a.month-calendar__day.month-calendar__day--today:hover {
        --hive-border: #d3bc7b;
        --hive-fill: #fff7e3;
        --hive-inset: 1px;
      }

      .calendar-page a.month-calendar__day.month-calendar__day--selected,
      .calendar-page a.month-calendar__day.month-calendar__day--selected:hover,
      .calendar-page a.month-calendar__day.month-calendar__day--selected:focus-visible {
        --hive-border: var(--honey);
        --hive-inset: 3px;
        border: 0 !important;
        background: var(--hive-border) !important;
        color: var(--graphite) !important;
        box-shadow: none;
        transform: none;
      }

      .calendar-page a.month-calendar__day.month-calendar__day--selected:focus-visible {
        --hive-border: #b88910;
      }

      .calendar-page .month-calendar__day--selected .month-calendar__day-number,
      .calendar-page .month-calendar__day--selected .month-calendar__slot-count {
        color: var(--graphite);
        box-shadow: none;
      }

      .calendar-page .month-calendar__day--disabled {
        --hive-border: #ebe6dc;
        --hive-fill: #f5f3ed;
        color: #aaa59a;
      }

      .calendar-page .month-calendar__day--disabled .month-calendar__slot-count {
        color: #999489;
      }

      .calendar-page .month-calendar__day--empty {
        --hive-border: #f0ede5;
        --hive-fill: #f5f3ee;
        visibility: visible;
        opacity: 0.72;
      }

      .calendar-page .calendar-day-panel {
        top: 24px;
      }

      .calendar-page .calendar-day-panel__header {
        padding: 18px;
        border: 1px solid var(--graphite);
        border-radius: 16px;
        background: var(--graphite);
        color: #ffffff;
      }

      .calendar-page .calendar-day-panel__eyebrow {
        display: block;
        margin-bottom: 12px;
        color: #f0c95d;
        font-size: 11px;
        letter-spacing: 0.075em;
        opacity: 1;
      }

      .calendar-page .calendar-day-panel__selected {
        display: flex;
        gap: 14px;
        align-items: center;
      }

      .calendar-page .calendar-day-panel__date-mark {
        display: inline-grid;
        align-items: center;
        justify-content: center;
        width: 62px;
        aspect-ratio: 0.88;
        flex: 0 0 auto;
        padding: 10px 5px;
        background: #f1c854;
        color: var(--graphite);
        text-align: center;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
      }

      .calendar-page .calendar-day-panel__date-mark strong {
        font-size: 24px;
        line-height: 1;
      }

      .calendar-page .calendar-day-panel__date-mark span {
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        text-transform: lowercase;
      }

      .calendar-page .calendar-day-panel__header h2 {
        margin: 0;
        color: #ffffff;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: -0.02em;
      }

      .calendar-page .calendar-day-panel__header p {
        margin: 4px 0 0;
        color: #d9d4c8;
        font-size: 14px;
        opacity: 1;
      }

      .calendar-page .calendar-day-panel__content {
        border: 1px solid var(--warm-line);
        border-radius: 16px;
        background: #ffffff;
        padding: 12px;
      }

      .calendar-page .calendar-day-panel__summary {
        color: var(--warm-muted);
        font-size: 13px;
        font-weight: 650;
      }

      .calendar-page .calendar-day-panel__slots .slot-card {
        padding: 14px 0 0;
        border: 0 !important;
        border-top: 1px solid var(--warm-line) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
      }

      .calendar-page .calendar-day-panel__slots .slot-card__time {
        background: var(--honey-soft);
        color: var(--graphite);
        box-shadow: inset 0 0 0 1px #ead486;
      }

      .calendar-page .calendar-day-panel__empty {
        color: var(--warm-muted);
        line-height: 1.55;
      }

      .master-workspace-page .site-header__inner {
        gap: 22px;
      }

      .workspace-sidebar {
        display: grid;
        gap: 20px;
        padding-top: 2px;
        border-top: 1px solid var(--warm-line);
      }

      .workspace-sidebar__section {
        display: grid;
        gap: 10px;
        padding-top: 18px;
      }

      .workspace-sidebar__section + .workspace-sidebar__section {
        border-top: 1px solid var(--warm-line);
      }

      .workspace-sidebar__eyebrow {
        margin: 0;
        color: var(--warm-muted);
        font-size: 11px;
        font-weight: 750;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .workspace-sidebar__primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 10px 13px;
        border: 1px solid #d8ad37;
        border-radius: 11px;
        background: var(--honey);
        color: var(--graphite);
        font-size: 14px;
        font-weight: 750;
      }

      .workspace-sidebar__primary:hover,
      .workspace-sidebar__primary:focus-visible {
        border-color: #c99a1c;
        background: var(--honey-hover);
        color: var(--graphite);
      }

      .workspace-sidebar__primary--active {
        border-color: var(--graphite) !important;
        background: var(--graphite) !important;
        color: #ffffff !important;
      }

      .workspace-inline-form {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 14px;
        border: 1px solid #dcc77d;
        border-radius: 12px;
        background: #fffaf0;
        color: var(--graphite);
        animation: workspace-inline-expand 0.14s ease-out;
      }

      .workspace-inline-form *,
      .workspace-mobile-tools,
      .workspace-mobile-tools * {
        box-sizing: border-box;
      }

      @keyframes workspace-inline-expand {
        from {
          opacity: 0;
          transform: translateY(-3px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .workspace-inline-form {
          animation: none;
        }
      }

      .workspace-inline-form form {
        width: 100%;
        max-width: none;
      }

      .workspace-inline-form__heading {
        display: flex;
        gap: 10px;
        align-items: start;
        justify-content: space-between;
        margin-bottom: 12px;
      }

      .workspace-inline-form__heading h3,
      .workspace-inline-form__heading p {
        margin: 0;
      }

      .workspace-inline-form__heading h3 {
        font-size: 15px;
      }

      .workspace-inline-form__heading p,
      .workspace-inline-form__hint {
        color: var(--warm-muted);
        font-size: 11px;
        line-height: 1.4;
      }

      .workspace-inline-form__heading > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        margin: -10px -10px 0 0;
        border-radius: 9px;
        color: var(--warm-muted);
        font-size: 22px;
        line-height: 1;
      }
      .workspace-inline-form p {
        margin-bottom: 11px;
      }

      .workspace-inline-form label {
        margin-bottom: 4px;
        font-size: 12px;
      }

      .workspace-inline-form input,
      .workspace-inline-form select,
      .workspace-inline-form textarea {
        min-width: 0;
        border-color: #d8cfbc;
        background: #ffffff;
        font-size: 13px;
      }

      .workspace-inline-form textarea {
        min-height: 64px;
        resize: vertical;
      }

      .workspace-inline-form--service textarea {
        min-height: 72px;
      }

      .workspace-inline-form__context {
        margin: 0 0 10px !important;
        color: var(--warm-muted);
        font-size: 12px;
        line-height: 1.35;
      }

      .workspace-inline-form__context strong {
        color: var(--graphite);
      }

      .workspace-inline-form__time-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .workspace-inline-form__field {
        min-width: 0;
        margin-bottom: 10px;
      }

      .workspace-inline-form__field--price {
        width: min(100%, 150px);
      }

      .workspace-inline-form__field--checkbox {
        margin-top: 2px;
      }

      .workspace-inline-form__field--checkbox label {
        display: flex;
        gap: 8px;
        align-items: center;
        min-height: 44px;
        margin: 0;
        cursor: pointer;
        font-weight: 650;
      }

      .workspace-inline-form__field--checkbox input {
        width: 18px;
        min-width: 18px;
        height: 18px;
        min-height: 18px;
        margin: 0;
      }

      .workspace-inline-form__field .errorlist {
        margin-bottom: 5px;
      }

      .workspace-inline-form .errorlist {
        margin-bottom: 6px;
        padding: 8px 9px;
        font-size: 11px;
      }

      .workspace-inline-form__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }

      .workspace-inline-form__actions > * {
        min-height: 44px;
        flex: 1 1 110px;
        font-size: 12px;
      }

      .workspace-inline-form__actions .button--secondary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 9px 12px;
        border: 1px solid #cfc5b0;
        border-radius: 9px;
        background: #ffffff;
        color: var(--graphite);
      }

      .workspace-inline-form__actions--stacked > * {
        flex-basis: 100%;
      }

      .workspace-inline-form__conflicts h4 {
        margin: 0 0 6px;
        font-size: 14px;
      }

      .workspace-inline-form__conflict {
        padding: 9px 0;
        border-top: 1px solid #e5d9ba;
        font-size: 11px;
      }

      .workspace-inline-form__conflict ul {
        margin: 5px 0 0;
        padding-left: 18px;
      }

      .workspace-sidebar__heading {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
      }

      .workspace-sidebar__heading h2 {
        margin: 0;
        color: var(--graphite);
        font-size: 14px;
        font-weight: 750;
      }

      .workspace-sidebar__heading > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        background: #efe9dc;
        color: var(--warm-muted);
        font-size: 11px;
        font-weight: 750;
      }

      .workspace-service-list,
      .workspace-booking-list {
        display: grid;
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .workspace-service-list > li {
        position: relative;
        padding: 10px;
        border: 1px solid #e5dece;
        border-radius: 12px;
        background: #fffdfa;
      }

      .workspace-service-list > li.workspace-service-card--hidden {
        border-color: #ded9cf;
        background: #f6f4ef;
      }

      .workspace-service-card--hidden .workspace-service__identity {
        opacity: 0.72;
      }

      .workspace-service-list > li.workspace-service-card--active {
        border-color: #c9a53f;
        box-shadow: inset 3px 0 0 var(--honey);
      }

      .workspace-service {
        min-height: 34px;
        color: var(--graphite);
      }

      .workspace-service__identity {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .workspace-service strong {
        overflow: hidden;
        font-size: 13px;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .workspace-service small {
        color: var(--warm-muted);
        font-size: 11px;
      }

      .workspace-service__actions {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-top: 6px;
      }

      .workspace-service__actions .copy-code {
        min-height: 32px;
        padding: 5px 8px;
        font-size: 11px;
      }

      .workspace-service__actions > a {
        margin-left: auto;
        color: #66551f;
        font-size: 12px;
        font-weight: 750;
      }

      .workspace-service-menu {
        position: relative;
        display: block;
        width: 34px;
        height: 34px;
        margin-left: auto;
      }

      .slotic-theme .workspace-service-menu__trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        padding: 0;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: var(--graphite);
        box-shadow: none;
        font-size: 18px;
        font-weight: 750;
        letter-spacing: -0.08em;
        line-height: 1;
      }

      .slotic-theme .workspace-service-menu__trigger:hover,
      .slotic-theme .workspace-service-menu__trigger:focus-visible,
      .slotic-theme .workspace-service-menu__trigger[aria-expanded="true"] {
        border-color: transparent;
        background: transparent;
        color: #66551f;
      }

      .slotic-theme .workspace-service-menu__trigger:focus-visible {
        outline: 2px solid rgba(201, 154, 28, 0.46);
        outline-offset: 1px;
      }

      .workspace-service-menu__panel {
        position: absolute;
        z-index: 30;
        top: calc(100% + 2px);
        right: 0;
        display: grid;
        width: 154px;
        min-width: 154px;
        max-width: min(180px, calc(100vw - 24px));
        overflow: hidden;
        border: 1px solid #ddd3bd;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 14px 34px rgba(54, 47, 32, 0.18);
      }

      .workspace-service-menu__panel[hidden] {
        display: none;
      }

      .workspace-service-menu__panel form {
        margin: 0;
        width: 100%;
        max-width: none;
      }

      .workspace-service-menu__panel a,
      .workspace-service-menu__panel button {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 38px;
        padding: 7px 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--graphite);
        font: inherit;
        font-size: 12px;
        font-weight: 700;
        justify-content: center;
        text-align: center;
      }

      .workspace-service-menu__panel > * + *,
      .workspace-service-menu__panel > form + * {
        border-top: 1px solid var(--warm-line);
      }

      .workspace-service-menu__panel a:hover,
      .workspace-service-menu__panel a:focus-visible,
      .workspace-service-menu__panel button:hover,
      .workspace-service-menu__panel button:focus-visible {
        background: var(--honey-soft);
        color: var(--graphite);
        outline: none;
      }

      .workspace-service-menu__panel .workspace-service-menu__danger {
        color: #a6332b;
      }

      .workspace-service-menu__panel .workspace-service-menu__danger:hover,
      .workspace-service-menu__panel .workspace-service-menu__danger:focus-visible {
        background: #fff0ed;
        color: #8e241e;
      }

      .workspace-service-menu__fallback {
        display: grid;
        gap: 6px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--warm-line);
      }

      .workspace-service-menu__fallback form {
        margin: 0;
      }

      .calendar-service-filter {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        gap: 6px;
        align-items: center;
        min-width: 0;
        margin-bottom: 14px;
        padding: 4px 9px 4px 4px;
        border: 1px solid #d9c26e;
        border-radius: 999px;
        background: #fff8dc;
        color: var(--graphite);
        font-size: 12px;
      }

      .calendar-service-filter span {
        min-width: 0;
      }

      .calendar-service-filter strong {
        display: inline-block;
        max-width: min(42vw, 280px);
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
      }

      .calendar-service-filter a {
        flex: 0 0 auto;
        justify-content: center;
        width: 28px;
        min-width: 28px;
        height: 28px;
        min-height: 28px;
        display: inline-flex;
        align-items: center;
        padding: 0;
        border-radius: 50%;
        color: #66551f;
        font-size: 18px;
        font-weight: 750;
        line-height: 1;
      }

      .calendar-service-filter a:hover,
      .calendar-service-filter a:focus-visible {
        background: #f2df9c;
        color: var(--graphite);
      }

      .workspace-booking-list a {
        display: grid;
        gap: 2px;
        min-height: 44px;
        padding: 9px 10px;
        border-radius: 10px;
        background: #fffdfa;
        color: var(--graphite);
      }

      .workspace-booking-list a:hover,
      .workspace-booking-list a:focus-visible {
        background: var(--honey-soft);
      }

      .workspace-booking-list time {
        font-size: 13px;
        font-weight: 750;
      }

      .workspace-booking-list span,
      .workspace-booking-list small,
      .workspace-sidebar__empty {
        color: var(--warm-muted);
        font-size: 11px;
        line-height: 1.4;
      }

      .workspace-sidebar__empty {
        margin: 0;
      }

      .services-panel-modal {
        position: fixed;
        z-index: 80;
        inset: 0;
        display: grid;
        place-items: center;
        padding: 24px;
      }

      .services-panel-modal__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(36, 35, 31, 0.42);
        backdrop-filter: blur(3px);
      }

      .services-panel {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 22px;
        width: min(780px, 100%);
        max-height: min(820px, calc(100vh - 48px));
        padding: 28px;
        overflow: auto;
        border: 1px solid #ddcfab;
        border-radius: 22px;
        background: #fffdf8;
        box-shadow: 0 24px 70px rgba(32, 28, 21, 0.28);
      }

      .services-panel__header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
      }

      .services-panel__header span {
        display: block;
        margin-bottom: 3px;
        color: var(--warm-muted);
        font-size: 13px;
        font-weight: 700;
      }

      .services-panel__header h2 {
        margin: 0;
        color: var(--graphite);
        font-size: clamp(26px, 4vw, 34px);
        line-height: 1.05;
      }

      .services-panel__close {
        display: grid;
        flex: 0 0 auto;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 1px solid #e5d9bf;
        border-radius: 50%;
        background: #fff;
        color: var(--graphite);
        font-size: 25px;
        line-height: 0;
        padding: 0 0 3px;
      }

      .services-panel__create {
        justify-self: start;
        min-height: 46px;
        padding: 11px 18px;
        font-size: 15px;
      }

      .services-panel__columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 14px;
      }

      .services-panel__list {
        display: grid;
        gap: 14px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .services-panel__list > .workspace-service-card {
        display: grid;
        grid-template-rows: 1fr auto;
        gap: 18px;
        min-height: 178px;
        padding: 20px;
        border: 1px solid #e4d9c4;
        border-radius: 17px;
        background: #fff;
        box-shadow: 0 7px 18px rgba(52, 42, 23, 0.06);
      }

      .services-panel__list .workspace-service__identity { gap: 9px; }

      .services-panel__list .workspace-service__identity > strong {
        color: var(--graphite);
        font-size: 20px;
        line-height: 1.2;
      }

      .services-panel__list .workspace-service__identity > small {
        color: #6a6254;
        font-size: 14px;
        line-height: 1.45;
      }

      .services-panel__list .workspace-service__actions {
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: space-between;
        padding-top: 13px;
        border-top: 1px solid #eee5d4;
        font-size: 14px;
        font-weight: 700;
      }

      .services-panel__empty {
        display: grid;
        gap: 7px;
        min-height: 170px;
        padding: 26px;
        border: 1px dashed #d8c9aa;
        border-radius: 17px;
        background: #fffaf0;
        color: var(--warm-muted);
        font-size: 15px;
      }

      .services-panel__empty strong {
        color: var(--graphite);
        font-size: 18px;
      }

      @media (max-width: 620px) {
        .services-panel-modal { padding: 12px; }
        .services-panel { max-height: calc(100vh - 24px); padding: 20px; border-radius: 18px; }
        .services-panel__columns { grid-template-columns: 1fr; }
        .services-panel__list > .workspace-service-card { min-height: 0; }
      }

      .master-workspace-page .page {
        width: min(100% - 24px, 1440px);
      }

      .workspace-title {
        display: flex;
        gap: 20px;
        align-items: end;
        justify-content: space-between;
        margin-bottom: 22px;
      }

      .workspace-title span {
        display: block;
        margin-bottom: 6px;
        color: var(--warm-muted);
        font-size: 12px;
        font-weight: 750;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .workspace-title h1 {
        margin: 0;
        color: var(--graphite);
        font-size: 31px;
        font-weight: 680;
        letter-spacing: -0.035em;
      }

      .workspace-title__action,
      .workspace-mobile-tools {
        display: none;
      }

      .calendar-page .month-calendar__day--partial {
        --hive-border: #d6ad32;
        --hive-fill: #f8dfa0;
      }

      .calendar-page .month-calendar__day--full {
        --hive-border: #47453f;
        --hive-fill: #47453f;
        color: #ffffff;
      }

      .calendar-page .month-calendar__day--full .month-calendar__slot-count {
        color: #f2d87f;
      }

      .calendar-page a.month-calendar__day--selected.month-calendar__day--full {
        color: #ffffff !important;
      }

      .calendar-page
        .month-calendar__day--selected.month-calendar__day--full
        .month-calendar__day-number {
        color: #ffffff;
      }

      .calendar-page
        .month-calendar__day--selected.month-calendar__day--full
        .month-calendar__slot-count {
        color: #f2d87f;
      }

      .calendar-page .month-calendar__day--past {
        --hive-border: #e5e1d8;
        --hive-fill: #f4f2ed;
        color: #9c978d;
      }

      .calendar-page .month-calendar__day--past .month-calendar__slot-count {
        color: #aaa59b;
      }

      .calendar-page a.month-calendar__day.month-calendar__day--selected,
      .calendar-page a.month-calendar__day.month-calendar__day--selected:hover,
      .calendar-page a.month-calendar__day.month-calendar__day--selected:focus-visible {
        --hive-border: var(--honey);
        --hive-inset: 3px;
        background: var(--honey) !important;
      }

      .calendar-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 18px;
        width: min(100%, 700px);
        margin: 8px auto 0;
        color: var(--warm-muted);
        font-size: 11px;
      }

      .calendar-legend > span {
        display: inline-flex;
        gap: 7px;
        align-items: center;
      }

      .calendar-legend__mark {
        display: inline-block;
        width: 15px;
        height: 17px;
        flex: 0 0 auto;
        border: 1px solid #dfbd4c;
        background: #fff1ba;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
      }

      .calendar-legend__mark--partial {
        border-color: #d6ad32;
        background: #f8dfa0;
      }

      .calendar-legend__mark--full {
        border-color: #47453f;
        background: #47453f;
      }

      .calendar-legend__mark--empty {
        border-color: #e3dccb;
        background: #fffefa;
      }

      .calendar-legend__mark--muted {
        border-color: #e5e1d8;
        background: #f1efea;
      }

      .calendar-day-panel__placeholder,
      .client-slots-panel__placeholder {
        display: grid;
        justify-items: center;
        padding: 34px 24px;
        border: 1px solid var(--warm-line);
        border-radius: 16px;
        background: #fffdfa;
        color: var(--warm-muted);
        text-align: center;
      }

      .calendar-day-panel__placeholder h2,
      .client-slots-panel__placeholder h2 {
        margin: 14px 0 4px;
        color: var(--graphite);
        font-size: 20px;
      }

      .calendar-day-panel__placeholder p,
      .client-slots-panel__placeholder p {
        margin: 0;
      }

      .calendar-day-panel__placeholder-mark,
      .client-slots-panel__placeholder-mark {
        width: 42px;
        height: 48px;
        border: 1px solid #d8c277;
        background: #fff5d4;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
      }

      .calendar-day-panel__actions {
        display: grid;
        gap: 6px;
        margin-top: 14px;
      }

      .calendar-day-panel__actions > a,
      .calendar-day-panel__service-action > a {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        padding: 8px 11px;
        border: 1px solid var(--warm-line);
        border-radius: 9px;
        color: var(--graphite);
        font-size: 13px;
        font-weight: 700;
      }

      .calendar-day-panel__quick-heading {
        display: flex;
        gap: 10px;
        align-items: baseline;
        justify-content: space-between;
      }

      .calendar-day-panel__quick-heading h3 {
        margin: 0;
        color: var(--graphite);
        font-size: 14px;
      }

      .calendar-day-panel__quick-heading span {
        color: var(--warm-muted);
        font-size: 11px;
      }

      .calendar-day-panel__workspace {
        display: grid;
        grid-template-columns: minmax(264px, 1fr) minmax(240px, 280px);
        gap: 16px;
        min-width: 0;
        min-height: 0;
      }

      .calendar-day-panel__creation,
      .calendar-day-panel__slot-list {
        min-width: 0;
        min-height: 0;
      }

      .calendar-day-panel__slot-list {
        padding-left: 16px;
        border-left: 1px solid var(--warm-line);
      }

      .calendar-day-panel__section-heading {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        min-height: 32px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--warm-line);
        background: #ffffff;
      }

      .calendar-day-panel__section-heading h3 {
        margin: 0;
        color: var(--graphite);
        font-size: 14px;
      }

      .calendar-day-panel__section-heading span {
        color: var(--warm-muted);
        font-size: 11px;
      }

      .calendar-day-panel__slot-list
        .calendar-day-panel__section-heading
        > span {
        display: inline-grid;
        min-width: 28px;
        min-height: 24px;
        padding: 2px 8px;
        place-items: center;
        border-radius: 999px;
        background: var(--honey-soft);
        color: #5b4a18;
        font-weight: 750;
      }

      .calendar-day-panel__creation .calendar-day-panel__actions {
        margin-top: 10px;
      }

      .calendar-day-panel__empty--creation,
      .calendar-day-panel__empty--slots {
        margin-top: 10px;
        padding: 12px;
        border-radius: 10px;
        background: #fffdfa;
        font-size: 12px;
      }

      .calendar-day-panel__empty--creation .button-link {
        width: 100%;
        margin-top: 8px;
      }

      .calendar-day-panel__service-action {
        min-width: 0;
      }

      .calendar-day-panel__service-action--open {
        border-radius: 11px;
        background: #fffaf0;
        box-shadow: inset 0 0 0 1px #dcc77d;
      }

      .calendar-day-panel__service-action--open > a {
        border-color: transparent;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background: var(--honey-soft);
      }

      .calendar-day-panel__service-action .workspace-inline-form {
        border: 0;
        border-top: 1px solid #dcc77d;
        border-radius: 0 0 11px 11px;
      }

      .calendar-day-panel__slot-list .calendar-day-panel__slots {
        gap: 7px;
        margin-top: 10px;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .calendar-day-panel__slots
        .slot-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 10px 9px 10px 12px !important;
        border: 1px solid var(--warm-line) !important;
        border-left: 3px solid #e4bd43 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        transition:
          border-color 160ms ease,
          box-shadow 160ms ease,
          transform 160ms ease;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .calendar-day-panel__slots
        .slot-card:hover {
        border-color: #d8bf78 !important;
        box-shadow: 0 7px 18px rgba(62, 52, 28, 0.07) !important;
        transform: translateY(-1px);
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__body {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__header {
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__time {
        min-height: 0;
        padding: 0;
        background: transparent;
        color: var(--graphite);
        font-size: 14px;
        font-variant-numeric: tabular-nums;
        box-shadow: none;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__status {
        flex: 0 0 auto;
        min-height: 22px;
        padding: 2px 7px;
        font-size: 10px;
        font-weight: 750;
        white-space: nowrap;
        box-shadow: none;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__service {
        display: block;
        overflow: hidden;
        min-height: 0;
        color: var(--graphite);
        font-size: 12px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__facts {
        gap: 4px 12px;
        font-size: 11px;
        font-variant-numeric: tabular-nums;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__client {
        gap: 1px 8px;
        margin-top: 4px;
        padding: 6px 0 0;
        font-size: 11px;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__client span {
        font-size: 11px;
      }

      .slot-card__facts {
        display: flex;
        flex-wrap: wrap;
        gap: 7px 14px;
        color: var(--warm-muted);
        font-size: 13px;
      }

      .calendar-page .calendar-day-panel .slot-card__service,
      .calendar-page .calendar-day-panel .danger-link {
        display: flex;
        align-items: center;
        min-height: 44px;
      }

      .calendar-page
        .calendar-day-panel__slot-list
        .slot-card__body
        .slot-card__service {
        display: block;
        min-height: 0;
      }

      .slot-card__client {
        display: grid;
        gap: 2px;
        padding: 10px 0;
        border-top: 1px solid var(--warm-line);
      }

      .slot-card__client span {
        color: var(--warm-muted);
        font-size: 13px;
      }

      .slot-card__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-top: 4px;
      }

      .slot-card__action-form {
        display: inline-flex;
        width: auto;
        margin: 0 !important;
      }

      .calendar-page .slot-card__action,
      .my-bookings-page .slot-card__action {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: none;
        min-height: 28px;
        padding: 4px 8px;
        border: 1px solid #e0bcb5 !important;
        border-radius: 8px;
        background: #fffafa !important;
        color: #87463d !important;
        font: inherit;
        font-size: 11px;
        font-weight: 650;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: none !important;
      }

      .calendar-page .slot-card__action:hover,
      .calendar-page .slot-card__action:focus-visible,
      .my-bookings-page .slot-card__action:hover,
      .my-bookings-page .slot-card__action:focus-visible {
        transform: none;
        border-color: #c9776b !important;
        background: #fff2f0 !important;
        color: #71372f !important;
      }

      :is(.booking-calendar-page, .public-service-page) .page {
        width: min(100% - 48px, 1180px);
      }

      .public-service-header {
        display: flex;
        gap: 32px;
        align-items: end;
        justify-content: space-between;
        margin-bottom: 34px;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--warm-line);
      }

      .public-service-header__eyebrow {
        display: block;
        margin-bottom: 8px;
        color: #786a42;
        font-size: 12px;
        font-weight: 750;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .public-service-header h1 {
        margin: 0;
        color: var(--graphite);
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 680;
        line-height: 1.08;
        letter-spacing: -0.04em;
      }

      .public-service-header p {
        max-width: 650px;
        margin: 12px 0 0;
        color: var(--warm-muted);
        font-size: 16px;
        line-height: 1.55;
      }

      .public-service-header__price {
        display: grid;
        gap: 3px;
        flex: 0 0 auto;
        text-align: right;
      }

      .public-service-header__price span {
        color: var(--warm-muted);
        font-size: 12px;
      }

      .public-service-header__price strong {
        color: var(--graphite);
        font-size: 20px;
      }

      .client-booking-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 30px;
        align-items: start;
      }

      .booking-back-link {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        margin: 0;
        color: #6d5a1c;
        font-size: 14px;
        font-weight: 720;
        text-decoration: none;
      }

      .booking-selection-context {
        display: flex;
        gap: 12px;
        align-items: center;
        margin: -10px 0 18px;
      }

      .booking-selection-context p {
        margin: 0;
        color: var(--warm-muted);
        font-size: 12px;
      }

      .booking-selection-context strong {
        color: var(--graphite);
        font-weight: 700;
      }

      .booking-back-link:hover,
      .booking-back-link:focus-visible {
        color: var(--graphite);
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      /* Public booking uses the same honeycomb calendar language as the master's workspace. */
      .public-service-page .booking-hive-calendar {
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .public-service-page .booking-hive-calendar .month-calendar__toolbar {
        width: min(100%, 700px);
        gap: 16px;
        margin: 0 auto 22px;
      }

      .public-service-page .booking-hive-calendar .month-calendar__heading h2 {
        color: var(--graphite);
        font-size: clamp(24px, 2.5vw, 29px);
        font-weight: 650;
        letter-spacing: -0.035em;
      }

      .public-service-page .booking-hive-calendar .month-calendar__arrow {
        border-color: #d9d1bf;
        border-radius: 10px;
        background: #fffefa;
        color: var(--graphite);
        box-shadow: none;
      }

      .public-service-page .booking-hive-calendar .month-calendar__arrow:hover,
      .public-service-page .booking-hive-calendar .month-calendar__arrow:focus-visible {
        border-color: #c8a13b;
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .public-service-page .booking-hive-calendar .month-calendar__hive {
        max-width: 100%;
        overflow: visible;
      }

      .public-service-page .booking-hive-calendar .month-calendar__hive-inner {
        width: min(100%, 700px);
        min-width: 0;
        margin: 0 auto;
        padding: 0 1px 12px;
        container-type: inline-size;
      }

      .public-service-page .booking-hive-calendar .month-calendar__weekdays {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        width: calc(93.3333% - 0.4px);
        margin: 0 0 12px;
      }

      .public-service-page .booking-hive-calendar .month-calendar__weekdays span {
        padding: 4px 2px;
        color: #777164;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.045em;
      }

      .public-service-page .booking-hive-calendar .month-calendar__grid {
        display: flex;
        flex-direction: column;
      }

      .public-service-page .booking-hive-calendar .month-calendar__week {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 6px;
        width: calc(93.3333% - 0.4px);
      }

      .public-service-page .booking-hive-calendar .month-calendar__week:nth-child(even) {
        margin-left: calc(6.6667% + 0.4px);
      }

      .public-service-page .booking-hive-calendar .month-calendar__week + .month-calendar__week {
        margin-top: calc(-3.7cqi + 7px);
      }

      .public-service-page .booking-hive-calendar .month-calendar__day {
        --hive-border: #e3dccb;
        --hive-fill: #fffefa;
        --hive-inset: 1px;
        position: relative;
        isolation: isolate;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 0.88;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 10px 5px;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: var(--hive-border);
        color: var(--graphite);
        text-align: center;
        text-decoration: none;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        transition: color 0.14s ease, transform 0.14s ease;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day::before {
        position: absolute;
        z-index: 0;
        inset: var(--hive-inset);
        background: var(--hive-fill);
        content: "";
        pointer-events: none;
        clip-path: inherit;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day > * {
        position: relative;
        z-index: 1;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day-number {
        width: auto;
        height: auto;
        border-radius: 0;
        font-size: clamp(17px, 1.5vw, 23px);
        font-weight: 720;
        line-height: 1;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--available {
        --hive-border: #dfbd4c;
        --hive-fill: #fff1ba;
        cursor: pointer;
      }

      .public-service-page .booking-hive-calendar a.month-calendar__day--available:hover,
      .public-service-page .booking-hive-calendar a.month-calendar__day--available:focus-visible {
        --hive-border: #d7b34c;
        --hive-fill: #fff9e6;
        --hive-inset: 2px;
        z-index: 2;
        color: var(--graphite);
        outline: none;
        transform: translateY(-1px);
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--today {
        --hive-border: #dfd1aa;
        --hive-fill: #fffaf0;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--today .month-calendar__day-number {
        color: var(--graphite);
        box-shadow: none;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--no-slots,
      .public-service-page .booking-hive-calendar .month-calendar__day--disabled {
        --hive-border: #ebe8e1;
        --hive-fill: #f5f4f0;
        color: #b3afa7;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--empty {
        --hive-border: #f0ede5;
        --hive-fill: #f5f3ee;
        visibility: visible;
        opacity: 0.72;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--selected,
      .public-service-page .booking-hive-calendar a.month-calendar__day--selected:hover,
      .public-service-page .booking-hive-calendar a.month-calendar__day--selected:focus-visible {
        --hive-border: var(--honey);
        --hive-fill: #fff1ba;
        --hive-inset: 3px;
        color: var(--graphite) !important;
        box-shadow: none;
        transform: none;
      }

      .public-service-page .booking-hive-calendar .month-calendar__day--selected .month-calendar__day-number {
        color: var(--graphite) !important;
        box-shadow: none;
      }

      :is(.booking-calendar-page, .public-service-page) .month-calendar__day--available {
        --hive-border: #dfbd4c;
        --hive-fill: #fff0b5;
      }

      :is(.booking-calendar-page, .public-service-page) .month-calendar__availability-mark {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #9b7610;
      }

      :is(.booking-calendar-page, .public-service-page) .month-calendar__day--selected .month-calendar__availability-mark {
        background: #f3cc5d;
      }

      :is(.booking-calendar-page, .public-service-page) .month-calendar__day--no-slots {
        --hive-border: #e7e1d4;
        --hive-fill: #fffefa;
        color: #777267;
      }

      :is(.booking-calendar-page, .public-service-page) .month-calendar__day--past,
      :is(.booking-calendar-page, .public-service-page) .month-calendar__day--disabled {
        --hive-border: #ebe8e1;
        --hive-fill: #f5f4f0;
        color: #b3afa7;
      }

      :is(.booking-calendar-page, .public-service-page) span.month-calendar__day--selected {
        --hive-border: #cab46e;
        --hive-fill: #f7f0d8;
        --hive-inset: 2px;
        border: 0 !important;
        background: var(--hive-border) !important;
        color: var(--graphite) !important;
        box-shadow: none;
      }

      .client-slots-panel {
        position: sticky;
        top: 24px;
        min-width: 0;
        padding-left: 24px;
        border-left: 1px solid var(--warm-line);
      }

      .client-slots-panel__header {
        padding: 18px 20px;
        border-radius: 16px 16px 0 0;
        background: var(--graphite);
        color: #ffffff;
      }

      .client-slots-panel__header > span {
        color: #f0c95d;
        font-size: 11px;
        font-weight: 750;
        letter-spacing: 0.075em;
        text-transform: uppercase;
      }

      .client-slots-panel__header h2 {
        margin: 10px 0 0;
        color: #ffffff;
        font-size: 20px;
      }

      .client-slots-panel__header p {
        margin: 3px 0 0;
        color: #d9d4c8;
        font-size: 14px;
      }

      .client-slots-panel__content {
        padding: 18px;
        border: 1px solid var(--warm-line);
        border-top: 0;
        border-radius: 0 0 16px 16px;
        background: #ffffff;
      }

      .client-slots-panel__lead {
        margin: 0 0 12px;
        color: var(--warm-muted);
        font-size: 13px;
        font-weight: 700;
      }

      .client-slot-list {
        display: grid;
        gap: 9px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .client-slot {
        overflow: hidden;
        border: 1px solid var(--warm-line);
        border-radius: 12px;
        background: #fffefa;
      }

      .client-slot summary {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
        min-height: 58px;
        padding: 10px 12px;
        cursor: pointer;
        list-style: none;
      }

      .client-slot summary::-webkit-details-marker {
        display: none;
      }

      .client-slot summary::after {
        flex: 0 0 auto;
        color: #806818;
        font-size: 17px;
        content: "+";
      }

      .client-slot[open] summary::after {
        content: "−";
      }

      .client-slot__time {
        color: var(--graphite);
        font-size: 16px;
        font-weight: 780;
        white-space: nowrap;
      }

      .client-slot__facts {
        display: grid;
        gap: 1px;
        margin-left: auto;
        color: var(--warm-muted);
        font-size: 11px;
        text-align: right;
      }

      .client-slot__facts strong {
        color: var(--graphite);
        font-size: 13px;
      }

      .client-slot__booking {
        padding: 14px;
        border-top: 1px solid var(--warm-line);
        background: #ffffff;
      }

      .client-slot__booking > p:first-child {
        margin-top: 0;
      }

      .client-slot__booking form {
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .client-slot__booking form p {
        margin: 0 0 12px;
      }

      .client-slot__booking form button {
        width: 100%;
        min-height: 44px;
      }

      .client-slots-panel__empty {
        margin: 0;
        border: 0;
        background: transparent;
      }

      .client-slots-panel__empty > :first-child {
        margin-top: 0;
      }

      .client-slots-panel__empty > :last-child {
        margin-bottom: 0;
      }

      @media (min-width: 1361px) {
        .calendar-page .month-calendar {
          position: sticky;
          top: 24px;
        }

        .calendar-page .calendar-day-panel {
          position: sticky;
          top: 24px;
          max-height: calc(100dvh - 181px);
          overflow: hidden;
        }

        .calendar-page .calendar-day-panel__workspace {
          overflow: hidden;
        }

        .calendar-page .calendar-day-panel__creation,
        .calendar-page .calendar-day-panel__slot-list {
          overflow-y: auto;
          overscroll-behavior: contain;
          scrollbar-gutter: stable;
        }

        .calendar-page .calendar-day-panel__section-heading {
          position: sticky;
          top: 0;
          z-index: 2;
        }
      }

      @media (max-width: 1360px) {
        .calendar-page .master-calendar-layout {
          grid-template-columns: minmax(0, 1fr);
          gap: 24px;
        }

        .calendar-page .calendar-day-panel {
          position: static;
          padding-left: 0;
          border-left: 0;
        }

        .client-booking-layout {
          grid-template-columns: minmax(0, 1fr);
          gap: 24px;
        }

        .client-slots-panel {
          position: static;
          padding-left: 0;
          border-left: 0;
        }
      }

      @media (max-width: 800px) {
        .calendar-page .calendar-day-panel__workspace {
          grid-template-columns: minmax(0, 1fr);
          gap: 18px;
          overflow: visible;
        }

        .calendar-page .calendar-day-panel__creation,
        .calendar-page .calendar-day-panel__slot-list {
          overflow: visible;
        }

        .calendar-page .calendar-day-panel__slot-list {
          padding: 16px 0 0;
          border-top: 1px solid var(--warm-line);
          border-left: 0;
        }
      }

      @media (max-width: 640px) {
        .calendar-page .page {
          width: min(100% - 24px, 1180px);
          padding-top: 16px;
        }

        .calendar-page .page > h1 {
          margin-bottom: 20px;
          font-size: 13px;
        }

        .calendar-page .master-calendar-layout {
          gap: 18px;
        }

        .calendar-page .month-calendar {
          padding: 0;
          border-radius: 0;
        }

        .calendar-page .month-calendar__toolbar {
          gap: 10px;
          margin-bottom: 16px;
        }

        .calendar-page .month-calendar__heading h2 {
          font-size: 20px;
        }

        .calendar-page .month-calendar__hive {
          margin: 0;
          padding: 0 0 8px;
          overflow: visible;
        }

        .calendar-page .month-calendar__hive-inner {
          min-width: 0;
        }

        .calendar-page .month-calendar__week {
          gap: 1px;
        }

        .calendar-page .month-calendar__week + .month-calendar__week {
          margin-top: calc(-3.7cqi + 6px);
        }

        .calendar-page .month-calendar__day {
          padding: 10px 5px;
        }

        .calendar-page .month-calendar__day-number {
          font-size: 18px;
        }

        .calendar-page .calendar-day-panel {
          border-radius: 15px;
        }

        .calendar-page .calendar-day-panel__header {
          padding: 18px;
        }

        .calendar-page .calendar-day-panel__content {
          padding: 16px;
        }

        .master-workspace-page {
          display: block;
        }

        .site-nav {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
        }

        .site-nav a,
        .site-nav span {
          width: 100%;
          white-space: normal;
        }

        .workspace-sidebar {
          display: none;
        }

        .master-workspace-page .page,
        :is(.booking-calendar-page, .public-service-page) .page {
          width: min(100% - 16px, 1180px);
        }

        .public-service-page .booking-hive-calendar .month-calendar__toolbar {
          grid-template-columns: 40px minmax(0, 1fr) 40px;
          gap: 8px;
          margin-bottom: 16px;
        }

        .booking-selection-context {
          align-items: flex-start;
          flex-direction: column;
          gap: 0;
          margin-bottom: 14px;
        }

        .public-service-page .booking-hive-calendar .month-calendar__arrow {
          width: 40px;
          height: 40px;
        }

        .public-service-page .booking-hive-calendar .month-calendar__heading h2 {
          font-size: 20px;
        }

        .public-service-page .booking-hive-calendar .month-calendar__week {
          gap: 1px;
        }

        .public-service-page .booking-hive-calendar .month-calendar__week + .month-calendar__week {
          margin-top: calc(-3.7cqi + 6px);
        }

        .public-service-page .booking-hive-calendar .month-calendar__day {
          padding: 8px 3px;
        }

        .workspace-title {
          margin-bottom: 14px;
          padding: 0 4px;
        }

        .workspace-title h1 {
          font-size: 27px;
        }

        .workspace-mobile-tools {
          display: block;
          min-width: 0;
          max-width: 100%;
          margin-bottom: 18px;
          overflow: visible;
          border: 1px solid var(--warm-line);
          border-radius: 12px;
          background: #fffdfa;
        }

        .workspace-mobile-tools summary {
          display: flex;
          align-items: center;
          min-height: 44px;
          padding: 10px 12px;
          color: var(--graphite);
          cursor: pointer;
          font-size: 13px;
          font-weight: 750;
        }

        .workspace-mobile-tools__content {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 10px;
          min-width: 0;
          max-width: 100%;
          padding: 0 12px 12px;
          overflow: visible;
          border-top: 1px solid var(--warm-line);
        }

        .workspace-mobile-tools__content > .button-link {
          width: auto;
          margin-top: 12px;
        }

        .workspace-mobile-tools__content > * {
          min-width: 0;
          max-width: 100%;
        }

        .workspace-mobile-tools .workspace-inline-form {
          margin-top: 0;
        }

        .workspace-mobile-tools ul {
          display: grid;
          gap: 8px;
          margin: 0;
          padding: 0;
          list-style: none;
        }

        .workspace-mobile-tools li {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          align-items: center;
        }

        .workspace-mobile-tools li a {
          display: flex;
          align-items: center;
          min-height: 44px;
          padding: 8px 10px;
          border: 1px solid var(--warm-line);
          border-radius: 9px;
          color: var(--graphite);
          font-size: 12px;
          font-weight: 700;
        }

        .workspace-mobile-tools .workspace-service-list {
          width: 100%;
        }

        .workspace-mobile-tools .workspace-service-list > li {
          display: block;
          min-width: 0;
        }

        .workspace-mobile-tools .workspace-service-menu__panel a,
        .workspace-mobile-tools .workspace-service-menu__panel button {
          min-height: 42px;
          padding: 8px 10px;
          border: 0;
          border-radius: 0;
        }

        .calendar-service-filter {
          margin-right: 4px;
          margin-left: 4px;
        }

        .calendar-service-filter strong {
          max-width: 45vw;
        }

        .workspace-inline-form {
          padding: 12px;
          overflow: hidden;
        }

        .workspace-inline-form__actions {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
        }

        .workspace-inline-form__actions > * {
          width: 100%;
        }

        .calendar-legend {
          gap: 8px 13px;
          padding: 0 4px;
        }

        .public-service-header {
          display: grid;
          gap: 16px;
          margin-bottom: 22px;
          padding: 0 4px 18px;
        }

        .public-service-header h1 {
          font-size: 31px;
        }

        .public-service-header__price {
          text-align: left;
        }

        .client-slots-panel__content {
          padding: 14px;
        }

        .client-slot summary {
          min-height: 60px;
          padding: 10px;
        }

        .client-slot__booking {
          padding: 12px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .calendar-page .month-calendar__day,
        .calendar-page .month-calendar__day::before,
        .calendar-page .month-calendar__arrow {
          transition: none;
        }
      }

      .profile-page .page {
        width: min(100% - 48px, 900px);
        padding-top: 20px;
      }

      .profile-shell {
        display: grid;
        gap: 28px;
      }

      .profile-heading {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 24px;
        align-items: center;
      }

      .profile-heading h1 {
        margin: 3px 0 8px;
        font-size: clamp(36px, 5vw, 54px);
        font-weight: 650;
        letter-spacing: -0.045em;
      }

      .profile-heading p {
        max-width: 590px;
        margin: 0;
        color: var(--warm-muted);
        font-size: 16px;
        line-height: 1.6;
      }

      .profile-heading__eyebrow {
        color: #98771c;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .profile-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 1px solid #dfd3b3;
        border-radius: 50%;
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .profile-avatar--large {
        width: 116px;
        height: 116px;
        font-size: 34px;
      }

      .profile-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .profile-card {
        overflow: hidden;
        border: 1px solid var(--warm-line);
        border-radius: 20px;
        background: #fffefb;
      }

      .profile-form {
        display: grid;
        gap: 22px;
        max-width: none;
        padding: 30px;
      }

      .profile-form__field {
        min-width: 0;
      }

      .profile-form__field label {
        margin-bottom: 8px;
        color: var(--graphite);
        font-size: 14px;
      }

      .profile-form__field input[type="text"],
      .profile-form__field input[type="file"] {
        width: 100%;
        min-height: 48px;
      }

      .profile-form__field input[type="file"] {
        overflow: hidden;
        padding: 8px;
        border: 1px dashed #d7c89f;
        border-radius: 12px;
        background: #fffaf0;
        text-overflow: ellipsis;
      }

      .profile-form__field input[type="file"]::file-selector-button {
        min-height: 38px;
        margin-right: 12px;
        padding: 7px 12px;
        border: 1px solid #d8c899;
        border-radius: 9px;
        background: #ffffff;
        color: var(--graphite);
        cursor: pointer;
        font-weight: 700;
      }

      .profile-form__hint {
        margin: 7px 0 0;
        color: var(--warm-muted);
        font-size: 13px;
        line-height: 1.45;
      }

      .profile-form .errorlist {
        margin: 7px 0 0;
        color: #9c2929;
        font-size: 13px;
        line-height: 1.45;
      }

      .profile-save {
        width: fit-content;
        min-width: 150px;
        min-height: 48px;
      }

      .profile-directions {
        display: grid;
        gap: 10px;
        padding: 20px 30px;
        border-bottom: 1px solid var(--warm-line);
        overflow: visible;
      }

      .profile-directions h2 {
        margin: 0;
        color: var(--graphite);
        font-size: 18px;
      }

      .profile-directions > div > p {
        margin: 6px 0 0;
        color: var(--warm-muted);
        font-size: 13px;
      }

      .profile-directions__list {
        position: absolute;
        z-index: 20;
        top: calc(100% + 6px);
        left: 0;
        width: 100%;
        max-height: 280px;
        margin: 0;
        padding: 5px;
        overflow-y: auto;
        border: 1px solid #d8bb54;
        border-radius: 10px;
        background: #fffefa;
        box-shadow: 0 12px 28px rgba(45, 37, 22, .18);
        list-style: none;
      }

      .profile-directions__list form,
      .profile-directions__create form {
        margin: 0;
        width: 100%;
        min-width: 0;
        max-width: 100%;
      }

      .profile-directions__choice {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        min-height: 36px;
        padding: 7px 9px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: var(--text);
        font: inherit;
        text-align: left;
        box-shadow: none;
      }

      .profile-directions__choice:hover,
      .profile-directions__choice:focus-visible {
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .profile-directions__choice--active {
        background: var(--honey-soft);
        color: var(--graphite);
      }

      .profile-directions__choice span {
        color: #746126;
        font-size: 11px;
        font-weight: 750;
      }

      .profile-directions__create {
        color: var(--accent-dark);
        font-size: 13px;
        font-weight: 700;
      }

      .profile-directions__create summary {
        width: fit-content;
        cursor: pointer;
      }

      .profile-directions__switcher {
        position: relative;
        width: min(100%, 430px);
        max-width: 100%;
        min-width: 0;
      }

      .profile-directions__controls {
        display: flex;
        align-items: center;
        width: min(100%, 430px);
        max-width: 100%;
        gap: 8px;
      }

      .profile-directions__controls .profile-directions__switcher {
        flex: 1 1 auto;
        width: auto;
      }

      .profile-direction-settings {
        position: relative;
        flex: 0 0 auto;
      }

      .slotic-theme .profile-direction-settings > summary {
        display: grid;
        width: 44px;
        min-height: 44px;
        place-items: center;
        border: 0;
        border-radius: 10px;
        padding: 0;
        background: transparent;
        color: var(--warm-muted);
        cursor: pointer;
        list-style: none;
        box-shadow: none;
        transform: none;
      }

      .profile-direction-settings > summary::-webkit-details-marker { display: none; }
      .profile-direction-settings > summary::marker { content: ""; }
      .profile-direction-settings > summary svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .slotic-theme .profile-direction-settings > summary:hover,
      .slotic-theme .profile-direction-settings[open] > summary {
        border: 0;
        background: transparent;
        color: #806216;
        transform: none;
      }

      .slotic-theme .profile-direction-settings > summary:focus-visible {
        outline: 3px solid rgba(230, 184, 63, 0.24);
        outline-offset: 1px;
        color: #806216;
      }

      .profile-direction-settings__form {
        position: absolute;
        z-index: 55;
        top: calc(100% + 8px);
        right: 0;
        display: grid;
        width: min(350px, calc(100vw - 48px));
        gap: 12px;
        border: 1px solid #d8bb54;
        border-radius: 12px;
        padding: 16px;
        background: #fffefa;
        box-shadow: 0 14px 32px rgba(45, 37, 22, 0.18);
      }

      .profile-direction-settings__form label {
        display: grid;
        gap: 5px;
        color: var(--graphite);
        font-size: 12px;
        font-weight: 650;
      }

      .profile-direction-settings__form input,
      .profile-direction-settings__form textarea {
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #d9d1bf;
        border-radius: 9px;
        padding: 9px 10px;
        background: #fff;
        color: var(--graphite);
        font: inherit;
        font-size: 14px;
        font-weight: 400;
      }

      .profile-direction-settings__form input { min-height: 40px; }
      .profile-direction-settings__form textarea { min-height: 76px; resize: vertical; }
      .profile-direction-settings__form input:focus,
      .profile-direction-settings__form textarea:focus {
        border-color: #c79b26;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(230, 184, 63, 0.2);
      }

      .profile-direction-settings__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .profile-direction-settings__actions .button-link {
        display: grid;
        min-height: 38px;
        place-items: center;
        padding: 8px 10px;
        text-align: center;
      }

      html[data-theme] .slotic-theme .profile-direction-settings__delete {
        justify-self: start;
        min-height: 28px;
        margin-top: 2px;
        padding: 0;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none;
        color: #b23c32;
        font: inherit;
        font-size: 13px;
        font-weight: 400;
        cursor: pointer;
        transform: none;
      }
      html[data-theme] .slotic-theme .profile-direction-settings__delete:hover,
      html[data-theme] .slotic-theme .profile-direction-settings__delete:focus-visible {
        border: 0 !important;
        background: transparent !important;
        color: #b23c32;
        transform: none;
      }
      html[data-theme] .slotic-theme .profile-direction-settings__delete:focus-visible { outline: 2px solid #c79b26; outline-offset: 4px; }
      html[data-theme="dark"] .slotic-theme .profile-direction-settings__delete { color: #f09a8d; }
      html[data-theme="dark"] .slotic-theme .profile-direction-settings__delete:hover,
      html[data-theme="dark"] .slotic-theme .profile-direction-settings__delete:focus-visible { color: #f09a8d; }

      .profile-directions__switcher summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid #d9d1bf;
        border-radius: 10px;
        background: #fffefa;
        color: var(--graphite);
        cursor: pointer;
        list-style: none;
      }

      .profile-directions__switcher summary::-webkit-details-marker { display: none; }
      .profile-directions__switcher summary::marker { content: ""; }
      .profile-directions__switcher summary strong {
        min-width: 0;
        overflow: hidden;
        font: inherit;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .profile-directions__switcher summary::after {
        display: grid;
        width: 20px;
        height: 20px;
        place-items: center;
        color: var(--warm-muted);
        font-size: 18px;
        line-height: 1;
        content: "⌄";
      }

      .profile-directions__switcher[open] summary {
        border-color: #c79b26;
        box-shadow: 0 0 0 3px rgba(230, 184, 63, 0.24);
      }

      .profile-directions__create form {
        display: grid;
        gap: 10px;
        max-width: 460px;
        margin-top: 14px;
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: var(--page-bg);
        box-sizing: border-box;
      }

      .profile-directions__create label {
        display: grid;
        gap: 5px;
        color: var(--text);
        font-size: 13px;
        font-weight: 650;
      }

      .profile-directions__create input:not([type="checkbox"]),
      .profile-directions__create textarea {
        width: 100%;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 8px 10px;
        background: var(--surface);
        color: var(--text);
        font: inherit;
      }

      .profile-directions__submit {
        justify-self: start;
        width: auto;
        max-width: 100%;
        min-height: 36px;
        padding: 7px 10px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface);
        color: var(--accent-dark);
        box-shadow: none;
        font: inherit;
        font-weight: 700;
      }

      .profile-directions__submit:hover,
      .profile-directions__submit:focus-visible {
        border-color: var(--accent);
        background: var(--page-bg);
        color: var(--accent-dark);
      }

      .profile-secondary-action,
      .profile-logout {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        padding: 22px 30px;
        border-top: 1px solid var(--warm-line);
      }

      .profile-secondary-action strong,
      .profile-logout strong {
        color: var(--graphite);
        font-size: 14px;
      }

      .profile-secondary-action p,
      .profile-logout p {
        margin: 4px 0 0;
        color: var(--warm-muted);
        font-size: 13px;
      }

      .profile-secondary-action form,
      .profile-logout form {
        flex: 0 0 auto;
        margin: 0;
      }

      .profile-personal-bookings__popover {
        position: fixed;
        z-index: 60;
        width: min(420px, calc(100vw - 32px));
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 12px;
        border: 1px solid var(--warm-line);
        border-radius: 14px;
        background: var(--surface);
        box-shadow: 0 18px 48px rgba(45, 37, 22, .28);
      }

      .profile-personal-bookings__popover ul {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .profile-personal-bookings__popover li {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 9px 8px;
        border-radius: 8px;
      }

      .profile-personal-bookings__popover li + li {
        border-top: 1px solid var(--warm-line);
      }

      .profile-personal-bookings__popover time,
      .profile-personal-bookings__popover strong {
        display: block;
      }

      .profile-personal-bookings__popover time {
        color: var(--warm-muted);
        font-size: 12px;
      }

      .profile-personal-bookings__popover strong {
        overflow: hidden;
        color: var(--graphite);
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .profile-personal-bookings__popover a {
        color: #963d33;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
      }

      .profile-personal-bookings__popover a:hover,
      .profile-personal-bookings__popover a:focus-visible {
        color: #71372f;
        text-decoration: underline;
        text-underline-offset: 2px;
      }

      .profile-personal-bookings__popover > p {
        margin: 6px 8px;
        color: var(--warm-muted);
        font-size: 13px;
      }

      .profile-personal-bookings__history {
        margin-top: 8px;
        padding-top: 10px;
        border-top: 1px solid var(--warm-line);
      }

      .profile-personal-bookings__history-heading {
        margin: 0 8px 4px;
      }

      .profile-personal-bookings__history-heading > span {
        color: var(--warm-muted);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
      }

      .profile-personal-bookings__history li {
        grid-template-columns: minmax(0, 1fr);
        opacity: .62;
      }

      html[data-theme="dark"] .profile-personal-bookings__popover strong {
        color: #f4f1e8;
      }

      html[data-theme="dark"] .profile-personal-bookings__popover time,
      html[data-theme="dark"] .profile-personal-bookings__popover > p,
      html[data-theme="dark"] .profile-personal-bookings__history-heading > span {
        color: #d4d0c5;
      }

      html[data-theme="dark"] .profile-personal-bookings__popover a {
        color: #ffaaa3;
      }

      .button-link--quiet,
      .button-link--danger-outline {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 9px 14px;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: none;
        font-weight: 700;
      }

      .profile-page .button-link--quiet {
        border: 1px solid #d8c899;
        background: #ffffff;
        color: var(--graphite);
        box-shadow: none;
      }

      .profile-page .button-link--danger-outline {
        border: 1px solid #d9aaaa;
        background: #ffffff;
        color: #8a2f2f;
        box-shadow: none;
      }

      .profile-page .button-link--danger-outline:hover,
      .profile-page .button-link--danger-outline:focus-visible {
        border-color: #b96d6d;
        background: #fff7f7;
        color: #712121;
      }

      .profile-appearance {
        position: relative;
        display: flex;
        gap: 24px;
        align-items: center;
        justify-content: space-between;
        padding: 22px 24px;
        border: 1px solid var(--warm-line);
        border-radius: 18px;
        background: #fffefb;
      }

      .profile-appearance__copy {
        min-width: 0;
      }

      .profile-appearance__copy h2 {
        margin: 3px 0 5px;
        font-size: 21px;
        line-height: 1.25;
      }

      .profile-appearance__copy p {
        margin: 0;
        color: var(--warm-muted);
        font-size: 13px;
      }

      .theme-switch {
        display: grid;
        grid-template-columns: repeat(2, minmax(112px, 1fr));
        gap: 4px;
        flex: 0 0 auto;
        padding: 4px;
        border: 1px solid var(--warm-line);
        border-radius: 13px;
        background: #f3efe4;
      }

      .slotic-theme .theme-switch__option {
        gap: 8px;
        min-height: 46px;
        padding: 9px 13px;
        border: 1px solid transparent;
        border-radius: 9px;
        background: transparent;
        color: var(--warm-muted);
        box-shadow: none;
        transform: none;
      }

      .slotic-theme .theme-switch__option:hover,
      .slotic-theme .theme-switch__option:focus-visible {
        border-color: #d8c899;
        background: rgba(255, 255, 255, 0.58);
        color: var(--graphite);
        transform: none;
      }

      .slotic-theme .theme-switch__option[aria-pressed="true"] {
        border-color: #d6ad32;
        background: #ffffff;
        color: var(--graphite);
        box-shadow: 0 2px 8px rgba(54, 48, 33, 0.08);
      }

      .theme-switch__option svg {
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .theme-switch__status {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      html[data-theme="dark"] {
        color-scheme: dark;
      }

      html[data-theme="dark"] body.slotic-theme {
        --accent: #f0c64f;
        --accent-dark: #ffe08a;
        --accent-soft: #3a3118;
        --honey: #f0c64f;
        --honey-hover: #e0b540;
        --honey-soft: #3a3118;
        --cream: #1a1b17;
        --graphite: #f4f1e8;
        --warm-muted: #aaa69b;
        --warm-line: #3b3b34;
        --text: #f4f1e8;
        --muted: #aaa69b;
        --line: #3b3b34;
        --surface: #20211d;
        --warm-surface: #252620;
        --page-bg: #131410;
        --shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
        --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.22);
        --shadow-sm: 0 3px 10px rgba(0, 0, 0, 0.2);
        color: var(--text);
        background-color: var(--page-bg);
        background-image: none;
      }

      html[data-theme="dark"] .center-welcome__action {
        color: #262217;
      }

      html[data-theme="dark"] .center-day--today {
        border-color: #c49c34;
        box-shadow: inset 0 3px 0 #f0c64f, var(--shadow-sm);
      }

      html[data-theme="dark"] .center-day__bookings li {
        background: #3a3118;
      }

      html[data-theme="dark"] .center-day__bookings time {
        color: #ffe28a;
      }

      html[data-theme="dark"] .center-week {
        border-color: #565143;
        background: #292a24;
      }

      html[data-theme="dark"] .center-week__month,
      html[data-theme="dark"] .center-week__day-heading strong { color: #f4f1e8; }
      html[data-theme="dark"] .center-week__day-heading { color: #c5c0b3; }
      html[data-theme="dark"] .center-week__day-heading--today { color: #ffe18a; }
      html[data-theme="dark"] .center-week__day-heading--today strong { background: #8f7227; }
      html[data-theme="dark"] .center-week__times,
      html[data-theme="dark"] .center-week__days { border-color: #565143; }
      html[data-theme="dark"] .center-week__times span { color: #bdb8aa; }
      html[data-theme="dark"] .center-week__day {
        border-color: #4d4a41;
        background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 43px, #48453d 43px, #48453d 44px);
      }
      html[data-theme="dark"] .center-week__day--today { background-color: rgba(143, 114, 39, 0.18); }
      html[data-theme="dark"] .center-booking { border-color: #9c7b25; border-left-color: #d1a933; background: #44391d; color: #fff0bd; box-shadow: none; }
      html[data-theme="dark"] .center-booking time { color: #ffe18a; }
      html[data-theme="dark"] .center-booking--past { border-color: #55564e; border-left-color: #77776d; background: #30312c; color: #96978f; }
      html[data-theme="dark"] .center-booking--past time { color: #81827b; }

      html[data-theme="dark"] .site-header {
        border-color: var(--warm-line);
        background: rgba(25, 26, 22, 0.98);
      }

      html[data-theme="dark"] .public-theme-switch {
        border-color: #4e4b40;
        background: #24251f;
      }

      html[data-theme="dark"] .slotic-theme .public-theme-switch__option {
        color: #cbc6b8 !important;
      }

      html[data-theme="dark"] .public-theme-switch__option + .public-theme-switch__option {
        border-left-color: #4e4b40;
      }

      html[data-theme="dark"] .public-theme-switch__option:hover,
      html[data-theme="dark"] .public-theme-switch__option:focus-visible {
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme .public-theme-switch__option[aria-pressed="true"] {
        color: #ffe28a !important;
      }

      html[data-theme="dark"] .public-theme-switch::before {
        background: #44391d;
      }

      html[data-theme="dark"] .slotic-theme .master-booking-link__copy,
      html[data-theme="dark"] .slotic-theme .master-booking-link__share {
        border-color: #4e4b40 !important;
        background: #24251f !important;
        color: #f4f1e8 !important;
      }

      html[data-theme="dark"] .master-booking-link__copy:hover,
      html[data-theme="dark"] .master-booking-link__copy:focus-visible,
      html[data-theme="dark"] .master-booking-link__share:hover,
      html[data-theme="dark"] .master-booking-link__share:focus-visible {
        border-color: #78672f;
        background: #332d1a;
        color: #ffe28a !important;
      }

      html[data-theme="dark"] .master-booking-link__menu button {
        color: #d7d3c8 !important;
      }

      html[data-theme="dark"] .master-booking-link__menu button:hover,
      html[data-theme="dark"] .master-booking-link__menu button:focus-visible {
        background: transparent;
        color: #fff0b8 !important;
      }

      html[data-theme="dark"] .master-booking-link__status {
        color: #72d99a;
      }

      html[data-theme="dark"] .direction-selector__current-control,
      html[data-theme="dark"] .direction-selector__panel,
      html[data-theme="dark"] .direction-side-panel__body,
      html[data-theme="dark"] .direction-side-panel__body::before {
        border-color: var(--warm-line);
        background: var(--surface);
        color: var(--graphite);
      }

      html[data-theme="dark"] .direction-selector__current-control:hover,
      html[data-theme="dark"] .direction-selector__current-control:focus-within {
        border-color: #d6ad32;
        background: #252620;
        box-shadow: 0 5px 14px rgba(240, 198, 79, 0.18);
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__menu-button--current {
        border-left-color: var(--warm-line);
        color: #d8d4c9;
        background: transparent;
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__menu-button--current:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__menu-button--current:focus-visible {
        border-color: #d6ad32;
        background: #332d1a;
        color: #ffe28a;
        box-shadow: 0 3px 10px rgba(240, 198, 79, 0.22);
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__menu-button:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__menu-button:focus-visible,
      html[data-theme="dark"] .slotic-theme .direction-selector__compact-action:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__compact-action:focus-visible,
      html[data-theme="dark"] .slotic-theme .direction-selector__create:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__create:focus-visible,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__close:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__close:focus-visible {
        background: #2a2b25;
        color: var(--graphite);
      }

      html[data-theme="dark"] .direction-selector__panel {
        border-color: #58574d;
        background: #20211d;
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__choice {
        color: #e2ded3;
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__choice:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__choice:focus-visible {
        background: #332d1a;
        color: #ffe28a;
        box-shadow: inset 0 0 0 1px #8c7430;
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__choice--active {
        background: #3a3118;
        color: #ffe28a;
        box-shadow: inset 0 0 0 1px #a98731;
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__create {
        border-top-color: #58574d;
        color: #ffe08a;
      }

      html[data-theme="dark"] .slotic-theme .direction-selector__create:hover,
      html[data-theme="dark"] .slotic-theme .direction-selector__create:focus-visible {
        border-color: #8c7430;
        background: #332d1a;
        color: #ffe28a;
        box-shadow: inset 0 0 0 1px #8c7430;
      }

      html[data-theme="dark"] .direction-side-panel__menu > .direction-delete-trigger {
        border-top: 1px solid var(--warm-line);
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:focus-visible {
        border: 0;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy {
        background: transparent;
        box-shadow: none;
        font-family: inherit;
      }

      html[data-theme="dark"] .direction-side-panel__form label,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy {
        color: #cfcbc0;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--edit:focus-visible {
        border-color: #4b4a42;
        background: #292a25;
        color: #f1eee5;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__compact-action--copy:focus-visible {
        border-color: #665b35;
        background: #302c1f;
        color: #ead177;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__danger:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__menu .direction-selector__danger:focus-visible {
        border-color: #70443f;
        background: #3a2320;
        color: #ffaaa3;
      }

      html[data-theme="dark"] .site-brand,
      html[data-theme="dark"] .site-brand:hover,
      html[data-theme="dark"] .site-brand:focus-visible,
      html[data-theme="dark"] .site-nav a,
      html[data-theme="dark"] .site-profile-dock > a {
        color: var(--graphite);
      }

      html[data-theme="dark"] .site-brand__logo img {
        filter: brightness(1.13) contrast(1.06);
      }

      html[data-theme="dark"] .site-nav a:hover,
      html[data-theme="dark"] .site-nav a:focus-visible,
      html[data-theme="dark"] .site-profile-dock > a:hover,
      html[data-theme="dark"] .site-profile-dock > a:focus-visible {
        border-color: #514a31;
        background: #27271f;
        color: var(--graphite);
      }

      html[data-theme="dark"] .site-nav .site-nav__active,
      html[data-theme="dark"] .site-profile-dock > a.site-nav__active {
        border-color: #685b2c;
        background: var(--honey-soft);
        color: #ffe28a;
      }

      html[data-theme="dark"] .site-nav__notification-dot {
        border-color: #191a16;
      }

      html[data-theme="dark"] .site-nav__avatar,
      html[data-theme="dark"] .profile-avatar {
        border-color: #675a31;
        background: var(--honey-soft);
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme a {
        color: #e8c65c;
        text-decoration-color: rgba(232, 198, 92, 0.42);
      }

      html[data-theme="dark"] .slotic-theme a:hover,
      html[data-theme="dark"] .slotic-theme a:focus-visible {
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme input,
      html[data-theme="dark"] .slotic-theme select,
      html[data-theme="dark"] .slotic-theme textarea {
        border-color: #4a4940;
        background: #1b1c18;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme input:hover,
      html[data-theme="dark"] .slotic-theme select:hover,
      html[data-theme="dark"] .slotic-theme textarea:hover {
        border-color: #666255;
      }

      html[data-theme="dark"] .slotic-theme input:focus,
      html[data-theme="dark"] .slotic-theme select:focus,
      html[data-theme="dark"] .slotic-theme textarea:focus {
        border-color: var(--honey);
        background: #20211d;
        box-shadow: 0 0 0 3px rgba(240, 198, 79, 0.2);
      }

      html[data-theme="dark"] .slotic-theme input::placeholder,
      html[data-theme="dark"] .slotic-theme textarea::placeholder {
        color: #77766d;
      }

      html[data-theme="dark"] .slotic-theme .yellow-select__trigger { border-color: #4a4940; background: #1b1c18; color: #f4f1e8; }
      html[data-theme="dark"] .slotic-theme .yellow-select__trigger:hover { border-color: #666255; }
      html[data-theme="dark"] .slotic-theme .yellow-select__list { border-color: #4a4940; background: #1b1c18; }
      html[data-theme="dark"] .slotic-theme .yellow-select__list button { color: #f4f1e8; }
      html[data-theme="dark"] .slotic-theme .yellow-select__list button:hover, html[data-theme="dark"] .slotic-theme .yellow-select__list button:focus-visible { background: #4b3d12; color: #fff0bd; }

      html[data-theme="dark"] .slotic-theme .profile-direction-settings > summary { background: transparent; color: #cbc6b8; }
      html[data-theme="dark"] .slotic-theme .profile-direction-settings > summary:hover,
      html[data-theme="dark"] .slotic-theme .profile-direction-settings[open] > summary { background: transparent; color: #ffe18a; }
      html[data-theme="dark"] .profile-direction-settings__form {
        border-color: #4a4940;
        background: #1b1c18;
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
      }
      html[data-theme="dark"] .profile-direction-settings__form label { color: #e5e1d6; }
      html[data-theme="dark"] .profile-direction-settings__form input,
      html[data-theme="dark"] .profile-direction-settings__form textarea {
        border-color: #4a4940;
        background: #24251f;
        color: #f4f1e8;
      }
      html[data-theme="dark"] .profile-direction-settings__form input:focus,
      html[data-theme="dark"] .profile-direction-settings__form textarea:focus {
        border-color: #d9ad32;
        box-shadow: 0 0 0 3px rgba(217, 173, 50, 0.2);
      }

      html[data-theme="dark"] .profile-directions__switcher summary {
        border-color: #4a4940;
        background: #1b1c18;
        color: #f4f1e8;
      }
      html[data-theme="dark"] .profile-directions__switcher[open] summary { border-color: #c79b26; }
      html[data-theme="dark"] .profile-directions__list {
        border-color: #4a4940;
        background: #1b1c18;
      }
      html[data-theme="dark"] .profile-directions__choice { color: #f4f1e8; }
      html[data-theme="dark"] .profile-directions__choice:hover,
      html[data-theme="dark"] .profile-directions__choice:focus-visible,
      html[data-theme="dark"] .profile-directions__choice--active { background: #4b3d12; color: #fff0bd; }

      html[data-theme="dark"] .slotic-theme input[type="checkbox"],
      html[data-theme="dark"] .slotic-theme input[type="radio"] {
        accent-color: var(--honey);
      }

      html[data-theme="dark"] .slotic-theme label {
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .page > form,
      html[data-theme="dark"] .slotic-theme .item-list > li,
      html[data-theme="dark"] .slotic-theme .page > ul:not(.messages):not(.item-list),
      html[data-theme="dark"] .slotic-theme .page > ol:not(.item-list),
      html[data-theme="dark"] .slotic-theme .page > section > ul:not(.item-list),
      html[data-theme="dark"] .slotic-theme .dashboard-panel,
      html[data-theme="dark"] .slotic-theme .service-card,
      html[data-theme="dark"] .slotic-theme .slot-card,
      html[data-theme="dark"] .profile-card,
      html[data-theme="dark"] .profile-appearance {
        border-color: var(--warm-line) !important;
        background: #1e1f1b !important;
        color: var(--text);
      }

      html[data-theme="dark"] .slotic-theme .dashboard-panel__header {
        border-color: var(--warm-line);
        background: #24251f;
      }

      html[data-theme="dark"] .slotic-theme .service-card:hover,
      html[data-theme="dark"] .slotic-theme .service-card:focus-visible {
        border-color: #746431 !important;
        background: #24251f !important;
      }

      html[data-theme="dark"] .slotic-theme .button--secondary,
      html[data-theme="dark"] .slotic-theme .inline-actions button,
      html[data-theme="dark"] .button-link--quiet {
        border-color: #525046;
        background: #24251f;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .button--secondary:hover,
      html[data-theme="dark"] .slotic-theme .button--secondary:focus-visible,
      html[data-theme="dark"] .slotic-theme .inline-actions button:hover,
      html[data-theme="dark"] .slotic-theme .inline-actions button:focus-visible,
      html[data-theme="dark"] .button-link--quiet:hover,
      html[data-theme="dark"] .button-link--quiet:focus-visible {
        border-color: #746431;
        background: #2c2b22;
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme button,
      html[data-theme="dark"] .slotic-theme .button-link,
      html[data-theme="dark"] .slotic-theme .button--primary {
        color: #24231f;
      }

      html[data-theme="dark"] .slotic-theme .button--primary {
        color: #24231f !important;
      }

      html[data-theme="dark"] .slotic-theme .page > form.notifications-mark-all {
        border: 0 !important;
        background: transparent !important;
        color: inherit;
      }

      html[data-theme="dark"] .slotic-theme .notifications-mark-all__button {
        border: 0 !important;
        background: transparent !important;
        color: #ffe28a !important;
      }

      html[data-theme="dark"] .slotic-theme .notifications-mark-all__button:hover,
      html[data-theme="dark"] .slotic-theme .notifications-mark-all__button:focus-visible {
        border: 0 !important;
        background: transparent !important;
        color: #fff3bd !important;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__close {
        border-color: #5a5543;
        background: #292a24;
        color: #f4f1e8 !important;
      }

      html[data-theme="dark"] .slotic-theme .direction-side-panel__close:hover,
      html[data-theme="dark"] .slotic-theme .direction-side-panel__close:focus-visible {
        border-color: #d6ad32;
        background: #332d1a;
        color: #ffe28a !important;
        box-shadow: 0 3px 10px rgba(240, 198, 79, 0.2);
      }

      html[data-theme="dark"] .profile-page .button-link--quiet {
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .password-toggle,
      html[data-theme="dark"] .slotic-theme .password-toggle:hover,
      html[data-theme="dark"] .slotic-theme .password-toggle:focus-visible {
        background: transparent;
        color: var(--warm-muted);
      }

      html[data-theme="dark"] .slotic-theme .password-toggle:hover,
      html[data-theme="dark"] .slotic-theme .password-toggle:focus-visible {
        background: var(--honey-soft);
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme .button--danger {
        border-color: #774943 !important;
        background: #34211f !important;
        color: #ffb5aa !important;
      }

      html[data-theme="dark"] .slotic-theme .button--danger:hover,
      html[data-theme="dark"] .slotic-theme .button--danger:focus-visible {
        border-color: #a76459 !important;
        background: #452824 !important;
        color: #ffd0c8 !important;
      }

      html[data-theme="dark"] .profile-page .button-link--danger-outline {
        border-color: #70443f;
        background: #24201e;
        color: #f0aaa0;
      }

      html[data-theme="dark"] .profile-page .button-link--danger-outline:hover,
      html[data-theme="dark"] .profile-page .button-link--danger-outline:focus-visible {
        border-color: #9b5c52;
        background: #35231f;
        color: #ffd0c8;
      }

      html[data-theme="dark"] .slotic-theme .copy-code {
        border-color: #4e4b40;
        background: #24251f;
        color: #e7c65e;
      }

      html[data-theme="dark"] .slotic-theme .copy-code:hover,
      html[data-theme="dark"] .slotic-theme .copy-code:focus-visible {
        border-color: #78672f;
        background: var(--honey-soft);
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme .messages li {
        border-color: #66582b;
        background: #2d2818;
        color: #eadcae;
      }

      html[data-theme="dark"] .slotic-theme .errorlist {
        border-color: #70443f;
        background: #33211f;
        color: #f0aaa0;
      }

      html[data-theme="dark"] .slotic-theme .messages li.error {
        border-color: #70443f;
        background: #33211f;
        color: #f0aaa0;
      }

      html[data-theme="dark"] .slotic-theme .notification-unread {
        border-color: #75652f !important;
        background: #2c2819 !important;
      }

      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item--read {
        border-color: #3c3d37 !important;
        background: #292a26 !important;
        color: #898a82;
      }

      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item__title {
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item__message {
        color: #f4f1e8;
      }

      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item__date {
        color: #bbb8ad;
      }

      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item--read .notification-item__title,
      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item--read .notification-item__message,
      html[data-theme="dark"] .slotic-theme .notifications-list .notification-item--read .notification-item__date {
        color: inherit;
      }

      html[data-theme="dark"] .slotic-theme .booking-choice {
        border-color: var(--warm-line);
        background: #181914;
      }

      html[data-theme="dark"] .slotic-theme .booking-choice__option {
        border-color: var(--warm-line);
        background: #22231e;
      }

      html[data-theme="dark"] .slotic-theme .booking-choice__option:has(input:checked) {
        border-color: #75652f;
        background: var(--honey-soft);
      }

      html[data-theme="dark"] .slotic-theme .booking-guidance {
        border-color: #6d5e2e;
        background: #2b2718;
        color: #d4c89e;
      }

      html[data-theme="dark"] .home-page {
        color: var(--graphite);
        background-color: var(--page-bg);
      }

      html[data-theme="dark"] .home-intro__eyebrow,
      html[data-theme="dark"] .home-action__copy span,
      html[data-theme="dark"] .home-actions__heading p {
        color: var(--warm-muted);
      }

      html[data-theme="dark"] .home-intro__eyebrow::before {
        background: #2e2918;
      }

      html[data-theme="dark"] .home-action {
        border-color: var(--warm-line);
        background: #1e1f1b;
        color: var(--graphite);
      }

      html[data-theme="dark"] .home-action:hover,
      html[data-theme="dark"] .home-action:focus-visible {
        border-color: #655a35;
        background: #24251f;
        color: var(--graphite);
      }

      html[data-theme="dark"] .home-action--primary,
      html[data-theme="dark"] .home-action--primary:hover,
      html[data-theme="dark"] .home-action--primary:focus-visible {
        border-color: #b99332;
        background: var(--honey);
        color: #24231f;
      }

      html[data-theme="dark"] .slotic-theme .home-action--primary,
      html[data-theme="dark"] .slotic-theme .home-action--primary:hover,
      html[data-theme="dark"] .slotic-theme .home-action--primary:focus-visible,
      html[data-theme="dark"] .slotic-theme .workspace-sidebar__primary,
      html[data-theme="dark"] .slotic-theme .workspace-sidebar__primary:hover,
      html[data-theme="dark"] .slotic-theme .workspace-sidebar__primary:focus-visible {
        color: #24231f !important;
      }

      html[data-theme="dark"] .slotic-theme .workspace-sidebar__primary--active {
        border-color: #75652f !important;
        background: var(--honey-soft) !important;
        color: #ffe28a !important;
      }

      html[data-theme="dark"] .home-action--primary .home-action__copy span {
        color: #494126;
      }

      html[data-theme="dark"] .home-action__icon {
        border-color: #44443b;
        background: #282923;
        color: var(--graphite);
      }

      html[data-theme="dark"] .profile-appearance {
        background: #1c1d19 !important;
      }

      html[data-theme="dark"] .theme-switch {
        border-color: #47463d;
        background: #131410;
      }

      html[data-theme="dark"] .slotic-theme .theme-switch__option {
        color: var(--warm-muted);
      }

      html[data-theme="dark"] .slotic-theme .theme-switch__option:hover,
      html[data-theme="dark"] .slotic-theme .theme-switch__option:focus-visible {
        border-color: #5a5543;
        background: #272821;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .theme-switch__option[aria-pressed="true"] {
        border-color: #8c7430;
        background: #302a18;
        color: #ffe28a;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.24);
      }

      html[data-theme="dark"] .profile-form__field input[type="file"] {
        border-color: #5b543e;
        background: #191a16;
      }

      html[data-theme="dark"] .profile-form__field input[type="file"]::file-selector-button {
        border-color: #555247;
        background: #282923;
        color: var(--graphite);
      }

      html[data-theme="dark"] .calendar-page .month-calendar__arrow {
        border-color: #4b4a41;
        background: #20211d;
        color: var(--graphite);
      }

      html[data-theme="dark"] .calendar-page .month-calendar__arrow:hover,
      html[data-theme="dark"] .calendar-page .month-calendar__arrow:focus-visible {
        border-color: #746431;
        background: var(--honey-soft);
      }

      html[data-theme="dark"] .calendar-page .month-calendar__arrow--disabled {
        border-color: #33342e;
        background: #191a16;
        color: #66665f;
      }

      html[data-theme="dark"] .calendar-page .month-calendar {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__heading h2 {
        color: #f8f5ec;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__weekdays span {
        color: #b7b2a5;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day {
        --hive-border: #4a4d45;
        --hive-fill: #292c26;
        color: #f0eee7;
        filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.18));
      }

      html[data-theme="dark"] .calendar-page a.month-calendar__day:hover {
        --hive-border: #d0ad48;
        --hive-fill: #3b3420;
        color: #fff0b8;
        filter: drop-shadow(0 6px 9px rgba(0, 0, 0, 0.26));
      }

      html[data-theme="dark"] .calendar-page .month-calendar__slot-count {
        color: #bbb7ac;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--has-slots {
        --hive-border: #9b8038;
        --hive-fill: #41361d;
        color: #ffe49a;
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day--has-slots
        .month-calendar__slot-count {
        color: #e4c66d;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--partial {
        --hive-border: #d2a83a;
        color: #fff0bd;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--partial::before {
        background:
          linear-gradient(
            135deg,
            #5a451d 0%,
            #5a451d 52%,
            #31332c 52%,
            #31332c 100%
          );
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day--partial
        .month-calendar__slot-count {
        color: #f1cf6a;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--full {
        --hive-border: #b86470;
        color: #ffe7e9;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--full::before {
        background:
          repeating-linear-gradient(
            135deg,
            #4e3036 0,
            #4e3036 7px,
            #43292f 7px,
            #43292f 14px
          );
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day--full
        .month-calendar__slot-count {
        color: #f1abb4;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--today {
        --hive-border: #769081;
        --hive-fill: #29312b;
        color: #dff2e7;
      }

      html[data-theme="dark"] .calendar-page .month-calendar__day--disabled,
      html[data-theme="dark"] .calendar-page .month-calendar__day--empty,
      html[data-theme="dark"] .calendar-page .month-calendar__day--past,
      html[data-theme="dark"] :is(.booking-calendar-page, .public-service-page) .month-calendar__day--no-slots {
        --hive-border: #30332d;
        --hive-fill: #1b1d19;
        color: #74766e;
        filter: none;
      }

      html[data-theme="dark"] :is(.booking-calendar-page, .public-service-page)
        .month-calendar__day--available {
        --hive-border: #559676;
        --hive-fill: #263f34;
        color: #ddf5e8;
      }

      html[data-theme="dark"] :is(.booking-calendar-page, .public-service-page)
        .month-calendar__day--available
        .month-calendar__availability-mark {
        background: #79d5a5;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__heading h2 {
        color: #f8f5ec;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__weekdays span {
        color: #b7b2a5;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__arrow {
        border-color: #4b4a41;
        background: #20211d;
        color: #f8f5ec;
      }

      html[data-theme="dark"] .booking-back-link {
        color: #e4c66d;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day {
        --hive-border: #4a4d45;
        --hive-fill: #292c26;
        color: #f0eee7;
        filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.18));
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--available {
        --hive-border: #9b8038;
        --hive-fill: #41361d;
        color: #ffe49a;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--today {
        --hive-border: #769081;
        --hive-fill: #29312b;
        color: #dff2e7;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--no-slots,
      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--disabled,
      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--empty {
        --hive-border: #30332d;
        --hive-fill: #1b1d19;
        color: #74766e;
        filter: none;
      }

      html[data-theme="dark"] .public-service-page .booking-hive-calendar .month-calendar__day--selected {
        --hive-border: #ffe18a;
        --hive-fill: #f0c64f;
        color: #1f1e19 !important;
        filter: drop-shadow(0 7px 10px rgba(240, 198, 79, 0.2));
      }


      html[data-theme="dark"] .calendar-page
        .month-calendar__day.month-calendar__day--selected,
      html[data-theme="dark"] .calendar-page
        a.month-calendar__day.month-calendar__day--selected:hover,
      html[data-theme="dark"] .calendar-page
        a.month-calendar__day.month-calendar__day--selected:focus-visible {
        --hive-border: #ffe18a;
        --hive-fill: #f0c64f;
        --hive-inset: 3px;
        color: #1f1e19 !important;
        filter: drop-shadow(0 9px 13px rgba(240, 198, 79, 0.24));
        transform: translateY(-2px) scale(1.035);
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day.month-calendar__day--selected::before {
        background: #f0c64f !important;
      }

      html[data-theme="dark"] .calendar-legend__mark--empty,
      html[data-theme="dark"] .calendar-legend__mark--muted {
        border-color: #3c3d36;
        background: #20211d;
      }

      html[data-theme="dark"] .calendar-page
        a.month-calendar__day.month-calendar__day--selected,
      html[data-theme="dark"] .calendar-page
        a.month-calendar__day.month-calendar__day--selected:hover,
      html[data-theme="dark"] .calendar-page
        a.month-calendar__day.month-calendar__day--selected:focus-visible,
      html[data-theme="dark"] .calendar-page
        .month-calendar__day--selected
        .month-calendar__day-number,
      html[data-theme="dark"] .calendar-page
        .month-calendar__day--selected
        .month-calendar__slot-count {
        color: #24231f !important;
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day--selected
        .month-calendar__day-number {
        font-weight: 850;
      }

      html[data-theme="dark"] .calendar-page
        .month-calendar__day--selected
        .month-calendar__slot-count {
        color: #4d3b0e !important;
        font-weight: 780;
      }

      html[data-theme="dark"] .calendar-page .calendar-legend {
        gap: 7px;
        margin-top: 12px;
      }

      html[data-theme="dark"] .calendar-page .calendar-legend > span {
        min-height: 30px;
        padding: 5px 9px;
        border: 1px solid #363931;
        border-radius: 999px;
        background: #1c1e19;
        color: #c2beb2;
      }

      html[data-theme="dark"] .calendar-page .calendar-legend__mark {
        border-color: #9b8038;
        background: #41361d;
      }

      html[data-theme="dark"] .calendar-page .calendar-legend__mark--partial {
        border-color: #d2a83a;
        background:
          linear-gradient(
            135deg,
            #5a451d 0%,
            #5a451d 52%,
            #31332c 52%,
            #31332c 100%
          );
      }

      html[data-theme="dark"] .calendar-page .calendar-legend__mark--full {
        border-color: #b86470;
        background:
          repeating-linear-gradient(
            135deg,
            #4e3036 0,
            #4e3036 4px,
            #43292f 4px,
            #43292f 8px
          );
      }

      html[data-theme="dark"] .calendar-page .calendar-day-panel__header,
      html[data-theme="dark"] .client-slots-panel__header {
        border-color: #494940;
        background: #24251f;
        color: #ffffff;
      }

      html[data-theme="dark"] .calendar-page .calendar-day-panel__date-mark {
        color: #24231f;
      }

      html[data-theme="dark"] .calendar-page .calendar-day-panel__content,
      html[data-theme="dark"] .client-slots-panel__content {
        border-color: var(--warm-line);
        background: #1c1d19;
      }

      html[data-theme="dark"] .calendar-day-panel__section-heading {
        border-color: var(--warm-line);
        background: #1c1d19;
      }

      html[data-theme="dark"] .workspace-mobile-tools {
        border-color: var(--warm-line);
        background: #1c1d19;
      }

      html[data-theme="dark"] .workspace-mobile-tools__content {
        border-color: var(--warm-line);
      }

      html[data-theme="dark"] .calendar-day-panel__slot-list
        .calendar-day-panel__section-heading
        > span,
      html[data-theme="dark"] .slotic-theme .slot-card__status {
        background: var(--honey-soft);
        color: #ffe28a;
        box-shadow: inset 0 0 0 1px #66572c;
      }

      html[data-theme="dark"] .calendar-day-panel__empty--creation,
      html[data-theme="dark"] .calendar-day-panel__empty--slots,
      html[data-theme="dark"] .calendar-day-panel__placeholder,
      html[data-theme="dark"] .client-slots-panel__placeholder {
        border-color: var(--warm-line);
        background: #1e1f1b;
      }

      html[data-theme="dark"] .calendar-day-panel__service-action--open,
      html[data-theme="dark"] .workspace-inline-form {
        border-color: #66592f;
        background: #292617;
        color: var(--graphite);
        box-shadow: inset 0 0 0 1px #66592f;
      }

      html[data-theme="dark"] .calendar-day-panel__service-action .workspace-inline-form {
        border-color: #66592f;
      }

      html[data-theme="dark"] .workspace-inline-form input,
      html[data-theme="dark"] .workspace-inline-form select,
      html[data-theme="dark"] .workspace-inline-form textarea,
      html[data-theme="dark"] .workspace-inline-form__actions .button--secondary {
        border-color: #565143;
        background: #1d1e1a;
        color: var(--graphite);
      }

      html[data-theme="dark"] .services-panel-modal__backdrop {
        background: rgba(5, 6, 5, 0.7);
      }

      html[data-theme="dark"] .services-panel {
        border-color: #57564d;
        background: #1e1f1b;
        color: var(--graphite);
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52);
      }

      html[data-theme="dark"] .services-panel__close {
        border-color: #5a5543;
        background: #292a24;
        color: #f4f1e8;
      }

      html[data-theme="dark"] .services-panel__close:hover,
      html[data-theme="dark"] .services-panel__close:focus-visible {
        border-color: #d6ad32;
        background: #332d1a;
        color: #ffe28a;
        box-shadow: 0 3px 10px rgba(240, 198, 79, 0.2);
      }

      html[data-theme="dark"] .services-panel__list > .workspace-service-card {
        border-color: #45453e;
        background: #252620;
        box-shadow: 0 7px 18px rgba(0, 0, 0, 0.2);
      }

      html[data-theme="dark"] .services-panel__list .workspace-service__identity > strong,
      html[data-theme="dark"] .services-panel__empty strong {
        color: #f4f1e8;
      }

      html[data-theme="dark"] .services-panel__list .workspace-service__identity > small,
      html[data-theme="dark"] .services-panel__empty {
        color: #bbb7ac;
      }

      html[data-theme="dark"] .services-panel__list .workspace-service__actions {
        border-top-color: #45453e;
      }

      html[data-theme="dark"] .services-panel__empty {
        border-color: #665b35;
        background: #292617;
      }
      html[data-theme="dark"] .workspace-service-list > li,
      html[data-theme="dark"] .workspace-booking-list a {
        border-color: var(--warm-line);
        background: #20211d;
        color: var(--graphite);
      }

      html[data-theme="dark"] .workspace-service-list > li.workspace-service-card--hidden {
        border-color: #3d3d36;
        background: #1b1c19;
      }

      html[data-theme="dark"] .workspace-sidebar__heading > span {
        background: #2a2a24;
      }

      html[data-theme="dark"] .workspace-service-menu__trigger:hover,
      html[data-theme="dark"] .workspace-service-menu__trigger:focus-visible,
      html[data-theme="dark"] .workspace-service-menu__trigger[aria-expanded="true"] {
        border-color: transparent;
        background: transparent;
        color: var(--graphite) !important;
      }

      html[data-theme="dark"] .workspace-service-menu__trigger {
        color: var(--graphite) !important;
      }

      html[data-theme="dark"] .workspace-service-menu__panel {
        border-color: #4b483e;
        background: #252620;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42);
      }

      html[data-theme="dark"] .workspace-service-menu__panel a,
      html[data-theme="dark"] .workspace-service-menu__panel button {
        background: transparent;
        color: var(--graphite) !important;
      }

      html[data-theme="dark"] .workspace-service-menu__panel a:hover,
      html[data-theme="dark"] .workspace-service-menu__panel a:focus-visible,
      html[data-theme="dark"] .workspace-service-menu__panel button:hover,
      html[data-theme="dark"] .workspace-service-menu__panel button:focus-visible {
        background: #333328;
      }

      html[data-theme="dark"] .workspace-service-menu__panel .workspace-service-menu__danger {
        color: #ff9d93 !important;
      }

      html[data-theme="dark"] .workspace-service-menu__panel .workspace-service-menu__danger:hover,
      html[data-theme="dark"] .workspace-service-menu__panel .workspace-service-menu__danger:focus-visible {
        background: #422724;
        color: #ffb0a8 !important;
      }

      html[data-theme="dark"] .calendar-service-filter {
        border-color: #66592f;
        background: #2d2b20;
        color: var(--graphite);
      }

      html[data-theme="dark"] .calendar-service-filter a {
        color: #ffe08a;
      }

      html[data-theme="dark"] .calendar-service-filter a:hover,
      html[data-theme="dark"] .calendar-service-filter a:focus-visible {
        background: #3b3829;
      }

      html[data-theme="dark"] .calendar-page
        .calendar-day-panel__slot-list
        .calendar-day-panel__slots
        .slot-card {
        border-color: #3f4038 !important;
        border-left-color: var(--honey) !important;
        background: #22231e !important;
      }

      html[data-theme="dark"] .calendar-page
        .calendar-day-panel__slot-list
        .calendar-day-panel__slots
        .slot-card:hover {
        border-color: #716231 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24) !important;
      }

      html[data-theme="dark"] .slot-card__action {
        border-color: #70443f !important;
        background: #2e201e !important;
        color: #ef9e94 !important;
      }

      html[data-theme="dark"] .slot-card__action:hover,
      html[data-theme="dark"] .slot-card__action:focus-visible {
        border-color: #9b5d53 !important;
        background: #432723 !important;
        color: #ffd0c8 !important;
      }

      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--active {
        border-color: #746431;
        background: #35301d;
        color: #ffe28a;
      }

      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--active:hover,
      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--active:focus-visible {
        border-color: #9a8237;
        background: #433a1f;
        color: #fff0b5;
      }

      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--past {
        color: #aaa69b;
      }

      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--past:hover,
      html[data-theme="dark"] .slotic-theme .booking-card__calendar-link--past:focus-visible {
        color: #f4f1e8;
      }

      html[data-theme="dark"] .client-slot {
        border-color: var(--warm-line);
        background: #20211d;
      }

      html[data-theme="dark"] .client-slot__booking {
        border-color: var(--warm-line);
        background: #1b1c18;
      }

      html[data-theme="dark"] .slotic-theme .slot-card--past {
        border-color: #353630 !important;
        background: #191a17 !important;
        color: #777870;
      }

      @media (max-width: 640px) {
        .master-booking-link {
          display: none;
        }

        .site-nav {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
          overflow: visible;
        }

        .site-nav a,
        .site-nav span {
          width: 100%;
          min-width: 0;
          justify-content: center;
          white-space: normal;
          text-align: center;
        }

        .site-nav a.site-nav__icon-link {
          width: 100%;
          align-self: stretch;
          border-radius: 10px;
        }

        .site-profile-dock {
          width: 100%;
          margin-top: 4px;
          padding-top: 10px;
        }

        .site-profile-dock > a {
          justify-content: center;
        }

        .feedback-trigger--desktop,
        .feedback-panel--desktop {
          display: none !important;
        }

        .profile-feedback {
          display: grid;
          gap: 8px;
          width: 100%;
          margin-top: 2px;
          padding-top: 14px;
          border-top: 1px solid var(--warm-line);
        }

        .slotic-theme .feedback-trigger--mobile {
          min-height: 40px;
          justify-self: start;
          padding: 4px 2px;
          font-size: 13px;
        }

        .feedback-panel--mobile {
          position: static;
          width: 100%;
          padding: 15px;
          box-shadow: none;
        }

        .feedback-panel textarea {
          min-height: 84px;
        }

        .feedback-panel__actions {
          display: flex;
        }

        .slotic-theme .feedback-panel__submit,
        .slotic-theme .feedback-panel__close {
          min-height: 40px;
        }

        .profile-page .page {
          width: min(100% - 24px, 900px);
          padding-top: 10px;
        }

        .profile-shell {
          gap: 22px;
        }

        .slotic-theme.profile-page .page > .profile-shell {
          margin-top: 0;
        }

        .profile-heading {
          grid-template-columns: minmax(0, 1fr);
          gap: 0;
          align-items: start;
        }

        .profile-heading .profile-avatar--large {
          display: none;
        }

        .profile-heading h1 {
          margin-top: 2px;
          font-size: 34px;
        }

        .profile-heading p {
          grid-column: 1 / -1;
          font-size: 15px;
        }

        .profile-card {
          border-radius: 16px;
        }

        .profile-form {
          gap: 20px;
          padding: 20px 16px;
        }

        .profile-save {
          width: 100%;
        }

        .profile-appearance {
          display: grid;
          gap: 16px;
          padding: 18px 16px;
        }

        .theme-switch {
          width: 100%;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .slotic-theme .theme-switch__option {
          min-width: 0;
          padding-inline: 9px;
        }

        html[data-theme="dark"] .site-nav a,
        html[data-theme="dark"] .site-nav span {
          border-color: var(--warm-line);
          background: #1e1f1b;
          color: var(--graphite);
        }

        html[data-theme="dark"] .site-nav a:hover,
        html[data-theme="dark"] .site-nav a:focus-visible {
          border-color: #655a35;
          background: #27271f;
          color: #ffe28a;
        }

        html[data-theme="dark"] .site-nav .site-nav__active {
          border-color: #75652f;
          background: var(--honey-soft);
          color: #ffe28a;
        }

        .profile-secondary-action,
        .profile-logout {
          display: grid;
          gap: 14px;
          padding: 20px 16px;
        }

        .profile-secondary-action form,
        .profile-secondary-action button,
        .profile-logout form,
        .profile-logout button {
          width: 100%;
        }
      }
      body.service-delete-modal-open {
        overflow: hidden;
      }

      .service-delete-modal {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: grid;
        place-items: center;
        padding: 24px;
      }

      .service-delete-modal__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(27, 23, 34, 0.58);
        backdrop-filter: blur(3px);
      }

      .service-delete-modal__dialog {
        position: relative;
        width: min(100%, 500px);
        max-height: min(720px, calc(100vh - 48px));
        overflow-y: auto;
        border: 1px solid var(--line);
        border-radius: var(--radius-lg);
        padding: 28px;
        background: var(--surface);
        color: var(--text);
        box-shadow: 0 28px 80px rgba(24, 18, 35, 0.3);
      }

      .service-delete-modal__dialog:focus-visible {
        outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent);
        outline-offset: 3px;
      }

      .service-delete-modal__close {
        position: absolute;
        display: grid;
        place-items: center;
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        padding: 0 0 2px;
        background: var(--page-bg);
        color: var(--muted);
        font-size: 24px;
        line-height: 1;
      }

      .service-delete-modal__close:hover,
      .service-delete-modal__close:focus-visible {
        background: var(--accent-soft);
        color: var(--accent-dark);
      }

      .service-delete-modal__eyebrow {
        display: block;
        margin: 0 48px 8px 0;
        color: #b42318;
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .service-delete-modal__dialog h2 {
        margin: 0 48px 10px 0;
        font-size: clamp(1.45rem, 4vw, 1.9rem);
      }

      .service-delete-modal__dialog > p {
        margin: 0;
        color: var(--muted);
      }

      .service-delete-modal__summary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 20px 0 0;
      }

      .service-delete-modal__summary > div {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        padding: 12px 14px;
        background: var(--page-bg);
      }

      .service-delete-modal__summary dt {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .service-delete-modal__summary dd {
        margin: 2px 0 0;
        color: var(--text);
        font-size: 1.35rem;
        font-weight: 800;
      }

      .booking-cancel-modal__summary dd {
        overflow-wrap: anywhere;
        font-size: 0.98rem;
        line-height: 1.35;
      }

      .booking-cancel-modal__client {
        margin: 16px 0 0;
        color: var(--muted);
      }

      .service-delete-modal form {
        margin-top: 22px;
      }

      .service-delete-modal__field label {
        display: block;
        margin-bottom: 7px;
        font-weight: 750;
      }

      .service-delete-modal__field textarea {
        width: 100%;
        min-height: 78px;
        resize: vertical;
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        padding: 10px 12px;
        background: var(--surface);
        color: var(--text);
        font: inherit;
      }

      .service-delete-modal__field textarea:focus {
        border-color: var(--accent);
        outline: 3px solid var(--accent-soft);
      }

      .service-delete-modal__field--error textarea {
        border-color: #d92d20;
      }

      .service-delete-modal__field-error,
      .service-delete-modal__error {
        margin-top: 7px;
        color: #b42318;
        font-size: 0.86rem;
        font-weight: 650;
      }

      .service-delete-modal__field-error p,
      .service-delete-modal__error p {
        margin: 0;
      }

      .service-delete-modal__error {
        border-radius: var(--radius-sm);
        padding: 10px 12px;
        background: #fff1f0;
      }

      .service-delete-modal__actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-top: 22px;
      }

      .service-delete-modal__actions button {
        min-height: 42px;
      }

      .service-delete-modal[aria-busy="true"] .service-delete-modal__close,
      .service-delete-modal[aria-busy="true"] [data-service-delete-close] {
        pointer-events: none;
        opacity: 0.55;
      }

      .service-delete-fallback-page .service-delete-modal {
        position: relative;
        min-height: 460px;
        padding-inline: 0;
      }

      .service-delete-fallback-page .service-delete-modal__backdrop {
        display: none;
      }

      html[data-theme="dark"] .service-delete-modal__backdrop {
        background: rgba(5, 6, 5, 0.74);
      }

      html[data-theme="dark"] .service-delete-modal__dialog {
        border-color: var(--warm-line);
        background: #20211d;
        color: var(--graphite);
      }

      html[data-theme="dark"] .slotic-theme .service-delete-modal__actions .button-link--quiet {
        border-color: #5f5c51;
        background: #292a24;
        color: #f4f1e8;
        text-decoration: none;
      }

      html[data-theme="dark"] .slotic-theme .service-delete-modal__actions .button-link--quiet:hover,
      html[data-theme="dark"] .slotic-theme .service-delete-modal__actions .button-link--quiet:focus-visible {
        border-color: #82703a;
        background: #34352e;
        color: #ffe28a;
      }

      html[data-theme="dark"] .service-delete-modal__close,
      html[data-theme="dark"] .service-delete-modal__summary > div,
      html[data-theme="dark"] .service-delete-modal__field textarea {
        border-color: #4b483e;
        background: #292a24;
        color: var(--graphite);
      }

      html[data-theme="dark"] .service-delete-modal__error {
        background: #422724;
        color: #ffb0a8;
      }

      @media (max-width: 560px) {
        .service-delete-modal {
          align-items: end;
          padding: 12px;
        }

        .service-delete-modal__dialog {
          width: 100%;
          max-height: calc(100vh - 24px);
          border-radius: 20px;
          padding: 22px 18px 18px;
        }

        .service-delete-modal__summary {
          grid-template-columns: 1fr 1fr;
        }

        .service-delete-modal__actions {
          flex-direction: column-reverse;
        }

        .service-delete-modal__actions button,
        .service-delete-modal__actions .button-link {
          width: 100%;
        }
      }

      /* Mobile navigation is deliberately a short, overlaying drawer.  The
         workspace controls stay in their respective pages rather than making
         the menu a full-height second sidebar. */
      .mobile-menu-toggle,
      .mobile-nav-backdrop,
      .mobile-header-notification,
      .profile-theme-switch {
        display: none;
      }

      .site-nav .site-nav__profile--mobile {
        display: none !important;
      }

      .site-nav__link-icon {
        display: none;
      }

      @media (max-width: 640px) {
        body.mobile-menu-open {
          overflow: hidden;
        }

        .site-nav .site-nav__services-desktop {
          display: none !important;
        }

        .site-nav .site-nav__services-mobile {
          display: flex !important;
        }

        .site-header {
          position: relative;
          z-index: 100;
          width: 100%;
          height: auto !important;
          overflow: visible;
          border-right: 0;
          background: var(--warm-surface);
        }

        .site-header__inner {
          position: relative;
          display: grid;
          grid-template-columns: 44px minmax(0, 1fr);
          align-items: center;
          width: min(100% - 24px, 960px);
          min-height: 64px;
          margin: 0 auto;
          gap: 0;
          padding: 8px 0;
        }

        .slotic-theme .mobile-menu-toggle,
        .slotic-theme .mobile-menu-toggle:hover,
        .slotic-theme .mobile-menu-toggle:focus-visible {
          display: inline-grid;
          width: 44px;
          height: 44px;
          min-height: 44px;
          place-items: center;
          padding: 0;
          border: 0 !important;
          border-radius: 10px;
          background: transparent !important;
          color: var(--graphite);
          box-shadow: none;
          cursor: pointer;
          transform: none;
        }

        .mobile-menu-toggle {
          position: relative;
          z-index: 103;
        }

        .public-service-page .mobile-menu-toggle {
          display: none;
        }

        .mobile-menu-toggle__icon,
        .mobile-menu-toggle__icon::before,
        .mobile-menu-toggle__icon::after {
          display: block;
          width: 21px;
          height: 2px;
          border-radius: 2px;
          background: currentColor;
          content: "";
          transition: transform 0.18s ease, opacity 0.18s ease;
        }

        .mobile-menu-toggle__icon {
          position: relative;
        }

        .mobile-menu-toggle__icon::before,
        .mobile-menu-toggle__icon::after {
          position: absolute;
          left: 0;
        }

        .mobile-menu-toggle__icon::before { top: -7px; }
        .mobile-menu-toggle__icon::after { top: 7px; }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon {
          background: transparent;
        }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon::before {
          transform: translateY(7px) rotate(45deg);
        }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon::after {
          transform: translateY(-7px) rotate(-45deg);
        }

        .site-brand {
          position: absolute;
          top: calc(50% - 3px);
          left: 50%;
          min-height: 45px;
          line-height: 0;
          transform: translate(-50%, -50%);
        }

        body:not(.public-service-page) .site-header .site-brand__logo {
          width: 148px;
          height: 45px;
          overflow: hidden;
        }

        body:not(.public-service-page) .site-header .site-brand__logo img {
          position: absolute;
          top: -46px !important;
          left: -20px !important;
          width: 187px !important;
          max-width: none;
          transform: none;
        }

        .mobile-header-notification {
          position: absolute;
          top: 50%;
          right: 0;
          display: inline-grid;
          width: 44px;
          min-height: 44px;
          height: 44px;
          place-items: center;
          padding: 0;
          border: 0;
          border-radius: 0;
          background: transparent;
          color: var(--graphite);
          box-shadow: none;
          transform: translateY(-50%);
        }

        .mobile-header-notification:hover,
        .mobile-header-notification:focus-visible {
          border: 0;
          background: transparent;
          color: var(--graphite);
        }

        .mobile-header-notification .site-nav__notification-icon {
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        .site-nav a.site-nav__icon-link {
          display: none !important;
        }

        .site-nav {
          position: fixed;
          z-index: 102;
          top: 52px;
          left: 24px;
          display: grid;
          grid-template-columns: 1fr;
          gap: 4px;
          width: min(288px, calc(100vw - 48px));
          max-height: calc(100vh - 68px);
          padding: 14px 10px 10px;
          overflow: auto;
          border: 1px solid var(--warm-line);
          border-radius: 16px;
          background: var(--warm-surface);
          box-shadow: 0 14px 32px rgba(35, 24, 54, 0.16);
          opacity: 0;
          pointer-events: none;
          transform: translateY(-8px) scale(0.98);
          transform-origin: 32px 0;
          transition: opacity 0.18s ease-in, transform 0.18s ease-in, visibility 0s linear 0.18s;
          visibility: hidden;
        }

        body.mobile-menu-open .site-nav {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0) scale(1);
          transition-delay: 0s;
          visibility: visible;
        }

        body.mobile-menu-closing .site-nav {
          pointer-events: none;
          visibility: visible;
        }

        .site-nav a,
        .site-nav span,
        .site-nav a.site-nav__icon-link {
          display: flex;
          justify-content: flex-start;
          width: 100%;
          min-height: 46px;
          padding: 10px 12px;
          border: 0;
          border-radius: 9px;
          background: transparent;
          color: #49463f;
          font-size: 14px;
          text-align: left;
          white-space: normal;
        }

        .site-nav .site-nav__link-icon {
          display: inline-flex !important;
          width: 18px !important;
          height: 18px !important;
          flex: 0 0 18px !important;
          min-width: 18px !important;
          min-height: 18px !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0;
          border-radius: 0;
          background: transparent;
          color: #706b60;
        }

        .site-nav .site-nav__link-icon svg {
          display: block !important;
          width: 18px !important;
          height: 18px !important;
          min-height: 18px !important;
          padding: 0 !important;
          fill: none;
          stroke: currentColor;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

        .site-nav .site-nav__active .site-nav__link-icon {
          color: #9a7312;
        }

        .site-nav a:not(.site-nav__icon-link) {
          align-items: center;
          gap: 12px;
        }

        .site-nav__icon-link .site-nav__notification-icon {
          margin-right: 9px;
        }

        .site-nav__icon-link::after {
          content: "Уведомления";
        }

        .site-nav .site-nav__profile--mobile {
          display: flex !important;
          align-items: center;
        }

        .site-nav__profile--mobile .site-nav__avatar {
          display: none;
        }

        .site-profile-dock,
        .master-booking-link,
        .direction-selector,
        .site-header .workspace-sidebar,
        .site-header .schedule-sidebar,
        .master-theme-switch {
          display: none !important;
        }

        .profile-theme-switch {
          display: grid;
          float: none;
          width: 100%;
          margin: -6px 0 0;
        }

        .slotic-theme .mobile-nav-backdrop,
        .slotic-theme .mobile-nav-backdrop:hover,
        .slotic-theme .mobile-nav-backdrop:focus-visible {
          position: fixed;
          z-index: 101;
          inset: 0;
          display: block;
          min-height: 0;
          padding: 0;
          border: 0 !important;
          border-radius: 0;
          background: transparent !important;
          box-shadow: none;
          transform: none;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.2s ease;
        }

        body.mobile-menu-open .mobile-nav-backdrop {
          opacity: 1;
          pointer-events: auto;
        }

        html[data-theme="dark"] .site-nav {
          border-color: #484942;
          background: #1d1e1b;
          box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38);
        }

        html[data-theme="dark"] .slotic-theme .mobile-menu-toggle,
        html[data-theme="dark"] .slotic-theme .mobile-menu-toggle:hover,
        html[data-theme="dark"] .slotic-theme .mobile-menu-toggle:focus-visible {
          color: #fff;
        }

        html[data-theme="dark"] .mobile-header-notification,
        html[data-theme="dark"] .mobile-header-notification:hover,
        html[data-theme="dark"] .mobile-header-notification:focus-visible {
          background: transparent;
          color: #fff !important;
        }

        html[data-theme="dark"] .mobile-header-notification .site-nav__notification-icon,
        html[data-theme="dark"] .mobile-header-notification .site-nav__icon {
          color: #fff !important;
        }

        html[data-theme="dark"] .mobile-header-notification .site-nav__icon {
          fill: none !important;
          stroke: #fff !important;
        }

        html[data-theme="dark"] .mobile-menu-toggle__icon,
        html[data-theme="dark"] .mobile-menu-toggle__icon::before,
        html[data-theme="dark"] .mobile-menu-toggle__icon::after {
          background: #fff !important;
        }

        html[data-theme="dark"] .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon {
          background: transparent !important;
        }

        html[data-theme="dark"] .site-nav a,
        html[data-theme="dark"] .site-nav span,
        html[data-theme="dark"] .site-nav a.site-nav__icon-link {
          background: transparent;
          color: #f4f1e8;
        }

        html[data-theme="dark"] .site-nav__link-icon {
          color: #d5d4cd;
        }

        html[data-theme="dark"] .site-nav .site-nav__active .site-nav__link-icon {
          color: #ffe18a;
        }

        html[data-theme="dark"] .site-nav a:hover,
        html[data-theme="dark"] .site-nav a:focus-visible,
        html[data-theme="dark"] .site-nav .site-nav__active {
          background: #4b3d12;
          color: #fff0bd;
        }
      }

      html[data-theme="dark"] .services-panel__list .workspace-service__actions > a.danger-link,
      html[data-theme="dark"] body.master-workspace-page .workspace-service__actions > a.danger-link {
        color: #ff9d93 !important;
      }

      html[data-theme="dark"] .services-panel__list .workspace-service__actions > a.danger-link:hover,
      html[data-theme="dark"] .services-panel__list .workspace-service__actions > a.danger-link:focus-visible,
      html[data-theme="dark"] body.master-workspace-page .workspace-service__actions > a.danger-link:hover,
      html[data-theme="dark"] body.master-workspace-page .workspace-service__actions > a.danger-link:focus-visible {
        color: #ffd0c8 !important;
      }

      /* В календарях выбранный день выделяется одним и тем же контуром. */
      html[data-theme="dark"] body.schedule-page .schedule-calendar a.month-calendar__day.month-calendar__day--selected,
      html[data-theme="dark"] body.schedule-page .schedule-calendar a.month-calendar__day.month-calendar__day--selected:hover,
      html[data-theme="dark"] body.schedule-page .schedule-calendar a.month-calendar__day.month-calendar__day--selected:focus-visible,
      html[data-theme="dark"] body.public-service-page .booking-hive-calendar a.month-calendar__day.month-calendar__day--selected,
      html[data-theme="dark"] body.public-service-page .booking-hive-calendar a.month-calendar__day.month-calendar__day--selected:hover,
      html[data-theme="dark"] body.public-service-page .booking-hive-calendar a.month-calendar__day.month-calendar__day--selected:focus-visible {
        --hive-border: #ffe18a !important;
        --hive-fill: #41361d !important;
        background: #ffe18a !important;
        color: #ffe49a !important;
        filter: none;
        transform: none;
      }

      html[data-theme="dark"] body.schedule-page .schedule-calendar a.month-calendar__day.month-calendar__day--selected::before,
      html[data-theme="dark"] body.public-service-page .booking-hive-calendar a.month-calendar__day.month-calendar__day--selected::before {
        background: #41361d !important;
      }

      html[data-theme="dark"] body.schedule-page .schedule-calendar .month-calendar__day--selected .month-calendar__day-number,
      html[data-theme="dark"] body.public-service-page .booking-hive-calendar .month-calendar__day--selected .month-calendar__day-number {
        color: #ffe49a !important;
        font-weight: 720 !important;
      }

      html[data-theme="dark"] .direction-side-panel__actions .button-link--quiet {
        border-color: #746b4a;
        background: #2b2d27;
        color: #f4f1e8 !important;
      }

      html[data-theme="dark"] .direction-side-panel__actions .button-link--quiet:hover,
      html[data-theme="dark"] .direction-side-panel__actions .button-link--quiet:focus-visible {
        border-color: #c5a54a;
        background: #39331f;
        color: #fff0b8 !important;
      }

      html[data-theme="dark"] .services-panel__create.button-link:hover,
      html[data-theme="dark"] .services-panel__create.button-link:focus-visible,
      html[data-theme="dark"] .master-workspace-page .workspace-title__action.button-link:hover,
      html[data-theme="dark"] .master-workspace-page .workspace-title__action.button-link:focus-visible,
      html[data-theme="dark"] body.schedule-page .workspace-title__action.button-link:not(.button-link--quiet):hover,
      html[data-theme="dark"] body.schedule-page .workspace-title__action.button-link:not(.button-link--quiet):focus-visible {
        border-color: #ffe18a;
        background: #3d3520;
        color: #fff0b8;
        box-shadow: inset 0 0 0 1px rgba(255, 225, 138, 0.14);
        transform: none;
      }

      @media (max-width: 640px) {
        .services-page-card {
          padding: 16px;
          border-radius: 16px;
        }

        .services-page-empty {
          display: grid;
          gap: 20px;
        }

        .services-page-empty__content {
          display: grid;
          grid-template-columns: 145px minmax(0, 1fr);
          gap: 10px;
          align-items: center;
        }

        .services-page-empty__visual {
          --services-empty-shadow: #d8d3c9;
          --services-empty-sheet: #f4f1e9;
          --services-empty-sheet-border: #d2ccc0;
          --services-empty-lines: #78776f;
          --services-empty-accent: var(--honey);
          --services-empty-plus: #24241f;
          display: grid;
          height: 122px;
          place-items: center;
        }

        .services-page-empty__visual svg {
          display: block;
          width: 145px;
          height: 116px;
          overflow: visible;
        }

        .services-page-empty__shadow {
          fill: var(--services-empty-shadow);
          opacity: 0.55;
        }

        .services-page-empty__sheet {
          fill: var(--services-empty-sheet);
          stroke: var(--services-empty-sheet-border);
        }

        .services-page-empty__lines {
          fill: none;
          stroke: var(--services-empty-lines);
          stroke-linecap: round;
          stroke-width: 4;
        }

        .services-page-empty__rays {
          fill: none;
          stroke: var(--services-empty-accent);
          stroke-linecap: round;
          stroke-width: 2.5;
        }

        .services-page-empty__plus-disc {
          fill: var(--services-empty-accent);
        }

        .services-page-empty__plus-mark {
          fill: none;
          stroke: var(--services-empty-plus);
          stroke-linecap: round;
          stroke-width: 2.5;
        }

        .services-page-empty__copy h2 {
          margin: 0 0 8px;
          font-size: 19px;
          line-height: 1.25;
        }

        .services-page-empty__copy p {
          margin: 0;
          color: var(--warm-muted);
          font-size: 15px;
          line-height: 1.42;
        }

        .services-page-empty__action,
        .slotic-theme .services-page-empty__action {
          display: flex;
          justify-content: center;
          width: 100%;
          min-height: 44px;
          padding: 10px 18px;
          color: #24231f;
          text-align: center;
        }

        html[data-theme="dark"] .services-page-card {
          border-color: #30312c;
          background: #1b1c19;
        }

        html[data-theme="dark"] .services-page-empty__visual {
          --services-empty-shadow: #343532;
          --services-empty-sheet: #222320;
          --services-empty-sheet-border: #383a36;
          --services-empty-lines: #50524e;
        }

        html[data-theme="dark"] .services-page-empty__copy h2 {
          color: #f4f1e8;
        }
      }
@media (max-width: 640px) {
  .slotic-theme.auth-page .mobile-menu-toggle,
  .auth-page .site-nav,
  .auth-page .mobile-nav-backdrop {
    display: none;
  }
}
.registration-page { --registration-hint: #77766f; }
.registration-page .registration-field { margin: 0 0 14px; }
html[data-theme="dark"] .registration-page { --registration-hint: #92968a; }
.registration-page .helptext {
  display: block;
  margin-top: 7px;
  color: var(--registration-hint);
  font-size: 12px;
  line-height: 1.45;
}
.registration-page p:has(input[aria-invalid="true"]) .helptext { display: none; }