/* /Components/Layout/CustomerShellLayout.razor.rz.scp.css */
/* Client Account shell — same two-pane sidebar+main structure as ProviderShellLayout.razor.css,
   with its own azt-acct- prefix (CSS isolation scopes each component's rules separately, so this
   never actually collides with the provider shell's azt-ov- classes — the distinct prefix is
   purely for readability while maintaining the two side by side). */

.azt-acct-shell[b-3ywpqh5vmo] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* clip can't be scrolled programmatically (see ProviderShellLayout.razor.css). */
    overflow: clip;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

@media (min-width: 901px) {
    .azt-acct-shell[b-3ywpqh5vmo] {
        position: fixed;
        inset: 0;
    }
}

.azt-acct-shell[b-3ywpqh5vmo]  a {
    text-decoration: none;
    color: inherit;
}

.azt-acct-shell button[b-3ywpqh5vmo] {
    font-family: inherit;
    cursor: pointer;
}

/* Sidebar + main, side by side under the full-width header. */

.azt-acct-cols[b-3ywpqh5vmo] {
    flex: 1;
    display: flex;
    min-height: 0;
}

/* Sidebar */

.azt-acct-sidebar[b-3ywpqh5vmo] {
    position: relative;
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--azt-near-white);
    border-right: 1px solid var(--azt-border-hairline);
    overflow-y: auto;
    transition: flex-basis 0.15s ease;
}

.azt-acct-sidebar.is-collapsed[b-3ywpqh5vmo] {
    flex-basis: 76px;
}

.azt-acct-sidebar-body[b-3ywpqh5vmo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px 16px;
}

/* The brand link reuses admin.css's .azt-adm-brand, which sets color:#fff — and the logo mark draws
   in currentColor. This shell's `::deep a { color: inherit }` above would otherwise turn it into the
   dark page text colour, so the extra ancestor classes here make this rule outrank it. */
.azt-acct-shell .azt-acct-topbar .azt-adm-brand[b-3ywpqh5vmo] {
    color: #fff;
}

/* Collapse button — top right of the sidebar menu. */

.azt-acct-sidebar-head[b-3ywpqh5vmo] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px 0;
}

.azt-acct-sidebar.is-collapsed .azt-acct-sidebar-head[b-3ywpqh5vmo] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.azt-acct-collapse-toggle[b-3ywpqh5vmo] {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    border: 1px solid var(--azt-border);
    background: var(--azt-near-white);
    color: var(--azt-ink-420);
}

.azt-acct-collapse-toggle:hover[b-3ywpqh5vmo] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-acct-collapse-toggle svg[b-3ywpqh5vmo] {
    width: 11px;
    height: 11px;
    fill: none;
    transition: transform 0.15s ease;
}

.azt-acct-collapse-toggle svg.is-flipped[b-3ywpqh5vmo] {
    transform: rotate(180deg);
}

.azt-acct-menu-toggle[b-3ywpqh5vmo] {
    display: none;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--azt-site-header-line);
    background: transparent;
    color: var(--azt-site-header-fg-muted);
}

.azt-acct-menu-toggle:hover[b-3ywpqh5vmo] {
    background: var(--azt-site-header-hover);
    color: #fff;
}

.azt-acct-menu-toggle svg[b-3ywpqh5vmo] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
}

.azt-acct-menu-scrim[b-3ywpqh5vmo] {
    display: none;
}

/* Profile block */

.azt-acct-profile[b-3ywpqh5vmo] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    min-width: 0;
}

.azt-acct-profile-text[b-3ywpqh5vmo] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.azt-acct-profile-name[b-3ywpqh5vmo] {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azt-acct-profile-contact[b-3ywpqh5vmo] {
    font-size: 12px;
    color: var(--azt-ink-300);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Nav */

.azt-acct-nav[b-3ywpqh5vmo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.azt-acct-nav[b-3ywpqh5vmo]  .azt-acct-nav-link,
.azt-acct-nav .azt-acct-nav-link[b-3ywpqh5vmo] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-500);
}

.azt-acct-nav-link svg[b-3ywpqh5vmo] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-acct-nav[b-3ywpqh5vmo]  .azt-acct-nav-link:hover,
.azt-acct-nav .azt-acct-nav-link:hover[b-3ywpqh5vmo] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-acct-nav[b-3ywpqh5vmo]  .azt-acct-nav-link.is-active {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    font-weight: 600;
}

.azt-acct-nav-divider[b-3ywpqh5vmo] {
    margin: 8px 4px;
    height: 1px;
    background: var(--azt-border-hairline);
}

.azt-acct-nav-link-quiet[b-3ywpqh5vmo] {
    padding: 7px 10px;
    font-size: 12.5px;
    color: var(--azt-ink-250);
    display: block;
}

.azt-acct-nav-link-quiet:hover[b-3ywpqh5vmo] {
    color: var(--azt-ink-500);
}

.azt-acct-sidebar-foot[b-3ywpqh5vmo] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 14px;
    border-top: 1px solid var(--azt-border-hairline);
}

.azt-acct-logout[b-3ywpqh5vmo] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 6px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--azt-ink-250);
    background: transparent;
    border: 0;
}

.azt-acct-logout svg[b-3ywpqh5vmo] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-acct-logout:hover[b-3ywpqh5vmo] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

/* Collapsed sidebar — icons only */

.azt-acct-sidebar.is-collapsed .azt-acct-profile-text[b-3ywpqh5vmo],
.azt-acct-sidebar.is-collapsed .azt-acct-nav-link-quiet[b-3ywpqh5vmo],
.azt-acct-sidebar.is-collapsed .azt-acct-nav-label[b-3ywpqh5vmo] {
    display: none;
}

.azt-acct-sidebar.is-collapsed .azt-acct-profile[b-3ywpqh5vmo] {
    justify-content: center;
    padding: 4px;
}

.azt-acct-sidebar.is-collapsed .azt-acct-sidebar-foot[b-3ywpqh5vmo] {
    align-items: center;
}

.azt-acct-sidebar.is-collapsed .azt-acct-logout[b-3ywpqh5vmo] {
    width: auto;
}

.azt-acct-sidebar.is-collapsed .azt-acct-nav[b-3ywpqh5vmo]  .azt-acct-nav-link,
.azt-acct-sidebar.is-collapsed .azt-acct-nav .azt-acct-nav-link[b-3ywpqh5vmo],
.azt-acct-sidebar.is-collapsed .azt-acct-logout[b-3ywpqh5vmo] {
    justify-content: center;
    padding: 9px;
}

/* Main */

.azt-acct-main[b-3ywpqh5vmo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.azt-acct-topbar[b-3ywpqh5vmo] {
    position: relative;
    z-index: 30;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    height: 66px;
    padding: 0 24px;
    background: var(--azt-site-header-bg);
    border-bottom: 1px solid var(--azt-site-header-border);
}

/* "Back to AzatTime" — top left of the page content, above the page title. The selector is
   prefixed with .azt-acct-shell so it outranks that shell's `::deep a { color: inherit }` rule. */
.azt-acct-shell .azt-acct-back-link[b-3ywpqh5vmo] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: -12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-500);
}

.azt-acct-shell .azt-acct-back-link:hover[b-3ywpqh5vmo] {
    color: var(--azt-ink-700);
}

.azt-acct-topbar-actions[b-3ywpqh5vmo] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* The language picker and notification bell are shared components with their own scoped styles, so
   restyling their buttons for the dark bar needs ::deep — the same overrides SiteHeader.razor.css
   applies. Only the buttons change; their dropdown panels stay light. */
.azt-acct-topbar[b-3ywpqh5vmo]  .azt-picker-btn {
    height: 42px;
    padding: 0 12px 0 8px;
    border-color: var(--azt-site-header-line);
    border-radius: 999px;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-picker-btn:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-picker-btn .azt-mono-chip {
    background: var(--azt-site-header-accent-soft);
    color: var(--azt-site-header-accent);
}

/* The chevron carries an inline color, so only !important can override it. */
.azt-acct-topbar[b-3ywpqh5vmo]  .azt-picker-btn svg {
    color: var(--azt-site-header-fg-muted) !important;
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-ov-bell {
    width: 42px;
    height: 42px;
    border-color: var(--azt-site-header-line);
    border-radius: 50%;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-ov-bell:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
    color: #fff;
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-ov-bell svg {
    width: 20px;
    height: 20px;
}

.azt-acct-topbar[b-3ywpqh5vmo]  .azt-ov-bell-dot {
    top: 8px;
    right: 9px;
    width: 9px;
    height: 9px;
    background: var(--azt-slot);
    box-shadow: 0 0 0 2px var(--azt-site-header-ring);
}

/* Scroll pane spans the full width of the main column so its native scrollbar sits flush
   against the actual right edge of the page — the content itself (.azt-acct-body) is centered
   inside it with its own max-width instead of being the scroll container, which would otherwise
   leave the scrollbar stranded at the edge of the narrower centered column. */

.azt-acct-scroll[b-3ywpqh5vmo] {
    flex: 1;
    overflow-y: auto;
}

.azt-acct-body[b-3ywpqh5vmo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    max-width: 1040px;
    margin: 0 auto;
}

/* Shared content primitives available to any page rendered inside the shell */

[b-3ywpqh5vmo] .azt-acct-title {
    margin: 0;
    font: var(--azt-text-h1);
    letter-spacing: -0.03em;
}

[b-3ywpqh5vmo] .azt-acct-subtitle {
    margin: 5px 0 0;
    font-size: 14px;
    color: var(--azt-ink-420);
}

[b-3ywpqh5vmo] .azt-acct-panel {
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    padding: var(--azt-space-6);
    box-shadow: var(--azt-shadow-none);
}

/* .azt-acct-placeholder(-title/-body) used to live here — replaced by the shared EmptyState
   component (Components/Shared/EmptyState.razor). */

/* Responsive */

@media (max-width: 900px) {
    .azt-acct-shell[b-3ywpqh5vmo] {
        height: auto;
        min-height: 100vh;
        overflow: visible;
        flex-direction: column;
    }

    /* The shell becomes the containing block of the nav dropdown (it hangs under the header at
       top:66px), so the sidebar itself must not be positioned here. */
    .azt-acct-shell[b-3ywpqh5vmo] {
        position: relative;
    }

    .azt-acct-cols[b-3ywpqh5vmo] {
        flex: 0 0 auto;
        flex-direction: column;
    }

    .azt-acct-sidebar[b-3ywpqh5vmo],
    .azt-acct-sidebar.is-collapsed[b-3ywpqh5vmo] {
        position: static;
        flex: 0 0 auto;
        overflow-y: visible;
    }

    .azt-acct-sidebar-head[b-3ywpqh5vmo] {
        display: none;
    }

    .azt-acct-menu-toggle[b-3ywpqh5vmo] {
        display: flex;
    }

    .azt-acct-sidebar-body[b-3ywpqh5vmo] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

    .azt-acct-profile[b-3ywpqh5vmo],
    .azt-acct-profile-wrap[b-3ywpqh5vmo],
    .azt-acct-logout[b-3ywpqh5vmo] {
        width: auto;
    }

    .azt-acct-profile[b-3ywpqh5vmo] {
        padding: 6px;
    }

    .azt-acct-nav[b-3ywpqh5vmo] {
        display: none;
        flex-direction: column;
        gap: 2px;
        position: absolute;
        top: 66px;
        left: 0;
        right: 0;
        z-index: 20;
        padding: 8px;
        background: var(--azt-near-white);
        border-bottom: 1px solid var(--azt-border);
        box-shadow: 0 16px 28px -16px rgb(0 0 0 / 0.22);
    }

    .azt-acct-nav.is-open[b-3ywpqh5vmo] {
        display: flex;
    }

    .azt-acct-menu-scrim[b-3ywpqh5vmo] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 15;
        background: rgb(0 0 0 / 0.15);
    }

    .azt-acct-sidebar-foot[b-3ywpqh5vmo] {
        margin-top: 0;
        margin-left: auto;
        flex-direction: row;
        align-items: center;
        border-top: 0;
        padding-top: 0;
    }

    .azt-acct-main[b-3ywpqh5vmo] {
        overflow: visible;
    }

    .azt-acct-scroll[b-3ywpqh5vmo] {
        overflow-y: visible;
    }
}

@media (max-width: 600px) {
    .azt-acct-topbar[b-3ywpqh5vmo] {
        padding: 0 16px;
        gap: 10px;
    }

    .azt-acct-topbar-actions[b-3ywpqh5vmo] {
        gap: 8px;
    }

    .azt-acct-body[b-3ywpqh5vmo] {
        padding: 22px 18px;
    }
}

/* Role switching (docs/ba/multi-role-account-and-switching-requirements.md §4.8) — a dual-role
   account's sidebar-foot profile block becomes a dropdown trigger; a single-role account's stays
   the plain, non-interactive block above. Opens upward, since this block sits at the bottom of
   the sidebar (mirrors ProviderShellLayout's azt-ov-account-wrap/azt-ov-role-panel). */

.azt-acct-profile-wrap[b-3ywpqh5vmo] {
    position: relative;
    min-width: 0;
    width: 100%;
}

.azt-acct-profile-btn[b-3ywpqh5vmo] {
    width: 100%;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

/* Icon renders its own <svg> in ITS OWN component scope (it has its own Icon.razor.css), so a
   class passed in via CssClass — like this chevron — never carries this layout's scope attribute
   and needs ::deep to be reached at all, same as the ::deep note on .azt-acct-nav-link above.
   Without it this rule silently never matches and the chevron never rotates. */
[b-3ywpqh5vmo] .azt-acct-role-chev {
    margin-left: auto;
    color: var(--azt-ink-250);
    flex-shrink: 0;
    transform: rotate(90deg);
    transition: transform 0.15s ease;
}

[b-3ywpqh5vmo] .azt-acct-role-chev.is-open {
    transform: rotate(-90deg);
}

.azt-acct-sidebar.is-collapsed[b-3ywpqh5vmo]  .azt-acct-role-chev {
    display: none;
}

.azt-acct-role-panel[b-3ywpqh5vmo] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 30;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.azt-main-fallback-body[b-wdk3vs8a94] {
    display: block;
    min-height: 60vh;
    padding: var(--azt-space-8) var(--azt-space-7);
    background: var(--azt-paper-bg);
    color: var(--azt-ink-700);
    font-family: var(--azt-font-display);
}

#blazor-error-ui[b-wdk3vs8a94] {
    color-scheme: light only;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
    font-family: var(--azt-font-display);
    bottom: 0;
    box-shadow: var(--azt-shadow-sm);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-wdk3vs8a94] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ProviderShellLayout.razor.rz.scp.css */
.azt-ov-shell[b-ajr1kjlwh8] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* clip, unlike hidden, can never be scrolled programmatically (focus/scrollIntoView on a
       descendant), so the shell can't end up shifted with a blank strip and no way back. */
    overflow: clip;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

/* height:100vh alone can still leave the outer document a hair taller than the viewport (vh
   rounding on some browser/OS-scaling combinations), which shows up as a second, page-level
   scrollbar alongside .azt-ov-body's own — two scrollbars for what should be one scroll region.
   Pinning the shell to the viewport with position:fixed removes it from document flow entirely,
   so it can never contribute to the document's scrollable height, no matter how that rounding
   goes. Desktop-only: the max-width:900px block below intentionally keeps the mobile layout in
   normal flow so the whole page scrolls together there. */
@media (min-width: 901px) {
    .azt-ov-shell[b-ajr1kjlwh8] {
        position: fixed;
        inset: 0;
    }
}

/* Plain ::deep, not scoped under a specific ancestor: reaches every anchor under this shell,
   including ones rendered by a child component (e.g. NavLink's own <a>) — see the ::deep note
   above .azt-ov-nav-link below for why that's necessary. */
.azt-ov-shell[b-ajr1kjlwh8]  a {
    text-decoration: none;
    color: inherit;
}

.azt-ov-shell button[b-ajr1kjlwh8] {
    font-family: inherit;
    cursor: pointer;
}

/* Sidebar + main, side by side under the full-width header. */

.azt-ov-cols[b-ajr1kjlwh8] {
    flex: 1;
    display: flex;
    min-height: 0;
}

/* Sidebar */

.azt-ov-sidebar[b-ajr1kjlwh8] {
    position: relative;
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--azt-near-white);
    border-right: 1px solid var(--azt-border-hairline);
    overflow-y: auto;
    transition: flex-basis 0.15s ease;
}

.azt-ov-sidebar.is-collapsed[b-ajr1kjlwh8] {
    flex-basis: 76px;
}

.azt-ov-sidebar-body[b-ajr1kjlwh8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 22px 16px;
}

/* The brand link reuses admin.css's .azt-adm-brand, which sets color:#fff — and the logo mark draws
   in currentColor. This shell's `::deep a { color: inherit }` above would otherwise turn it into the
   dark page text colour, so the extra ancestor classes here make this rule outrank it. */
.azt-ov-shell .azt-ov-topbar .azt-adm-brand[b-ajr1kjlwh8] {
    color: #fff;
}

/* Collapse button — top right of the sidebar menu. */

.azt-ov-sidebar-head[b-ajr1kjlwh8] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px 0;
}

.azt-ov-sidebar.is-collapsed .azt-ov-sidebar-head[b-ajr1kjlwh8] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.azt-ov-collapse-toggle[b-ajr1kjlwh8] {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    border: 1px solid var(--azt-border);
    background: var(--azt-near-white);
    color: var(--azt-ink-420);
}

.azt-ov-collapse-toggle:hover[b-ajr1kjlwh8] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-ov-collapse-toggle svg[b-ajr1kjlwh8] {
    width: 11px;
    height: 11px;
    fill: none;
    transition: transform 0.15s ease;
}

.azt-ov-collapse-toggle svg.is-flipped[b-ajr1kjlwh8] {
    transform: rotate(180deg);
}

/* Mobile nav dropdown toggle — hidden by default, shown only under the responsive
   breakpoint below where the nav row collapses into a dropdown. */

.azt-ov-menu-toggle[b-ajr1kjlwh8] {
    display: none;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--azt-site-header-line);
    background: transparent;
    color: var(--azt-site-header-fg-muted);
}

.azt-ov-menu-toggle:hover[b-ajr1kjlwh8] {
    background: var(--azt-site-header-hover);
    color: #fff;
}

.azt-ov-menu-toggle svg[b-ajr1kjlwh8] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
}

.azt-ov-menu-scrim[b-ajr1kjlwh8] {
    display: none;
}

.azt-ov-nav[b-ajr1kjlwh8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Overview/Staff render as <NavLink> (for active-route highlighting) rather than a plain <a> —
   NavLink is a child component, so the <a> it renders belongs to its own render scope, not this
   layout's. Blazor CSS isolation doesn't reach into a child component's own markup unless the
   selector goes through ::deep, so every rule that targets the anchor itself needs it here.
   (The <svg>/<span> inside are authored directly in this file as NavLink's ChildContent, so
   they're scoped normally and don't need ::deep.) */

.azt-ov-nav[b-ajr1kjlwh8]  .azt-ov-nav-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-500);
}

.azt-ov-nav-link svg[b-ajr1kjlwh8] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-ov-nav[b-ajr1kjlwh8]  .azt-ov-nav-link:hover {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-ov-nav[b-ajr1kjlwh8]  .azt-ov-nav-link.is-active {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    font-weight: 600;
}

/* Not-yet-built nav items (Payments/Reviews/Reports/Settings) — a plain <span>, not an <a>, so
   there's nothing to navigate to; dimmed and non-interactive rather than a live-looking dead link. */
.azt-ov-nav-link.is-disabled[b-ajr1kjlwh8] {
    color: var(--azt-ink-250);
    cursor: default;
}

.azt-ov-nav-link.is-disabled:hover[b-ajr1kjlwh8] {
    background: none;
    color: var(--azt-ink-250);
}

.azt-ov-nav-count[b-ajr1kjlwh8] {
    margin-left: auto;
    flex: 0 0 auto;
    min-width: 20px;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.azt-ov-outcome-banner[b-ajr1kjlwh8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.azt-ov-outcome-banner-cta[b-ajr1kjlwh8] {
    flex: 0 0 auto;
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
}

.azt-ov-nav-badge[b-ajr1kjlwh8] {
    margin-left: auto;
    flex: 0 0 auto;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--azt-surface-tint);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

.azt-ov-sidebar-foot[b-ajr1kjlwh8] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 14px;
    border-top: 1px solid var(--azt-border-hairline);
}

.azt-ov-account[b-ajr1kjlwh8] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    min-width: 0;
}

.azt-ov-account-text[b-ajr1kjlwh8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.azt-ov-account-name[b-ajr1kjlwh8] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azt-ov-account-role[b-ajr1kjlwh8] {
    margin-top: 1px;
    font-size: 11.5px;
    color: var(--azt-ink-300);
}

.azt-ov-logout[b-ajr1kjlwh8] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 6px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--azt-ink-250);
    background: transparent;
    border: 0;
}

.azt-ov-logout svg[b-ajr1kjlwh8] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-ov-logout:hover[b-ajr1kjlwh8] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

/* Collapsed sidebar — icons only. .azt-ov-nav-label is authored directly in this file (as
   NavLink ChildContent and plain <a> content alike), so it never needs ::deep. */

.azt-ov-sidebar.is-collapsed .azt-ov-account[b-ajr1kjlwh8],
.azt-ov-sidebar.is-collapsed .azt-ov-nav-label[b-ajr1kjlwh8],
.azt-ov-sidebar.is-collapsed .azt-ov-nav-badge[b-ajr1kjlwh8],
.azt-ov-sidebar.is-collapsed .azt-ov-nav-count[b-ajr1kjlwh8] {
    display: none;
}

.azt-ov-sidebar.is-collapsed .azt-ov-sidebar-foot[b-ajr1kjlwh8] {
    align-items: center;
}

.azt-ov-sidebar.is-collapsed .azt-ov-logout[b-ajr1kjlwh8] {
    width: auto;
    justify-content: center;
    padding: 9px;
}

.azt-ov-sidebar.is-collapsed .azt-ov-nav[b-ajr1kjlwh8]  .azt-ov-nav-link {
    justify-content: center;
    padding: 9px;
}

.azt-ov-sidebar.is-collapsed .azt-ov-account[b-ajr1kjlwh8] {
    justify-content: center;
    padding: 4px;
}

/* Main */

.azt-ov-main[b-ajr1kjlwh8] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.azt-ov-topbar[b-ajr1kjlwh8] {
    position: relative;
    /* backdrop-filter below already promotes this into the z-index:0/auto stacking layer, but
       page content underneath (e.g. Calendar.razor's sticky staff-column header row) sets its
       own explicit z-index, which otherwise paints in the layer above and shows through the
       notifications dropdown — see .azt-notif-panel. This needs to clear the highest z-index
       used by any scrollable page body content. */
    z-index: 30;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    height: 66px;
    padding: 0 24px;
    background: var(--azt-site-header-bg);
    border-bottom: 1px solid var(--azt-site-header-border);
}

.azt-ov-topbar-actions[b-ajr1kjlwh8] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* The language picker and notification bell are shared components with their own scoped styles, so
   restyling their buttons for the dark bar needs ::deep — the same overrides SiteHeader.razor.css
   applies. Only the buttons change; their dropdown panels stay light. */
.azt-ov-topbar[b-ajr1kjlwh8]  .azt-picker-btn {
    height: 42px;
    padding: 0 12px 0 8px;
    border-color: var(--azt-site-header-line);
    border-radius: 999px;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-picker-btn:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-picker-btn .azt-mono-chip {
    background: var(--azt-site-header-accent-soft);
    color: var(--azt-site-header-accent);
}

/* The chevron carries an inline color, so only !important can override it. */
.azt-ov-topbar[b-ajr1kjlwh8]  .azt-picker-btn svg {
    color: var(--azt-site-header-fg-muted) !important;
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-ov-bell {
    width: 42px;
    height: 42px;
    border-color: var(--azt-site-header-line);
    border-radius: 50%;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-ov-bell:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
    color: #fff;
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-ov-bell svg {
    width: 20px;
    height: 20px;
}

.azt-ov-topbar[b-ajr1kjlwh8]  .azt-ov-bell-dot {
    top: 8px;
    right: 9px;
    width: 9px;
    height: 9px;
    background: var(--azt-slot);
    box-shadow: 0 0 0 2px var(--azt-site-header-ring);
}

/* Body — the scrollable content pane every page under this shell renders into */

.azt-ov-body[b-ajr1kjlwh8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 28px;
    /* The pane itself always fills the space beside the sidebar (so the scrollbar stays at the
       window edge and collapsing the menu re-centres the content). The 1240px reading width is
       applied as side padding instead of a max-width on the pane. */
    padding: 32px max(32px, calc((100% - 1240px) / 2));
    width: 100%;
    overflow-y: auto;
}

/* Shared content primitives available to any page rendered inside the shell.
   These style markup that individual pages render into @Body — a different component's
   output — so each rule needs ::deep to penetrate Blazor's per-component CSS scoping. */

[b-ajr1kjlwh8] .azt-ov-title {
    margin: 0;
    font: var(--azt-text-h1);
    letter-spacing: -0.03em;
}

[b-ajr1kjlwh8] .azt-ov-subtitle {
    margin: 5px 0 0;
    font-size: 14px;
    color: var(--azt-ink-420);
}

[b-ajr1kjlwh8] .azt-ov-panel {
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    padding: var(--azt-space-6);
    box-shadow: var(--azt-shadow-none);
}

[b-ajr1kjlwh8] .azt-ov-panel-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    margin-bottom: 14px;
}

/* .azt-btn-accent used to live here, exposed via ::deep for every child page — replaced by the
   shared Button component (Components/Shared/Button.razor, variant Primary). */

/* Responsive */

@media (max-width: 900px) {
    .azt-ov-shell[b-ajr1kjlwh8] {
        height: auto;
        min-height: 100vh;
        overflow: visible;
        flex-direction: column;
    }

    /* The shell becomes the containing block of the nav dropdown (it hangs under the header at
       top:66px), so the sidebar itself must not be positioned here. */
    .azt-ov-shell[b-ajr1kjlwh8] {
        position: relative;
    }

    .azt-ov-cols[b-ajr1kjlwh8] {
        flex: 0 0 auto;
        flex-direction: column;
    }

    .azt-ov-sidebar[b-ajr1kjlwh8],
    .azt-ov-sidebar.is-collapsed[b-ajr1kjlwh8] {
        position: static;
        flex: 0 0 auto;
        overflow-y: visible;
    }

    .azt-ov-sidebar-head[b-ajr1kjlwh8] {
        display: none;
    }

    .azt-ov-menu-toggle[b-ajr1kjlwh8] {
        display: flex;
    }

    .azt-ov-sidebar-body[b-ajr1kjlwh8] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    /* Nav collapses into a dropdown panel anchored under the brand bar, opened by
       .azt-ov-menu-toggle, instead of wrapping every link into a row. */

    .azt-ov-nav[b-ajr1kjlwh8] {
        display: none;
        flex-direction: column;
        gap: 2px;
        position: absolute;
        top: 66px;
        left: 0;
        right: 0;
        z-index: 20;
        padding: 8px;
        background: var(--azt-near-white);
        border-bottom: 1px solid var(--azt-border);
        box-shadow: 0 16px 28px -16px rgb(0 0 0 / 0.22);
    }

    .azt-ov-nav.is-open[b-ajr1kjlwh8] {
        display: flex;
    }

    .azt-ov-menu-scrim[b-ajr1kjlwh8] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 15;
        background: rgb(0 0 0 / 0.15);
    }

    .azt-ov-sidebar-foot[b-ajr1kjlwh8] {
        margin-top: 0;
        margin-left: auto;
        flex-direction: row;
        align-items: center;
        border-top: 0;
        padding-top: 0;
    }

    .azt-ov-account[b-ajr1kjlwh8],
    .azt-ov-account-wrap[b-ajr1kjlwh8],
    .azt-ov-logout[b-ajr1kjlwh8] {
        width: auto;
    }

    .azt-ov-main[b-ajr1kjlwh8] {
        overflow: visible;
    }

    .azt-ov-body[b-ajr1kjlwh8] {
        overflow-y: visible;
    }
}

@media (max-width: 600px) {
    .azt-ov-topbar[b-ajr1kjlwh8] {
        padding: 0 16px;
        gap: 10px;
    }

    .azt-ov-topbar-actions[b-ajr1kjlwh8] {
        gap: 8px;
    }

    .azt-ov-topbar .azt-adm-tag[b-ajr1kjlwh8] {
        display: none;
    }

    .azt-ov-body[b-ajr1kjlwh8] {
        padding: 22px 18px;
    }
}

/* Role switching (docs/ba/multi-role-account-and-switching-requirements.md §4.8) — a dual-role
   account's sidebar-foot account block becomes a dropdown trigger; a single-role account's stays
   the plain, non-interactive block above. Opens upward, since this block sits at the bottom of the
   sidebar. */

.azt-ov-account-wrap[b-ajr1kjlwh8] {
    position: relative;
    min-width: 0;
    width: 100%;
}

.azt-ov-account-btn[b-ajr1kjlwh8] {
    width: 100%;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

/* Icon renders its own <svg> in ITS OWN component scope (it has its own Icon.razor.css), so a
   class passed in via CssClass — like this chevron — never carries this layout's scope attribute
   and needs ::deep to be reached at all, same as the ::deep note above .azt-ov-nav-link. Without
   it this rule silently never matches and the chevron never rotates. */
[b-ajr1kjlwh8] .azt-ov-role-chev {
    margin-left: auto;
    color: var(--azt-ink-250);
    flex-shrink: 0;
    transform: rotate(90deg);
    transition: transform 0.15s ease;
}

[b-ajr1kjlwh8] .azt-ov-role-chev.is-open {
    transform: rotate(-90deg);
}

.azt-ov-role-panel[b-ajr1kjlwh8] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 30;
}

.azt-ov-sidebar.is-collapsed .azt-ov-account-wrap[b-ajr1kjlwh8] {
    display: none;
}

/* Workplace switcher (BIZ-007 S2 top bar) */
.azt-wp-switch[b-ajr1kjlwh8] { position: relative; }
.azt-wp-switch-btn[b-ajr1kjlwh8] { display: flex; align-items: center; gap: 8px; min-height: 44px; max-width: 240px; padding: 0 12px; background: #fff; border: 1px solid #d5dde1; border-radius: 10px; font: inherit; font-weight: 600; cursor: pointer; }
.azt-wp-switch-btn:focus-visible[b-ajr1kjlwh8], .azt-wp-switch-item:focus-visible[b-ajr1kjlwh8] { outline: 3px solid #00a084; outline-offset: 2px; }
.azt-wp-switch-name[b-ajr1kjlwh8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.azt-wp-switch-menu[b-ajr1kjlwh8] { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 260px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid #d5dde1; border-radius: 12px; box-shadow: 0 8px 24px rgba(16, 38, 46, .14); }
.azt-wp-switch-item[b-ajr1kjlwh8] { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: 44px; padding: 8px 12px; background: none; border: 0; border-radius: 8px; font: inherit; text-align: left; cursor: pointer; }
.azt-wp-switch-item:hover:not(:disabled)[b-ajr1kjlwh8], .azt-wp-switch-item.is-on[b-ajr1kjlwh8] { background: #eef5f8; }
.azt-wp-switch-item:disabled[b-ajr1kjlwh8] { opacity: .6; cursor: not-allowed; }
.azt-wp-switch-item-name[b-ajr1kjlwh8] { font-weight: 600; }
.azt-wp-switch-item-sub[b-ajr1kjlwh8] { font-size: 12px; color: #5b6b72; }
/* /Components/Pages/About.razor.rz.scp.css */
/* Page shell — duplicated from Home.razor.css since Blazor CSS isolation scopes markup to the
   .razor file that authors it, not to where a child component (SiteHeader) renders it. Same
   convention as every other per-project duplication in this app (see CLAUDE.md's Resilience/
   and HealthChecks/ folders). */

.azt-about-page[b-nx4lmcfst0] {
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-about-page a[b-nx4lmcfst0] {
    color: var(--azt-link);
    text-decoration: none;
}

.azt-about-page a:hover[b-nx4lmcfst0] {
    color: var(--azt-link-hover);
}

/* Header content (shell itself lives in SiteHeader.razor/.css) */

.azt-profile-chip[b-nx4lmcfst0] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

/* Mobile menu toggle + slide-in panel — same behaviour as Home.razor.css's copy. */

.azt-mobile-panel[b-nx4lmcfst0] {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: var(--azt-near-white);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    display: flex;
    flex-direction: column;
    padding: 20px 24px 28px;
}

.azt-mobile-panel.is-open[b-nx4lmcfst0] {
    transform: translateX(0);
}

.azt-mobile-panel-head[b-nx4lmcfst0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.azt-mobile-panel-close[b-nx4lmcfst0] {
    background: none;
    border: 0;
    padding: 8px;
    color: var(--azt-ink-700);
}

.azt-mobile-panel-close svg[b-nx4lmcfst0] {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.azt-mobile-nav[b-nx4lmcfst0] {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.azt-mobile-nav a[b-nx4lmcfst0] {
    padding: 15px 2px;
    font-size: 17px;
    font-weight: 500;
    color: var(--azt-ink-700);
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-mobile-panel-foot[b-nx4lmcfst0] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}


.azt-about-eyebrow[b-nx4lmcfst0] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 13px 7px 9px;
    border-radius: 999px;
    background: var(--azt-slot-tint);
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--azt-ink-450);
}

.azt-about-eyebrow-dot[b-nx4lmcfst0] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: var(--azt-slot-500);
}

.azt-about-h1[b-nx4lmcfst0] {
    margin: 22px 0 0;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.04;
    text-wrap: pretty;
}

.azt-about-mission[b-nx4lmcfst0] {
    margin: 26px auto 0;
    max-width: 640px;
    font-size: 18px;
    line-height: 1.65;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

/* Content sections — shared band + narrow-column variant for prose-only sections. */

.azt-about-section[b-nx4lmcfst0] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 40px;
}

.azt-about-h2[b-nx4lmcfst0] {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
}

.azt-about-lede[b-nx4lmcfst0] {
    margin: 18px auto 0;
    max-width: 680px;
    font-size: 16.5px;
    line-height: 1.7;
    color: var(--azt-ink-420);
    text-align: center;
    text-wrap: pretty;
}

.azt-about-where[b-nx4lmcfst0] {
    background: var(--azt-ink-800);
    color: var(--azt-near-white);
}

.azt-about-where-market[b-nx4lmcfst0] {
    background: var(--azt-ink-900);
}

.azt-about-where-row[b-nx4lmcfst0] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 76px 40px;
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 56px;
    align-items: center;
    color: var(--azt-near-white);
}

.azt-about-where-eyebrow[b-nx4lmcfst0] {
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-about-where-h2[b-nx4lmcfst0] {
    margin: 16px 0 0;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    text-wrap: pretty;
}

.azt-about-where-body[b-nx4lmcfst0] {
    margin: 18px 0 0;
    max-width: 440px;
    font-size: 16px;
    line-height: 1.65;
    color: oklch(0.85 0.015 200 / 0.8);
    text-wrap: pretty;
}

.azt-about-city-card[b-nx4lmcfst0] {
    position: relative;
    padding: 30px;
    border-radius: 24px;
    background: radial-gradient(at 80% 4%, var(--azt-deep-500) 0%, transparent 62%), radial-gradient(at 6% 98%, var(--azt-deep-600) 0%, transparent 66%), oklch(0.3 0.04 215);
    border: 1px solid oklch(0.99 0.01 200 / 0.12);
}

.azt-about-city-pin[b-nx4lmcfst0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: oklch(0.99 0.01 200 / 0.1);
    color: var(--azt-slot-500);
}

.azt-about-city-pin svg[b-nx4lmcfst0] {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-about-city-name[b-nx4lmcfst0] {
    margin: 18px 0 2px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-about-city-country[b-nx4lmcfst0] {
    font-size: 13.5px;
    color: oklch(0.85 0.015 200 / 0.7);
}

.azt-about-city-note[b-nx4lmcfst0] {
    margin: 18px 0 0;
    padding-top: 18px;
    border-top: 1px solid oklch(0.99 0.01 200 / 0.12);
    font-size: 13.5px;
    line-height: 1.6;
    color: oklch(0.85 0.015 200 / 0.75);
}

/* Final CTA — same visual treatment as Home.razor.css's copy. */

.azt-about-cta-section[b-nx4lmcfst0] {
    padding-bottom: 20px;
}

.azt-final-cta[b-nx4lmcfst0] {
    padding: 64px;
    border-radius: 28px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    flex-wrap: wrap;
}

.azt-final-cta-h2[b-nx4lmcfst0] {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.05;
    text-wrap: pretty;
}

.azt-final-cta-sub[b-nx4lmcfst0] {
    margin: 14px 0 0;
    max-width: 420px;
    font-size: 16.5px;
    line-height: 1.6;
    color: var(--azt-ink-400);
}

.azt-final-cta-actions[b-nx4lmcfst0] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.azt-final-cta-actions .azt-btn[b-nx4lmcfst0] {
    padding: 17px 28px;
    border-radius: 14px;
    font-size: 15.5px;
}

/* Hero: copy on the left, the worked-example phone on the right. */

.azt-about-hero[b-nx4lmcfst0] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 64px 40px 72px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 56px;
    align-items: center;
}

.azt-about-hero > *[b-nx4lmcfst0] {
    min-width: 0;
}

.azt-about-hero .azt-about-h1[b-nx4lmcfst0] {
    font-size: 52px;
}

.azt-about-hero .azt-about-mission[b-nx4lmcfst0] {
    margin: 22px 0 0;
    max-width: 560px;
    font-size: 18px;
}

.azt-about-hero-actions[b-nx4lmcfst0] {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.azt-about-fine[b-nx4lmcfst0] {
    margin: 18px 0 0;
    font-family: var(--azt-font-mono);
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--azt-ink-450);
}

.azt-about-example-tag[b-nx4lmcfst0] {
    display: block;
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.75;
    margin-bottom: 3px;
}

.azt-about-phone[b-nx4lmcfst0] {
    padding: 18px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 24px;
    box-shadow: 0 18px 50px -26px oklch(0.3 0.04 215 / 0.4);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-about-phone-head[b-nx4lmcfst0] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--azt-border-soft);
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    color: var(--azt-ink-450);
}

.azt-about-bubble[b-nx4lmcfst0] {
    max-width: 88%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 14.5px;
    line-height: 1.45;
}

.azt-about-bubble-customer[b-nx4lmcfst0] {
    align-self: flex-start;
    background: var(--azt-surface-tint);
    border: 1px solid var(--azt-border-soft);
    color: var(--azt-ink-700);
    border-bottom-left-radius: 4px;
}

.azt-about-bubble-bot[b-nx4lmcfst0] {
    align-self: flex-end;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    border-bottom-right-radius: 4px;
}

.azt-about-booking-card[b-nx4lmcfst0] {
    padding: 14px;
    border: 1.5px solid var(--azt-slot-500);
    border-radius: 14px;
    background: white;
    display: grid;
    gap: 10px;
}

.azt-about-booking-card .azt-about-example-tag[b-nx4lmcfst0] {
    margin: 0;
    color: var(--azt-slot-text);
    opacity: 1;
}

.azt-about-booking-card dl[b-nx4lmcfst0] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 16px;
    font-size: 14px;
}

.azt-about-booking-card dt[b-nx4lmcfst0] {
    color: var(--azt-ink-450);
}

.azt-about-booking-card dd[b-nx4lmcfst0] {
    margin: 0;
    font-family: var(--azt-font-mono);
    font-size: 13.5px;
    color: var(--azt-ink-700);
}

.azt-about-booking-actions[b-nx4lmcfst0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.azt-about-fake-btn[b-nx4lmcfst0] {
    padding: 8px 16px;
    border-radius: 9px;
    border: 1px solid var(--azt-border-soft);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-600);
}

.azt-about-fake-btn-go[b-nx4lmcfst0] {
    background: var(--azt-slot-500);
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-about-phone-note[b-nx4lmcfst0] {
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    color: var(--azt-slot-text);
}

/* Left-aligned section headings (the outcome and status sections read as a column, not a banner). */

.azt-about-eyebrow-plain[b-nx4lmcfst0] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-text);
}

.azt-about-h2-left[b-nx4lmcfst0] {
    margin-top: 14px;
    text-align: left;
    max-width: 760px;
    text-wrap: balance;
}

.azt-about-lede-left[b-nx4lmcfst0] {
    margin-left: 0;
    text-align: left;
}

.azt-about-outcomes[b-nx4lmcfst0] {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.azt-about-outcomes > div[b-nx4lmcfst0] {
    padding-top: 18px;
    border-top: 3px solid var(--azt-slot-500);
}

.azt-about-outcomes h3[b-nx4lmcfst0] {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-about-outcomes p[b-nx4lmcfst0] {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.65;
    color: var(--azt-ink-500);
}

/* "You stay in control" dark band (reuses .azt-about-where / -eyebrow / -h2 / -body). */

.azt-about-control-inner[b-nx4lmcfst0] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 76px 40px;
}

.azt-about-control .azt-about-where-body[b-nx4lmcfst0] {
    max-width: 560px;
}

.azt-about-steps[b-nx4lmcfst0] {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.azt-about-steps > div[b-nx4lmcfst0] {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid oklch(0.99 0.01 200 / 0.14);
}

.azt-about-steps h3[b-nx4lmcfst0] {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.azt-about-steps p[b-nx4lmcfst0] {
    margin: 8px 0 0;
    font-size: 15.5px;
    line-height: 1.6;
    color: oklch(0.85 0.015 200 / 0.8);
}

.azt-about-rules[b-nx4lmcfst0] {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.azt-about-rules span[b-nx4lmcfst0] {
    padding: 6px 13px;
    border-radius: 999px;
    border: 1px solid oklch(0.99 0.01 200 / 0.22);
    font-family: var(--azt-font-mono);
    font-size: 12.5px;
}

/* Live / in development / planned */

.azt-about-status[b-nx4lmcfst0] {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.azt-about-status > div[b-nx4lmcfst0] {
    padding: 24px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 18px;
}

.azt-about-status ul[b-nx4lmcfst0] {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 9px;
}

.azt-about-status li[b-nx4lmcfst0] {
    position: relative;
    padding-left: 18px;
    font-size: 15.5px;
    line-height: 1.5;
    color: var(--azt-ink-600);
}

.azt-about-status li[b-nx4lmcfst0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--azt-border-soft);
}

.azt-about-status-live li[b-nx4lmcfst0]::before {
    background: var(--azt-slot-500);
}

.azt-about-pill[b-nx4lmcfst0] {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.azt-about-pill-live[b-nx4lmcfst0] {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
}

.azt-about-pill-dev[b-nx4lmcfst0] {
    background: oklch(0.95 0.06 85);
    color: oklch(0.42 0.09 70);
}

.azt-about-pill-plan[b-nx4lmcfst0] {
    background: oklch(0.94 0.03 250);
    color: oklch(0.42 0.1 255);
}

.azt-about-customer-link[b-nx4lmcfst0] {
    text-align: center;
    margin-top: 24px;
}

/* Responsive */

@media (max-width: 1100px) {
    .azt-about-h1[b-nx4lmcfst0],
    .azt-about-hero .azt-about-h1[b-nx4lmcfst0] {
        font-size: 42px;
    }

    .azt-about-where-row[b-nx4lmcfst0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .azt-about-hero[b-nx4lmcfst0] {
        grid-template-columns: 1fr;
        gap: 36px;
        padding-top: 40px;
    }

    .azt-about-outcomes[b-nx4lmcfst0],
    .azt-about-steps[b-nx4lmcfst0],
    .azt-about-status[b-nx4lmcfst0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .azt-about-hero[b-nx4lmcfst0],
    .azt-about-section[b-nx4lmcfst0] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .azt-about-h1[b-nx4lmcfst0],
    .azt-about-hero .azt-about-h1[b-nx4lmcfst0] {
        font-size: 34px;
    }

    .azt-about-h2[b-nx4lmcfst0] {
        font-size: 28px;
    }

    .azt-about-where-row[b-nx4lmcfst0],
    .azt-about-control-inner[b-nx4lmcfst0] {
        padding: 56px 24px;
    }

    .azt-final-cta[b-nx4lmcfst0] {
        padding: 32px;
    }
}
/* /Components/Pages/Admin/Categories.razor.rz.scp.css */
/* Admin categories (docs/design/admin/categories.html). The search box and the segmented control reuse the shared
   .azt-acc-* rules from admin.css, which are global, so only this page's own elements are styled here. */
.azt-cat-rule[b-hb41cu8fq0] { margin: 0; flex: 1; min-width: 0; }
.azt-cat-x[b-hb41cu8fq0] { border: 0; background: none; padding: 0 4px; font-size: 18px; line-height: 1; color: inherit; opacity: .7; cursor: pointer; }
.azt-cat-x:hover[b-hb41cu8fq0] { opacity: 1; }

.azt-cat-toolbar[b-hb41cu8fq0] { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.azt-cat-search[b-hb41cu8fq0] { flex: 1 1 16rem; max-width: 24rem; }
.azt-cat-count[b-hb41cu8fq0] { margin-left: 4px; font: 500 11px/1 var(--azt-font-mono); color: var(--azt-ink-420); }

.azt-cat-list[b-hb41cu8fq0] { display: flex; flex-direction: column; }
.azt-cat-head[b-hb41cu8fq0], .azt-cat-row[b-hb41cu8fq0] { display: grid; grid-template-columns: minmax(0, 2fr) 200px 130px 90px; gap: 0 16px; align-items: center; padding: 0 20px; }
.azt-cat-head[b-hb41cu8fq0] { padding-top: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--azt-border-soft); font: var(--azt-text-eyebrow); letter-spacing: .08em; text-transform: uppercase; color: var(--azt-ink-420); }
.azt-cat-head .num[b-hb41cu8fq0] { text-align: right; }
.azt-cat-row[b-hb41cu8fq0] { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--azt-border-soft); }
.azt-cat-row:last-child[b-hb41cu8fq0] { border-bottom: 0; }
.azt-cat-row:hover[b-hb41cu8fq0] { background: var(--azt-surface-tint); }
.azt-cat-row.is-off .azt-cat-name b[b-hb41cu8fq0] { font-weight: 500; color: var(--azt-ink-300); }

.azt-cat-name b[b-hb41cu8fq0] { display: block; font: 600 16px/1.3 var(--azt-font-display); }
.azt-cat-name > span[b-hb41cu8fq0] { display: block; margin-top: 2px; font-size: 12.5px; color: var(--azt-ink-420); }
.azt-cat-gap[b-hb41cu8fq0] { color: var(--azt-warning-text); }

.azt-cat-use[b-hb41cu8fq0] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.azt-cat-use .num[b-hb41cu8fq0] { text-align: right; font: 500 16px/1 var(--azt-font-mono); font-variant-numeric: tabular-nums; }
.azt-cat-use .num.is-zero[b-hb41cu8fq0] { color: var(--azt-ink-420); font-weight: 400; }
.azt-cat-use .num i[b-hb41cu8fq0] { display: none; }

.azt-cat-sw[b-hb41cu8fq0] { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0; border: 0; background: none; font: 600 13px/1 var(--azt-font-display); color: var(--azt-ink-300); cursor: pointer; }
.azt-cat-sw .track[b-hb41cu8fq0] { position: relative; flex: none; width: 38px; height: 22px; border-radius: 999px; background: var(--azt-border); transition: background .15s; }
.azt-cat-sw .track[b-hb41cu8fq0]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--azt-near-white); box-shadow: 0 1px 2px rgb(0 0 0 / .3); transition: translate .15s; }
.azt-cat-sw[aria-checked="true"][b-hb41cu8fq0] { color: var(--azt-slot-text); }
.azt-cat-sw[aria-checked="true"] .track[b-hb41cu8fq0] { background: var(--azt-slot-500); }
.azt-cat-sw[aria-checked="true"] .track[b-hb41cu8fq0]::after { translate: 16px 0; }
.azt-cat-sw:focus-visible[b-hb41cu8fq0] { outline: 2px solid var(--azt-slot-500); outline-offset: 2px; border-radius: var(--azt-radius-sm); }
.azt-cat-sw:disabled[b-hb41cu8fq0] { opacity: .5; cursor: progress; }
@media (prefers-reduced-motion: reduce) { .azt-cat-sw .track[b-hb41cu8fq0], .azt-cat-sw .track[b-hb41cu8fq0]::after { transition: none; } }

.azt-cat-act[b-hb41cu8fq0] { display: flex; justify-content: flex-end; }

.azt-cat-confirm[b-hb41cu8fq0] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 12px; padding: 12px 14px; border-radius: var(--azt-radius-md); border: 1px solid oklch(0.86 0.07 85); background: var(--azt-warning-bg); color: var(--azt-warning-text); font-size: 13px; }
.azt-cat-confirm p[b-hb41cu8fq0] { margin: 0; flex: 1 1 22rem; }
.azt-cat-confirm-btns[b-hb41cu8fq0] { display: flex; gap: 8px; }

.azt-cat-empty[b-hb41cu8fq0] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 48px 20px; text-align: center; color: var(--azt-ink-300); }
.azt-cat-empty h2[b-hb41cu8fq0] { margin: 0; font: 600 18px/1.3 var(--azt-font-display); color: var(--azt-ink-700); }
.azt-cat-empty p[b-hb41cu8fq0] { margin: 0; max-width: 44ch; }

.azt-cat-form[b-hb41cu8fq0] { display: flex; flex-direction: column; gap: 20px; }
.azt-cat-foot[b-hb41cu8fq0] { display: flex; justify-content: flex-end; gap: 10px; width: 100%; }
.azt-cat-preview[b-hb41cu8fq0] { display: flex; flex-direction: column; gap: 8px; padding: 14px; border: 1px dashed var(--azt-border); border-radius: var(--azt-radius-lg); background: var(--azt-surface-tint); }
.azt-cat-preview h3[b-hb41cu8fq0] { margin: 0; font: var(--azt-text-eyebrow); letter-spacing: .1em; text-transform: uppercase; color: var(--azt-ink-420); }
.azt-cat-pills[b-hb41cu8fq0] { display: flex; flex-wrap: wrap; gap: 8px; }
.azt-cat-pill[b-hb41cu8fq0] { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--azt-border); border-radius: 999px; background: var(--azt-near-white); font-size: 13px; font-weight: 500; }
.azt-cat-pill small[b-hb41cu8fq0] { font: 500 10px/1 var(--azt-font-mono); color: var(--azt-ink-420); }

/* Phone: rows become cards — name and switch on one line, counts and Edit below. */
@media (max-width: 860px) {
    .azt-cat-head[b-hb41cu8fq0] { display: none; }
    .azt-cat-row[b-hb41cu8fq0] { grid-template-columns: 1fr auto; gap: 8px 12px; padding: 16px; }
    .azt-cat-use[b-hb41cu8fq0] { grid-column: 1 / -1; grid-row: 2; display: flex; gap: 16px; }
    .azt-cat-use .num[b-hb41cu8fq0] { text-align: left; font-size: 13px; }
    .azt-cat-use .num i[b-hb41cu8fq0] { display: inline; margin-left: 4px; font: 400 12px/1 var(--azt-font-display); font-style: normal; color: var(--azt-ink-420); }
    .azt-cat-act[b-hb41cu8fq0] { grid-column: 1 / -1; justify-content: flex-start; }
}

.azt-cat-slug[b-hb41cu8fq0] {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    opacity: .65;
}
/* /Components/Pages/Admin/HelpContent.razor.rz.scp.css */
.azt-hlp-topic[b-w10a92hiaj] { display: flex; flex-direction: column; gap: 14px; }
.azt-hlp-topic-head[b-w10a92hiaj] { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.azt-hlp-topic-head .grow[b-w10a92hiaj] { flex: 1 1 260px; min-width: 0; }
.azt-hlp-btns[b-w10a92hiaj] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.azt-hlp-hidden[b-w10a92hiaj] { margin: 6px 0 0; font-size: 13px; color: var(--azt-text-muted, #5b6472); }
.azt-hlp-answers[b-w10a92hiaj] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.azt-hlp-answer[b-w10a92hiaj] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid var(--azt-border, #e3e6ea); }
.azt-hlp-answer .grow[b-w10a92hiaj] { flex: 1 1 260px; min-width: 0; }
.azt-hlp-badge[b-w10a92hiaj] { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; background: var(--azt-surface-muted, #eef0f3); }
.azt-hlp-badge.is-live[b-w10a92hiaj] { background: var(--azt-ok-bg, #dff3e6); color: var(--azt-ok-text, #17653a); }
.azt-hlp-add[b-w10a92hiaj] { display: flex; }
.azt-hlp-statslink[b-w10a92hiaj] { align-self: center; margin-right: 12px; text-decoration: underline; color: inherit; }
.azt-hlp-empty[b-w10a92hiaj] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.azt-hlp-form[b-w10a92hiaj] { display: flex; flex-direction: column; gap: 18px; }
.azt-hlp-lang[b-w10a92hiaj] { border: 1px solid var(--azt-border, #e3e6ea); border-radius: 10px; padding: 12px 14px; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.azt-hlp-lang legend[b-w10a92hiaj] { padding: 0 6px; font-weight: 600; font-size: 13px; }
.azt-hlp-body[b-w10a92hiaj] { min-height: 120px; resize: vertical; font-family: inherit; }
.azt-hlp-preview[b-w10a92hiaj] { border: 1px dashed var(--azt-border, #c9ced6); border-radius: 10px; padding: 12px 14px; }
.azt-hlp-preview h3[b-w10a92hiaj] { margin: 0 0 4px; font-size: 14px; }
.azt-hlp-previewbody[b-w10a92hiaj] { white-space: pre-wrap; margin: 0; }
.azt-hlp-foot[b-w10a92hiaj] { display: flex; justify-content: flex-end; gap: 10px; width: 100%; }
.azt-hlp-link[b-w10a92hiaj] { background: none; border: 0; padding: 0 0 0 8px; text-decoration: underline; cursor: pointer; color: inherit; font: inherit; }
/* /Components/Pages/Admin/HelpInsights.razor.rz.scp.css */
.azt-hst-back[b-wmkf0e31zz] { display: inline-block; margin-bottom: 6px; font-size: 14px; color: inherit; text-decoration: underline; }
.azt-hst-controls[b-wmkf0e31zz] { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.azt-hst-chip[b-wmkf0e31zz] {
    min-height: 40px; padding: 0 16px; border: 1px solid var(--azt-border, #c9ced6); border-radius: 999px;
    background: var(--azt-surface, #fff); color: inherit; font: inherit; cursor: pointer;
}
.azt-hst-chip[aria-pressed="true"][b-wmkf0e31zz] { background: var(--azt-ink, #14202b); border-color: var(--azt-ink, #14202b); color: #fff; }
.azt-hst-scroll[b-wmkf0e31zz] { overflow-x: auto; }
.azt-hst-table[b-wmkf0e31zz] { width: 100%; border-collapse: collapse; font-size: 14px; }
.azt-hst-table th[b-wmkf0e31zz], .azt-hst-table td[b-wmkf0e31zz] { padding: 10px 12px; text-align: left; border-top: 1px solid var(--azt-border, #e3e6ea); vertical-align: top; }
.azt-hst-table thead th[b-wmkf0e31zz] { border-top: 0; font-weight: 600; color: var(--azt-text-muted, #5b6472); white-space: nowrap; }
.azt-hst-table .num[b-wmkf0e31zz] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* /Components/Pages/Admin/Legal.razor.rz.scp.css */
.azt-legal-tabs[b-hweis4aqqf] {
    display: flex;
    gap: 8px;
    margin: 20px 0 12px;
}

.azt-legal-tab[b-hweis4aqqf],
.azt-legal-lang[b-hweis4aqqf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-full);
    background: var(--azt-near-white);
    color: var(--azt-ink-700);
    font: var(--azt-text-label);
    cursor: pointer;
}

.azt-legal-tab.is-active[b-hweis4aqqf],
.azt-legal-lang.is-active[b-hweis4aqqf] {
    border-color: var(--azt-slot-500);
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
}

.azt-legal-dot[b-hweis4aqqf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--azt-warning-text);
}

.azt-legal-status[b-hweis4aqqf],
.azt-legal-row[b-hweis4aqqf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.azt-legal-pending[b-hweis4aqqf] {
    font: var(--azt-text-label);
    color: var(--azt-warning-text);
}

.azt-legal-langs[b-hweis4aqqf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.azt-legal-bodyhead[b-hweis4aqqf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0 6px;
}

.azt-legal-toggle[b-hweis4aqqf] {
    border: 0;
    background: none;
    color: var(--azt-slot-text);
    font: var(--azt-text-label);
    text-decoration: underline;
    cursor: pointer;
}

.azt-legal-textarea[b-hweis4aqqf] {
    min-height: 420px;
    font-family: var(--azt-font-mono);
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.azt-legal-preview[b-hweis4aqqf] {
    padding: 16px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: var(--azt-radius-lg);
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.azt-legal-preview[b-hweis4aqqf]  h2 {
    margin: 24px 0 6px;
    font-size: 20px;
}

.azt-legal-preview[b-hweis4aqqf]  h3 {
    margin: 16px 0 4px;
    font-size: 17px;
}

.azt-legal-preview[b-hweis4aqqf]  p {
    margin: 8px 0 0;
}

.azt-legal-publish[b-hweis4aqqf] {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--azt-slot-500);
    border-radius: var(--azt-radius-lg);
    background: var(--azt-slot-tint);
}

.azt-legal-history[b-hweis4aqqf] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-legal-history li[b-hweis4aqqf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-legal-note[b-hweis4aqqf] {
    flex: 1;
    min-width: 0;
    color: var(--azt-ink-500);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Admin/MarketingFavorites.razor.rz.scp.css */
.azt-mfav-periods[b-0a42dfp3ub] { display: flex; gap: 6px; flex-wrap: wrap; }

.azt-mfav-period[b-0a42dfp3ub] {
    padding: 6px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    color: var(--azt-ink-500);
    cursor: pointer;
}

.azt-mfav-period.is-active[b-0a42dfp3ub] { background: var(--azt-ink-700); color: #fff; border-color: var(--azt-ink-700); }

.azt-mfav-kpis[b-0a42dfp3ub] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }

.azt-mfav-label[b-0a42dfp3ub] { font-size: 12.5px; color: var(--azt-ink-300); }

.azt-mfav-value[b-0a42dfp3ub] { font-family: var(--azt-font-mono); font-size: 28px; line-height: 1.25; letter-spacing: -.02em; }

.azt-mfav-sub[b-0a42dfp3ub] { font-family: var(--azt-font-mono); font-size: 12px; color: var(--azt-ink-500); }

.azt-mfav-chart[b-0a42dfp3ub] { width: 100%; }

.azt-mfav-chart svg[b-0a42dfp3ub] { width: 100%; height: 140px; display: block; }

.azt-mfav-bar[b-0a42dfp3ub] { fill: var(--azt-slot-500, #00c2a0); }

.azt-mfav-axis[b-0a42dfp3ub] { stroke: var(--azt-border-hairline); stroke-width: 1; }

.azt-mfav-tick[b-0a42dfp3ub] { fill: var(--azt-ink-500); font-family: var(--azt-font-mono); font-size: 10px; }

.azt-mfav-filters[b-0a42dfp3ub] { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; }

.azt-mfav-filters label[b-0a42dfp3ub] { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--azt-ink-500); }

.azt-mfav-filters select[b-0a42dfp3ub] { min-height: 36px; padding: 6px 10px; border: 1px solid var(--azt-border); border-radius: 10px; background: #fff; font: inherit; font-size: 13px; color: var(--azt-ink-700); }

.azt-mfav-table[b-0a42dfp3ub] { width: 100%; border-collapse: collapse; font-size: 13.5px; }

.azt-mfav-table th[b-0a42dfp3ub] { text-align: left; font-weight: 500; font-size: 12px; color: var(--azt-ink-300); padding: 8px 10px; border-bottom: 1px solid var(--azt-border-hairline); }

.azt-mfav-table td[b-0a42dfp3ub] { padding: 10px; border-bottom: 1px solid var(--azt-border-hairline); }

.azt-mfav-table .num[b-0a42dfp3ub] { text-align: right; font-family: var(--azt-font-mono); white-space: nowrap; }

@media (max-width: 900px) {
    .azt-mfav-kpis[b-0a42dfp3ub] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/Admin/MarketingReport.razor.rz.scp.css */
.azt-mrep-periods[b-ldf082osay] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.azt-mrep-period[b-ldf082osay] {
    padding: 6px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    color: var(--azt-ink-500);
    cursor: pointer;
}

.azt-mrep-period.is-active[b-ldf082osay] {
    background: var(--azt-ink-700);
    color: #fff;
    border-color: var(--azt-ink-700);
}

.azt-mrep-total[b-ldf082osay] {
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-mrep-h3[b-ldf082osay] {
    margin: 18px 0 8px;
    font-size: 14px;
    font-weight: 600;
}

.azt-mrep-table[b-ldf082osay] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.azt-mrep-table th[b-ldf082osay],
.azt-mrep-table td[b-ldf082osay] {
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid var(--azt-border-hairline);
    overflow-wrap: anywhere;
}

.azt-mrep-table th.num[b-ldf082osay],
.azt-mrep-table td.num[b-ldf082osay] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
    .azt-mrep-table[b-ldf082osay] {
        font-size: 12.5px;
    }
}
/* /Components/Pages/Admin/ReviewModeration.razor.rz.scp.css */
.azt-rm-layout[b-xdosggsyj5] { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; margin-top: 16px; }
.azt-rm-list[b-xdosggsyj5] { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.azt-rm-row[b-xdosggsyj5] { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 12px 14px; border: 1px solid var(--azt-border); border-radius: 14px; background: var(--azt-surface, #fff); cursor: pointer; font: inherit; color: inherit; }
.azt-rm-row:hover[b-xdosggsyj5] { border-color: var(--azt-ink-300); }
.azt-rm-row:focus-visible[b-xdosggsyj5] { outline: 3px solid var(--azt-focus, currentColor); outline-offset: 2px; }
.azt-rm-row.is-selected[b-xdosggsyj5] { border-color: var(--azt-ink-900, currentColor); box-shadow: inset 3px 0 0 var(--azt-ink-900, currentColor); }
.azt-rm-rowhead[b-xdosggsyj5] { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
.azt-rm-title[b-xdosggsyj5] { overflow-wrap: anywhere; }
.azt-rm-meta[b-xdosggsyj5] { font-size: 13px; color: var(--azt-ink-300); }
.azt-rm-reports[b-xdosggsyj5] { font-weight: 600; }
.azt-rm-snippet[b-xdosggsyj5] { color: var(--azt-ink-300); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.azt-rm-detail[b-xdosggsyj5] { flex: 1 1 420px; min-width: 0; }
.azt-rm-text[b-xdosggsyj5] { padding: 12px 14px; border-radius: 12px; background: var(--azt-surface-2, rgba(0, 0, 0, 0.04)); margin: 12px 0; }
.azt-rm-comment[b-xdosggsyj5] { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.azt-rm-reply[b-xdosggsyj5] { margin-top: 10px; padding-left: 10px; border-left: 3px solid var(--azt-border); }
.azt-rm-reportlist[b-xdosggsyj5] { margin: 0 0 12px; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.azt-rm-note[b-xdosggsyj5] { color: var(--azt-ink-300); overflow-wrap: anywhere; }
.azt-rm-h3[b-xdosggsyj5] { margin: 12px 0 6px; font-size: 14px; }

/* REV-17: unrecorded visits figures and the top-10 table on the Rules tab. */
.azt-rm-figures[b-xdosggsyj5] { display: flex; flex-wrap: wrap; gap: 24px; margin: 12px 0 16px; }
.azt-rm-figures dt[b-xdosggsyj5] { font-size: 12px; font-weight: 600; color: var(--azt-ink-500); }
.azt-rm-figures dd[b-xdosggsyj5] { margin: 2px 0 0; font-size: 28px; line-height: 1.1; font-weight: 600; }
.azt-rm-figures small[b-xdosggsyj5] { font-size: 12px; font-weight: 400; color: var(--azt-ink-500); }
.azt-rm-top[b-xdosggsyj5] { width: 100%; border-collapse: collapse; font-size: 14px; }
.azt-rm-top caption[b-xdosggsyj5] { text-align: left; font-size: 12px; font-weight: 600; color: var(--azt-ink-500); padding-bottom: 6px; }
.azt-rm-top th[b-xdosggsyj5], .azt-rm-top td[b-xdosggsyj5] { text-align: left; padding: 8px 6px; border-top: 1px solid var(--azt-border-hairline); }
.azt-rm-top th:nth-child(n+3)[b-xdosggsyj5], .azt-rm-top td:nth-child(n+3)[b-xdosggsyj5] { text-align: right; }
/* /Components/Pages/Admin/ServiceNameReview.razor.rz.scp.css */
.azt-st-group[b-gx96wlv2zt] { margin-bottom: 20px; }
.azt-st-cat[b-gx96wlv2zt] { font-size: 16px; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.azt-st-count[b-gx96wlv2zt] { font-size: 12px; font-weight: 500; color: var(--azt-ink-300); }
.azt-st-empty[b-gx96wlv2zt] { padding: 16px; color: var(--azt-ink-300); }
.azt-st-form[b-gx96wlv2zt] { display: flex; flex-direction: column; gap: 16px; }
.azt-st-foot[b-gx96wlv2zt] { display: flex; gap: 8px; justify-content: flex-end; }
.azt-st-name[b-gx96wlv2zt] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.azt-st-name span[b-gx96wlv2zt] { font-size: 13px; color: var(--azt-ink-300); }
.azt-st-review-row[b-gx96wlv2zt] { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--azt-border); }
.azt-st-review-row:first-child[b-gx96wlv2zt] { border-top: 0; }
.azt-st-review-acts[b-gx96wlv2zt] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@media (max-width: 640px) { .azt-st-review-row[b-gx96wlv2zt] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/ServiceTypeRequestQueue.razor.rz.scp.css */
.azt-st-group[b-w5gwp2cv7d] { margin-bottom: 20px; }
.azt-st-cat[b-w5gwp2cv7d] { font-size: 16px; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.azt-st-count[b-w5gwp2cv7d] { font-size: 12px; font-weight: 500; color: var(--azt-ink-300); }
.azt-st-empty[b-w5gwp2cv7d] { padding: 16px; color: var(--azt-ink-300); }
.azt-st-form[b-w5gwp2cv7d] { display: flex; flex-direction: column; gap: 16px; }
.azt-st-foot[b-w5gwp2cv7d] { display: flex; gap: 8px; justify-content: flex-end; }
.azt-st-name[b-w5gwp2cv7d] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.azt-st-name span[b-w5gwp2cv7d] { font-size: 13px; color: var(--azt-ink-300); }
.azt-st-review-row[b-w5gwp2cv7d] { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--azt-border); }
.azt-st-review-row:first-child[b-w5gwp2cv7d] { border-top: 0; }
.azt-st-review-acts[b-w5gwp2cv7d] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@media (max-width: 640px) { .azt-st-review-row[b-w5gwp2cv7d] { grid-template-columns: 1fr; } }
.azt-st-note[b-w5gwp2cv7d] { font-size: 13px; font-style: italic; color: var(--azt-ink-300); }
/* /Components/Pages/Admin/ServiceTypes.razor.rz.scp.css */
.azt-st-group[b-arrwgs9n3d] { margin-bottom: 20px; }
.azt-st-cat[b-arrwgs9n3d] { font-size: 16px; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.azt-st-count[b-arrwgs9n3d] { font-size: 12px; font-weight: 500; color: var(--azt-ink-300); }
.azt-st-empty[b-arrwgs9n3d] { padding: 16px; color: var(--azt-ink-300); }
.azt-st-list[b-arrwgs9n3d] { display: flex; flex-direction: column; }
.azt-st-row[b-arrwgs9n3d] { display: grid; grid-template-columns: 1fr auto auto auto; gap: 16px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--azt-border); }
.azt-st-row:first-child[b-arrwgs9n3d] { border-top: 0; }
.azt-st-row.is-off .azt-st-name[b-arrwgs9n3d] { opacity: .55; }
.azt-st-name[b-arrwgs9n3d] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.azt-st-name span[b-arrwgs9n3d] { font-size: 13px; color: var(--azt-ink-300); }
.azt-st-dur[b-arrwgs9n3d] { font-size: 13px; color: var(--azt-ink-300); white-space: nowrap; }
.azt-st-form[b-arrwgs9n3d] { display: flex; flex-direction: column; gap: 16px; }
.azt-st-foot[b-arrwgs9n3d] { display: flex; gap: 8px; justify-content: flex-end; }

@media (max-width: 640px) {
    .azt-st-row[b-arrwgs9n3d] { grid-template-columns: 1fr auto; }
    .azt-st-dur[b-arrwgs9n3d] { grid-column: 1; }
}
.azt-st-sw[b-arrwgs9n3d] { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0; border: 0; background: none; font: 600 13px/1 var(--azt-font-display); color: var(--azt-ink-300); cursor: pointer; }
.azt-st-sw .track[b-arrwgs9n3d] { position: relative; flex: none; width: 38px; height: 22px; border-radius: 999px; background: var(--azt-border); transition: background .15s; }
.azt-st-sw .track[b-arrwgs9n3d]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--azt-near-white); box-shadow: 0 1px 2px rgb(0 0 0 / .3); transition: translate .15s; }
.azt-st-sw[aria-checked="true"][b-arrwgs9n3d] { color: var(--azt-slot-text); }
.azt-st-sw[aria-checked="true"] .track[b-arrwgs9n3d] { background: var(--azt-slot-500); }
.azt-st-sw[aria-checked="true"] .track[b-arrwgs9n3d]::after { translate: 16px 0; }
.azt-st-sw:focus-visible[b-arrwgs9n3d] { outline: 2px solid var(--azt-slot-500); outline-offset: 2px; border-radius: var(--azt-radius-sm); }
.azt-st-sw:disabled[b-arrwgs9n3d] { opacity: .5; cursor: progress; }
@media (prefers-reduced-motion: reduce) { .azt-st-sw .track[b-arrwgs9n3d], .azt-st-sw .track[b-arrwgs9n3d]::after { transition: none; } }
/* /Components/Pages/Auth/Index.razor.rz.scp.css */
.azt-auth-page[b-90up1kybgh] {
    min-height: 100vh;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-auth-page input[b-90up1kybgh] {
    font-family: var(--azt-font-display);
}

.azt-auth-page input:focus[b-90up1kybgh] {
    outline: none;
    border-color: var(--azt-slot-500);
}

.azt-auth-page input[b-90up1kybgh]::placeholder {
    color: oklch(0.68 0.015 210);
}

.azt-auth-page a[b-90up1kybgh] {
    color: var(--azt-link);
    text-decoration: none;
}

.azt-auth-page a:hover[b-90up1kybgh] {
    color: var(--azt-link-hover);
}

/* Header content (shell lives in SiteHeader.razor) */

.azt-auth-header-actions[b-90up1kybgh] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
}

.azt-auth-help[b-90up1kybgh] {
    font-size: 14.5px;
    color: oklch(0.38 0.03 210);
}

/* Layout grid */

.azt-auth-grid[b-90up1kybgh] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 56px 40px 88px;
    display: grid;
    grid-template-columns: 1fr 0.86fr;
    gap: 40px;
    align-items: start;
}

/* Card */

.azt-auth-card[b-90up1kybgh] {
    padding: 40px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 26px;
    box-shadow: 0 24px 54px -34px oklch(0.3 0.04 210 / 0.35);
}

.azt-auth-tabs[b-90up1kybgh] {
    display: flex;
    padding: 4px;
    border-radius: 13px;
    background: oklch(0.96 0.008 205);
    border: 1px solid var(--azt-border-hairline);
}

.azt-auth-tab[b-90up1kybgh] {
    flex: 1;
    padding: 11px 0;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: var(--azt-ink-300);
}

.azt-auth-tab.is-active[b-90up1kybgh] {
    background: white;
    color: var(--azt-ink-700);
}

.azt-auth-h1[b-90up1kybgh] {
    margin: 30px 0 8px;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.1;
    text-wrap: pretty;
}

.azt-auth-subhead[b-90up1kybgh] {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.6;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

.azt-auth-label[b-90up1kybgh] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-100);
}

.azt-auth-label-optional[b-90up1kybgh] {
    color: oklch(0.7 0.015 210);
}

/* Role picker */

.azt-auth-role[b-90up1kybgh] {
    margin-top: 26px;
}

.azt-auth-role-grid[b-90up1kybgh] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.azt-auth-role-card[b-90up1kybgh] {
    padding: 15px 16px;
    border: 1px solid var(--azt-border);
    border-radius: 13px;
    background: white;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.azt-auth-role-card.is-selected[b-90up1kybgh] {
    border-color: var(--azt-slot-500);
    background: var(--azt-slot-tint);
}

.azt-auth-role-title[b-90up1kybgh] {
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-auth-role-sub[b-90up1kybgh] {
    margin-top: 3px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

/* Form */

.azt-auth-form[b-90up1kybgh] {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-auth-field[b-90up1kybgh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-auth-idtabs[b-90up1kybgh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--azt-border-soft);
    border-radius: 12px;
    background: oklch(0.97 0.006 205);
    width: fit-content;
}

.azt-auth-idtab[b-90up1kybgh] {
    padding: 8px 16px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--azt-ink-300);
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.09em;
    font-weight: 500;
    cursor: pointer;
}

.azt-auth-idtab.is-active[b-90up1kybgh] {
    background: white;
    color: var(--azt-ink-700);
}

.azt-auth-field-head[b-90up1kybgh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.azt-auth-forgot[b-90up1kybgh] {
    font-size: 13px;
}

.azt-auth-pw-hint[b-90up1kybgh] {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--azt-ink-70);
}

.azt-auth-field input[b-90up1kybgh] {
    padding: 14px 16px;
    border: 1px solid var(--azt-border);
    border-radius: 13px;
    font-size: 15px;
    color: var(--azt-ink-70);
    background: white;
    width: 100%;
}

.azt-auth-phone-row[b-90up1kybgh] {
    display: flex;
    gap: 8px;
}

.azt-auth-phone-prefix[b-90up1kybgh] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 14px 30px 14px 14px;
    border: 1px solid var(--azt-border);
    border-radius: 13px;
    background-color: oklch(0.97 0.006 205);
    font-family: inherit;
    font-size: 15px;
    color: var(--azt-ink-60);
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--azt-ink-300) 50%), linear-gradient(135deg, var(--azt-ink-300) 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.azt-auth-phone-prefix:focus[b-90up1kybgh] {
    outline: none;
    border-color: var(--azt-slot-500);
}

.azt-auth-phone-row input[b-90up1kybgh] {
    flex: 1;
}

.azt-auth-consent[b-90up1kybgh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.azt-auth-consent input[b-90up1kybgh] {
    margin: 3px 0 0;
    width: 17px;
    height: 17px;
    accent-color: var(--azt-slot-500);
}

.azt-auth-consent span[b-90up1kybgh] {
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--azt-ink-420);
}

/* .azt-auth-submit used to live here — replaced by the shared Button component
   (Components/Shared/Button.razor, variant FormSubmit, Size="Large"). */

.azt-auth-submit:disabled[b-90up1kybgh] {
    opacity: 0.6;
    cursor: default;
}

.azt-auth-alert[b-90up1kybgh] {
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13.5px;
    line-height: 1.5;
}

.azt-auth-alert-error[b-90up1kybgh] {
    background: oklch(0.96 0.03 25);
    color: oklch(0.4 0.15 25);
}

.azt-auth-alert-success[b-90up1kybgh] {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
}

/* Correct password, email not verified yet (AUTH-007): a warning with the way out next to it. */
.azt-auth-alert-warning[b-90up1kybgh] {
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
}

.azt-auth-resend[b-90up1kybgh] {
    margin-top: 10px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--azt-warning-border, var(--azt-warning));
    border-radius: 12px;
    background: white;
    color: var(--azt-warning-text);
    font: 600 14px/1 var(--azt-font-display);
    cursor: pointer;
}

.azt-auth-resend:hover:not(:disabled)[b-90up1kybgh] {
    background: var(--azt-warning-bg);
}

.azt-auth-resend:focus-visible[b-90up1kybgh] {
    outline: 2px solid var(--azt-link);
    outline-offset: 2px;
}

.azt-auth-resend:disabled[b-90up1kybgh] {
    opacity: 0.55;
    cursor: default;
}

.azt-auth-switch[b-90up1kybgh] {
    margin: 26px 0 0;
    font-size: 14.5px;
    color: var(--azt-ink-420);
}

.azt-auth-switch-action[b-90up1kybgh] {
    font-weight: 600;
}

/* Social login */

.azt-auth-divider[b-90up1kybgh] {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.azt-auth-divider-line[b-90up1kybgh] {
    flex: 1;
    height: 1px;
    background: var(--azt-border-hairline);
}

.azt-auth-divider-text[b-90up1kybgh] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-100);
    text-transform: uppercase;
    white-space: nowrap;
}

.azt-auth-social-row[b-90up1kybgh] {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.azt-auth-social-btn[b-90up1kybgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 0;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg);
    background: var(--azt-near-white);
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    color: var(--azt-ink-700);
    cursor: pointer;
    transition: border-color 0.12s ease;
}

.azt-auth-social-btn:hover[b-90up1kybgh] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-auth-social-btn svg[b-90up1kybgh] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.azt-auth-social-btn.is-disabled[b-90up1kybgh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.azt-auth-social-btn.is-disabled:hover[b-90up1kybgh] {
    border-color: var(--azt-border);
}

/* Aside */

.azt-auth-aside[b-90up1kybgh] {
    position: relative;
    padding: 34px;
    border-radius: 30px;
    overflow: hidden;
    background: radial-gradient(at 80% 6%, var(--azt-deep-500) 0%, transparent 62%), radial-gradient(at 8% 96%, var(--azt-deep-600) 0%, transparent 66%), var(--azt-ink-800);
    box-shadow: 0 40px 80px -44px oklch(0.19 0.03 220 / 0.9);
    color: var(--azt-near-white);
}

.azt-auth-aside[b-90up1kybgh]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(158deg, oklch(1 0 0 / 0.16) 0%, transparent 44%);
    pointer-events: none;
}

.azt-auth-aside-content[b-90up1kybgh] {
    position: relative;
}

.azt-auth-aside-eyebrow[b-90up1kybgh] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-auth-aside-h2[b-90up1kybgh] {
    margin: 16px 0 0;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.12;
    text-wrap: pretty;
}

.azt-auth-benefits[b-90up1kybgh] {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.azt-auth-benefit[b-90up1kybgh] {
    padding: 18px 20px;
    border-radius: 18px;
    background: oklch(0.99 0.01 200 / 0.07);
    border: 1px solid oklch(0.99 0.01 200 / 0.12);
}

.azt-auth-benefit-title[b-90up1kybgh] {
    font-size: 15px;
    font-weight: 600;
}

.azt-auth-benefit-body[b-90up1kybgh] {
    margin-top: 3px;
    font-size: 13.5px;
    line-height: 1.5;
    color: oklch(0.85 0.015 200 / 0.72);
}

.azt-auth-preview[b-90up1kybgh] {
    margin-top: 26px;
    padding: 20px;
    border-radius: 20px;
    background: white;
    color: var(--azt-ink-700);
}

.azt-auth-preview-head[b-90up1kybgh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.azt-auth-preview-confirmed[b-90up1kybgh] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-450);
}

.azt-auth-preview-row[b-90up1kybgh] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.azt-auth-preview-avatar[b-90up1kybgh] {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: repeating-linear-gradient(135deg, var(--azt-border) 0 6px, var(--azt-surface-tint-2) 6px 12px);
}

.azt-auth-preview-title[b-90up1kybgh] {
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-auth-preview-meta[b-90up1kybgh] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-auth-preview-slots[b-90up1kybgh] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}

.azt-auth-preview-slot[b-90up1kybgh] {
    padding: 9px 0;
    border-radius: 11px;
    text-align: center;
    font-size: 13px;
    background: var(--azt-surface-tint);
    color: var(--azt-ink-100);
}

.azt-auth-preview-slot.is-selected[b-90up1kybgh] {
    font-weight: 600;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-auth-preview-slot.is-open[b-90up1kybgh] {
    background: transparent;
    border: 1px solid var(--azt-border);
    color: var(--azt-ink-60);
}

.azt-auth-trust[b-90up1kybgh] {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: oklch(0.85 0.02 200 / 0.75);
}

.azt-auth-trust-dot[b-90up1kybgh] {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: var(--azt-slot-500);
    flex: 0 0 auto;
}

/* Responsive */

@media (max-width: 980px) {
    .azt-auth-grid[b-90up1kybgh] {
        grid-template-columns: 1fr;
    }

    .azt-auth-aside[b-90up1kybgh] {
        display: none;
    }
}

@media (max-width: 600px) {
    .azt-auth-grid[b-90up1kybgh] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .azt-auth-card[b-90up1kybgh] {
        padding: 24px;
    }
}

/* Required field left empty (or wrong) after pressing the submit button. */
.azt-auth-field.is-invalid[b-90up1kybgh]  input,
.azt-auth-field.is-invalid[b-90up1kybgh]  .azt-auth-phone-prefix {
    border-color: oklch(0.55 0.2 25);
    background: oklch(0.98 0.015 25);
}

.azt-auth-field.is-invalid .azt-auth-label[b-90up1kybgh] {
    color: oklch(0.45 0.17 25);
}

.azt-auth-consent.is-invalid a[b-90up1kybgh],
.azt-auth-consent.is-invalid span[b-90up1kybgh] {
    color: oklch(0.45 0.17 25);
}

.azt-auth-consent.is-invalid input[b-90up1kybgh] {
    outline: 2px solid oklch(0.55 0.2 25);
    outline-offset: 1px;
}
/* /Components/Pages/Auth/RecoveryShell.razor.rz.scp.css */
/* "Forgot password" / "reset password" frame (AUTH-004). The steps live in the pages' own markup (they carry the
   pages' scope attribute, not this component's), so everything inside the card is styled with ::deep from the
   card, which does carry it. Tokens only — the same look as the sign-in page's card. */

.azt-rec-page[b-d01xnd44eq] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-rec-header-actions[b-d01xnd44eq] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
}

.azt-rec-help[b-d01xnd44eq] {
    font-size: 14.5px;
    color: var(--azt-site-header-fg-muted);
}

.azt-rec-help:hover[b-d01xnd44eq] {
    color: #fff;
}

.azt-rec-stage[b-d01xnd44eq] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 56px 24px 88px;
}

.azt-rec-card[b-d01xnd44eq] {
    width: 100%;
    max-width: 460px;
    padding: 36px 40px 40px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 26px;
    box-shadow: 0 24px 54px -34px oklch(0.3 0.04 210 / 0.35);
}

/* Plain text links only. A button rendered as a link (<a class="azt-btn">) keeps the colours the Button
   component gives its variant — recolouring it here turned "Sign in" dark-on-dark. */
.azt-rec-card[b-d01xnd44eq]  a:not(.azt-btn) {
    color: var(--azt-link);
    text-decoration: none;
}

.azt-rec-card[b-d01xnd44eq]  a:not(.azt-btn):hover {
    color: var(--azt-link-hover);
}

.azt-rec-card[b-d01xnd44eq]  a.azt-btn {
    text-decoration: none;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    margin-left: -4px;
    font-size: 14px;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-tile {
    width: 52px;
    height: 52px;
    margin-top: 4px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-tile.is-warn {
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-h1 {
    margin: 16px 0 8px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.12;
    text-wrap: pretty;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-sub {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-sub b {
    color: var(--azt-ink-700);
    font-weight: 600;
    word-break: break-all;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-form {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-label {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-420);
    text-transform: uppercase;
}

.azt-rec-card[b-d01xnd44eq]  input {
    width: 100%;
    min-height: 50px;
    padding: 13px 16px;
    border: 1px solid var(--azt-border);
    border-radius: 13px;
    background: white;
    font-family: var(--azt-font-display);
    font-size: 16px;
    color: var(--azt-ink-700);
}

.azt-rec-card[b-d01xnd44eq]  input::placeholder {
    color: var(--azt-ink-250);
}

.azt-rec-card[b-d01xnd44eq]  input:focus {
    outline: none;
    border-color: var(--azt-deep-500);
    box-shadow: 0 0 0 3px oklch(0.76 0.15 174 / 0.3);
}

/* Room for the show/hide eye inside PasswordInput. */
.azt-rec-card[b-d01xnd44eq]  .azt-pwinput input {
    padding-right: 48px;
}

.azt-rec-card[b-d01xnd44eq]  input.is-invalid {
    border-color: var(--azt-danger-border);
    background: var(--azt-danger-bg);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-error {
    font-size: 13px;
    line-height: 1.4;
    color: var(--azt-danger-text);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-hint {
    font-size: 13px;
    line-height: 1.45;
    color: var(--azt-ink-420);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-banner {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid;
    border-radius: 14px;
    font-size: 13.5px;
    line-height: 1.45;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-banner.is-bad {
    background: var(--azt-danger-bg);
    border-color: var(--azt-danger-border);
    color: var(--azt-danger-text);
}

/* "We sent you a new verification email" (AUTH-007): success, with the wording carrying the meaning so colour is never the only signal. */
.azt-rec-card[b-d01xnd44eq]  .azt-rec-banner.is-ok {
    background: var(--azt-success-bg);
    border-color: var(--azt-slot-tint);
    color: var(--azt-success-text);
}

/* The line under the resend button that announces the wait once (aria-live) instead of reading the countdown out every second. */
.azt-rec-card[b-d01xnd44eq]  .azt-rec-wait {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--azt-ink-420);
    text-align: center;
    min-height: 1.4em;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-banner.is-warn {
    background: var(--azt-warning-bg);
    border-color: var(--azt-warning-border, var(--azt-warning));
    color: var(--azt-warning-text);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-tips {
    margin: 20px 0 0;
    padding: 14px 16px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 13px;
    background: var(--azt-surface-tint);
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--azt-ink-500);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-actions {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-actions .azt-btn {
    width: 100%;
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-foot {
    margin: 20px 0 0;
    font-size: 14.5px;
    color: var(--azt-ink-420);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-sep {
    margin: 0 8px;
    color: var(--azt-ink-250);
}

.azt-rec-card[b-d01xnd44eq]  .azt-rec-linkbtn {
    padding: 0;
    border: 0;
    background: none;
    font: 600 14.5px/1.4 var(--azt-font-display);
    color: var(--azt-link);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

@media (max-width: 560px) {
    .azt-rec-stage[b-d01xnd44eq] {
        padding: 16px 16px 48px;
    }

    .azt-rec-card[b-d01xnd44eq] {
        padding: 20px 22px 28px;
        border-radius: 22px;
    }

    .azt-rec-card[b-d01xnd44eq]  .azt-rec-h1 {
        font-size: 26px;
    }
}
/* /Components/Pages/Customers/Account/Bookings.razor.rz.scp.css */
.azt-acctb-page[b-m0pn97uw6v] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.azt-acctb-status[b-m0pn97uw6v] {
    padding: 40px 0;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 14px;
}

.azt-acctb-status-error[b-m0pn97uw6v] {
    color: oklch(0.55 0.18 25);
}

.azt-acctb-section[b-m0pn97uw6v] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-acctb-section-title[b-m0pn97uw6v] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

/* .azt-acctb-empty(-title/-body) used to live here — replaced by the shared EmptyState component
   (Components/Shared/EmptyState.razor), which centers its content; this was previously
   left-aligned, a deliberate convergence toward the fuller, centered treatment Customers.razor
   already used for the same underlying idea. */

.azt-acctb-grid[b-m0pn97uw6v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.azt-acctb-card[b-m0pn97uw6v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 16px;
}

.azt-acctb-card-past[b-m0pn97uw6v] {
    background: var(--azt-surface-tint);
}

/* StatusBadge renders into this card as a child component's own markup, so reaching its root
   element for this card's layout-only concern (don't stretch to the card's full width, add a
   little breathing room below it) needs ::deep — the badge's actual color/shape now live once,
   in StatusBadge.razor.css, not per page. */
[b-m0pn97uw6v] .azt-status-badge {
    align-self: flex-start;
    margin-bottom: 6px;
}

.azt-acctb-service[b-m0pn97uw6v] {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-acctb-business[b-m0pn97uw6v] {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-500);
}

.azt-acctb-business-link[b-m0pn97uw6v] {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    text-align: start;
    cursor: pointer;
}

.azt-acctb-business-link:hover[b-m0pn97uw6v],
.azt-acctb-business-link:focus-visible[b-m0pn97uw6v] {
    text-decoration: underline;
}

.azt-acctb-meta[b-m0pn97uw6v] {
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-acctb-datetime[b-m0pn97uw6v] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    color: var(--azt-ink-500);
}

.azt-acctb-price[b-m0pn97uw6v] {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

/* CssClass hook from the shared Button component — the standalone Cancel/Book-again buttons at
   the bottom of a card get extra breathing room beyond the card's own 4px gap; the confirm
   yes/no pair (::deep rule below) explicitly wants none. */
[b-m0pn97uw6v] .azt-acctb-btn-spacing {
    margin-top: 12px;
}

.azt-acctb-confirm[b-m0pn97uw6v] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--azt-border-hairline);
    font-size: 12.5px;
    color: var(--azt-ink-500);
}

.azt-acctb-confirm-actions[b-m0pn97uw6v] {
    display: flex;
    gap: 8px;
}

.azt-acctb-card-error[b-m0pn97uw6v] {
    margin-top: 8px;
    font-size: 12px;
    color: oklch(0.55 0.18 25);
}

.azt-acctb-unavailable[b-m0pn97uw6v] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
    font-size: 13px;
    line-height: 1.45;
}

.azt-acctb-reschedule-banner[b-m0pn97uw6v] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--azt-warning-bg);
}

.azt-acctb-reschedule-status[b-m0pn97uw6v] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--azt-warning-text);
}

.azt-acctb-reschedule-proposed[b-m0pn97uw6v] {
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-acctb-reschedule-hint[b-m0pn97uw6v] {
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--azt-ink-500);
}

.azt-acctb-reschedule-actions[b-m0pn97uw6v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

@media (max-width: 600px) {
    .azt-acctb-grid[b-m0pn97uw6v] {
        grid-template-columns: 1fr;
    }
}

.azt-acctb-service-label[b-m0pn97uw6v] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Customers/Account/Favorites.razor.rz.scp.css */
.azt-fav-grid[b-vo6gf9os1q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.azt-fav-skeleton[b-vo6gf9os1q] {
    min-height: 250px;
    border-radius: 18px;
    background: linear-gradient(90deg, var(--azt-surface-tint), var(--azt-border-hairline), var(--azt-surface-tint));
    background-size: 200% 100%;
    animation: azt-fav-shimmer-b-vo6gf9os1q 1.2s infinite;
}

@keyframes azt-fav-shimmer-b-vo6gf9os1q { to { background-position: -200% 0; } }

/* The in-place tile that stands where a removed card was, for a few seconds, with Undo. */
.azt-fav-removed[b-vo6gf9os1q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 250px;
    padding: 16px;
    border: 1.5px dashed var(--azt-border-strong);
    border-radius: 18px;
    color: var(--azt-ink-500);
    text-align: center;
}

.azt-fav-more[b-vo6gf9os1q] { display: flex; justify-content: center; margin-top: 22px; }

@media (prefers-reduced-motion: reduce) {
    .azt-fav-skeleton[b-vo6gf9os1q] { animation: none; }
}
/* /Components/Pages/Customers/Account/ReschedulePicker.razor.rz.scp.css */
/* Visually mirrors Booking.razor's own date-tab/slot-grid picker (Blazor CSS isolation means the
   classes there can't be reused directly across components) but trimmed to this component's
   narrower job: no staff column, no review step. */

.azt-rp-wrap[b-dbjyfns07k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.azt-rp-title[b-dbjyfns07k] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.azt-rp-loading[b-dbjyfns07k],
.azt-rp-empty[b-dbjyfns07k] {
    margin: 4px 0;
    font-size: 13.5px;
    color: var(--azt-ink-300);
}

.azt-rp-alert[b-dbjyfns07k] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
    font-size: 13px;
}

.azt-rp-month-row[b-dbjyfns07k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 12px;
}

.azt-rp-month-label[b-dbjyfns07k] {
    font-size: 14px;
    font-weight: 700;
}

.azt-rp-month-arrows[b-dbjyfns07k] {
    display: flex;
    gap: 8px;
}

.azt-rp-week-arrow[b-dbjyfns07k] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--azt-border);
    background: white;
    cursor: pointer;
    color: var(--azt-ink-500);
}

.azt-rp-week-arrow:disabled[b-dbjyfns07k] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-rp-week-days[b-dbjyfns07k] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 14px;
}

.azt-rp-day-circle[b-dbjyfns07k] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 52px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: var(--azt-paper-bg);
    font-family: inherit;
    cursor: pointer;
    color: var(--azt-ink-600);
}

.azt-rp-day-circle.is-disabled[b-dbjyfns07k] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-rp-day-circle.is-selected[b-dbjyfns07k] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-rp-day-num[b-dbjyfns07k] {
    font-size: 15px;
    font-weight: 700;
}

.azt-rp-day-name[b-dbjyfns07k] {
    font-size: 9.5px;
    text-transform: uppercase;
    color: inherit;
    opacity: 0.65;
}

.azt-rp-day-dot[b-dbjyfns07k] {
    position: absolute;
    bottom: 7px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--azt-slot-500);
}

.azt-rp-day-circle.is-selected .azt-rp-day-dot[b-dbjyfns07k] {
    background: var(--azt-slot-ink);
}

.azt-rp-slot-grid[b-dbjyfns07k] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.azt-rp-slot-pill[b-dbjyfns07k] {
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid var(--azt-border);
    background: white;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-600);
    cursor: pointer;
}

.azt-rp-slot-pill:hover[b-dbjyfns07k] {
    border-color: var(--azt-slot-500);
}

.azt-rp-slot-pill.is-selected[b-dbjyfns07k] {
    background: color-mix(in oklab, var(--azt-slot-500) 14%, white);
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-rp-actions[b-dbjyfns07k] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}
/* /Components/Pages/Customers/Account/ReviewDetail.razor.rz.scp.css */
.azt-rvd-page[b-jiw1u98qw2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 640px;
}

.azt-rvd-back[b-jiw1u98qw2] {
    font-size: 14px;
    color: var(--azt-ink-300);
    text-decoration: none;
}

.azt-rvd-status[b-jiw1u98qw2] {
    padding: 40px 0;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 14px;
}

.azt-rvd-error[b-jiw1u98qw2] {
    color: oklch(0.55 0.18 25);
}

.azt-rvd-card[b-jiw1u98qw2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-rvd-service[b-jiw1u98qw2] {
    font-size: 18px;
    font-weight: 700;
}

.azt-rvd-business[b-jiw1u98qw2],
.azt-rvd-meta[b-jiw1u98qw2],
.azt-rvd-about[b-jiw1u98qw2],
.azt-rvd-blind[b-jiw1u98qw2] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-rvd-about[b-jiw1u98qw2],
.azt-rvd-blind[b-jiw1u98qw2] {
    margin: 0;
}
/* /Components/Pages/Customers/Account/Reviews.razor.rz.scp.css */
.azt-rvl-page[b-ycbczqz6lc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.azt-rvl-status[b-ycbczqz6lc] {
    padding: 40px 0;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 14px;
}

.azt-rvl-status-error[b-ycbczqz6lc] {
    color: oklch(0.55 0.18 25);
}

.azt-rvl-list[b-ycbczqz6lc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-rvl-link[b-ycbczqz6lc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 12px;
    color: inherit;
    text-decoration: none;
}

.azt-rvl-link:hover[b-ycbczqz6lc],
.azt-rvl-link:focus-visible[b-ycbczqz6lc] {
    border-color: var(--azt-ink-300);
}

.azt-rvl-service[b-ycbczqz6lc] {
    font-weight: 600;
}

.azt-rvl-business[b-ycbczqz6lc],
.azt-rvl-meta[b-ycbczqz6lc] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-rvl-side[b-ycbczqz6lc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}
/* /Components/Pages/Customers/Account/Settings.razor.rz.scp.css */
.azt-accts-panel[b-3wosz1y2wy] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 480px;
}

.azt-accts-row[b-3wosz1y2wy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-accts-row:last-child[b-3wosz1y2wy] {
    border-bottom: 0;
}

.azt-accts-label[b-3wosz1y2wy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-accts-value[b-3wosz1y2wy] {
    font-size: 14px;
    color: var(--azt-ink-700);
    text-align: right;
}

.azt-accts-note[b-3wosz1y2wy] {
    margin: 4px 0 0;
    font-size: 12.5px;
    color: var(--azt-ink-250);
    max-width: 480px;
}

.azt-addrole-card[b-3wosz1y2wy] {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 480px;
}

.azt-addrole-text[b-3wosz1y2wy] {
    flex-grow: 1;
}

.azt-addrole-title[b-3wosz1y2wy] {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--azt-ink-700);
    margin-bottom: 4px;
}

.azt-addrole-body[b-3wosz1y2wy] {
    font-size: 12.5px;
    color: var(--azt-ink-300);
    line-height: 1.5;
}

.azt-addrole-actions[b-3wosz1y2wy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    flex-shrink: 0;
}

.azt-addrole-note[b-3wosz1y2wy] {
    font-family: var(--azt-font-mono);
    font-size: 9px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--azt-ink-250);
    white-space: nowrap;
}
/* /Components/Pages/Customers/Booking.razor.rz.scp.css */
.azt-bk-page[b-mvav09uea5] {
    min-height: 100vh;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: white;
}

.azt-bk-page a[b-mvav09uea5] {
    text-decoration: none;
    color: inherit;
}

.azt-bk-status[b-mvav09uea5] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 88px 40px;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 16px;
}

/* Top bar — back arrow + close, no site header/footer on this focused checkout-style screen */

.azt-bk-topbar[b-mvav09uea5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px 0;
}

.azt-bk-icon-btn[b-mvav09uea5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: transparent;
    font-size: 18px;
    color: var(--azt-ink-700);
    cursor: pointer;
}

.azt-bk-icon-btn:hover[b-mvav09uea5] {
    background: var(--azt-paper-bg);
}

.azt-bk-wrap[b-mvav09uea5] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px 40px 88px;
}

.azt-bk-h1[b-mvav09uea5] {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.azt-bk-loading[b-mvav09uea5],
.azt-bk-empty p[b-mvav09uea5] {
    margin: 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-bk-alert[b-mvav09uea5] {
    padding: 12px 14px;
    border-radius: 12px;
    background: color-mix(in oklab, red 8%, white);
    color: #a01818;
    font-size: 13px;
    margin-bottom: 14px;
}

.azt-bk-grid[b-mvav09uea5] {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Month header + day strip */

.azt-bk-month-row[b-mvav09uea5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.azt-bk-month-label[b-mvav09uea5] {
    font-size: 15px;
    font-weight: 700;
}

.azt-bk-month-arrows[b-mvav09uea5] {
    display: flex;
    gap: 8px;
}

.azt-bk-week-arrow[b-mvav09uea5] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--azt-border);
    background: white;
    font-size: 15px;
    cursor: pointer;
    color: var(--azt-ink-500);
}

.azt-bk-week-arrow:disabled[b-mvav09uea5] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-bk-week-days[b-mvav09uea5] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 22px;
}

.azt-bk-day-circle[b-mvav09uea5] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 60px;
    height: 68px;
    border-radius: 50%;
    border: none;
    background: var(--azt-paper-bg);
    font-family: inherit;
    cursor: pointer;
    color: var(--azt-ink-600);
}

.azt-bk-day-circle.is-disabled[b-mvav09uea5] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-bk-day-circle.is-selected[b-mvav09uea5] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-bk-day-num[b-mvav09uea5] {
    font-size: 17px;
    font-weight: 700;
}

.azt-bk-day-name[b-mvav09uea5] {
    font-size: 10.5px;
    text-transform: uppercase;
    color: inherit;
    opacity: 0.65;
}

.azt-bk-day-dot[b-mvav09uea5] {
    position: absolute;
    bottom: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--azt-slot-500);
}

.azt-bk-day-circle.is-selected .azt-bk-day-dot[b-mvav09uea5] {
    background: var(--azt-slot-ink);
}

/* Time slots */

.azt-bk-slot-group[b-mvav09uea5] {
    margin-top: 20px;
}

.azt-bk-slot-group-title[b-mvav09uea5] {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-bk-slot-grid[b-mvav09uea5] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.azt-bk-slot-pill[b-mvav09uea5] {
    padding: 11px 24px;
    border-radius: 999px;
    border: 1px solid var(--azt-border);
    background: white;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-600);
    cursor: pointer;
}

.azt-bk-slot-pill:hover[b-mvav09uea5] {
    border-color: var(--azt-slot-500);
}

.azt-bk-slot-pill.is-selected[b-mvav09uea5] {
    background: color-mix(in oklab, var(--azt-slot-500) 14%, white);
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

/* Review step */

.azt-bk-review-row[b-mvav09uea5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
    font-size: 14px;
}

.azt-bk-review-row:last-child[b-mvav09uea5] {
    border-bottom: none;
}

.azt-bk-review-row > span:first-child[b-mvav09uea5] {
    color: var(--azt-ink-300);
}

.azt-bk-review-row a[b-mvav09uea5] {
    margin-left: 10px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-slot-600);
}

/* "Your order" sidebar */

.azt-bk-order[b-mvav09uea5] {
    position: sticky;
    top: 24px;
    padding: 22px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 18px;
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.25);
}

.azt-bk-order-business[b-mvav09uea5] {
    font-size: 13px;
    font-weight: 700;
    color: var(--azt-ink-500);
}

.azt-bk-order-address[b-mvav09uea5] {
    margin-top: 2px;
    margin-bottom: 14px;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-bk-order-service[b-mvav09uea5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.azt-bk-order-service-name[b-mvav09uea5] {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
}

.azt-bk-order-service-label[b-mvav09uea5] {
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-bk-order-service-price[b-mvav09uea5] {
    flex: 0 0 auto;
    font-family: var(--azt-font-mono);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.azt-bk-order-service-meta[b-mvav09uea5] {
    margin-top: 4px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-bk-order-label[b-mvav09uea5] {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
}

.azt-bk-staff-avatars[b-mvav09uea5] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.azt-bk-staff-avatar-btn[b-mvav09uea5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 66px;
    border: none;
    background: none;
    font-family: inherit;
    cursor: pointer;
    padding: 3px;
    border-radius: 12px;
}

[b-mvav09uea5] .azt-bk-staff-avatar-btn.is-selected .azt-avatar {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

[b-mvav09uea5] .azt-bk-any-avatar {
    background: linear-gradient(155deg, var(--azt-ink-500) 0%, var(--azt-ink-800) 130%);
}

.azt-bk-staff-avatar-name[b-mvav09uea5] {
    font-size: 11px;
    text-align: center;
    color: var(--azt-ink-500);
    line-height: 1.25;
}

.azt-bk-order-row[b-mvav09uea5] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--azt-border-hairline);
    font-size: 13.5px;
    color: var(--azt-ink-600);
    font-weight: 600;
}

.azt-bk-order-total-row[b-mvav09uea5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--azt-border-hairline);
    font-size: 14px;
    font-weight: 700;
}

.azt-bk-order-total-price[b-mvav09uea5] {
    font-family: var(--azt-font-mono);
    font-size: 17px;
}

[b-mvav09uea5] .azt-bk-order-continue {
    width: 100%;
    margin-top: 16px;
}

/* Confirmation */

.azt-bk-confirm-wrap[b-mvav09uea5] {
    max-width: 560px;
    margin: 0 auto;
    padding: 56px 40px 100px;
}

.azt-bk-confirm-card[b-mvav09uea5] {
    padding: 40px;
    text-align: center;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 22px;
}

.azt-bk-confirm-check[b-mvav09uea5] {
    width: 56px;
    height: 56px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
}

.azt-bk-confirm-pending-note[b-mvav09uea5] {
    margin: 0 0 4px;
    font-size: 13.5px;
    color: var(--azt-ink-420);
}

.azt-bk-confirm-summary[b-mvav09uea5] {
    margin: 22px 0;
    padding: 18px 0;
    border-top: 1px solid var(--azt-border-hairline);
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-bk-confirm-summary > div[b-mvav09uea5] {
    margin: 4px 0;
    font-size: 14px;
    color: var(--azt-ink-500);
}

.azt-bk-confirm-service[b-mvav09uea5] {
    font-size: 17px;
    font-weight: 700;
    color: var(--azt-ink-700) !important;
}

.azt-bk-confirm-price[b-mvav09uea5] {
    font-family: var(--azt-font-mono);
    font-size: 16px;
    font-weight: 700;
    color: var(--azt-ink-700) !important;
}

.azt-bk-confirm-number[b-mvav09uea5] {
    font-family: var(--azt-font-mono);
    font-size: 12px;
    color: var(--azt-ink-250) !important;
}

.azt-bk-confirm-actions[b-mvav09uea5] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Responsive */

@media (max-width: 900px) {
    .azt-bk-grid[b-mvav09uea5] {
        /* minmax(0, 1fr), not 1fr: a plain 1fr will not shrink below its content, so the day strip pushed the page wider than a phone. */
        grid-template-columns: minmax(0, 1fr);
    }

    .azt-bk-order[b-mvav09uea5] {
        position: static;
    }
}

@media (max-width: 600px) {
    .azt-bk-topbar[b-mvav09uea5] {
        padding: 16px 20px 0;
    }

    .azt-bk-wrap[b-mvav09uea5] {
        padding: 12px 20px 60px;
    }

    .azt-bk-day-circle[b-mvav09uea5] {
        width: 52px;
        height: 60px;
    }

    .azt-bk-confirm-wrap[b-mvav09uea5] {
        padding: 32px 20px 60px;
    }

    .azt-bk-confirm-card[b-mvav09uea5] {
        padding: 28px 20px;
    }
}

.azt-bk-confirm-service-label[b-mvav09uea5] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-bk-grid > *[b-mvav09uea5] {
    min-width: 0;
}

.azt-bk-marketing[b-mvav09uea5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 4px;
    font-size: 13px;
    cursor: pointer;
}

.azt-bk-marketing input[b-mvav09uea5] {
    margin-top: 2px;
}

.azt-bk-marketing-note[b-mvav09uea5] {
    margin: 0 0 14px 26px;
    font-size: 12px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Customers/BusinessDetail.razor.rz.scp.css */
.azt-page[b-dutiy02dd7] {
    min-height: 100vh;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-page a[b-dutiy02dd7] {
    text-decoration: none;
    color: inherit;
}

.azt-header-actions[b-dutiy02dd7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Matches Home.razor.css's .azt-signin exactly — same markup, same job (header CTA to /auth for a
   signed-out visitor), so it should look identical everywhere it appears rather than each page
   inventing its own treatment (this one used to be a filled dark pill with near-white text; kept
   low-contrast/hard to read for some users, and was one more one-off "dark button" recipe per
   docs/design/UI-AUDIT.md §2.1 — a plain text link removes both problems at once). */
.azt-signin[b-dutiy02dd7] {
    font-size: 14.5px;
    color: var(--azt-ink-500);
}

.azt-profile-chip[b-dutiy02dd7] {
    display: flex;
    align-items: center;
    padding: 4px;
    border: 1px solid var(--azt-border);
    border-radius: 30px;
    background: white;
}

.azt-detail-status[b-dutiy02dd7] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 88px 40px;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 16px;
}

/* Hero photo (main column) + title card (sidebar, above Contact) */

.azt-detail-hero[b-dutiy02dd7] {
    border-radius: 18px;
    overflow: hidden;
    height: 340px;
}

.azt-detail-hero-img[b-dutiy02dd7] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-detail-chips[b-dutiy02dd7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.azt-chip[b-dutiy02dd7] {
    padding: 6px 13px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 12.5px;
    color: var(--azt-ink-500);
}

.azt-detail-h1[b-dutiy02dd7] {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.azt-detail-address[b-dutiy02dd7] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-detail-desc[b-dutiy02dd7] {
    margin: 14px 0 0;
    max-width: 62ch;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-420);
}

.azt-detail-actions[b-dutiy02dd7] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

/* Body grid */

.azt-detail-grid[b-dutiy02dd7] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 32px 40px 88px;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 40px;
    align-items: start;
}

.azt-detail-main[b-dutiy02dd7] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}

.azt-detail-services-head[b-dutiy02dd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.azt-detail-h2[b-dutiy02dd7] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-detail-service-search[b-dutiy02dd7] {
    padding: 9px 14px;
    border: 1px solid var(--azt-border);
    border-radius: 11px;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--azt-ink-600);
    min-width: 220px;
}

.azt-detail-service-search[b-dutiy02dd7]::placeholder {
    color: var(--azt-ink-150);
}

.azt-detail-empty[b-dutiy02dd7] {
    margin: 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

/* Services */

.azt-service-group[b-dutiy02dd7] {
    margin-bottom: 28px;
}

.azt-service-group:last-child[b-dutiy02dd7] {
    margin-bottom: 0;
}

.azt-service-group-title[b-dutiy02dd7] {
    margin: 0 0 10px;
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--azt-ink-250);
}

.azt-service-list[b-dutiy02dd7] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--azt-border-hairline);
    border: 1px solid var(--azt-border-soft);
    border-radius: 16px;
    overflow: hidden;
}

.azt-service-row[b-dutiy02dd7] {
    padding: 16px 18px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.azt-service-name[b-dutiy02dd7] {
    font-size: 15px;
    font-weight: 600;
}

.azt-service-label[b-dutiy02dd7] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-service-desc[b-dutiy02dd7] {
    margin-top: 3px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-service-duration[b-dutiy02dd7] {
    margin-top: 6px;
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    color: var(--azt-ink-250);
}

.azt-service-cta[b-dutiy02dd7] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}

.azt-service-price[b-dutiy02dd7] {
    font-family: var(--azt-font-mono);
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
}

/* .azt-book-btn used to live here — replaced by the shared Button component
   (Components/Shared/Button.razor, variant Primary, Size="Small"). */

/* Sidebar */

.azt-detail-side[b-dutiy02dd7] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.azt-detail-card[b-dutiy02dd7] {
    padding: 22px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 18px;
}

.azt-staffer-list[b-dutiy02dd7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.azt-staffer[b-dutiy02dd7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.azt-staff-name[b-dutiy02dd7] {
    font-size: 13.5px;
    font-weight: 600;
}

.azt-staff-role[b-dutiy02dd7] {
    font-size: 11.5px;
    color: var(--azt-ink-300);
}

.azt-hours-list[b-dutiy02dd7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-hours-row[b-dutiy02dd7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 13.5px;
    color: var(--azt-ink-400);
}

.azt-hours-row span:first-child[b-dutiy02dd7] {
    color: var(--azt-ink-300);
}

.azt-hours-row.is-today[b-dutiy02dd7] {
    color: var(--azt-ink-700);
    font-weight: 600;
}

.azt-hours-row.is-today span:first-child[b-dutiy02dd7] {
    color: var(--azt-ink-700);
}

.azt-contact-row[b-dutiy02dd7] {
    font-size: 14px;
    padding: 4px 0;
}

/* Responsive */

@media (max-width: 900px) {
    .azt-detail-grid[b-dutiy02dd7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .azt-detail-hero[b-dutiy02dd7] {
        height: 200px;
    }

    .azt-detail-grid[b-dutiy02dd7] {
        padding: 28px 20px 60px;
    }

    .azt-service-row[b-dutiy02dd7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .azt-service-cta[b-dutiy02dd7] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Pages/Customers/Home.razor.rz.scp.css */
.azt-page[b-0p13hoy5rl] {
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-page a[b-0p13hoy5rl] {
    color: var(--azt-link);
    text-decoration: none;
}

.azt-page a:hover[b-0p13hoy5rl] {
    color: var(--azt-link-hover);
}

/* Header content (shell lives in SiteHeader.razor) */

.azt-profile-chip[b-0p13hoy5rl] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

/* Mobile menu toggle + slide-in panel — the nav links otherwise vanish entirely below 900px
   with nothing replacing them. Adds "List your business" so the provider audience stays
   reachable from a phone even though it has no hero placement. */

.azt-mobile-panel[b-0p13hoy5rl] {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: var(--azt-near-white);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    display: flex;
    flex-direction: column;
    padding: 20px 24px 28px;
}

.azt-mobile-panel.is-open[b-0p13hoy5rl] {
    transform: translateX(0);
}

.azt-mobile-panel-head[b-0p13hoy5rl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.azt-mobile-panel-close[b-0p13hoy5rl] {
    background: none;
    border: 0;
    padding: 8px;
    color: var(--azt-ink-700);
}

.azt-mobile-panel-close svg[b-0p13hoy5rl] {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.azt-mobile-nav[b-0p13hoy5rl] {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.azt-mobile-nav a[b-0p13hoy5rl] {
    padding: 15px 2px;
    font-size: 17px;
    font-weight: 500;
    color: var(--azt-ink-700);
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-mobile-panel-foot[b-0p13hoy5rl] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Hero */

.azt-hero[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 84px 40px 76px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 64px;
    align-items: center;
}

.azt-eyebrow[b-0p13hoy5rl] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 13px 7px 9px;
    border-radius: 999px;
    background: var(--azt-slot-tint);
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--azt-ink-450);
}

.azt-eyebrow-dot[b-0p13hoy5rl] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: var(--azt-slot-500);
}

.azt-h1[b-0p13hoy5rl] {
    margin: 22px 0 0;
    font-size: 74px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 0.98;
    text-wrap: pretty;
}

/* The cycling category word — the trailing comma lives inside this same swapped span (see
   Home.razor / slot-reveal.js), not as a separate character after it, so it always travels
   with the word and can never wrap onto its own line regardless of word length. Its own styling
   (.azt-h1-word and everything inside it) lives in wwwroot/css/slot-reveal.css, not here — see
   that file's header comment for why. */

.azt-lede[b-0p13hoy5rl] {
    margin: 24px 0 0;
    max-width: 480px;
    font-size: 17.5px;
    line-height: 1.6;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

.azt-search-bar[b-0p13hoy5rl] {
    margin-top: 34px;
    padding: 10px;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 18px;
    box-shadow: 0 18px 40px -24px oklch(0.3 0.04 210 / 0.35);
    display: flex;
    align-items: center;
    gap: 8px;
}

.azt-search-field[b-0p13hoy5rl] {
    flex: 1.1;
    padding: 10px 14px;
    min-width: 0;
}

.azt-search-field-where[b-0p13hoy5rl] {
    flex: 1;
}

.azt-search-label[b-0p13hoy5rl] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-100);
}

.azt-search-input[b-0p13hoy5rl] {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    color: var(--azt-ink-70);
}

.azt-search-input[b-0p13hoy5rl]::placeholder {
    color: var(--azt-ink-150);
}

.azt-search-divider[b-0p13hoy5rl] {
    width: 1px;
    height: 38px;
    background: var(--azt-border-hairline);
    flex: 0 0 auto;
}

/* Padding/radius/font now come from Button's own Size="Large" — this file only adds what's
   specific to sitting inside the pill-shaped search bar. */
[b-0p13hoy5rl] .azt-search-submit {
    flex: 0 0 auto;
}

.azt-hero-ctas[b-0p13hoy5rl] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.azt-see-categories[b-0p13hoy5rl] {
    font-size: 14px;
    font-weight: 500;
    color: var(--azt-ink-500);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.azt-see-categories:hover[b-0p13hoy5rl] {
    color: var(--azt-deep-500);
}

.azt-see-categories svg[b-0p13hoy5rl] {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}

.azt-chips[b-0p13hoy5rl] {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.azt-chip[b-0p13hoy5rl] {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 13.5px;
    color: var(--azt-ink-500);
}

.azt-chip:hover[b-0p13hoy5rl] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

/* Hero preview card — "The Slot Reveal": cycles through 5 real, bookable categories instead of
   a single static mock booking. See wwwroot/js/slot-reveal.js for the animation logic, and
   wwwroot/css/slot-reveal.css (loaded globally, not scoped here) for all of ".azt-hero-preview",
   ".azt-reveal-*", and ".azt-preview-note" — that file's header comment explains why. */

/* "Why create an account" perks band — takes the layout slot the fabricated trust-bar stats
   used to occupy, with real registration incentives instead of invented numbers. */

.azt-perks-band[b-0p13hoy5rl] {
    border-top: 1px solid var(--azt-border-hairline);
    border-bottom: 1px solid var(--azt-border-hairline);
    background: white;
}

.azt-perks-row[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 32px 40px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.azt-perk[b-0p13hoy5rl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.azt-perk-icon[b-0p13hoy5rl] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--azt-slot-tint-2);
    color: var(--azt-slot-text);
    display: flex;
    align-items: center;
    justify-content: center;
}

.azt-perk-icon svg[b-0p13hoy5rl] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-perk strong[b-0p13hoy5rl] {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
}

.azt-perk span[b-0p13hoy5rl] {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--azt-ink-300);
}

.azt-perks-cta[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 4px 40px 22px;
    text-align: center;
}

/* Browse by category — real, clickable links to every seeded Category, driven by the existing
   "q" query-string parameter Home.razor already reads (built for the account page's "Book
   again" flow) rather than any new plumbing. */

.azt-cat-section[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 88px 40px 20px;
}

.azt-cat-head[b-0p13hoy5rl] {
    max-width: 560px;
}

.azt-cat-sub[b-0p13hoy5rl] {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-400);
}

.azt-cat-grid[b-0p13hoy5rl] {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.azt-cat-pill[b-0p13hoy5rl] {
    padding: 11px 18px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 14px;
    color: var(--azt-ink-500);
}

.azt-cat-pill:hover[b-0p13hoy5rl] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

/* Shared section layout */

.azt-section[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 88px 40px 20px;
}

.azt-section-head[b-0p13hoy5rl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.azt-h2[b-0p13hoy5rl] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.azt-h2-tight[b-0p13hoy5rl] {
    margin-bottom: 34px;
}

.azt-see-all[b-0p13hoy5rl] {
    font-size: 15px;
    font-weight: 500;
}

/* How it works steps — reused verbatim for the "Discover / Choose / Book" copy; only the
   localized text changes, not this layout. */

.azt-steps-grid[b-0p13hoy5rl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.azt-step-card[b-0p13hoy5rl] {
    padding: 32px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 22px;
}

.azt-step-number[b-0p13hoy5rl] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-step-title[b-0p13hoy5rl] {
    margin: 16px 0 8px;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.azt-step-body[b-0p13hoy5rl] {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-400);
    text-wrap: pretty;
}

/* CRM positioning for providers + AI chat assistant showcase. Grounded in real, shipped
   functionality (client profiles/history, staff/multi-location); the recall-reminders and AI
   chat cards carry a "coming soon" badge since neither is functional yet — see
   docs/ba/customer-profile-requirements.md (RecallSchedule is a domain shell only) and
   docs/requirements/mobile/MOB-CUS-001.md / MOB-PRO-001.md (AI chat exists as a spec, but not
   with this card's exact "answers in your business's own inbox" framing — reconcile before
   this ships as a real feature, not just a landing-page promise). */

.azt-crm-section[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 40px 90px;
}

.azt-crm-grid[b-0p13hoy5rl] {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.azt-crm-card[b-0p13hoy5rl] {
    padding: 26px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 20px;
}

.azt-crm-icon[b-0p13hoy5rl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--azt-slot-tint-2);
    color: var(--azt-slot-text);
}

.azt-crm-icon svg[b-0p13hoy5rl] {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Same neutral "coming soon" badge already approved for Provider Overview's not-yet-built nav
   items (ProviderShellLayout.razor.css .azt-ov-nav-badge) — reused exactly, not a new style. */
.azt-badge-soon[b-0p13hoy5rl] {
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--azt-surface-tint);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

/* The AI card spans the full row and reuses the exact same dark radial-gradient treatment as
   the hero's Slot Reveal card (.azt-hero-preview) — a deliberate visual echo marking this as
   the page's other flagship moment, not a one-off style. */
.azt-crm-card-ai[b-0p13hoy5rl] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: center;
    padding: 34px;
    border: none;
    color: var(--azt-near-white);
    background: radial-gradient(at 80% 4%, var(--azt-deep-500) 0%, transparent 62%), radial-gradient(at 6% 98%, var(--azt-deep-600) 0%, transparent 66%), var(--azt-ink-800);
}

.azt-crm-card-ai .azt-badge-soon[b-0p13hoy5rl] {
    background: oklch(0.99 0.01 200 / 0.14);
    color: var(--azt-near-white);
}

.azt-crm-card-ai-head[b-0p13hoy5rl] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.azt-crm-card-ai-head .azt-crm-icon[b-0p13hoy5rl] {
    background: oklch(0.99 0.01 200 / 0.14);
    color: var(--azt-slot-500);
}

.azt-crm-ai-title[b-0p13hoy5rl] {
    margin: 16px 0 8px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.azt-crm-ai-body[b-0p13hoy5rl] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: oklch(0.85 0.015 200 / 0.8);
}

.azt-ai-chat-mock[b-0p13hoy5rl] {
    background: oklch(0.99 0.01 200 / 0.06);
    border: 1px solid oklch(0.99 0.01 200 / 0.12);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-ai-msg[b-0p13hoy5rl] {
    max-width: 86%;
    padding: 9px 13px;
    border-radius: 13px;
    font-size: 12.5px;
    line-height: 1.4;
}

.azt-ai-msg-customer[b-0p13hoy5rl] {
    align-self: flex-end;
    background: oklch(0.99 0.01 200 / 0.14);
    color: var(--azt-near-white);
    border-bottom-right-radius: 4px;
}

.azt-ai-msg-bot[b-0p13hoy5rl] {
    align-self: flex-start;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    border-bottom-left-radius: 4px;
}

.azt-ai-tag[b-0p13hoy5rl] {
    display: block;
    font-family: var(--azt-font-mono);
    font-size: 9px;
    letter-spacing: 0.06em;
    opacity: 0.7;
    margin-bottom: 2px;
}

/* For service providers (dark) section */

.azt-business[b-0p13hoy5rl] {
    background: var(--azt-ink-800);
}

.azt-business-row[b-0p13hoy5rl] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 84px 40px;
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 64px;
    align-items: center;
    color: var(--azt-near-white);
}

.azt-business-eyebrow[b-0p13hoy5rl] {
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-business-h2[b-0p13hoy5rl] {
    margin: 18px 0 0;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.05;
    text-wrap: pretty;
}

.azt-business-lede[b-0p13hoy5rl] {
    margin: 20px 0 0;
    max-width: 460px;
    font-size: 17px;
    line-height: 1.6;
    color: oklch(0.85 0.015 200 / 0.8);
    text-wrap: pretty;
}

.azt-business-ctas[b-0p13hoy5rl] {
    margin-top: 34px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.azt-business-ctas .azt-btn[b-0p13hoy5rl] {
    padding: 15px 24px;
    border-radius: 13px;
    font-size: 15px;
}

/* Not scoped to one container — this class is reused inside .azt-business-plans too ("See full
   pricing"). An unstyled <svg> defaults to a solid black fill, which on this open chevron path
   renders as a filled-in triangle rather than an outline arrow, so every instance needs it. */
/* Prefixed with .azt-page so it outranks the page-wide `.azt-page a` link colour (dark teal),
   which is unreadable on the dark business band — and darker still on hover. */
.azt-page .azt-text-link-dark[b-0p13hoy5rl] {
    font-size: 15px;
    font-weight: 500;
    color: oklch(0.9 0.008 200);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: color .15s, text-decoration-color .15s;
}

.azt-page .azt-text-link-dark:hover[b-0p13hoy5rl] {
    color: var(--azt-slot-500);
    text-decoration-color: currentColor;
}

.azt-page .azt-text-link-dark:focus-visible[b-0p13hoy5rl] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 3px;
    border-radius: 4px;
}

.azt-text-link-dark svg[b-0p13hoy5rl] {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}

/* Pricing panel — replaces the old 3-tile numeric stat grid (+22% / 0 ₸ / 4 min), which were
   unverified placeholder figures; "0 ₸ to list your business" specifically contradicted the
   real product plan (3-4 paid subscription tiers). A small ascending bar chart shows plans
   scale with business size without inventing a single number, name, or price. */

.azt-business-plans[b-0p13hoy5rl] {
    padding: 30px 30px 26px;
    border-radius: 18px;
    background: oklch(0.99 0.01 200 / 0.07);
    border: 1px solid oklch(0.99 0.01 200 / 0.12);
}

.azt-business-plans-label[b-0p13hoy5rl] {
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-business-plans-title[b-0p13hoy5rl] {
    margin: 14px 0 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-plan-tiers[b-0p13hoy5rl] {
    margin: 20px 0 2px;
    display: flex;
    align-items: flex-end;
    gap: 14px;
}

.azt-plan-tier[b-0p13hoy5rl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.azt-plan-tier-bar[b-0p13hoy5rl] {
    display: block;
    width: 100%;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, var(--azt-slot-500), var(--azt-slot-600));
}

.azt-plan-tier span[b-0p13hoy5rl] {
    font-size: 10.5px;
    line-height: 1.25;
    text-align: center;
    color: oklch(0.85 0.015 200 / 0.75);
}

.azt-business-plans .azt-text-link-dark[b-0p13hoy5rl] {
    margin-top: 18px;
}

/* Final CTA */

.azt-final-cta[b-0p13hoy5rl] {
    padding: 64px;
    border-radius: 28px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    flex-wrap: wrap;
}

.azt-final-cta-h2[b-0p13hoy5rl] {
    letter-spacing: -0.035em;
    line-height: 1.05;
    text-wrap: pretty;
}

.azt-final-cta-sub[b-0p13hoy5rl] {
    margin: 14px 0 0;
    max-width: 420px;
    font-size: 16.5px;
    line-height: 1.6;
    color: var(--azt-ink-400);
}

.azt-final-cta-actions[b-0p13hoy5rl] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.azt-final-cta-actions .azt-btn[b-0p13hoy5rl] {
    padding: 17px 28px;
    border-radius: 14px;
    font-size: 15.5px;
}

/* Responsive */

@media (max-width: 1100px) {
    .azt-hero[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
        padding: 56px 24px;
    }

    .azt-business-row[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
    }

    .azt-crm-grid[b-0p13hoy5rl] {
        grid-template-columns: 1fr 1fr;
    }

    .azt-crm-card-ai[b-0p13hoy5rl] {
        grid-column: 1 / -1;
    }

    .azt-h1[b-0p13hoy5rl] {
        font-size: 56px;
    }
}

@media (max-width: 900px) {
    .azt-steps-grid[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
    }

    .azt-crm-grid[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
    }

    .azt-crm-card-ai[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
    }

    .azt-perks-row[b-0p13hoy5rl] {
        grid-template-columns: 1fr 1fr;
    }

    .azt-search-bar[b-0p13hoy5rl] {
        flex-wrap: wrap;
    }

    [b-0p13hoy5rl] .azt-search-submit {
        width: 100%;
    }

    /* Category grid becomes a horizontal snap-scroll row instead of wrapping to many lines —
       easier thumb ergonomics on a phone. */
    .azt-cat-grid[b-0p13hoy5rl] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
    }

    .azt-cat-pill[b-0p13hoy5rl] {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
}

@media (max-width: 600px) {
    .azt-section[b-0p13hoy5rl],
    .azt-hero[b-0p13hoy5rl],
    .azt-cat-section[b-0p13hoy5rl],
    .azt-crm-section[b-0p13hoy5rl] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .azt-h1[b-0p13hoy5rl] {
        font-size: 42px;
    }

    .azt-final-cta[b-0p13hoy5rl] {
        padding: 32px;
    }

    .azt-perks-row[b-0p13hoy5rl] {
        grid-template-columns: 1fr;
        padding-left: 20px;
        padding-right: 20px;
    }

    .azt-perks-cta[b-0p13hoy5rl] {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* The .azt-reveal-frame / .azt-h1-word reduced-motion overrides live in
   wwwroot/css/slot-reveal.css alongside the rest of that feature's styles. */
/* /Components/Pages/Customers/Profile.razor.rz.scp.css */
.azt-profile-page[b-np2rtxftbq] {
    min-height: 100vh;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-profile-page a[b-np2rtxftbq] {
    text-decoration: none;
    color: inherit;
}

.azt-profile-page button[b-np2rtxftbq] {
    font-family: inherit;
    cursor: pointer;
}

/* Logo — the hero's brand link reuses admin.css's .azt-adm-brand (white; the mark draws in
   currentColor). The extra classes outrank `.azt-profile-page a { color: inherit }` above. */

.azt-profile-page .azt-dash-hero .azt-adm-brand[b-np2rtxftbq] {
    color: #fff;
}

.azt-logo[b-np2rtxftbq] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    color: var(--azt-near-white);
}

.azt-wordmark[b-np2rtxftbq] {
    display: flex;
    align-items: baseline;
    font-size: 20px;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.azt-wordmark-azat[b-np2rtxftbq] {
    font-weight: 700;
}

.azt-wordmark-time[b-np2rtxftbq] {
    font-weight: 400;
    color: oklch(0.85 0.015 200 / 0.7);
}

/* Dark hero */

.azt-dash-hero[b-np2rtxftbq] {
    position: relative;
    padding: 22px 32px 40px;
    background:
        radial-gradient(at 88% 0%, var(--azt-deep-500) 0%, transparent 58%),
        radial-gradient(at 4% 100%, var(--azt-deep-600) 0%, transparent 62%),
        var(--azt-ink-800);
    color: var(--azt-near-white);
}

.azt-dash-hero-top[b-np2rtxftbq] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.azt-dash-hero-actions[b-np2rtxftbq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.azt-profile-chip[b-np2rtxftbq] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 14px 6px 6px;
    border: 1px solid oklch(1 0 0 / 0.16);
    border-radius: 30px;
    background: oklch(1 0 0 / 0.08);
}

.azt-profile-chip-name[b-np2rtxftbq] {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-near-white);
    white-space: nowrap;
}

/* Hero body: greeting + search, and the last-appointment summary card */

.azt-dash-hero-body[b-np2rtxftbq] {
    max-width: 1280px;
    margin: 34px auto 0;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 40px;
    align-items: start;
}

.azt-dash-hero-body-full[b-np2rtxftbq] {
    grid-template-columns: 1fr;
}

.azt-greeting-h1[b-np2rtxftbq] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.azt-dash-hero-sub[b-np2rtxftbq] {
    margin: 10px 0 0;
    font-size: 15px;
    color: oklch(0.85 0.015 200 / 0.75);
    max-width: 46ch;
}

.azt-search-bar[b-np2rtxftbq] {
    margin-top: 26px;
    display: flex;
    align-items: stretch;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 44px -26px oklch(0.15 0.03 220 / 0.7);
    overflow: hidden;
}

.azt-search-field[b-np2rtxftbq] {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    border-right: 1px solid var(--azt-border-soft);
}

.azt-search-label[b-np2rtxftbq] {
    font-family: var(--azt-font-mono);
    font-size: 8.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-250);
}

.azt-search-input[b-np2rtxftbq] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--azt-ink-600);
}

.azt-search-input[b-np2rtxftbq]::placeholder {
    color: var(--azt-ink-150);
}

.azt-search-submit[b-np2rtxftbq] {
    flex: 0 0 auto;
    border: 0;
    padding: 0 22px;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    font-weight: 600;
    font-size: 13.5px;
}

.azt-search-submit:hover[b-np2rtxftbq] {
    background: var(--azt-slot-600);
}

.azt-search-submit:disabled[b-np2rtxftbq] {
    opacity: 0.7;
    cursor: default;
}

/* Last-appointment summary card */

.azt-dash-hero-cards[b-np2rtxftbq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    justify-content: start;
}

.azt-dash-card[b-np2rtxftbq] {
    width: fit-content;
    max-width: 100%;
    padding: 20px 28px;
    border-radius: 12px;
    background: oklch(1 0 0 / 0.07);
    border: 1px solid oklch(1 0 0 / 0.12);
    display: flex;
    flex-direction: column;
}

.azt-dash-card-clickable[b-np2rtxftbq] {
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.azt-dash-card-clickable:hover[b-np2rtxftbq],
.azt-dash-card-clickable:focus-visible[b-np2rtxftbq] {
    background: oklch(1 0 0 / 0.11);
    border-color: oklch(1 0 0 / 0.2);
}

.azt-section-eyebrow[b-np2rtxftbq] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-dash-card-appointment[b-np2rtxftbq] {
    margin-top: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.azt-dash-card-appointment-service[b-np2rtxftbq] {
    font-size: 15px;
    font-weight: 600;
    color: oklch(0.98 0.005 200);
}

.azt-dash-card-appointment-business[b-np2rtxftbq],
.azt-dash-card-appointment-staff[b-np2rtxftbq],
.azt-dash-card-appointment-datetime[b-np2rtxftbq] {
    font-size: 13px;
    color: oklch(0.85 0.015 200 / 0.72);
}

.azt-dash-card-appointment-price[b-np2rtxftbq] {
    font-size: 13px;
    font-weight: 600;
    color: oklch(0.98 0.005 200);
}

.azt-dash-card-appointment-status[b-np2rtxftbq] {
    align-self: flex-start;
    margin-top: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.azt-dash-card-appointment-status.azt-status-confirmed[b-np2rtxftbq] {
    background: oklch(0.55 0.12 165 / 0.25);
    color: oklch(0.85 0.1 165);
}

.azt-dash-card-appointment-status.azt-status-pending[b-np2rtxftbq] {
    background: oklch(0.75 0.12 85 / 0.25);
    color: oklch(0.85 0.1 85);
}

.azt-dash-card-appointment-status.azt-status-completed[b-np2rtxftbq] {
    background: oklch(1 0 0 / 0.12);
    color: oklch(0.85 0.015 200 / 0.85);
}

.azt-dash-card-appointment-status.azt-status-cancelled[b-np2rtxftbq],
.azt-dash-card-appointment-status.azt-status-no-show[b-np2rtxftbq] {
    background: oklch(0.6 0.15 25 / 0.2);
    color: oklch(0.8 0.12 25);
}

/* Category strip */

.azt-category-strip[b-np2rtxftbq] {
    background: white;
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-category-row[b-np2rtxftbq] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.azt-category-link[b-np2rtxftbq] {
    flex: 0 0 auto;
    padding: 9px 16px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 13px;
    color: var(--azt-ink-500);
    white-space: nowrap;
}

.azt-category-link:hover[b-np2rtxftbq] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-category-more[b-np2rtxftbq] {
    border-style: dashed;
    color: var(--azt-slot-600);
    font-weight: 600;
}

.azt-category-more:hover[b-np2rtxftbq] {
    border-color: var(--azt-slot-500);
    border-style: dashed;
}

/* Recommended */

.azt-dash-main[b-np2rtxftbq] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 44px 32px 88px;
}

.azt-section-head[b-np2rtxftbq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.azt-h2-dash[b-np2rtxftbq] {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Responsive */

@media (max-width: 980px) {
    .azt-dash-hero-body[b-np2rtxftbq] {
        grid-template-columns: 1fr;
    }

    .azt-search-bar[b-np2rtxftbq] {
        flex-wrap: wrap;
    }

    .azt-search-field[b-np2rtxftbq] {
        flex: 1 1 45%;
        border-right: 0;
        border-bottom: 1px solid var(--azt-border-soft);
    }

    .azt-search-submit[b-np2rtxftbq] {
        flex: 1 1 100%;
        padding: 14px;
    }
}

@media (max-width: 600px) {
    .azt-dash-hero[b-np2rtxftbq] {
        padding: 18px 18px 32px;
    }

    .azt-dash-hero-cards[b-np2rtxftbq] {
        grid-template-columns: 1fr;
    }

    /* The brand, language, bell and name chip did not fit one 390px row and pushed the page wider than the screen. */
    .azt-dash-hero-top[b-np2rtxftbq] {
        gap: 10px;
    }

    .azt-dash-hero-actions[b-np2rtxftbq] {
        gap: 8px;
        min-width: 0;
    }

    .azt-profile-chip[b-np2rtxftbq] {
        padding: 4px;
    }

    .azt-profile-chip-name[b-np2rtxftbq] {
        display: none;
    }

    .azt-category-row[b-np2rtxftbq] {
        padding: 10px 18px;
    }

    .azt-dash-main[b-np2rtxftbq] {
        padding: 32px 18px 60px;
    }
}

.azt-dash-card-appointment-service-label[b-np2rtxftbq] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/ForBusiness/ForBusiness.razor.rz.scp.css */
/* Provider sales page — follows docs/design/for-business (desktop, phone, form-state and language canvases).
   Colours match the pricing page: dark teal #163940, accent #00C2A0, teal text on light #00695c for contrast. */

.azt-fb-page[b-hj60dvkxh6] {
    --fb-deep: #163940;
    --fb-accent: #00c2a0;
    --fb-ink: #10262e;
    --fb-muted: #2c4750;
    --fb-soft: #5d747c;
    --fb-line: #dce2e3;
    --fb-text-teal: #00695c;
    --fb-bg: #edefef;
    --fb-card: #fbfcfc;
    font-family: var(--azt-font-display, 'Space Grotesk', system-ui, sans-serif);
    color: var(--fb-ink);
    background: var(--fb-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1.55;
}

.azt-fb-page a:focus-visible[b-hj60dvkxh6],
.azt-fb-page summary:focus-visible[b-hj60dvkxh6] {
    outline: 3px solid var(--fb-accent);
    outline-offset: 2px;
}

.azt-fb-mono[b-hj60dvkxh6],
.azt-fb-eyebrow[b-hj60dvkxh6],
.azt-fb-step[b-hj60dvkxh6],
.azt-fb-chip[b-hj60dvkxh6],
.azt-fb-offer[b-hj60dvkxh6],
.azt-fb-lang-chip[b-hj60dvkxh6] {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
}

/* ---------- Language picker (script-free, same look as the pricing page's) ---------- */
.azt-fb-lang[b-hj60dvkxh6] { position: relative; }
.azt-fb-lang > summary[b-hj60dvkxh6] { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.azt-fb-lang > summary[b-hj60dvkxh6]::-webkit-details-marker { display: none; }
.azt-fb-lang-menu[b-hj60dvkxh6] {
    position: absolute; right: 0; top: calc(100% + 8px); min-width: 160px; z-index: 30;
    background: var(--fb-card); border: 1px solid var(--fb-line); border-radius: 12px; padding: 6px;
    box-shadow: 0 12px 30px rgba(16, 38, 46, .18);
}
.azt-fb-lang-menu a[b-hj60dvkxh6] {
    display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px;
    color: var(--fb-ink); text-decoration: none; font-size: 14px;
}
.azt-fb-lang-menu a:hover[b-hj60dvkxh6], .azt-fb-lang-menu a.is-current[b-hj60dvkxh6] { background: var(--fb-bg); }
.azt-fb-lang-chip[b-hj60dvkxh6] { font-size: 11px; color: var(--fb-text-teal); min-width: 22px; }

/* ---------- Layout ---------- */
.azt-fb-wrap[b-hj60dvkxh6] { max-width: 1120px; margin: 0 auto; padding: 0 32px; width: 100%; }
.azt-fb-narrow[b-hj60dvkxh6] { max-width: 820px; }
.azt-fb-section[b-hj60dvkxh6] { padding: 80px 0; }
.azt-fb-alt[b-hj60dvkxh6] { background: var(--fb-card); border-block: 1px solid var(--fb-line); }
.azt-fb-alt .azt-fb-card[b-hj60dvkxh6] { background: var(--fb-bg); }

.azt-fb-eyebrow[b-hj60dvkxh6] { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--fb-text-teal); }
.azt-fb-eyebrow-light[b-hj60dvkxh6] { color: #5eead0; }
.azt-fb-h2[b-hj60dvkxh6] { font-size: 36px; line-height: 1.12; letter-spacing: -.015em; margin: 10px 0 28px; }
.azt-fb-body[b-hj60dvkxh6] { color: var(--fb-muted); margin: 0; }
.azt-fb-more[b-hj60dvkxh6] { margin: 20px 0 0; }
.azt-fb-more a[b-hj60dvkxh6] { color: var(--fb-text-teal); font-weight: 600; }

/* ---------- Hero ---------- */
.azt-fb-hero[b-hj60dvkxh6] { background: var(--fb-deep); color: #edefef; padding: 72px 0 80px; }
.azt-fb-hero-grid[b-hj60dvkxh6] { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.azt-fb-h1[b-hj60dvkxh6] { font-size: 58px; line-height: 1.05; letter-spacing: -.025em; font-weight: 700; margin: 16px 0 20px; text-wrap: balance; }
.azt-fb-lead[b-hj60dvkxh6] { font-size: 19px; color: #c8dcdc; max-width: 32em; margin: 0; }
.azt-fb-actions[b-hj60dvkxh6] { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.azt-fb-btn[b-hj60dvkxh6] {
    display: inline-flex; align-items: center; justify-content: center; min-height: 52px; min-width: 0; padding: 8px 26px;
    border-radius: 10px; font: 600 16px var(--azt-font-display, 'Space Grotesk', sans-serif); line-height: 1.25; text-align: center;
    text-decoration: none; border: 1.5px solid transparent; cursor: pointer;
}
.azt-fb-btn-go[b-hj60dvkxh6] { background: var(--fb-accent); color: #06231d; }
.azt-fb-btn-go:hover[b-hj60dvkxh6] { background: #00d9b3; }
.azt-fb-btn-light[b-hj60dvkxh6] { border-color: #edefef; color: #edefef; }
.azt-fb-btn-light:hover[b-hj60dvkxh6] { background: rgba(255, 255, 255, .08); }
.azt-fb-offer[b-hj60dvkxh6] {
    display: inline-block; margin-top: 20px; font-size: 13px; color: #5eead0;
    border: 1px solid rgba(94, 234, 208, .45); border-radius: 999px; padding: 6px 14px;
}
.azt-fb-small[b-hj60dvkxh6] { margin-top: 18px; font-size: 14px; color: #9fc0c0; }

.azt-fb-sample[b-hj60dvkxh6] { background: var(--fb-card); color: var(--fb-ink); border-radius: 20px; padding: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .3); }
.azt-fb-sample-head[b-hj60dvkxh6] { font-family: var(--azt-font-mono, monospace); font-size: 11px; letter-spacing: .08em; color: var(--fb-soft); text-transform: uppercase; }
.azt-fb-sample-row[b-hj60dvkxh6] { display: flex; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 10px; background: var(--fb-bg); margin-top: 8px; }
.azt-fb-sample-row .azt-fb-mono[b-hj60dvkxh6] { font-size: 13px; color: var(--fb-text-teal); }
.azt-fb-sample-row .azt-fb-warn[b-hj60dvkxh6] { color: #8a5a00; }
.azt-fb-sample-free[b-hj60dvkxh6] { background: #e3f7f2; }

/* ---------- Cards ---------- */
.azt-fb-grid3[b-hj60dvkxh6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.azt-fb-grid2[b-hj60dvkxh6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.azt-fb-card[b-hj60dvkxh6] { background: var(--fb-card); border: 1px solid var(--fb-line); border-radius: 16px; padding: 24px; }
.azt-fb-card h3[b-hj60dvkxh6] { font-size: 19px; margin: 0 0 8px; }
.azt-fb-card p[b-hj60dvkxh6] { margin: 0; color: var(--fb-muted); }
.azt-fb-step[b-hj60dvkxh6] { font-size: 13px; color: var(--fb-text-teal); margin-bottom: 10px; }
.azt-fb-price[b-hj60dvkxh6] { font-size: 32px; margin: 8px 0; }
.azt-fb-price span[b-hj60dvkxh6] { font-size: 14px; color: var(--fb-soft); }
.azt-fb-chip[b-hj60dvkxh6] { display: inline-block; font-size: 12px; color: var(--fb-text-teal); border: 1px solid var(--fb-text-teal); border-radius: 999px; padding: 4px 12px; margin-top: 8px; }

.azt-fb-ticks[b-hj60dvkxh6] { list-style: none; margin: 0; padding: 0; }
.azt-fb-ticks li[b-hj60dvkxh6] { position: relative; padding: 6px 0 6px 28px; color: var(--fb-muted); }
.azt-fb-ticks li[b-hj60dvkxh6]::before {
    content: ""; position: absolute; left: 2px; top: 13px; width: 13px; height: 7px;
    border-left: 2px solid var(--fb-text-teal); border-bottom: 2px solid var(--fb-text-teal); transform: rotate(-45deg);
}

/* ---------- Questions ---------- */
.azt-fb-page details[b-hj60dvkxh6] { border-bottom: 1px solid var(--fb-line); }
.azt-fb-page summary[b-hj60dvkxh6] { font-weight: 600; cursor: pointer; font-size: 17px; padding: 18px 0; }
.azt-fb-page details p[b-hj60dvkxh6] { margin: 0; padding: 0 0 18px; color: var(--fb-muted); }

/* ---------- Final call ---------- */
.azt-fb-final[b-hj60dvkxh6] { background: var(--fb-deep); color: #edefef; text-align: center; padding: 72px 0; }
.azt-fb-final h2[b-hj60dvkxh6] { font-size: 40px; line-height: 1.1; letter-spacing: -.02em; margin: 0 0 12px; }
.azt-fb-final p[b-hj60dvkxh6] { color: #c8dcdc; margin: 0 0 26px; }
.azt-fb-final .azt-fb-btn[b-hj60dvkxh6] { min-width: 240px; }

/* ---------- Phone ---------- */
@media (max-width: 860px) {
    .azt-fb-wrap[b-hj60dvkxh6] { padding: 0 16px; }
    .azt-fb-section[b-hj60dvkxh6] { padding: 44px 0; }
    .azt-fb-hero[b-hj60dvkxh6] { padding: 36px 0 40px; }
    .azt-fb-hero-grid[b-hj60dvkxh6], .azt-fb-grid3[b-hj60dvkxh6], .azt-fb-grid2[b-hj60dvkxh6] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .azt-fb-hero-grid[b-hj60dvkxh6] { gap: 28px; }
    .azt-fb-h1[b-hj60dvkxh6] { font-size: 34px; line-height: 1.1; }
    .azt-fb-h2[b-hj60dvkxh6] { font-size: 26px; margin-bottom: 18px; }
    .azt-fb-lead[b-hj60dvkxh6] { font-size: 17px; }
    .azt-fb-actions[b-hj60dvkxh6] { flex-direction: column; }
    .azt-fb-btn[b-hj60dvkxh6] { width: 100%; }
    .azt-fb-final[b-hj60dvkxh6] { padding: 44px 0; }
    .azt-fb-final h2[b-hj60dvkxh6] { font-size: 28px; }
}

/* ---------- The "call me" form ---------- */
.azt-fb-formlead[b-hj60dvkxh6] { margin-bottom: 24px; }
.azt-fb-form[b-hj60dvkxh6] { padding: 24px; }
.azt-fb-fields2[b-hj60dvkxh6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.azt-fb-field[b-hj60dvkxh6] { margin-bottom: 16px; }
.azt-fb-field label[b-hj60dvkxh6] { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.azt-fb-optional[b-hj60dvkxh6] { font-weight: 400; color: var(--fb-soft); }
.azt-fb-input[b-hj60dvkxh6],
.azt-fb-field input[b-hj60dvkxh6],
.azt-fb-field select[b-hj60dvkxh6],
.azt-fb-field textarea[b-hj60dvkxh6] {
    width: 100%; min-height: 52px; padding: 12px 14px; border-radius: 10px; border: 1.5px solid #b9c4c6;
    background: #fff; color: var(--fb-ink); font: 400 16px var(--azt-font-display, 'Space Grotesk', sans-serif);
}
.azt-fb-field textarea[b-hj60dvkxh6] { min-height: 92px; resize: vertical; }
.azt-fb-field input:focus[b-hj60dvkxh6], .azt-fb-field select:focus[b-hj60dvkxh6], .azt-fb-field textarea:focus[b-hj60dvkxh6] { outline: 3px solid var(--fb-accent); outline-offset: 2px; }
.azt-fb-field .is-error[b-hj60dvkxh6] { border-color: #b3261e; }
.azt-fb-err[b-hj60dvkxh6] { color: #b3261e; font-size: 13px; margin-top: 5px; }
.azt-fb-btn-ink[b-hj60dvkxh6] { background: var(--fb-ink); color: #edefef; width: 100%; }
.azt-fb-btn-ink:hover[b-hj60dvkxh6] { background: #1c3b46; }
.azt-fb-fine[b-hj60dvkxh6] { font-size: 13px; color: var(--fb-soft); margin: 12px 0 0; }
.azt-fb-support[b-hj60dvkxh6] { margin-top: 20px; }
.azt-fb-banner[b-hj60dvkxh6] { border-radius: 12px; padding: 14px 16px; font-size: 14px; margin-bottom: 16px; }
.azt-fb-banner a[b-hj60dvkxh6] { color: inherit; font-weight: 600; }
.azt-fb-banner-ok[b-hj60dvkxh6] { background: #e3f7f2; color: #00493f; border: 1px solid var(--fb-text-teal); }
.azt-fb-banner-bad[b-hj60dvkxh6] { background: #fbeae8; color: #7a1a14; border: 1px solid #e3a9a4; }
/* The hidden field: out of sight and out of the tab order, but present in the form for a bot to fill. */
.azt-fb-hp[b-hj60dvkxh6] { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 860px) {
    .azt-fb-fields2[b-hj60dvkxh6] { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .azt-fb-form[b-hj60dvkxh6] { padding: 16px; }
}
/* /Components/Pages/Help/HelpShell.razor.rz.scp.css */
/* Public Help Centre. Page-local tokens follow the pricing page (dark teal hero, accent #00d4aa). All rules hang off the shell's root
   element with ::deep so the pages rendered inside it get them too. */

.azt-help-page[b-gsw6m8pznn] {
    --h-deep: #163940;
    --h-accent: #00d4aa;
    --h-ink: #0d2b30;
    --h-muted: #4a6469;
    --h-line: #d3e0e2;
    --h-teal: #00695c;
    --h-bg: #f3f7f8;
    font-family: var(--azt-font-display, 'Space Grotesk', system-ui, sans-serif);
    color: var(--h-ink);
    background: var(--h-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.azt-help-page[b-gsw6m8pznn]  a:focus-visible,
.azt-help-page[b-gsw6m8pznn]  summary:focus-visible,
.azt-help-page[b-gsw6m8pznn]  input:focus-visible,
.azt-help-page[b-gsw6m8pznn]  button:focus-visible {
    outline: 3px solid var(--h-accent);
    outline-offset: 2px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------- language menu (script-free <details>, same look as the pricing page's) ---------- */

.azt-help-lang[b-gsw6m8pznn] { position: relative; }

.azt-help-lang > summary[b-gsw6m8pznn] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 12px 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #EDEFEF;
    font-size: 14px;
    white-space: nowrap;
}

.azt-help-lang > summary[b-gsw6m8pznn]::-webkit-details-marker { display: none; }
.azt-help-lang > summary:hover[b-gsw6m8pznn] { background: rgba(255, 255, 255, 0.08); }
.azt-help-lang > summary svg[b-gsw6m8pznn] { color: rgba(237, 239, 239, 0.76); }

.azt-help-lang > summary .azt-mono-chip[b-gsw6m8pznn] {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 11px;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 5px;
    background: rgba(0, 194, 160, 0.2);
    color: #5EEAD0;
}

.azt-help-lang-chip[b-gsw6m8pznn] {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    background: #e3f8f2;
    color: var(--h-teal);
    border-radius: 6px;
    padding: 2px 7px;
    font-size: 12px;
}

.azt-help-lang-menu[b-gsw6m8pznn] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 30;
    min-width: 190px;
    background: #fff;
    border: 1px solid var(--h-line);
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 26px 50px -26px rgba(15, 45, 51, 0.45);
    display: flex;
    flex-direction: column;
}

.azt-help-lang-menu a[b-gsw6m8pznn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--h-ink);
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
}

.azt-help-lang-menu a:hover[b-gsw6m8pznn],
.azt-help-lang-menu a.is-current[b-gsw6m8pznn] { background: #eef4f5; }

/* ---------- hero and search ---------- */

.azt-help-page[b-gsw6m8pznn]  .azt-help-hero { background: var(--h-deep); color: #fff; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-hero-inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 56px 16px 48px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-hero-topic .azt-help-hero-inner { padding-top: 40px; padding-bottom: 36px; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-eyebrow {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--h-accent);
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-h1 { margin: 0; font-size: clamp(30px, 5vw, 44px); line-height: 1.1; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-lead { margin: 0; max-width: 640px; font-size: 18px; line-height: 1.5; color: rgba(255, 255, 255, 0.82); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-back { color: #bfeee4; font-size: 14px; text-decoration: none; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-back:hover { text-decoration: underline; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-search {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    max-width: 640px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-search input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid transparent;
    font: inherit;
    font-size: 16px;
    color: var(--h-ink);
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    background: var(--h-accent);
    color: var(--h-deep);
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

/* ---------- main column ---------- */

.azt-help-page[b-gsw6m8pznn]  .azt-help-main {
    flex: 1 0 auto;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 16px 48px;
    box-sizing: border-box;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-h2 { margin: 24px 0 14px; font-size: 22px; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-count { margin: 0 0 8px; color: var(--h-muted); }

.azt-help-page[b-gsw6m8pznn]  .azt-help-audience { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-audience a {
    padding: 8px 16px;
    border: 1px solid var(--h-line);
    border-radius: 999px;
    background: #fff;
    color: var(--h-ink);
    text-decoration: none;
    font-size: 15px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-audience a[aria-current="true"] { background: var(--h-deep); border-color: var(--h-deep); color: #fff; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-tiles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-tile {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--h-line);
    border-radius: 16px;
    color: inherit;
    text-decoration: none;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-tile:hover { border-color: var(--h-accent); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-tile-title { font-size: 19px; font-weight: 600; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-tile-desc { color: var(--h-muted); font-size: 15px; line-height: 1.45; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-tile-count {
    margin-top: auto;
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 12px;
    color: var(--h-teal);
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-results li {
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--h-line);
    border-radius: 14px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-results a { font-size: 18px; font-weight: 600; color: var(--h-ink); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-where { display: block; margin-top: 2px; font-size: 13px; color: var(--h-teal); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-results p { margin: 8px 0 0; color: var(--h-muted); }

.azt-help-page[b-gsw6m8pznn]  .azt-help-state {
    background: #fff;
    border: 1px solid var(--h-line);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-state h2,
.azt-help-page[b-gsw6m8pznn]  .azt-help-state h3 { margin: 0 0 8px; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-state p { margin: 0; color: var(--h-muted); }

.azt-help-page[b-gsw6m8pznn]  .azt-help-notice {
    margin: 0 0 16px;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid var(--h-line);
    border-left: 4px solid var(--h-accent);
    border-radius: 10px;
}

/* ---------- a topic's questions: plain <details>, no script ---------- */

.azt-help-page[b-gsw6m8pznn]  .azt-help-faq { border-top: 1px solid var(--h-line); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-faq details { border-bottom: 1px solid var(--h-line); background: transparent; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-faq summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 4px;
    font-size: 19px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.azt-help-page[b-gsw6m8pznn]  .azt-help-faq summary::-webkit-details-marker { display: none; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-faq summary::after { content: "+"; font-weight: 400; color: var(--h-teal); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-faq details[open] summary::after { content: "–"; }

.azt-help-page[b-gsw6m8pznn]  .azt-help-answer { padding: 0 4px 22px; max-width: 720px; color: var(--h-muted); font-size: 17px; line-height: 1.6; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-answer p { margin: 0 0 12px; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-answer ul,
.azt-help-page[b-gsw6m8pznn]  .azt-help-answer ol { margin: 0 0 12px; padding-left: 24px; }
.azt-help-page[b-gsw6m8pznn]  .azt-help-answer a { color: var(--h-teal); }

/* "Was this answer helpful?" is added by help-feedback.js only; without the script nothing is shown. */
.azt-help-page[b-gsw6m8pznn]  .azt-help-feedback { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; font-size: 15px; color: var(--h-muted); }
.azt-help-page[b-gsw6m8pznn]  .azt-help-feedback button {
    min-height: 40px; min-width: 64px; padding: 0 16px; border: 1px solid var(--h-line); border-radius: 999px;
    background: #fff; color: var(--h-ink); font: inherit; cursor: pointer;
}
.azt-help-page[b-gsw6m8pznn]  .azt-help-feedback button:hover { border-color: var(--h-accent); }

/* ---------- contact block ---------- */

.azt-help-contact[b-gsw6m8pznn] { background: #fff; border-top: 1px solid var(--h-line); }

.azt-help-contact-inner[b-gsw6m8pznn] {
    max-width: 960px;
    margin: 0 auto;
    padding: 36px 16px;
    box-sizing: border-box;
}

.azt-help-contact h2[b-gsw6m8pznn] { margin: 0 0 8px; font-size: 24px; }
.azt-help-contact p[b-gsw6m8pznn] { margin: 0 0 12px; color: var(--h-muted); max-width: 640px; line-height: 1.5; }
.azt-help-address[b-gsw6m8pznn] { margin-left: 10px; font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace); font-size: 14px; color: var(--h-ink); }
.azt-help-never[b-gsw6m8pznn] { font-size: 14px; }

.azt-help-contact .azt-help-btn[b-gsw6m8pznn] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 12px;
    background: var(--h-deep);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 560px) {
    .azt-help-page[b-gsw6m8pznn]  .azt-help-search { flex-direction: column; }
    .azt-help-page[b-gsw6m8pznn]  .azt-help-hero-inner { padding-top: 40px; }
}
/* /Components/Pages/Landing/Landing.razor.rz.scp.css */
/* Public category / city landing pages. Page-local tokens follow the pricing page's palette. */

.azt-ld-page[b-pb97k95t17] {
    --ld-ink: #0d2b30;
    --ld-muted: #4a6469;
    --ld-line: #d3e0e2;
    --ld-accent: #00d4aa;
    --ld-link: #00695c;
    font-family: var(--azt-font-display, 'Space Grotesk', system-ui, sans-serif);
    color: var(--ld-ink);
    background: #f3f7f8;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.azt-ld-page a:focus-visible[b-pb97k95t17] {
    outline: 3px solid var(--ld-accent);
    outline-offset: 2px;
}

.azt-ld-main[b-pb97k95t17] {
    flex: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px 16px 56px;
    box-sizing: border-box;
}

.azt-ld-crumbs[b-pb97k95t17] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 14px;
    color: var(--ld-muted);
}

.azt-ld-crumbs a[b-pb97k95t17] { color: var(--ld-link); text-decoration: none; }

.azt-ld-h1[b-pb97k95t17] { margin: 12px 0 8px; font-size: clamp(26px, 4vw, 40px); line-height: 1.15; }

.azt-ld-lead[b-pb97k95t17] { margin: 0 0 8px; max-width: 70ch; color: var(--ld-muted); font-size: 17px; line-height: 1.5; }

.azt-ld-count[b-pb97k95t17] {
    margin: 0 0 20px;
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 13px;
    color: var(--ld-muted);
}

.azt-ld-paging[b-pb97k95t17] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 28px 0 8px;
}

.azt-ld-paging a[b-pb97k95t17], .azt-ld-button[b-pb97k95t17] {
    padding: 9px 16px;
    border: 1px solid var(--ld-line);
    border-radius: 10px;
    background: #fff;
    color: var(--ld-link);
    text-decoration: none;
}

.azt-ld-links[b-pb97k95t17] { margin-top: 36px; }

.azt-ld-links h2[b-pb97k95t17] { margin: 0 0 12px; font-size: 20px; }

.azt-ld-links ul[b-pb97k95t17] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }

.azt-ld-links a[b-pb97k95t17] {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid var(--ld-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ld-ink);
    text-decoration: none;
}

.azt-ld-links a:hover[b-pb97k95t17] { border-color: var(--ld-accent); }

.azt-ld-state[b-pb97k95t17] { padding: 64px 0; text-align: center; }

.azt-ld-langs[b-pb97k95t17] { display: inline-flex; gap: 4px; margin-right: 6px; }

.azt-ld-langs a[b-pb97k95t17] {
    padding: 6px 9px;
    border-radius: 8px;
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 13px;
    text-decoration: none;
    color: inherit;
}

.azt-ld-langs a.is-current[b-pb97k95t17] { background: rgba(0, 212, 170, .18); font-weight: 600; }
/* /Components/Pages/Legal/LegalDocumentPage.razor.rz.scp.css */
.azt-legal-page[b-ioffv4fn82] {
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.azt-legal-main[b-ioffv4fn82] {
    flex: 1;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 56px 16px;
    box-sizing: border-box;
}

.azt-legal-h1[b-ioffv4fn82] {
    margin: 0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--azt-ink-900, var(--azt-ink-700));
}

.azt-legal-meta[b-ioffv4fn82] {
    margin: 12px 0 0;
    font-size: 14px;
    color: var(--azt-ink-500, var(--azt-ink-700));
}

.azt-legal-body[b-ioffv4fn82] {
    margin: 24px 0 0;
    font-size: 16px;
    line-height: 1.65;
}

.azt-legal-body[b-ioffv4fn82]  h2 {
    margin: 36px 0 8px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--azt-ink-900, var(--azt-ink-700));
}

.azt-legal-body[b-ioffv4fn82]  h3 {
    margin: 24px 0 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--azt-ink-900, var(--azt-ink-700));
}

.azt-legal-body[b-ioffv4fn82]  p {
    margin: 10px 0 0;
    overflow-wrap: anywhere;
}

.azt-legal-body[b-ioffv4fn82]  ul,
.azt-legal-body[b-ioffv4fn82]  ol {
    margin: 10px 0 0;
    padding-left: 24px;
}

.azt-legal-body[b-ioffv4fn82]  li {
    margin: 4px 0;
    overflow-wrap: anywhere;
}

.azt-legal-body[b-ioffv4fn82]  a {
    color: inherit;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .azt-legal-main[b-ioffv4fn82] {
        padding: 32px 16px;
    }

    .azt-legal-h1[b-ioffv4fn82] {
        font-size: 30px;
    }
}
/* /Components/Pages/NotFoundPage.razor.rz.scp.css */
.azt-nf-page[b-gvsjcrupa6] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--azt-font-display);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
}

.azt-nf-header-actions[b-gvsjcrupa6] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.azt-nf-hero[b-gvsjcrupa6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 560px;
    margin: 0 auto;
    padding: 80px 24px;
}

.azt-nf-eyebrow[b-gvsjcrupa6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 13px 7px 9px;
    border-radius: 999px;
    background: var(--azt-slot-tint);
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--azt-ink-450);
}

.azt-nf-eyebrow-dot[b-gvsjcrupa6] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: var(--azt-slot-500);
}

.azt-nf-h1[b-gvsjcrupa6] {
    margin: 22px 0 0;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-wrap: pretty;
}

.azt-nf-lede[b-gvsjcrupa6] {
    margin: 18px 0 0;
    max-width: 420px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

/* CssClass hook from the shared Button component — this page's only content-spacing need it
   doesn't provide by default. */
[b-gvsjcrupa6] .azt-nf-btn-spacing {
    margin-top: 32px;
}

@media (max-width: 600px) {
    .azt-nf-h1[b-gvsjcrupa6] {
        font-size: 38px;
    }
}
/* /Components/Pages/Pricing/Pricing.razor.rz.scp.css */
/* Public pricing page — follows docs/design/pricing (desktop, mobile and states canvases). The design's colours are kept as
   page-local tokens: dark teal #163940, accent #00d4aa, teal text on light #00695c / #007f6c for contrast. */

.azt-pr-page[b-rk9nlkcd7c] {
    --pr-deep: #163940;
    --pr-deep-2: #123238;
    --pr-accent: #00d4aa;
    --pr-ink: #0d2b30;
    --pr-muted: #4a6469;
    --pr-line: #d3e0e2;
    --pr-text-teal: #00695c;
    --pr-tick: #007f6c;
    --pr-bg: #f3f7f8;
    font-family: var(--azt-font-display, 'Space Grotesk', system-ui, sans-serif);
    color: var(--pr-ink);
    background: var(--pr-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.azt-pr-page a:focus-visible[b-rk9nlkcd7c],
.azt-pr-page summary:focus-visible[b-rk9nlkcd7c],
.azt-pr-page label:focus-visible[b-rk9nlkcd7c] {
    outline: 3px solid var(--pr-accent);
    outline-offset: 2px;
}

.azt-pr-mono[b-rk9nlkcd7c],
.azt-pr-amount[b-rk9nlkcd7c],
.azt-pr-currency[b-rk9nlkcd7c],
.azt-pr-eyebrow[b-rk9nlkcd7c],
.azt-pr-tag[b-rk9nlkcd7c],
.azt-pr-lang-chip[b-rk9nlkcd7c] {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
}

/* ---------- Header: the home page's SiteHeader; only the page-authored parts are styled here ---------- */

/* The language picker: same look as the home page's button (LanguagePicker + SiteHeader), without script. */
.azt-pr-lang[b-rk9nlkcd7c] {
    position: relative;
}

.azt-pr-lang > summary[b-rk9nlkcd7c] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 12px 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: transparent;
    color: #EDEFEF;
    font-size: 14px;
    white-space: nowrap;
}

.azt-pr-lang > summary[b-rk9nlkcd7c]::-webkit-details-marker {
    display: none;
}

.azt-pr-lang > summary:hover[b-rk9nlkcd7c] {
    background: rgba(255, 255, 255, 0.08);
}

.azt-pr-lang > summary svg[b-rk9nlkcd7c] {
    color: rgba(237, 239, 239, 0.76);
}

.azt-pr-lang > summary .azt-mono-chip[b-rk9nlkcd7c] {
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
    font-size: 11px;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 5px;
    background: rgba(0, 194, 160, 0.2);
    color: #5EEAD0;
}

.azt-pr-lang-chip[b-rk9nlkcd7c] {
    background: #e3f8f2;
    color: var(--pr-text-teal);
    border-radius: 6px;
    padding: 2px 7px;
    font-size: 12px;
}

.azt-pr-lang-menu[b-rk9nlkcd7c] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 30;
    min-width: 190px;
    background: #fff;
    border: 1px solid var(--pr-line);
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 26px 50px -26px rgba(15, 45, 51, 0.45);
    display: flex;
    flex-direction: column;
}

.azt-pr-lang-menu a[b-rk9nlkcd7c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--pr-ink);
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
}

.azt-pr-lang-menu a:hover[b-rk9nlkcd7c],
.azt-pr-lang-menu a.is-current[b-rk9nlkcd7c] {
    background: #eef4f5;
}

/* ---------- Hero ---------- */

.azt-pr-hero[b-rk9nlkcd7c] {
    background: var(--pr-deep);
    color: #fff;
}

.azt-pr-hero-inner[b-rk9nlkcd7c] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 64px 32px 160px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.azt-pr-eyebrow[b-rk9nlkcd7c] {
    color: var(--pr-accent);
    font-size: 13px;
    letter-spacing: 0.14em;
}

.azt-pr-eyebrow-dark[b-rk9nlkcd7c] {
    color: var(--pr-text-teal);
}

.azt-pr-h1[b-rk9nlkcd7c] {
    margin: 0;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.02em;
    max-width: 820px;
}

.azt-pr-lead[b-rk9nlkcd7c] {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    color: #b9d0d3;
    max-width: 620px;
}

.azt-pr-chip[b-rk9nlkcd7c] {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #264c53;
    border: 1px solid #3d646a;
    border-radius: 16px;
    padding: 12px 20px 12px 12px;
    margin-top: 6px;
}

.azt-pr-chip-icon[b-rk9nlkcd7c] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--pr-accent);
    color: #0b2a2e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.azt-pr-chip-text[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.azt-pr-chip-text b[b-rk9nlkcd7c] {
    font-size: 17px;
}

.azt-pr-chip-text span[b-rk9nlkcd7c] {
    font-size: 14px;
    color: #b9d0d3;
}

/* ---------- Main ---------- */

.azt-pr-main[b-rk9nlkcd7c] {
    max-width: 1240px;
    width: 100%;
    margin: -104px auto 0;
    padding: 0 32px;
    box-sizing: border-box;
    flex: 1;
}

.azt-pr-cards[b-rk9nlkcd7c] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.azt-pr-card[b-rk9nlkcd7c] {
    flex: 1 1 320px;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--pr-line);
    border-radius: 22px;
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.azt-pr-card.is-offer[b-rk9nlkcd7c] {
    border: 2px solid var(--pr-accent);
}

.azt-pr-card-enterprise[b-rk9nlkcd7c] {
    background: var(--pr-bg);
    border: 2px dashed #b4c8cb;
}

.azt-pr-card-head[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-pr-tag[b-rk9nlkcd7c] {
    align-self: flex-start;
    background: #e6f1f2;
    color: #2c4d52;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 12px;
    letter-spacing: 0.06em;
}

.azt-pr-tag-line[b-rk9nlkcd7c] {
    background: transparent;
    border: 1px solid #b4c8cb;
}

.azt-pr-card-name[b-rk9nlkcd7c] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.azt-pr-card-desc[b-rk9nlkcd7c] {
    margin: 0;
    color: var(--pr-muted);
    font-size: 16px;
    line-height: 1.45;
}

.azt-pr-price[b-rk9nlkcd7c] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.azt-pr-amount[b-rk9nlkcd7c] {
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.azt-pr-currency[b-rk9nlkcd7c] {
    font-size: 16px;
    color: var(--pr-muted);
}

.azt-pr-talk[b-rk9nlkcd7c] {
    font-size: 26px;
    font-weight: 600;
    min-height: 56px;
    display: flex;
    align-items: center;
}

.azt-pr-offerbox[b-rk9nlkcd7c] {
    background: #e3f8f2;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.azt-pr-offerbox-icon[b-rk9nlkcd7c],
.azt-pr-ai-icon[b-rk9nlkcd7c] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--pr-accent);
    color: #0b2a2e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.azt-pr-offerbox-text[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 15px;
    line-height: 1.4;
}

.azt-pr-offerbox-text b[b-rk9nlkcd7c] {
    font-size: 16px;
}

.azt-pr-offerbox-text span[b-rk9nlkcd7c] {
    color: var(--pr-muted);
    font-size: 14px;
}

/* Buttons: the teal pill is the one main action; outline for the others. */

.azt-pr-btn[b-rk9nlkcd7c] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    padding: 0 28px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}

.azt-pr-btn-primary[b-rk9nlkcd7c] {
    background: var(--pr-accent);
    color: #0b2a2e;
}

.azt-pr-btn-outline[b-rk9nlkcd7c] {
    border: 1.5px solid var(--pr-ink);
    color: var(--pr-ink);
    background: transparent;
}

.azt-pr-btn-large[b-rk9nlkcd7c] {
    height: 56px;
    padding: 0 32px;
    font-size: 17px;
}

.azt-pr-begin[b-rk9nlkcd7c],
.azt-pr-note[b-rk9nlkcd7c] {
    margin: -10px 0 0;
    text-align: center;
    color: var(--pr-muted);
    font-size: 14px;
    line-height: 1.45;
}

.azt-pr-rule[b-rk9nlkcd7c] {
    border: 0;
    height: 1px;
    background: #e1ebed;
    margin: 0;
}

.azt-pr-card-enterprise .azt-pr-rule[b-rk9nlkcd7c] {
    background: var(--pr-line);
}

.azt-pr-features[b-rk9nlkcd7c] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
}

.azt-pr-features li[b-rk9nlkcd7c] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--pr-tick);
}

.azt-pr-features li span[b-rk9nlkcd7c] {
    color: var(--pr-ink);
}

.azt-pr-features-quiet li[b-rk9nlkcd7c] {
    color: var(--pr-muted);
}

.azt-pr-ai[b-rk9nlkcd7c] {
    margin-top: auto;
    background: #e3f8f2;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.azt-pr-ai.is-muted[b-rk9nlkcd7c] {
    background: #eef4f5;
}

.azt-pr-ai.is-muted .azt-pr-ai-icon[b-rk9nlkcd7c] {
    background: #8aa0a4;
}

.azt-pr-ai-icon[b-rk9nlkcd7c] {
    width: 36px;
    height: 36px;
}

.azt-pr-ai-text[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 15px;
    line-height: 1.35;
}

.azt-pr-ai-text .azt-pr-mono[b-rk9nlkcd7c] {
    font-size: 13px;
}

/* ---------- Sections ---------- */

.azt-pr-section[b-rk9nlkcd7c] {
    margin-top: 96px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-pr-section-narrow[b-rk9nlkcd7c] {
    max-width: 880px;
}

.azt-pr-h2[b-rk9nlkcd7c] {
    margin: 0 0 14px;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Comparison table: one plan at a time on a phone, chosen by the radios (no script). */

.azt-pr-compare[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-pr-tab-input[b-rk9nlkcd7c] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.azt-pr-tabs[b-rk9nlkcd7c] {
    display: none;
}

.azt-pr-table-wrap[b-rk9nlkcd7c] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--pr-line);
    border-radius: 22px;
}

.azt-pr-table[b-rk9nlkcd7c] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: 16px;
}

.azt-pr-table thead th[b-rk9nlkcd7c] {
    text-align: left;
    padding: 20px 28px;
    font-size: 18px;
    font-weight: 700;
    background: #eef4f5;
    border-bottom: 1px solid var(--pr-line);
}

.azt-pr-table tbody th[b-rk9nlkcd7c],
.azt-pr-table tbody td[b-rk9nlkcd7c] {
    text-align: left;
    padding: 15px 28px;
    border-top: 1px solid #e6eeef;
    vertical-align: middle;
}

.azt-pr-table tbody tr:first-child th[b-rk9nlkcd7c],
.azt-pr-table tbody tr:first-child td[b-rk9nlkcd7c] {
    border-top: 0;
}

.azt-pr-table tbody th[b-rk9nlkcd7c] {
    font-weight: 400;
    color: #27464b;
}

.azt-pr-yes[b-rk9nlkcd7c] {
    color: var(--pr-tick);
    display: block;
}

.azt-pr-no[b-rk9nlkcd7c] {
    color: #9bb0b3;
}

.azt-pr-cellnote[b-rk9nlkcd7c] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--pr-muted);
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
}

.azt-pr-sr[b-rk9nlkcd7c] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

/* Payment steps */

.azt-pr-steps[b-rk9nlkcd7c] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.azt-pr-step[b-rk9nlkcd7c] {
    flex: 1 1 300px;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--pr-line);
    border-radius: 20px;
    padding: 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.azt-pr-step-n[b-rk9nlkcd7c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--pr-ink);
    color: var(--pr-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: var(--azt-font-mono, 'IBM Plex Mono', ui-monospace, monospace);
}

.azt-pr-step h3[b-rk9nlkcd7c] {
    margin: 0;
    font-size: 22px;
}

.azt-pr-step p[b-rk9nlkcd7c] {
    margin: 0;
    color: var(--pr-muted);
    font-size: 16px;
    line-height: 1.5;
}

/* FAQ */

.azt-pr-faq[b-rk9nlkcd7c] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--pr-line);
}

.azt-pr-faq details[b-rk9nlkcd7c] {
    border-bottom: 1px solid var(--pr-line);
}

.azt-pr-faq summary[b-rk9nlkcd7c] {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px 4px;
    font-size: 19px;
    font-weight: 600;
}

.azt-pr-faq summary[b-rk9nlkcd7c]::-webkit-details-marker {
    display: none;
}

.azt-pr-faq details[open] summary[b-rk9nlkcd7c]  .azt-pr-chev {
    transform: rotate(180deg);
}

.azt-pr-faq p[b-rk9nlkcd7c] {
    margin: 0;
    padding: 0 4px 24px;
    color: var(--pr-muted);
    font-size: 17px;
    line-height: 1.55;
    max-width: 720px;
}

/* ---------- States ---------- */

.azt-pr-state[b-rk9nlkcd7c] {
    background: #fff;
    border: 1px solid var(--pr-line);
    border-radius: 18px;
    padding: 36px 32px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

.azt-pr-state h2[b-rk9nlkcd7c] {
    margin: 0;
    font-size: 22px;
}

.azt-pr-state p[b-rk9nlkcd7c] {
    margin: 0;
    color: var(--pr-muted);
    font-size: 16px;
    line-height: 1.5;
    max-width: 360px;
}

.azt-pr-state .azt-pr-btn[b-rk9nlkcd7c] {
    height: 48px;
}

.azt-pr-state-icon[b-rk9nlkcd7c] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fdeceb;
    color: #b3261e;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ---------- Final call to action ---------- */

.azt-pr-final[b-rk9nlkcd7c] {
    background: var(--pr-deep);
    color: #fff;
    margin-top: 96px;
}

.azt-pr-final-inner[b-rk9nlkcd7c] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 72px 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.azt-pr-final h2[b-rk9nlkcd7c] {
    margin: 0;
    font-size: clamp(30px, 4.5vw, 44px);
    font-weight: 700;
    letter-spacing: -0.02em;
    max-width: 720px;
}

.azt-pr-final .azt-pr-btn[b-rk9nlkcd7c] {
    display: inline-flex;
}

/* ---------- Phone ---------- */

@media (max-width: 720px) {
    .azt-pr-hero-inner[b-rk9nlkcd7c] {
        padding: 36px 16px 120px;
    }

    .azt-pr-lead[b-rk9nlkcd7c] {
        font-size: 17px;
    }

    .azt-pr-main[b-rk9nlkcd7c] {
        padding: 0 16px;
        margin-top: -84px;
    }

    .azt-pr-card[b-rk9nlkcd7c] {
        padding: 24px;
    }

    .azt-pr-amount[b-rk9nlkcd7c] {
        font-size: 38px;
    }

    .azt-pr-section[b-rk9nlkcd7c],
    .azt-pr-final[b-rk9nlkcd7c] {
        margin-top: 64px;
    }

    .azt-pr-final-inner[b-rk9nlkcd7c] {
        padding: 48px 16px;
    }

    /* The comparison shows one plan at a time. */
    .azt-pr-tabs[b-rk9nlkcd7c] {
        display: flex;
        gap: 8px;
        background: #e6eff0;
        border-radius: 999px;
        padding: 4px;
    }

    .azt-pr-tabs label[b-rk9nlkcd7c] {
        flex: 1 1 0;
        text-align: center;
        padding: 10px 8px;
        border-radius: 999px;
        font-weight: 600;
        font-size: 15px;
        cursor: pointer;
    }

    .azt-pr-table[b-rk9nlkcd7c] {
        min-width: 0;
    }

    .azt-pr-table thead th[b-rk9nlkcd7c],
    .azt-pr-table tbody th[b-rk9nlkcd7c],
    .azt-pr-table tbody td[b-rk9nlkcd7c] {
        padding: 14px 16px;
    }

    .azt-pr-table thead[b-rk9nlkcd7c] {
        display: none;
    }

    .azt-pr-table tbody td[data-c][b-rk9nlkcd7c] {
        display: none;
    }

    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(1):checked ~ .azt-pr-tabs label:nth-child(1)[b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(2):checked ~ .azt-pr-tabs label:nth-child(2)[b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(3):checked ~ .azt-pr-tabs label:nth-child(3)[b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(4):checked ~ .azt-pr-tabs label:nth-child(4)[b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(5):checked ~ .azt-pr-tabs label:nth-child(5)[b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(6):checked ~ .azt-pr-tabs label:nth-child(6)[b-rk9nlkcd7c] {
        background: #fff;
        box-shadow: 0 1px 4px rgba(13, 43, 48, 0.18);
    }

    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(1):checked ~ .azt-pr-table-wrap td[data-c="0"][b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(2):checked ~ .azt-pr-table-wrap td[data-c="1"][b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(3):checked ~ .azt-pr-table-wrap td[data-c="2"][b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(4):checked ~ .azt-pr-table-wrap td[data-c="3"][b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(5):checked ~ .azt-pr-table-wrap td[data-c="4"][b-rk9nlkcd7c],
    .azt-pr-compare > .azt-pr-tab-input:nth-of-type(6):checked ~ .azt-pr-table-wrap td[data-c="5"][b-rk9nlkcd7c] {
        display: table-cell;
        text-align: right;
    }
}
/* /Components/Pages/Providers/Account/Settings.razor.rz.scp.css */
/* This page's shell (ProviderShellLayout) doesn't expose the Customer shell's ::deep
   .azt-acct-title/.azt-acct-subtitle/.azt-acct-panel globals, so this page carries its own copy
   of that same recipe plus Customers/Account/Settings.razor.css's .azt-accts-* rules — the same
   near-mirrored-duplication convention already used between the two shells elsewhere. */

.azt-acct-title[b-i0b4w861lq] {
    margin: 0;
    font: var(--azt-text-h1);
    letter-spacing: -0.03em;
}

.azt-acct-subtitle[b-i0b4w861lq] {
    margin: 5px 0 0;
    font-size: 14px;
    color: var(--azt-ink-420);
}

.azt-acct-panel[b-i0b4w861lq] {
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    padding: var(--azt-space-6);
    box-shadow: var(--azt-shadow-none);
}

.azt-accts-panel[b-i0b4w861lq] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 480px;
}

.azt-accts-row[b-i0b4w861lq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-accts-row:last-child[b-i0b4w861lq] {
    border-bottom: 0;
}

.azt-accts-label[b-i0b4w861lq] {
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-accts-value[b-i0b4w861lq] {
    font-size: 14px;
    color: var(--azt-ink-700);
    text-align: right;
}

.azt-accts-note[b-i0b4w861lq] {
    margin: 4px 0 0;
    font-size: 12.5px;
    color: var(--azt-ink-250);
    max-width: 480px;
}

.azt-addrole-card[b-i0b4w861lq] {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 480px;
}

.azt-addrole-text[b-i0b4w861lq] {
    flex-grow: 1;
}

.azt-addrole-title[b-i0b4w861lq] {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--azt-ink-700);
    margin-bottom: 4px;
}

.azt-addrole-body[b-i0b4w861lq] {
    font-size: 12.5px;
    color: var(--azt-ink-300);
    line-height: 1.5;
}

.azt-addrole-actions[b-i0b4w861lq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    flex-shrink: 0;
}

.azt-addrole-note[b-i0b4w861lq] {
    font-family: var(--azt-font-mono);
    font-size: 9px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--azt-ink-250);
    white-space: nowrap;
}
/* /Components/Pages/Providers/AppointmentDetails.razor.rz.scp.css */
.azt-apd-status[b-y0ltyjktn1] {
    padding: 40px 0;
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 14px;
}

.azt-apd-status-error[b-y0ltyjktn1] {
    color: var(--azt-danger-text);
}

.azt-apd-back[b-y0ltyjktn1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-bottom: 4px;
    padding: 6px 4px;
    background: transparent;
    border: 0;
    color: var(--azt-ink-300);
    font-family: var(--azt-font-display);
    font-size: 13px;
    font-weight: 500;
}

.azt-apd-back:hover[b-y0ltyjktn1] {
    color: var(--azt-ink-700);
}

.azt-apd-back svg[b-y0ltyjktn1] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-apd-head[b-y0ltyjktn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.azt-apd-head-left[b-y0ltyjktn1] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.azt-apd-date-chip[b-y0ltyjktn1] {
    flex: 0 0 auto;
    width: 58px;
    text-align: center;
    padding: 8px 0 9px;
    border-radius: var(--azt-radius-md);
    background: var(--azt-surface-tint);
    border: 1px solid var(--azt-border-soft);
    font-size: 9.5px;
    color: var(--azt-ink-300);
}

.azt-apd-date-day[b-y0ltyjktn1] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--azt-ink-700);
}

.azt-apd-date-year[b-y0ltyjktn1] {
    font-size: 9px;
}

.azt-apd-title-row[b-y0ltyjktn1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.azt-apd-meta[b-y0ltyjktn1] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-apd-meta b[b-y0ltyjktn1] {
    color: var(--azt-ink-600);
    font-weight: 600;
}

.azt-apd-dot[b-y0ltyjktn1] {
    color: var(--azt-border);
}

.azt-apd-banner[b-y0ltyjktn1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px 16px;
    border-radius: var(--azt-radius-md);
    background: var(--azt-info-bg);
    color: var(--azt-info-text);
    font-size: 13px;
    line-height: 1.5;
}

.azt-apd-banner svg[b-y0ltyjktn1] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    margin-top: 1px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}

.azt-apd-panel-head[b-y0ltyjktn1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

[b-y0ltyjktn1] .azt-apd-panel-title {
    margin-bottom: 0;
}

.azt-apd-hint[b-y0ltyjktn1] {
    margin: 3px 0 0;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-apd-counter[b-y0ltyjktn1] {
    font-size: 10.5px;
    color: var(--azt-ink-300);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.azt-apd-overview-input[b-y0ltyjktn1] {
    width: 100%;
    box-sizing: border-box;
    margin-top: 14px;
    font-family: var(--azt-font-display);
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--azt-ink-70);
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-md);
    padding: 13px 14px;
    resize: vertical;
    min-height: 104px;
}

.azt-apd-overview-input:focus[b-y0ltyjktn1] {
    outline: none;
    border-color: var(--azt-slot-500);
}

.azt-apd-overview-readonly[b-y0ltyjktn1] {
    margin-top: 14px;
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--azt-ink-600);
    background: var(--azt-surface-tint);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-md);
    padding: 14px 16px;
    white-space: pre-wrap;
}

.azt-apd-field-foot[b-y0ltyjktn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
}

.azt-apd-field-note[b-y0ltyjktn1] {
    font-size: 9.5px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--azt-ink-100);
}

.azt-apd-photo-grid[b-y0ltyjktn1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.azt-apd-photo-card[b-y0ltyjktn1] {
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-lg);
    overflow: hidden;
    background: var(--azt-paper-bg);
    display: flex;
    flex-direction: column;
}

.azt-apd-photo-thumb[b-y0ltyjktn1] {
    position: relative;
    aspect-ratio: 4 / 3;
}

.azt-apd-photo-thumb img[b-y0ltyjktn1] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-apd-photo-remove[b-y0ltyjktn1] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 0;
    background: rgb(0 0 0 / 0.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
}

.azt-apd-photo-remove:hover[b-y0ltyjktn1] {
    background: oklch(0.55 0.19 25);
}

.azt-apd-photo-remove:disabled[b-y0ltyjktn1] {
    opacity: 0.6;
    cursor: default;
}

.azt-apd-photo-body[b-y0ltyjktn1] {
    padding: 9px 10px 11px;
}

.azt-apd-photo-desc-input[b-y0ltyjktn1] {
    width: 100%;
    box-sizing: border-box;
    font-family: var(--azt-font-display);
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--azt-ink-70);
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: 8px;
    padding: 7px 9px;
    resize: none;
    min-height: 56px;
    field-sizing: content;
}

.azt-apd-photo-desc-input:focus[b-y0ltyjktn1] {
    outline: none;
    border-color: var(--azt-slot-500);
}

.azt-apd-photo-desc-input.is-editing[b-y0ltyjktn1] {
    border-color: var(--azt-slot-500);
}

.azt-apd-photo-desc-input.is-error[b-y0ltyjktn1] {
    border-color: var(--azt-danger);
    background: var(--azt-danger-bg);
}

.azt-apd-photo-desc-static[b-y0ltyjktn1] {
    font-size: 12.5px;
    color: var(--azt-ink-500);
    line-height: 1.4;
}

.azt-apd-photo-field-foot[b-y0ltyjktn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 6px;
    min-height: 15px;
}

.azt-apd-photo-field-foot-error[b-y0ltyjktn1] {
    flex-wrap: wrap;
}

.azt-apd-photo-status[b-y0ltyjktn1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 500;
    white-space: nowrap;
}

.azt-apd-photo-status svg[b-y0ltyjktn1] {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
}

.azt-apd-photo-status.is-hint[b-y0ltyjktn1] {
    color: var(--azt-ink-100);
}

.azt-apd-photo-status.is-saving[b-y0ltyjktn1] {
    color: var(--azt-ink-300);
}

.azt-apd-photo-status.is-saved[b-y0ltyjktn1] {
    color: var(--azt-success-text);
}

.azt-apd-photo-status.is-error[b-y0ltyjktn1] {
    color: var(--azt-danger-text);
}

.azt-apd-photo-spinner[b-y0ltyjktn1] {
    animation: azt-apd-spin-b-y0ltyjktn1 0.8s linear infinite;
    transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
    .azt-apd-photo-spinner[b-y0ltyjktn1] {
        animation: none;
    }
}

@keyframes azt-apd-spin-b-y0ltyjktn1 {
    to {
        transform: rotate(360deg);
    }
}

.azt-apd-photo-retry[b-y0ltyjktn1] {
    font-family: var(--azt-font-display);
    font-size: 10.5px;
    font-weight: 600;
    color: var(--azt-danger-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.azt-apd-photo-add-cta[b-y0ltyjktn1] {
    display: inline-flex;
    margin-top: 16px;
    padding: 8px 14px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.azt-apd-photo-add-cta:hover[b-y0ltyjktn1] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

/* InputFile is a child component — its <input> belongs to its own render scope, so hiding it
   needs ::deep, same convention LocationWorkspace.razor.css already uses for its own photo input. */
[b-y0ltyjktn1] .azt-apd-photo-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.azt-apd-pending-photo[b-y0ltyjktn1] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px dashed var(--azt-border);
    border-radius: var(--azt-radius-md);
    background: var(--azt-surface-tint);
}

.azt-apd-pending-filename[b-y0ltyjktn1] {
    font-size: 12.5px;
    color: var(--azt-ink-500);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.azt-apd-pending-photo .azt-apd-photo-desc-input[b-y0ltyjktn1] {
    flex: 1 1 200px;
}

.azt-apd-pending-actions[b-y0ltyjktn1] {
    display: flex;
    gap: 8px;
}
/* /Components/Pages/Providers/AppointmentOutcomes.razor.rz.scp.css */
.azt-out-header[b-rl90xxtgbm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.azt-out-filters[b-rl90xxtgbm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.azt-out-hint[b-rl90xxtgbm] {
    margin: 16px 0 12px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-out-empty[b-rl90xxtgbm] {
    text-align: center;
}

.azt-out-list[b-rl90xxtgbm] {
    padding: 0;
}

.azt-out-row[b-rl90xxtgbm] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-out-row:last-child[b-rl90xxtgbm] {
    border-bottom: 0;
}

.azt-out-when[b-rl90xxtgbm] {
    font-weight: 600;
    font-size: 14px;
}

.azt-out-until[b-rl90xxtgbm] {
    font-weight: 400;
    color: var(--azt-ink-420);
}

.azt-out-customer[b-rl90xxtgbm] {
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.azt-out-service[b-rl90xxtgbm] {
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-out-actions[b-rl90xxtgbm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.azt-out-link[b-rl90xxtgbm] {
    font-size: 13px;
    margin-right: 6px;
    color: var(--azt-ink-420);
}

.azt-out-more[b-rl90xxtgbm] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

@media (max-width: 760px) {
    .azt-out-row[b-rl90xxtgbm] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .azt-out-actions[b-rl90xxtgbm] {
        justify-content: flex-start;
    }
}

.azt-out-empty-title[b-rl90xxtgbm] {
    font-weight: 600;
    font-size: 16px;
}

.azt-out-empty-body[b-rl90xxtgbm] {
    margin-top: 4px;
    font-size: 14px;
    color: var(--azt-ink-420);
}
/* /Components/Pages/Providers/BookingRulesPanel.razor.rz.scp.css */
/* Booking rules tab (docs/design/provider/business.html). Container queries follow the width of the content
   area, not the window, because the provider shell has a sidebar that changes it. */
.azt-bz-rules-host[b-i2t5gsi3g0] {
    container: bz-rules / inline-size;
}

.azt-bz-rules[b-i2t5gsi3g0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.azt-bz-rules-main[b-i2t5gsi3g0] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.azt-bz-group[b-i2t5gsi3g0] {
    padding: 22px 24px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-group-title[b-i2t5gsi3g0] {
    margin: 0 0 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-group-why[b-i2t5gsi3g0] {
    margin: 0 0 16px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-sub[b-i2t5gsi3g0] {
    margin: 18px 0 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-group-why + .azt-bz-sub[b-i2t5gsi3g0] {
    margin-top: 0;
}

.azt-bz-choices[b-i2t5gsi3g0] {
    display: grid;
    gap: 8px;
}

/* A choice is the whole card, so the tap target is large and the title and its one-line consequence read together. */
.azt-bz-choice[b-i2t5gsi3g0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 12px;
    align-items: start;
    padding: 12px 14px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-lg);
    cursor: pointer;
}

.azt-bz-choice:hover[b-i2t5gsi3g0] {
    background: var(--azt-surface-tint-2);
}

.azt-bz-choice:has(input:checked)[b-i2t5gsi3g0] {
    background: var(--azt-slot-tint-2);
    border-color: var(--azt-ink-700);
}

.azt-bz-choice:has(input:focus-visible)[b-i2t5gsi3g0] {
    outline: 2px solid var(--azt-deep-500);
    outline-offset: 2px;
}

.azt-bz-choice input[b-i2t5gsi3g0] {
    grid-row: 1 / span 2;
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    accent-color: var(--azt-ink-700);
}

.azt-bz-choice b[b-i2t5gsi3g0] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-choice span[b-i2t5gsi3g0] {
    grid-column: 2;
    font-size: 12.5px;
    color: var(--azt-ink-420);
}

.azt-bz-selects[b-i2t5gsi3g0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
}

.azt-bz-selects-single[b-i2t5gsi3g0] {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 18px;
}

.azt-bz-help[b-i2t5gsi3g0] {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--azt-ink-420);
}

.azt-bz-saved[b-i2t5gsi3g0] {
    padding: 10px 14px;
    background: var(--azt-success-bg, var(--azt-slot-tint));
    border-radius: var(--azt-radius-md);
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-success-text, var(--azt-slot-text));
}

/* The save bar exists only while the draft differs from what is saved. */
.azt-bz-savebar[b-i2t5gsi3g0] {
    position: sticky;
    bottom: 12px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 12px 12px 12px 18px;
    background: var(--azt-ink);
    color: var(--azt-near-white);
    border-radius: var(--azt-radius-lg);
    box-shadow: var(--azt-shadow-lg);
    font-size: 13.5px;
    font-weight: 600;
}

.azt-bz-savebar-actions[b-i2t5gsi3g0] {
    display: flex;
    gap: 8px;
}

.azt-bz-savebar-discard[b-i2t5gsi3g0],
.azt-bz-savebar-save[b-i2t5gsi3g0] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: var(--azt-radius-md);
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
}

.azt-bz-savebar-discard[b-i2t5gsi3g0] {
    color: var(--azt-near-white);
    background: transparent;
    border: 1px solid oklch(1 0 0 / 0.3);
}

.azt-bz-savebar-discard:hover[b-i2t5gsi3g0] {
    background: oklch(1 0 0 / 0.1);
}

.azt-bz-savebar-save[b-i2t5gsi3g0] {
    color: var(--azt-ink);
    background: var(--azt-near-white);
    border: 0;
}

.azt-bz-savebar-discard:disabled[b-i2t5gsi3g0],
.azt-bz-savebar-save:disabled[b-i2t5gsi3g0] {
    opacity: 0.6;
    cursor: default;
}

.azt-bz-savebar button:focus-visible[b-i2t5gsi3g0] {
    outline: 2px solid var(--azt-slot-650);
    outline-offset: 2px;
}

/* Summary: the sentences a customer would experience, rewritten from the draft as it changes. */
.azt-bz-summary[b-i2t5gsi3g0] {
    position: sticky;
    top: 12px;
    display: grid;
    gap: 12px;
    padding: 20px 22px;
    background: var(--azt-ink);
    color: var(--azt-near-white);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-summary-eyebrow[b-i2t5gsi3g0] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
    color: oklch(0.8 0.02 200);
}

.azt-bz-summary-title[b-i2t5gsi3g0] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.azt-bz-summary ul[b-i2t5gsi3g0] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-bz-summary li[b-i2t5gsi3g0] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    font-size: 13.5px;
    line-height: 1.45;
    color: oklch(0.92 0.01 200);
}

.azt-bz-summary li[b-i2t5gsi3g0]  .azt-icon {
    margin-top: 2px;
    color: #5EEAD0;
}

@container bz-rules (max-width: 980px) {
    .azt-bz-rules[b-i2t5gsi3g0] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* On a narrower area the summary comes first, so the effect of a change is seen above the controls. */
    .azt-bz-summary[b-i2t5gsi3g0] {
        position: static;
        order: -1;
    }
}

@container bz-rules (max-width: 620px) {
    .azt-bz-group[b-i2t5gsi3g0] {
        padding: 18px;
    }

    .azt-bz-selects[b-i2t5gsi3g0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Providers/Business.razor.rz.scp.css */
/* Business page (docs/design/provider/business.html). Container queries follow the width of the content area,
   not the window, because the provider shell has a sidebar that changes it. */
.azt-bz-page[b-9u7zaaon54] {
    container: bz-page / inline-size;
}

.azt-bz-eyebrow[b-9u7zaaon54] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--azt-ink-420);
}

.azt-bz-mono[b-9u7zaaon54] {
    font-family: var(--azt-font-mono);
    font-variant-numeric: tabular-nums;
}

.azt-bz-card[b-9u7zaaon54] {
    padding: 22px 24px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-card-head[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.azt-bz-card-title[b-9u7zaaon54] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

/* Identity header: logo, name, status. */
.azt-bz-ident[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 18px;
    margin-bottom: 16px;
}

.azt-bz-ident-main[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.azt-bz-ident-text[b-9u7zaaon54] {
    min-width: 0;
}

.azt-bz-title[b-9u7zaaon54] {
    margin: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.azt-bz-ident-meta[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-top: 6px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-logo[b-9u7zaaon54] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: var(--azt-radius-lg);
    background: linear-gradient(140deg, var(--azt-deep), #0B8F94);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.02em;
    object-fit: cover;
}

.azt-bz-logo.is-empty[b-9u7zaaon54] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-300);
    border: 1.5px dashed var(--azt-border-strong);
}

/* Setup strip: shown only while the business is not live, and holds the page's one teal button. */
.azt-bz-setup[b-9u7zaaon54] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px 20px;
    margin-bottom: 16px;
    padding: 18px 20px;
    background: var(--azt-slot-tint-2);
    border: 1px solid var(--azt-slot-tint);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-setup-title[b-9u7zaaon54] {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-setup-body[b-9u7zaaon54] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-steps[b-9u7zaaon54] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-bz-step[b-9u7zaaon54] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px 7px 8px;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    color: var(--azt-ink-420);
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-full);
}

.azt-bz-step.is-done[b-9u7zaaon54] {
    color: var(--azt-ink-700);
}

.azt-bz-step.is-optional[b-9u7zaaon54] {
    border-style: dashed;
}

.azt-bz-step-optional[b-9u7zaaon54] {
    font-weight: 400;
    color: var(--azt-ink-420);
}

.azt-bz-step-dot[b-9u7zaaon54] {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border: 1.5px dashed var(--azt-border-strong);
    border-radius: 50%;
}

.azt-bz-step.is-done .azt-bz-step-dot[b-9u7zaaon54] {
    border: 0;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

/* Tabs */
.azt-bz-tabs[b-9u7zaaon54] {
    display: flex;
    gap: 26px;
    margin-bottom: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid var(--azt-border-hairline);
}

/* A tab label never wraps; on a narrow screen the row scrolls sideways instead. */
.azt-bz-tabs[b-9u7zaaon54]  .azt-tab-underline {
    flex: 0 0 auto;
    white-space: nowrap;
}

.azt-bz-tab-count[b-9u7zaaon54] {
    margin-left: 7px;
    padding: 3px 6px;
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1;
    color: var(--azt-ink-420);
    background: var(--azt-surface-tint);
    border-radius: var(--azt-radius-full);
}

.azt-bz-tab-dot[b-9u7zaaon54] {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 6px;
    background: var(--azt-warning-text);
    border-radius: 50%;
    opacity: 0.8;
}

/* Profile tab */
.azt-bz-profile[b-9u7zaaon54] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

/* position:relative anchors the visually-hidden file inputs inside the scrolling content pane. Without a
   positioned ancestor they anchor to the fixed shell, and focusing one makes the browser scroll that shell. */
.azt-bz-look[b-9u7zaaon54] {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.azt-bz-cover[b-9u7zaaon54] {
    position: relative;
    height: 190px;
    background: linear-gradient(120deg, #0B3A30, #10424A 55%, #1B5C6E);
}

.azt-bz-cover img[b-9u7zaaon54] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-bz-cover.is-empty[b-9u7zaaon54] {
    display: grid;
    place-items: center;
    background: var(--azt-surface-tint);
    border-bottom: 1px dashed var(--azt-border-strong);
}

.azt-bz-cover-add[b-9u7zaaon54] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 12px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-420);
    cursor: pointer;
}

.azt-bz-cover-add:hover[b-9u7zaaon54] {
    color: var(--azt-slot-text);
}

.azt-bz-cover-tools[b-9u7zaaon54] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
}

.azt-bz-chip-btn[b-9u7zaaon54] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink);
    background: oklch(0.99 0.004 200 / 0.94);
    border: 1px solid var(--azt-border-strong);
    border-radius: var(--azt-radius-md);
    cursor: pointer;
}

.azt-bz-chip-btn:hover[b-9u7zaaon54] {
    background: var(--azt-near-white);
}

.azt-bz-chip-btn:disabled[b-9u7zaaon54] {
    opacity: 0.6;
    cursor: default;
}

.azt-bz-look-body[b-9u7zaaon54] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-top: -34px;
    padding: 0 24px 20px;
}

.azt-bz-look-logo[b-9u7zaaon54] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 84px;
    height: 84px;
    border: 4px solid var(--azt-near-white);
    border-radius: var(--azt-radius-xl);
    background: var(--azt-surface-tint);
    color: var(--azt-ink-300);
    object-fit: cover;
}

.azt-bz-look-logo.is-empty[b-9u7zaaon54] {
    outline: 1.5px dashed var(--azt-border-strong);
    outline-offset: -5px;
}

.azt-bz-look-text[b-9u7zaaon54] {
    min-width: 0;
    padding-bottom: 2px;
}

.azt-bz-look-title[b-9u7zaaon54] {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-look-hint[b-9u7zaaon54] {
    font-size: 12.5px;
    color: var(--azt-ink-420);
}

.azt-bz-look-tools[b-9u7zaaon54] {
    display: flex;
    gap: 8px;
    margin-left: auto;
    padding-bottom: 2px;
}

.azt-bz-look-error[b-9u7zaaon54] {
    margin: 0;
    padding: 0 24px 16px;
}

.azt-bz-btn[b-9u7zaaon54] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink);
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-strong);
    border-radius: var(--azt-radius-md);
    cursor: pointer;
    white-space: nowrap;
}

.azt-bz-btn:hover[b-9u7zaaon54] {
    background: var(--azt-surface-tint-2);
}

.azt-bz-btn:disabled[b-9u7zaaon54] {
    opacity: 0.6;
    cursor: default;
}

.azt-bz-lede[b-9u7zaaon54] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-facts[b-9u7zaaon54] {
    display: grid;
    gap: 18px;
    margin: 0;
}

.azt-bz-fact[b-9u7zaaon54] {
    min-width: 0;
}

.azt-bz-fact dt[b-9u7zaaon54] {
    margin-bottom: 4px;
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

.azt-bz-fact dd[b-9u7zaaon54] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--azt-ink-700);
    overflow-wrap: anywhere;
}

.azt-bz-fact dd.azt-bz-mono[b-9u7zaaon54] {
    font-size: 14px;
    font-weight: 500;
}

.azt-bz-fact dd.azt-bz-prose[b-9u7zaaon54] {
    max-width: 60ch;
    font-size: 14px;
    font-weight: 400;
}

.azt-bz-fact dd.azt-bz-none[b-9u7zaaon54] {
    font-weight: 400;
    color: var(--azt-ink-300);
}

.azt-bz-form-actions[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.azt-bz-empty[b-9u7zaaon54] {
    display: grid;
    justify-items: start;
    gap: 12px;
    background: transparent;
    border-style: dashed;
    border-color: var(--azt-border-strong);
}

.azt-bz-empty p[b-9u7zaaon54] {
    margin: 0;
    max-width: 46ch;
    color: var(--azt-ink-420);
}

/* Shared toolbar above the Locations and Staff lists */
.azt-bz-toolbar[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-bottom: 14px;
}

.azt-bz-lead[b-9u7zaaon54] {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-lead span[b-9u7zaaon54] {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    color: var(--azt-ink-420);
}

/* Locations tab */
.azt-bz-locs[b-9u7zaaon54] {
    display: grid;
    gap: 12px;
}

.azt-bz-loc[b-9u7zaaon54] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 16px;
    padding: 18px 20px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-loc.is-todo[b-9u7zaaon54] {
    border-color: oklch(0.88 0.06 85);
}

.azt-bz-pin[b-9u7zaaon54] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--azt-radius-md);
    background: var(--azt-surface-tint);
    color: var(--azt-ink-420);
}

.azt-bz-loc-text[b-9u7zaaon54] {
    min-width: 0;
}

.azt-bz-loc-name[b-9u7zaaon54] {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.azt-bz-loc-name:hover[b-9u7zaaon54] {
    text-decoration: underline;
}

.azt-bz-counts[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 14px;
    margin-top: 3px;
    font-family: var(--azt-font-mono);
    font-size: 12.5px;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
    color: var(--azt-ink-420);
}

.azt-bz-loc-note[b-9u7zaaon54] {
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-bz-loc-side[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.azt-bz-missing[b-9u7zaaon54] {
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--azt-border-hairline);
    font-size: 13px;
    color: var(--azt-warning-text);
}

.azt-bz-missing-list[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.azt-bz-need[b-9u7zaaon54] {
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: var(--azt-warning-text);
    background: var(--azt-warning-bg);
    border-radius: var(--azt-radius-full);
}

/* The action menu: a transparent scrim behind it closes it on any outside click, and Escape closes it too. */
.azt-bz-menu-wrap[b-9u7zaaon54] {
    position: relative;
}

.azt-bz-icon-btn[b-9u7zaaon54] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--azt-ink-420);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--azt-radius-md);
    cursor: pointer;
}

.azt-bz-icon-btn:hover[b-9u7zaaon54] {
    color: var(--azt-ink);
    background: var(--azt-surface-tint);
}

.azt-bz-menu-scrim[b-9u7zaaon54] {
    position: fixed;
    inset: 0;
    z-index: 20;
}

.azt-bz-menu[b-9u7zaaon54] {
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 21;
    display: grid;
    min-width: 200px;
    padding: 6px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-lg);
    box-shadow: var(--azt-shadow-md);
}

.azt-bz-menu a[b-9u7zaaon54],
.azt-bz-menu button[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 10px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 500;
    text-align: left;
    color: var(--azt-ink-700);
    text-decoration: none;
    background: none;
    border: 0;
    border-radius: var(--azt-radius-sm);
    cursor: pointer;
}

.azt-bz-menu a:hover[b-9u7zaaon54],
.azt-bz-menu button:hover[b-9u7zaaon54] {
    background: var(--azt-surface-tint);
}

.azt-bz-archived[b-9u7zaaon54] {
    margin-top: 18px;
}

.azt-bz-archived summary[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-420);
    cursor: pointer;
    list-style: none;
}

.azt-bz-archived summary[b-9u7zaaon54]::-webkit-details-marker {
    display: none;
}

.azt-bz-archived[open] summary[b-9u7zaaon54]  .azt-icon {
    transform: rotate(90deg);
}

.azt-bz-archived-row[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    color: var(--azt-ink-420);
    border: 1px dashed var(--azt-border-strong);
    border-radius: var(--azt-radius-lg);
}

.azt-bz-archived-row + .azt-bz-archived-row[b-9u7zaaon54] {
    margin-top: 8px;
}

/* Staff tab */
.azt-bz-you[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
    margin-bottom: 16px;
    padding: 16px 20px;
    background: var(--azt-slot-tint-2);
    border: 1px solid var(--azt-slot-tint);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-you-avatar[b-9u7zaaon54] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--azt-ink);
    border-radius: 50%;
}

.azt-bz-you-text[b-9u7zaaon54] {
    flex: 1 1 260px;
    min-width: 0;
}

.azt-bz-you-text b[b-9u7zaaon54] {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-you-text span[b-9u7zaaon54] {
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-table[b-9u7zaaon54] {
    padding: 6px 22px;
}

.azt-bz-thead[b-9u7zaaon54],
.azt-bz-srow[b-9u7zaaon54] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(0, 1.5fr) 168px;
    align-items: center;
    gap: 14px;
}

.azt-bz-thead[b-9u7zaaon54] {
    padding: 10px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-bz-srow[b-9u7zaaon54] {
    min-height: 68px;
    padding: 12px 0;
}

.azt-bz-srow + .azt-bz-srow[b-9u7zaaon54] {
    border-top: 1px solid var(--azt-border-hairline);
}

.azt-bz-who[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.azt-bz-who-text[b-9u7zaaon54] {
    min-width: 0;
}

.azt-bz-who-name[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-bz-who-role[b-9u7zaaon54] {
    font-size: 12.5px;
    color: var(--azt-ink-420);
}

.azt-bz-cell[b-9u7zaaon54] {
    min-width: 0;
    font-size: 13.5px;
    color: var(--azt-ink-700);
    overflow-wrap: anywhere;
}

.azt-bz-cell-label[b-9u7zaaon54] {
    display: none;
}

.azt-bz-row-actions[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.azt-bz-link[b-9u7zaaon54] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-link);
    text-decoration: none;
    background: none;
    border: 0;
    cursor: pointer;
}

.azt-bz-link:hover[b-9u7zaaon54] {
    text-decoration: underline;
}

.azt-bz-drawer-hint[b-9u7zaaon54] {
    margin: 0 0 16px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-invite-toggle[b-9u7zaaon54] {
    display: grid;
    gap: 6px;
    padding: 14px;
    background: var(--azt-surface-tint-2);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-lg);
}

.azt-bz-invite-toggle span[b-9u7zaaon54] {
    font-size: 12.5px;
    color: var(--azt-ink-420);
}

/* Loading skeleton */
.azt-bz-skeleton[b-9u7zaaon54] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.azt-bz-sk-lines[b-9u7zaaon54] {
    display: grid;
    gap: 8px;
}

.azt-bz-sk[b-9u7zaaon54] {
    background: linear-gradient(90deg, var(--azt-surface-tint) 0%, var(--azt-surface-tint-2) 50%, var(--azt-surface-tint) 100%);
    background-size: 200% 100%;
    border-radius: 8px;
    animation: azt-bz-shimmer-b-9u7zaaon54 1.3s linear infinite;
}

.azt-bz-sk-logo[b-9u7zaaon54] {
    width: 64px;
    height: 64px;
    border-radius: var(--azt-radius-lg);
}

.azt-bz-sk-title[b-9u7zaaon54] {
    width: 240px;
    max-width: 100%;
    height: 26px;
}

.azt-bz-sk-line[b-9u7zaaon54] {
    width: 180px;
    max-width: 100%;
    height: 14px;
}

.azt-bz-sk-body[b-9u7zaaon54] {
    height: 300px;
    border-radius: var(--azt-radius-xl);
}

@keyframes azt-bz-shimmer-b-9u7zaaon54 {
    to {
        background-position: -200% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .azt-bz-sk[b-9u7zaaon54] {
        animation: none;
    }
}

/* Kept from the previous page: the hidden file inputs and error text rendered by the shared InputFile. */

/* InputFile is a child component, so the <input> it renders belongs to its own render scope —
   Blazor CSS isolation doesn't reach into a child component's own markup unless the selector
   goes through ::deep (same reason ProviderShellLayout.razor.css needs it for NavLink's <a>). */
[b-9u7zaaon54] .azt-biz-logo-input,
[b-9u7zaaon54] .azt-staff-photo-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.azt-biz-logo-error[b-9u7zaaon54] {
    font-size: 11.5px;
    color: var(--azt-danger);
}

/* Staff photo badges rendered inside the shared Avatar's overlay. Staff.razor.css defines the same shapes, but
   Blazor CSS isolation scopes that file to Staff.razor only. */
.azt-staff-photo-edit[b-9u7zaaon54] {
    position: absolute;
    right: -5px;
    bottom: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: var(--azt-near-white);
    background: var(--azt-ink-700);
    border: 2px solid var(--azt-near-white);
    border-radius: 50%;
    cursor: pointer;
}

.azt-staff-photo-edit svg[b-9u7zaaon54] {
    width: 10px;
    height: 10px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-staff-photo-edit:hover[b-9u7zaaon54] {
    background: var(--azt-slot-500);
}

.azt-staff-photo-remove[b-9u7zaaon54] {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    font-size: 11px;
    line-height: 1;
    color: var(--azt-near-white);
    background: var(--azt-ink-700);
    border: 2px solid var(--azt-near-white);
    border-radius: 50%;
}

.azt-staff-photo-remove:hover[b-9u7zaaon54] {
    background: var(--azt-danger);
}

.azt-staff-photo-remove:disabled[b-9u7zaaon54] {
    opacity: 0.6;
    cursor: default;
}

.azt-staff-you-tag[b-9u7zaaon54] {
    padding: 2px 8px;
    font-family: var(--azt-font-mono);
    font-size: 9px;
    letter-spacing: 0.06em;
    color: var(--azt-slot-text);
    background: var(--azt-slot-tint);
    border-radius: 20px;
}

@container bz-page (max-width: 980px) {
    .azt-bz-profile[b-9u7zaaon54] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@container bz-page (max-width: 760px) {
    .azt-bz-thead[b-9u7zaaon54] {
        display: none;
    }

    /* On a narrow screen a staff row is a small card: person and actions on top, then one labelled line each. */
    .azt-bz-srow[b-9u7zaaon54] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        padding: 14px 0;
    }

    .azt-bz-srow .azt-bz-cell[b-9u7zaaon54] {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .azt-bz-srow .azt-bz-row-actions[b-9u7zaaon54] {
        grid-column: 2;
        grid-row: 1;
    }

    .azt-bz-cell-label[b-9u7zaaon54] {
        display: inline;
        min-width: 64px;
        font-family: var(--azt-font-mono);
        font-size: 10.5px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--azt-ink-300);
    }
}

@container bz-page (max-width: 620px) {
    .azt-bz-title[b-9u7zaaon54] {
        font-size: 22px;
    }

    .azt-bz-logo[b-9u7zaaon54] {
        width: 52px;
        height: 52px;
        font-size: 18px;
    }

    .azt-bz-setup[b-9u7zaaon54] {
        grid-template-columns: minmax(0, 1fr);
    }

    .azt-bz-setup[b-9u7zaaon54]  .azt-bz-setup-cta {
        width: 100%;
    }

    .azt-bz-card[b-9u7zaaon54] {
        padding: 18px;
    }

    .azt-bz-look[b-9u7zaaon54] {
        padding: 0;
    }

    .azt-bz-cover[b-9u7zaaon54] {
        height: 140px;
    }

    .azt-bz-look-body[b-9u7zaaon54] {
        flex-wrap: wrap;
        padding: 0 18px 18px;
    }

    .azt-bz-look-tools[b-9u7zaaon54] {
        width: 100%;
        margin-left: 0;
    }

    .azt-bz-look-tools .azt-bz-btn[b-9u7zaaon54] {
        flex: 1;
    }

    .azt-bz-look-error[b-9u7zaaon54] {
        padding: 0 18px 16px;
    }

    .azt-bz-loc[b-9u7zaaon54] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .azt-bz-loc-side[b-9u7zaaon54] {
        grid-column: 1 / -1;
        justify-content: space-between;
    }

    .azt-bz-missing[b-9u7zaaon54] {
        grid-column: 1 / -1;
    }
}

/* Staff tab: the row's "more actions" menu and the collapsed staff-permissions section */
.azt-bz-more[b-9u7zaaon54] {
    position: relative;
}

.azt-bz-more-btn[b-9u7zaaon54] {
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: var(--azt-ink-700);
    background: transparent;
    border: 1px solid var(--azt-border-hairline);
    border-radius: var(--azt-radius-lg);
    cursor: pointer;
}

.azt-bz-more-btn:hover[b-9u7zaaon54],
.azt-bz-more-btn[aria-expanded="true"][b-9u7zaaon54] {
    border-color: var(--azt-slot-500);
    background: var(--azt-slot-tint-2);
}

.azt-bz-more-backdrop[b-9u7zaaon54] {
    position: fixed;
    inset: 0;
    z-index: 4;
}

.azt-bz-more-menu[b-9u7zaaon54] {
    position: absolute;
    right: 0;
    top: 42px;
    z-index: 5;
    min-width: 170px;
    padding: 6px;
    background: var(--azt-surface, #fff);
    border: 1px solid var(--azt-border-hairline);
    border-radius: var(--azt-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / .15);
}

.azt-bz-more-menu button[b-9u7zaaon54] {
    display: block;
    width: 100%;
    padding: 9px 10px;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--azt-ink-700);
    background: none;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.azt-bz-more-menu button:hover[b-9u7zaaon54] {
    background: var(--azt-slot-tint-2);
}

.azt-bz-rules[b-9u7zaaon54] {
    margin-top: 16px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: var(--azt-radius-xl);
}

.azt-bz-rules > summary[b-9u7zaaon54] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    padding: 14px 18px;
    list-style: none;
    cursor: pointer;
}

.azt-bz-rules > summary[b-9u7zaaon54]::-webkit-details-marker {
    display: none;
}

.azt-bz-rules-text b[b-9u7zaaon54] {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-bz-rules-text span[b-9u7zaaon54] {
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-bz-rules-change[b-9u7zaaon54] {
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-link);
}

.azt-bz-rules[open] > summary[b-9u7zaaon54] {
    border-bottom: 1px solid var(--azt-border-hairline);
}
/* /Components/Pages/Providers/BusinessEdit.razor.rz.scp.css */
.azt-loc-form-actions[b-jqzylzcgfo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
/* /Components/Pages/Providers/Calendar.razor.rz.scp.css */
.azt-cal-header[b-c8spvfdls1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.azt-cal-controls[b-c8spvfdls1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.azt-cal-location-select[b-c8spvfdls1] {
    height: 32px;
    padding: 0 10px;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    max-width: 220px;
}

.azt-cal-location-select:hover[b-c8spvfdls1] {
    background: var(--azt-surface-tint);
}

.azt-cal-datenav[b-c8spvfdls1] {
    position: relative; /* anchors the DatePicker popover */
    display: flex;
    align-items: center;
    gap: 8px;
}

.azt-cal-datenav-arrow[b-c8spvfdls1] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    color: var(--azt-ink-420);
}

.azt-cal-datenav-arrow:hover[b-c8spvfdls1] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-cal-datenav-arrow svg[b-c8spvfdls1] {
    width: 14px;
    height: 14px;
}

.azt-cal-today-cta[b-c8spvfdls1] {
    padding: 7px 12px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 600;
    border: 0;
}

.azt-cal-today-cta:hover[b-c8spvfdls1] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-cal-today-cta--hidden[b-c8spvfdls1] {
    visibility: hidden;
    pointer-events: none;
}

/* Panel */

.azt-cal-panel[b-c8spvfdls1] {
    padding: 0;
    overflow: hidden;
}

.azt-cal-scroll[b-c8spvfdls1] {
    overflow-x: auto;
    overflow-y: auto;
    /* Bounds the day grid to the viewport so the full day (8:00-20:00, taller than most screens)
       always has a working scrollbar of its own, rather than depending on the outer shell's page
       scroll to reach hours below the fold — 66px topbar + this page's own header/controls row +
       .azt-ov-body's padding leaves roughly this much room. The extra 60px keeps the
       "No appointments" note under the grid (about 50px tall) from being cut off at the
       bottom of the viewport. */
    max-height: calc(100vh - 320px);
    min-height: 240px;
}

.azt-cal-grid[b-c8spvfdls1] {
    display: flex;
    flex-direction: column;
    min-width: 100%;
    width: max-content;
}

/* Header row */

.azt-cal-headrow[b-c8spvfdls1] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    background: white;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-cal-gutter-head[b-c8spvfdls1] {
    flex: 0 0 56px;
}

.azt-cal-col-head[b-c8spvfdls1] {
    flex: 1 1 180px;
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 14px;
    border-left: 1px solid var(--azt-border-hairline);
}

.azt-cal-col-avatar[b-c8spvfdls1] {
    width: 28px;
    height: 28px;
    font-size: 11px;
}

.azt-cal-col-name[b-c8spvfdls1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Body */

.azt-cal-body[b-c8spvfdls1] {
    position: relative;
    display: flex;
}

.azt-cal-gutter[b-c8spvfdls1] {
    position: relative;
    flex: 0 0 56px;
}

.azt-cal-hour-label[b-c8spvfdls1] {
    position: absolute;
    left: 0;
    right: 8px;
    transform: translateY(-50%);
    text-align: right;
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    color: var(--azt-ink-250);
}

.azt-cal-col[b-c8spvfdls1] {
    position: relative;
    flex: 1 1 180px;
    min-width: 180px;
    border-left: 1px solid var(--azt-border-hairline);
    background-image: repeating-linear-gradient(
        to bottom,
        var(--azt-border-hairline) 0,
        var(--azt-border-hairline) 1px,
        transparent 1px,
        transparent 56px
    );
}

.azt-cal-now-line[b-c8spvfdls1] {
    position: absolute;
    left: 56px;
    right: 0;
    height: 2px;
    background: oklch(0.62 0.19 25);
    z-index: 1;
}

.azt-cal-now-line[b-c8spvfdls1]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: oklch(0.62 0.19 25);
}

/* Events */

.azt-cal-event[b-c8spvfdls1] {
    position: absolute;
    left: 5px;
    right: 5px;
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 9px;
    overflow: hidden;
    border-left: 3px solid transparent;
    cursor: pointer;
}

/* Colors match StatusBadge's tone map exactly (docs/design/COMPONENTS.md, "Status badges") —
   an event block is a different shape (positioned, clickable, sized to its duration) so it can't
   literally be a <StatusBadge>, but it draws from the same tokens so "confirmed" reads as the
   same color here as everywhere else in the app. Fixed a real bug while retoning this:
   "completed" was accidentally copy-pasted from "checked-in" and rendered the same blue —
   completed should be neutral, not info. */
.azt-cal-event.azt-ov-status-confirmed[b-c8spvfdls1] {
    background: var(--azt-success-bg);
    border-left-color: var(--azt-success);
}

.azt-cal-event.azt-ov-status-checked-in[b-c8spvfdls1] {
    background: var(--azt-info-bg);
    border-left-color: var(--azt-info);
}

.azt-cal-event.azt-ov-status-pending[b-c8spvfdls1] {
    background: var(--azt-warning-bg);
    border-left-color: var(--azt-warning);
}

.azt-cal-event.azt-ov-status-completed[b-c8spvfdls1] {
    background: var(--azt-border-soft);
    border-left-color: var(--azt-ink-250);
}

.azt-cal-event.azt-ov-status-cancelled[b-c8spvfdls1] {
    background: var(--azt-surface-tint);
    border-left-color: var(--azt-ink-250);
    opacity: 0.65;
    text-decoration: line-through;
}

.azt-cal-event.azt-ov-status-no-show[b-c8spvfdls1],
.azt-cal-event.azt-ov-status-expired[b-c8spvfdls1] {
    background: var(--azt-danger-bg);
    border-left-color: var(--azt-danger);
}

/* Applied to the one appointment a provider notification linked directly to (see
   ProviderShellLayout's HandleNotificationClickAsync / this page's bookingId query param) — an
   outline strong enough to stand out over any of the status background colors above. */
.azt-cal-event.is-highlighted[b-c8spvfdls1] {
    outline: 2px solid var(--azt-deep-500);
    outline-offset: 1px;
}

/* A reschedule negotiation is waiting on this provider's turn — same warning tone as a Pending
   booking so it reads as "needs attention" using an already-established color, not a new one. */
.azt-cal-event-badge[b-c8spvfdls1] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--azt-warning);
}

.azt-cal-event-time[b-c8spvfdls1] {
    flex: none;
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    color: var(--azt-ink-420);
}

.azt-cal-event-desc[b-c8spvfdls1] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azt-cal-empty-note[b-c8spvfdls1] {
    margin: 0;
    padding: 14px 22px 20px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

/* Appointment detail panel */

/* .azt-cal-detail-backdrop / .azt-cal-detail-modal used to live here — replaced by the shared
   Modal component (Components/Shared/Modal.razor), which uses a flex-centered overlay technique
   instead of fixed+translate positioning (the same technique Customers.razor's own dialogs
   already used correctly). */

.azt-cal-detail-header[b-c8spvfdls1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.azt-cal-detail-title[b-c8spvfdls1] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-cal-detail-close[b-c8spvfdls1] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--azt-border);
    background: white;
    color: var(--azt-ink-420);
    font-size: 13px;
}

.azt-cal-detail-close:hover[b-c8spvfdls1] {
    background: var(--azt-surface-tint);
    color: var(--azt-ink-700);
}

.azt-cal-detail-list[b-c8spvfdls1] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 14px;
}

.azt-cal-detail-list dt[b-c8spvfdls1] {
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-cal-detail-list dd[b-c8spvfdls1] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-700);
    text-align: right;
}

.azt-cal-detail-pending-note[b-c8spvfdls1] {
    margin: 16px 0 0;
    padding: 10px 12px;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
    border-radius: 10px;
    font-size: 12.5px;
}

.azt-cal-detail-field[b-c8spvfdls1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 14px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-500);
}

.azt-cal-detail-select[b-c8spvfdls1] {
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-700);
    background: white;
}

.azt-cal-detail-loading[b-c8spvfdls1] {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--azt-ink-300);
}

.azt-cal-detail-error[b-c8spvfdls1] {
    margin-top: 10px;
    padding: 9px 12px;
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
    border-radius: 9px;
    font-size: 12.5px;
}

.azt-cal-detail-info[b-c8spvfdls1] {
    margin-top: 10px;
    padding: 9px 12px;
    background: var(--azt-success-bg);
    color: var(--azt-success-text);
    border-radius: 9px;
    font-size: 12.5px;
}

.azt-cal-detail-proposal[b-c8spvfdls1] {
    margin: 2px 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-cal-detail-reschedule-actions[b-c8spvfdls1] {
    display: flex;
    gap: 8px;
    margin: 6px 0;
}

[b-c8spvfdls1] .azt-cal-detail-confirm {
    width: 100%;
    margin-top: 16px;
}

.azt-cal-detail-divider[b-c8spvfdls1] {
    height: 1px;
    margin: 18px 0 4px;
    background: var(--azt-border);
}

.azt-cal-detail-section-title[b-c8spvfdls1] {
    margin: 10px 0 2px;
    font-size: 13px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-cal-detail-datetime[b-c8spvfdls1] {
    display: flex;
    gap: 8px;
}

.azt-cal-detail-input[b-c8spvfdls1] {
    flex: 1;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--azt-ink-700);
    background: white;
}

/* CssClass hooks from the shared Button component — this modal's actions stack full-width. */
[b-c8spvfdls1] .azt-cal-detail-action {
    width: 100%;
    margin-top: 10px;
}

.azt-cal-detail-action:hover[b-c8spvfdls1] {
    background: var(--azt-surface-tint);
}

[b-c8spvfdls1] .azt-cal-detail-cancel {
    width: 100%;
    margin-top: 16px;
}

.azt-cal-detail-cancel:hover[b-c8spvfdls1] {
    background: var(--azt-danger-border);
}

/* Approved decision (UI-DESIGN-DECISIONS.md "Error message"): the rejected field gets a red border. */
.azt-cal-detail-input.is-invalid[b-c8spvfdls1] {
    border-color: var(--azt-danger-border);
}

.azt-cal-detail-hint[b-c8spvfdls1] {
    font-size: 12px;
    color: var(--azt-ink-400);
}

/* Single-choice action chooser (Confirm/Reschedule/[Staff]/Decline) — only one action's own
   controls render below it at a time, replacing what used to be every action stacked and expanded
   simultaneously. */
.azt-cal-detail-action-tabs[b-c8spvfdls1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    background: var(--azt-paper-bg);
    padding: 4px;
    border-radius: 12px;
    margin: 14px 0 16px;
}

.azt-cal-detail-tab[b-c8spvfdls1] {
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    padding: 9px 6px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: var(--azt-ink-400);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.azt-cal-detail-tab.is-active[b-c8spvfdls1] {
    background: white;
    color: var(--azt-ink-700);
    box-shadow: 0 2px 6px -2px oklch(0.19 0.03 220 / 0.25);
}

.azt-cal-detail-tab.tone-confirm.is-active[b-c8spvfdls1] {
    color: var(--azt-slot-ink);
}

.azt-cal-detail-tab.tone-decline.is-active[b-c8spvfdls1] {
    color: var(--azt-danger-text);
}

.azt-cal-detail-tab:focus-visible[b-c8spvfdls1] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

/* Phone width: the date row (two arrows, the day, and the "Today" button that is only invisible when it is today) must fit the
   screen. The invisible button stops holding its space here, and the row may wrap instead of pushing the page sideways. */
@media (max-width: 480px) {
    .azt-cal-datenav[b-c8spvfdls1] {
        flex-wrap: wrap;
        max-width: 100%;
    }

    .azt-cal-today-cta--hidden[b-c8spvfdls1] {
        display: none;
    }
}

/* Staff view (BIZ-007 STAFF-9): a colleague's time is hatched and says nothing but "Busy". */
.azt-cal-busy[b-c8spvfdls1] {
    position: absolute;
    left: 5px;
    right: 5px;
    display: flex;
    align-items: flex-start;
    padding: 4px 8px;
    border-radius: 9px;
    overflow: hidden;
    pointer-events: none;
    border-left: 3px solid var(--azt-ink-250);
    background-color: var(--azt-surface-tint);
    background-image: repeating-linear-gradient(135deg, transparent 0, transparent 5px, var(--azt-border-hairline) 5px, var(--azt-border-hairline) 7px);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-cal-range[b-c8spvfdls1] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border-radius: 11px;
    background: var(--azt-surface-tint);
}

.azt-cal-range-btn[b-c8spvfdls1] {
    min-height: 44px;
    padding: 0 14px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-420);
    cursor: pointer;
}

.azt-cal-range-btn.is-active[b-c8spvfdls1] {
    background: var(--azt-surface, #fff);
    color: var(--azt-ink-700);
}

.azt-cal-range-btn:focus-visible[b-c8spvfdls1],
.azt-cal-agenda-item:focus-visible[b-c8spvfdls1] {
    outline: 2px solid var(--azt-deep-500);
    outline-offset: 2px;
}

.azt-cal-agenda-day[b-c8spvfdls1] {
    margin: 0;
    padding: 16px 22px 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--azt-ink-420);
}

.azt-cal-agenda-item[b-c8spvfdls1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    width: calc(100% - 28px);
    min-height: 44px;
    margin: 0 14px 6px;
    padding: 8px 10px;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 9px;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.azt-cal-agenda-item.azt-ov-status-confirmed[b-c8spvfdls1] { background: var(--azt-success-bg); border-left-color: var(--azt-success); }
.azt-cal-agenda-item.azt-ov-status-pending[b-c8spvfdls1] { background: var(--azt-warning-bg); border-left-color: var(--azt-warning); }
.azt-cal-agenda-item.azt-ov-status-completed[b-c8spvfdls1] { background: var(--azt-border-soft); border-left-color: var(--azt-ink-250); }
.azt-cal-agenda-item.azt-ov-status-cancelled[b-c8spvfdls1] { background: var(--azt-surface-tint); border-left-color: var(--azt-ink-250); opacity: 0.65; text-decoration: line-through; }
.azt-cal-agenda-item.azt-ov-status-no-show[b-c8spvfdls1],
.azt-cal-agenda-item.azt-ov-status-expired[b-c8spvfdls1] { background: var(--azt-danger-bg); border-left-color: var(--azt-danger); }

.azt-cal-error[b-c8spvfdls1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px;
    font-size: 13px;
    color: var(--azt-danger);
}

.azt-cal-error p[b-c8spvfdls1] { margin: 0; }

/* Locked state (no location / no staff yet): faded calendar preview with one card on top. */
.azt-cal-locked[b-c8spvfdls1] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 380px;
    padding: 24px 16px;
    overflow: hidden;
}

.azt-cal-locked-preview[b-c8spvfdls1] {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 56px repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    opacity: 0.5;
    filter: blur(1.5px);
    pointer-events: none;
}

.azt-cal-locked-time[b-c8spvfdls1] {
    padding: 6px;
    font-family: var(--azt-font-mono);
    font-size: 11px;
    color: var(--azt-ink-400);
    border-bottom: 1px solid var(--azt-border);
}

.azt-cal-locked-cell[b-c8spvfdls1] {
    padding: 6px;
    border-bottom: 1px solid var(--azt-border);
    border-left: 1px solid var(--azt-border);
}

.azt-cal-locked-cell i[b-c8spvfdls1] {
    display: block;
    height: 100%;
    min-height: 28px;
    border-radius: 8px;
    background: oklch(0.93 0.05 174);
}

.azt-cal-locked-card[b-c8spvfdls1] {
    position: relative;
    max-width: 460px;
    width: 100%;
    padding: 22px;
    border: 1px solid var(--azt-border);
    border-radius: 16px;
    background: var(--azt-near-white);
    box-shadow: 0 12px 40px oklch(0.28 0.03 212 / 0.18);
}

.azt-cal-locked-eyebrow[b-c8spvfdls1] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--azt-ink-400);
}

.azt-cal-locked-title[b-c8spvfdls1] {
    margin: 10px 0 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-wrap: balance;
    color: var(--azt-ink-900);
}

.azt-cal-locked-body[b-c8spvfdls1] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--azt-ink-400);
}

.azt-cal-locked-actions[b-c8spvfdls1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
/* /Components/Pages/Providers/CalendarAll.razor.rz.scp.css */
.azt-calall[b-52cpu169ld] { max-width: 960px; margin: 0 auto; padding: 16px; }
.azt-calall-head[b-52cpu169ld] { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: flex-end; }
.azt-calall-title[b-52cpu169ld] { font-size: 22px; margin: 0; }
.azt-calall-sub[b-52cpu169ld] { margin: 2px 0 0; color: var(--azt-ink-300, #666); }
.azt-calall-controls[b-52cpu169ld] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.azt-calall-range[b-52cpu169ld] { display: inline-flex; border: 1px solid var(--azt-line, #ddd); border-radius: 10px; overflow: hidden; }
.azt-calall-range-btn[b-52cpu169ld], .azt-calall-nav[b-52cpu169ld] { min-height: 40px; padding: 0 14px; border: 1px solid var(--azt-line, #ddd); background: #fff; border-radius: 10px; cursor: pointer; font: inherit; }
.azt-calall-range-btn[b-52cpu169ld] { border: 0; border-radius: 0; }
.azt-calall-range-btn.is-active[b-52cpu169ld] { background: var(--azt-ink-420, #1f2937); color: #fff; }
.azt-calall-legend[b-52cpu169ld] { display: flex; flex-wrap: wrap; gap: 14px; list-style: none; padding: 0; margin: 14px 0; font-size: 13px; }
.azt-calall-legend li[b-52cpu169ld] { display: inline-flex; align-items: center; gap: 6px; }
.azt-calall-swatch[b-52cpu169ld] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.azt-calall-swatch.is-clash[b-52cpu169ld] { background: #fff; outline: 2px solid #c0392b; outline-offset: 0; }
.azt-calall-grid[b-52cpu169ld] { position: relative; margin-top: 8px; }
.azt-calall-hour[b-52cpu169ld] { position: absolute; left: 0; width: 52px; text-align: right; font-size: 12px; color: var(--azt-ink-300, #777); transform: translateY(-6px); }
.azt-calall-line[b-52cpu169ld] { position: absolute; left: 64px; right: 12px; height: 1px; background: var(--azt-line, #e3e3e3); }
.azt-calall-event[b-52cpu169ld] { position: absolute; display: flex; flex-direction: column; gap: 1px; text-align: left; padding: 4px 8px; background: #fff; border: 1px solid var(--azt-line, #ddd); border-left-width: 6px; border-radius: 10px; overflow: hidden; font-size: 13px; cursor: pointer; }
.azt-calall-event.is-clash[b-52cpu169ld] { outline: 2px solid #c0392b; outline-offset: 1px; }
.azt-calall-event-biz[b-52cpu169ld] { font-size: 12px; color: var(--azt-ink-300, #666); }
.azt-calall-day h2[b-52cpu169ld] { font-size: 15px; margin: 18px 0 6px; }
.azt-calall-agenda-item[b-52cpu169ld] { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; width: 100%; min-height: 44px; padding: 6px 10px; margin-bottom: 6px; background: #fff; border: 1px solid var(--azt-line, #ddd); border-left-width: 6px; border-radius: 10px; text-align: left; cursor: pointer; font: inherit; }
.azt-calall-note[b-52cpu169ld] { color: var(--azt-ink-300, #666); font-size: 13px; margin-top: 14px; }
.azt-calall-error[b-52cpu169ld] { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid #c0392b; border-radius: 10px; margin: 12px 0; }
/* /Components/Pages/Providers/CalendarBusiness.razor.rz.scp.css */
.azt-calbiz[b-yulaj1qawi] { width: 100%; max-width: 1240px; margin: 0 auto; padding: 16px; box-sizing: border-box; }
.azt-calbiz-head[b-yulaj1qawi] { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: flex-end; }
.azt-calbiz-eyebrow[b-yulaj1qawi] { margin: 0; font: 500 11px/1.2 var(--azt-font-mono, monospace); letter-spacing: .08em; text-transform: uppercase; color: var(--azt-ink-300); }
.azt-calbiz-title[b-yulaj1qawi] { margin: 4px 0 0; font-size: 22px; }
.azt-calbiz-controls[b-yulaj1qawi] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.azt-calbiz-range[b-yulaj1qawi] { display: inline-flex; border: 1px solid var(--azt-border-hairline); border-radius: 10px; overflow: hidden; }
.azt-calbiz-range-btn[b-yulaj1qawi], .azt-calbiz-nav[b-yulaj1qawi] { min-height: 40px; padding: 0 14px; border: 1px solid var(--azt-border-hairline); background: #fff; border-radius: 10px; cursor: pointer; font: inherit; }
.azt-calbiz-range-btn[b-yulaj1qawi] { border: 0; border-radius: 0; }
.azt-calbiz-range-btn.is-active[b-yulaj1qawi] { background: var(--azt-ink-900); color: #fff; }
.azt-calbiz-filters[b-yulaj1qawi] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0; }
.azt-calbiz-filter-label[b-yulaj1qawi] { font-size: 12.5px; color: var(--azt-ink-300); margin-left: 6px; }
.azt-calbiz-chip[b-yulaj1qawi] { min-height: 36px; padding: 0 12px; border: 1px solid var(--azt-border-hairline); border-radius: 999px; background: #fff; font: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer; }
.azt-calbiz-chip.is-on[b-yulaj1qawi] { background: var(--azt-ink-900); border-color: var(--azt-ink-900); color: #fff; }
.azt-calbiz-layout[b-yulaj1qawi] { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; }
.azt-calbiz-main[b-yulaj1qawi] { flex: 1 1 560px; min-width: 0; }
.azt-calbiz-grid[b-yulaj1qawi] { display: grid; overflow-x: auto; border: 1px solid var(--azt-border-hairline); border-radius: 14px; background: #fff; }
.azt-calbiz-lane-head[b-yulaj1qawi] { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 8px; font-weight: 600; font-size: 14px; border-bottom: 1px solid var(--azt-border-hairline); }
.azt-calbiz-avatar[b-yulaj1qawi] { width: 26px; height: 26px; border-radius: 50%; background: var(--azt-deep); color: #fff; display: grid; place-items: center; font-size: 10px; flex: none; }
.azt-calbiz-hours[b-yulaj1qawi] { position: relative; font-size: 11.5px; color: var(--azt-ink-300); }
.azt-calbiz-hours span[b-yulaj1qawi] { position: absolute; right: 8px; transform: translateY(-6px); }
.azt-calbiz-lane[b-yulaj1qawi] { position: relative; border-left: 1px solid var(--azt-border-hairline); background: repeating-linear-gradient(to bottom, transparent 0, transparent 55px, var(--azt-border-hairline) 55px, var(--azt-border-hairline) 56px); }
.azt-calbiz-event[b-yulaj1qawi] { position: absolute; left: 4px; right: 4px; display: flex; flex-direction: column; gap: 1px; text-align: left; padding: 4px 8px; border-radius: 9px; font-size: 12.5px; line-height: 1.3; overflow: hidden; cursor: pointer; background: oklch(0.94 0.03 178); border: 1px solid oklch(0.82 0.06 178); font-family: inherit; }
.azt-calbiz-event.is-pending[b-yulaj1qawi], .azt-calbiz-agenda-item.is-pending[b-yulaj1qawi] { background: oklch(0.95 0.04 85); border-color: oklch(0.85 0.06 85); }
.azt-calbiz-event.is-unassigned[b-yulaj1qawi] { background: #fff; border-style: dashed; }
.azt-calbiz-event.is-selected[b-yulaj1qawi] { outline: 3px solid var(--azt-deep); outline-offset: 1px; }
.azt-calbiz-event:focus-visible[b-yulaj1qawi], .azt-calbiz-agenda-item:focus-visible[b-yulaj1qawi], .azt-calbiz-chip:focus-visible[b-yulaj1qawi] { outline: 3px solid var(--azt-deep); outline-offset: 2px; }
.azt-calbiz-time[b-yulaj1qawi] { font-variant-numeric: tabular-nums; }
.azt-calbiz-day h2[b-yulaj1qawi] { font-size: 15px; margin: 18px 0 6px; }
.azt-calbiz-agenda-item[b-yulaj1qawi] { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; width: 100%; min-height: 44px; padding: 6px 10px; margin-bottom: 6px; background: #fff; border: 1px solid var(--azt-border-hairline); border-radius: 10px; text-align: left; cursor: pointer; font: inherit; }
.azt-calbiz-who[b-yulaj1qawi] { font-size: 12px; color: var(--azt-ink-300); }
.azt-calbiz-foot[b-yulaj1qawi] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; font-size: 13px; color: var(--azt-ink-500); }
.azt-calbiz-grow[b-yulaj1qawi] { flex: 1; text-align: right; }
.azt-calbiz-panel[b-yulaj1qawi] { flex: 0 0 300px; max-width: 100%; padding: 18px; border: 1px solid var(--azt-border-hairline); border-radius: 14px; background: #fff; }
.azt-calbiz-panel h2[b-yulaj1qawi] { margin: 6px 0; font-size: 18px; }
.azt-calbiz-badge[b-yulaj1qawi] { display: inline-block; margin: 0; padding: 3px 10px; border-radius: 999px; font-size: 12px; background: oklch(0.94 0.03 178); }
.azt-calbiz-badge.is-pending[b-yulaj1qawi] { background: oklch(0.95 0.04 85); }
.azt-calbiz-facts[b-yulaj1qawi] { display: grid; grid-template-columns: 80px 1fr; gap: 6px 10px; margin: 12px 0; font-size: 14px; }
.azt-calbiz-facts dt[b-yulaj1qawi] { color: var(--azt-ink-300); font-size: 12.5px; }
.azt-calbiz-facts dd[b-yulaj1qawi] { margin: 0; }
.azt-calbiz-open[b-yulaj1qawi] { width: 100%; min-height: 44px; border-radius: 10px; border: 1px solid var(--azt-ink-900); background: var(--azt-ink-900); color: #fff; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; }
.azt-calbiz-note[b-yulaj1qawi] { color: var(--azt-ink-300); font-size: 13px; margin-top: 12px; }
.azt-calbiz-error[b-yulaj1qawi] { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid #c0392b; border-radius: 10px; margin: 12px 0; }
.azt-calbiz-event.is-short[b-yulaj1qawi] { flex-direction: row; align-items: center; gap: 6px; padding: 0 8px; white-space: nowrap; font-size: 12px; line-height: 1; }
.azt-calbiz-event.is-short strong[b-yulaj1qawi] { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.azt-calbiz-event.is-short .azt-calbiz-time[b-yulaj1qawi] { flex: none; }
/* /Components/Pages/Providers/Campaigns.razor.rz.scp.css */
.azt-camp[b-0ih92j0tbl] {
    max-width: 720px;
}

.azt-camp-title[b-0ih92j0tbl] {
    margin: 0 0 4px;
    font-size: 24px;
}

.azt-camp-sub[b-0ih92j0tbl],
.azt-camp-note[b-0ih92j0tbl] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--azt-ink-250);
}

.azt-camp-card[b-0ih92j0tbl] {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 14px;
    background: #fff;
}

.azt-camp-label[b-0ih92j0tbl] {
    margin: 12px 0 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-camp-field[b-0ih92j0tbl] {
    display: block;
}

.azt-camp-input[b-0ih92j0tbl] {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 10px;
    font: inherit;
    font-size: 14px;
}

.azt-camp-narrow[b-0ih92j0tbl] {
    width: auto;
    min-width: 120px;
}

.azt-camp-chips[b-0ih92j0tbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.azt-camp-chip[b-0ih92j0tbl] {
    padding: 6px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    cursor: pointer;
}

.azt-camp-chip.is-active[b-0ih92j0tbl] {
    background: var(--azt-ink-700);
    border-color: var(--azt-ink-700);
    color: #fff;
}

.azt-camp-actions[b-0ih92j0tbl],
.azt-camp-linkrow[b-0ih92j0tbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
}

.azt-camp-row[b-0ih92j0tbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 12px;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.azt-camp-row-name[b-0ih92j0tbl] {
    flex: 1 1 auto;
    font-weight: 600;
}

.azt-camp-badge[b-0ih92j0tbl] {
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--azt-border-hairline);
    font-size: 12px;
}

.azt-camp-hold[b-0ih92j0tbl],
.azt-camp-error[b-0ih92j0tbl] {
    font-size: 13px;
    color: #a4262c;
}

.azt-camp-ok[b-0ih92j0tbl] {
    font-size: 13px;
    color: #1b6e3c;
}

.azt-camp-preview[b-0ih92j0tbl] {
    margin: 8px 0 4px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f5f7f6;
    font-size: 13.5px;
}

.azt-camp-left[b-0ih92j0tbl] {
    margin-top: 4px;
    color: var(--azt-ink-250);
}
/* /Components/Pages/Providers/ComebackRules.razor.rz.scp.css */
.azt-camp[b-d269a7m6ax] {
    max-width: 720px;
}

.azt-camp-title[b-d269a7m6ax] {
    margin: 0 0 4px;
    font-size: 24px;
}

.azt-camp-sub[b-d269a7m6ax],
.azt-camp-note[b-d269a7m6ax] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--azt-ink-250);
}

.azt-camp-card[b-d269a7m6ax] {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 14px;
    background: #fff;
}

.azt-camp-label[b-d269a7m6ax] {
    margin: 12px 0 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-camp-field[b-d269a7m6ax] {
    display: block;
}

.azt-camp-input[b-d269a7m6ax] {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 10px;
    font: inherit;
    font-size: 14px;
}

.azt-camp-narrow[b-d269a7m6ax] {
    width: auto;
    min-width: 120px;
}

.azt-camp-chips[b-d269a7m6ax] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.azt-camp-chip[b-d269a7m6ax] {
    padding: 6px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    cursor: pointer;
}

.azt-camp-chip.is-active[b-d269a7m6ax] {
    background: var(--azt-ink-700);
    border-color: var(--azt-ink-700);
    color: #fff;
}

.azt-camp-actions[b-d269a7m6ax],
.azt-camp-linkrow[b-d269a7m6ax] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
}

.azt-camp-row[b-d269a7m6ax] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 12px;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.azt-camp-row-name[b-d269a7m6ax] {
    flex: 1 1 auto;
    font-weight: 600;
}

.azt-camp-badge[b-d269a7m6ax] {
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--azt-border-hairline);
    font-size: 12px;
}

.azt-camp-hold[b-d269a7m6ax],
.azt-camp-error[b-d269a7m6ax] {
    font-size: 13px;
    color: #a4262c;
}

.azt-camp-ok[b-d269a7m6ax] {
    font-size: 13px;
    color: #1b6e3c;
}

.azt-camp-preview[b-d269a7m6ax] {
    margin: 8px 0 4px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f5f7f6;
    font-size: 13.5px;
}

.azt-camp-left[b-d269a7m6ax] {
    margin-top: 4px;
    color: var(--azt-ink-250);
}
/* /Components/Pages/Providers/Customers.razor.rz.scp.css */
.mono[b-wb9i0k1kq1] { font-family: var(--azt-font-mono); letter-spacing: 0.08em; }

.azt-cust-head[b-wb9i0k1kq1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

/* Empty state (FR-CL-05) */

/* EmptyState itself provides the icon/title/body/CTA look now — this just centers the whole panel
   within the page, which is specific to this one spot. */
.azt-cust-empty-panel[b-wb9i0k1kq1] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Two-pane list/detail layout */

.azt-cust-panes[b-wb9i0k1kq1] {
    display: flex;
    gap: 24px;
    flex: 1;
    min-height: 0;
}

.azt-cust-list-panel[b-wb9i0k1kq1] {
    width: 380px;
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
    position: relative;
    padding-bottom: 68px;
}

/* List/Groups segmented nav */

.azt-cust-seg[b-wb9i0k1kq1] {
    display: flex;
    padding: 4px;
    background: var(--azt-surface-tint);
    border-radius: var(--azt-radius-lg);
    flex: 0 0 auto;
}

.azt-cust-seg button[b-wb9i0k1kq1] {
    flex: 1;
    border: 0;
    background: transparent;
    padding: 9px 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-420);
    border-radius: var(--azt-radius-md);
    font-family: inherit;
}

.azt-cust-seg button.is-active[b-wb9i0k1kq1] {
    background: var(--azt-near-white);
    color: var(--azt-ink-700);
    box-shadow: var(--azt-shadow-sm);
}

.azt-cust-groups[b-wb9i0k1kq1] { display: flex; flex-direction: column; gap: 8px; overflow-y: auto; }

.azt-cust-group-row[b-wb9i0k1kq1] {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    border: 0;
    text-align: left;
    padding: 14px;
    border-radius: 14px;
    background: var(--azt-surface-tint);
    font-family: inherit;
}

.azt-cust-group-icon[b-wb9i0k1kq1] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.azt-cust-group-icon svg[b-wb9i0k1kq1] { width: 17px; height: 17px; }
.azt-cust-group-icon.is-active[b-wb9i0k1kq1] { background: var(--azt-success-bg); color: var(--azt-success-text); }
.azt-cust-group-icon.is-archived[b-wb9i0k1kq1] { background: var(--azt-surface-tint-2); color: var(--azt-ink-300); border: 1px solid var(--azt-border); }
.azt-cust-group-icon.is-blocked[b-wb9i0k1kq1] { background: var(--azt-danger-bg); color: var(--azt-danger-text); }

.azt-cust-group-label[b-wb9i0k1kq1] { flex: 1; font-size: 14px; font-weight: 600; color: var(--azt-ink-700); }
.azt-cust-group-count[b-wb9i0k1kq1] { font-size: 12px; color: var(--azt-ink-300); }
.azt-cust-group-chev[b-wb9i0k1kq1] { width: 13px; height: 13px; color: var(--azt-ink-300); flex: 0 0 auto; }

.azt-cust-group-row:disabled[b-wb9i0k1kq1] { opacity: .5; cursor: not-allowed; }

.azt-cust-group-back[b-wb9i0k1kq1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--azt-ink-500);
    background: transparent;
    border: 0;
    padding: 2px 0 4px;
    font-weight: 600;
    font-family: inherit;
}

.azt-cust-group-back svg[b-wb9i0k1kq1] { width: 13px; height: 13px; flex: 0 0 auto; }
.azt-cust-group-back-crumb[b-wb9i0k1kq1] { color: var(--azt-ink-300); font-weight: 500; }

/* Add-customer floating action */

.azt-cust-add-fab-wrap[b-wb9i0k1kq1] { position: absolute; left: 24px; bottom: 24px; }

/* Renders via the shared Button (form-submit variant, same ink-700/ink-600 colors) — this just
   reshapes it into a 46px floating circle, one size up from the standard 36px icon button.
   `::deep` must follow a selector scoped to this file (`.azt-cust-add-fab-wrap`, the real DOM
   ancestor) — a bare leading `::deep` never picks up this file's scope attribute, so the rule
   silently never matched the Button component's rendered <button> at all. */
.azt-cust-add-fab-wrap[b-wb9i0k1kq1]  .azt-btn.azt-cust-add-fab {
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--azt-shadow-md);
}

.azt-cust-add-fab-wrap[b-wb9i0k1kq1]  .azt-cust-add-fab svg { width: 19px; height: 19px; }

.azt-cust-tooltip[b-wb9i0k1kq1] { position: relative; }
.azt-cust-tooltip[b-wb9i0k1kq1]::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    transform: translateX(-50%) translateY(4px);
    background: var(--azt-ink-900);
    color: var(--azt-near-white);
    font-size: 11.5px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.12s ease, transform 0.12s ease;
    box-shadow: var(--azt-shadow-sm);
}
.azt-cust-tooltip:hover[b-wb9i0k1kq1]::after, .azt-cust-tooltip:focus-visible[b-wb9i0k1kq1]::after { opacity: 1; transform: translateX(-50%) translateY(0); }

.azt-cust-search[b-wb9i0k1kq1] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    background: var(--azt-surface-tint);
    border: 1px solid var(--azt-border);
    border-radius: 12px;
    color: var(--azt-ink-250);
}

.azt-cust-search svg[b-wb9i0k1kq1] { flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }

.azt-cust-search input[b-wb9i0k1kq1] {
    flex: 1;
    border: 0;
    outline: none;
    font-size: 13.5px;
    font-family: inherit;
    color: var(--azt-ink-700);
    background: transparent;
}

.azt-cust-no-results[b-wb9i0k1kq1] { margin: 8px 0 0; font-size: 13.5px; color: var(--azt-ink-300); }

.azt-cust-list[b-wb9i0k1kq1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
}

.azt-cust-letter[b-wb9i0k1kq1] { padding: 12px 6px 4px; font-size: 10px; color: var(--azt-ink-100); }

.azt-cust-row[b-wb9i0k1kq1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: var(--azt-surface-tint);
    border: 0;
    border-radius: 12px;
    width: 100%;
    text-align: left;
    font-family: inherit;
}

.azt-cust-row.is-selected[b-wb9i0k1kq1] {
    background: var(--azt-slot-tint);
    box-shadow: inset 3px 0 0 var(--azt-slot-500);
}

.azt-cust-row-text[b-wb9i0k1kq1] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.azt-cust-row-name[b-wb9i0k1kq1] { font-size: 13.5px; font-weight: 600; color: var(--azt-ink-700); }
.azt-cust-row-phone[b-wb9i0k1kq1] { margin-top: 2px; font-size: 12px; color: var(--azt-ink-300); }

/* Detail pane */

.azt-cust-detail-panel[b-wb9i0k1kq1] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    overflow-y: auto;
}

.azt-cust-detail-head[b-wb9i0k1kq1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-cust-detail-id[b-wb9i0k1kq1] { display: flex; gap: 18px; align-items: center; }

.azt-cust-detail-name-row[b-wb9i0k1kq1] { display: flex; align-items: center; gap: 10px; }
.azt-cust-detail-name[b-wb9i0k1kq1] { margin: 0; font-size: 21px; font-weight: 700; color: var(--azt-ink-700); }

.azt-cust-tags-row[b-wb9i0k1kq1] { margin-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.azt-cust-tags-label[b-wb9i0k1kq1] { font-family: var(--azt-font-mono); font-size: 9.5px; letter-spacing: 0.08em; color: var(--azt-ink-100); }

.azt-cust-chip[b-wb9i0k1kq1] {
    padding: 4px 11px;
    border: 1px solid var(--azt-border);
    border-radius: 20px;
    font-size: 12px;
    color: var(--azt-ink-500);
    background: var(--azt-near-white);
}

.azt-cust-chip-removable[b-wb9i0k1kq1] { cursor: pointer; }
.azt-cust-chip-removable:hover[b-wb9i0k1kq1] { border-color: var(--azt-danger); color: var(--azt-danger-text); }

.azt-cust-detail-actions[b-wb9i0k1kq1] { display: flex; gap: 10px; flex: 0 0 auto; }

/* .azt-cust-btn-outline / .azt-cust-btn-danger used to live here — replaced by the shared Button
   component (Components/Shared/Button.razor, variants Secondary/Danger). */

/* Icon-only row actions (Edit/Archive/Block/Unblock) — the "Icon buttons" spec from
   docs/design/COMPONENTS.md (circular, md/36px for toolbar actions), layered on top of the
   Button component's existing Secondary/Ghost/Danger variant colors rather than introducing a
   new visual treatment: this class only strips the label gap/padding down to a fixed circle.
   `::deep` needs a real ancestor from this file before it (`.azt-cust-detail-actions`) — a bare
   leading `::deep` gets no scope attribute and never actually matched these buttons, which is why
   Edit/Archive/Block/Unblock have been rendering as unstyled default buttons. */
.azt-cust-detail-actions[b-wb9i0k1kq1]  .azt-btn.azt-cust-icon-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    flex: 0 0 auto;
}

.azt-cust-detail-actions[b-wb9i0k1kq1]  .azt-btn.azt-cust-icon-btn svg {
    width: 16px;
    height: 16px;
}

.azt-cust-info-grid[b-wb9i0k1kq1] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 28px; }
.azt-cust-info-cell[b-wb9i0k1kq1] { display: flex; flex-direction: column; gap: 6px; }
.azt-cust-info-label[b-wb9i0k1kq1] { font-size: 9.5px; color: var(--azt-ink-100); }
.azt-cust-info-value[b-wb9i0k1kq1] { font-size: 14.5px; color: var(--azt-ink-700); }
.azt-cust-info-value.muted[b-wb9i0k1kq1] { color: var(--azt-ink-200); font-style: italic; }

.azt-cust-notes-box[b-wb9i0k1kq1] { padding: 16px; border: 1px solid var(--azt-border); border-radius: 15px; display: flex; flex-direction: column; gap: 10px; }
.azt-cust-notes-text[b-wb9i0k1kq1] { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--azt-ink-500); }

/* Overview/Appointments tabs (customer-profile-requirements.md §11.3) */

.azt-cust-tabs[b-wb9i0k1kq1] { display: flex; gap: 22px; border-bottom: 1px solid var(--azt-border-hairline); }

/* Overview/Appointments render via the shared TabButton (azt-tab-underline); this just adds the
   icon+label layout on top of it. `::deep` must be anchored to a real ancestor from this file
   (`.azt-cust-tabs`) — without one, the rule gets no scope attribute and never matches TabButton's
   rendered <button>, which is why these were showing as unstyled default buttons (stacked
   icon-over-text instead of the inline underline-tab layout). */
.azt-cust-tabs[b-wb9i0k1kq1]  .azt-tab-underline.azt-cust-tab-icon {
    display: flex;
    align-items: center;
    gap: 7px;
}

.azt-cust-tabs[b-wb9i0k1kq1]  .azt-cust-tab-icon svg { width: 14px; height: 14px; }
.azt-cust-tabs[b-wb9i0k1kq1]  .azt-tab-underline.azt-cust-tab-icon:hover:not(.is-active) { color: var(--azt-ink-500); }

.azt-cust-tab-panel[b-wb9i0k1kq1] { display: flex; flex-direction: column; gap: 20px; }

.azt-cust-section-title[b-wb9i0k1kq1] {
    margin: 0 0 12px;
    font-size: 11px;
    font-weight: 600;
    color: var(--azt-ink-500);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.azt-cust-stat-block[b-wb9i0k1kq1] { border: 1px solid var(--azt-border-soft); border-radius: var(--azt-radius-lg); overflow: hidden; }
.azt-cust-stat-row[b-wb9i0k1kq1] { display: grid; grid-template-columns: repeat(3, 1fr); }
.azt-cust-stat-cell[b-wb9i0k1kq1] { padding: 16px 18px; }
.azt-cust-stat-row .azt-cust-stat-cell:not(:last-child)[b-wb9i0k1kq1] { border-right: 1px solid var(--azt-border-hairline); }
.azt-cust-stat-label[b-wb9i0k1kq1] { font-size: 9px; letter-spacing: 0.07em; color: var(--azt-ink-100); text-transform: uppercase; }
.azt-cust-stat-value[b-wb9i0k1kq1] { font-size: 16px; font-weight: 700; color: var(--azt-ink-700); margin-top: 5px; font-variant-numeric: tabular-nums; }

.azt-cust-seg-sm[b-wb9i0k1kq1] { display: inline-flex; padding: 3px; background: var(--azt-surface-tint); border-radius: 11px; align-self: flex-start; }
.azt-cust-seg-sm button[b-wb9i0k1kq1] { border: 0; background: transparent; padding: 7px 16px; font-size: 12px; font-weight: 600; color: var(--azt-ink-500); border-radius: 8px; font-family: inherit; }
.azt-cust-seg-sm button.is-active[b-wb9i0k1kq1] { background: var(--azt-near-white); color: var(--azt-ink-700); box-shadow: var(--azt-shadow-sm); }

/* Upcoming/Past segmented control (left) + status filter chips (right). Wraps on narrow panels
   rather than squeezing the chip row, since the chip labels themselves stay readable that way. */
.azt-cust-appt-controls[b-wb9i0k1kq1] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }

/* Filter chip row — reuses .azt-cust-chip (docs/design/COMPONENTS.md "Chip": filter/tag pill,
   distinct from StatusBadge) as a <button> instead of a display-only <span>, adding the
   documented selected/active treatment (slot-tint background, slot-500 border, slot-text color)
   that the read-only tag usage never needed. */
.azt-cust-status-filter[b-wb9i0k1kq1] { display: flex; flex-wrap: wrap; gap: 6px; }
.azt-cust-chip-filter[b-wb9i0k1kq1] { cursor: pointer; font-family: inherit; }
.azt-cust-chip-filter:hover:not(.is-active)[b-wb9i0k1kq1] { border-color: var(--azt-border-strong); color: var(--azt-ink-700); }
.azt-cust-chip-filter.is-active[b-wb9i0k1kq1] { background: var(--azt-slot-tint); border-color: var(--azt-slot-500); color: var(--azt-slot-text); font-weight: 600; }

.azt-cust-appt-card[b-wb9i0k1kq1] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--azt-border-soft);
    border-radius: 14px;
    width: 100%;
    text-align: left;
    background: transparent;
    font-family: inherit;
    transition: border-color 0.12s ease, background 0.12s ease;
}
.azt-cust-appt-card:hover[b-wb9i0k1kq1] { border-color: var(--azt-slot-500); background: var(--azt-slot-tint); }
.azt-cust-appt-chev[b-wb9i0k1kq1] { flex: 0 0 auto; width: 15px; height: 15px; fill: none; stroke: var(--azt-ink-250); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.azt-cust-appt-date[b-wb9i0k1kq1] { width: 46px; flex: 0 0 auto; text-align: center; }
.azt-cust-appt-date .mono[b-wb9i0k1kq1] { font-size: 9.5px; color: var(--azt-ink-300); }
.azt-cust-appt-day[b-wb9i0k1kq1] { font-size: 19px; font-weight: 700; color: var(--azt-ink-700); line-height: 1.1; }
.azt-cust-appt-time[b-wb9i0k1kq1] { font-size: 10.5px; color: var(--azt-ink-300); }
.azt-cust-appt-rule[b-wb9i0k1kq1] { width: 2px; align-self: stretch; border-radius: 2px; background: var(--azt-slot-500); flex: 0 0 auto; }
.azt-cust-appt-rule.is-past[b-wb9i0k1kq1] { background: var(--azt-border-strong); }
.azt-cust-appt-body[b-wb9i0k1kq1] { flex: 1; min-width: 0; }
.azt-cust-appt-title-row[b-wb9i0k1kq1] { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.azt-cust-appt-service[b-wb9i0k1kq1] { font-size: 14px; font-weight: 600; color: var(--azt-ink-700); }
.azt-cust-appt-meta[b-wb9i0k1kq1] { font-size: 12px; color: var(--azt-ink-300); margin-top: 3px; }
.azt-cust-appt-price[b-wb9i0k1kq1] { font-size: 14px; font-weight: 600; color: var(--azt-ink-700); font-variant-numeric: tabular-nums; flex: 0 0 auto; }

/* Modals: Add/Edit form, duplicate warning, archive confirmation */

.azt-cust-overlay[b-wb9i0k1kq1] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: oklch(0.14 0.018 215 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.azt-cust-modal[b-wb9i0k1kq1] {
    width: 420px;
    max-width: 100%;
    max-height: 90vh;
    background: white;
    border-radius: 18px;
    /* overflow: hidden (rather than putting overflow-y on this element directly) keeps all
       four corners visibly rounded even when the inner content scrolls — a scrollbar drawn
       by an overflow-y:auto element sits flush with its own box and can visually square off
       the corners next to it in some browsers. */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 60px oklch(0.14 0.02 215 / 0.35);
}

.azt-cust-modal.azt-cust-modal-wide[b-wb9i0k1kq1] { width: 600px; }

.azt-cust-modal-inner[b-wb9i0k1kq1] {
    /* min-height: 0 overrides the flex-item default of min-height: auto, which would otherwise
       let this grow past the parent's max-height instead of scrolling internally. */
    min-height: 0;
    overflow-y: auto;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 480px) {
    .azt-cust-modal-inner[b-wb9i0k1kq1] { padding: 20px; }
}

.azt-cust-modal-title[b-wb9i0k1kq1] { margin: 0; font-size: 18px; font-weight: 700; color: var(--azt-ink-700); }
.azt-cust-modal-copy[b-wb9i0k1kq1] { margin: 0; font-size: 14px; line-height: 1.6; color: var(--azt-ink-420); }
.azt-cust-modal-actions[b-wb9i0k1kq1] { display: flex; gap: 12px; margin-top: 4px; }

/* CssClass hook from the shared Button component — this dialog's Archive action is meant to
   stretch full-width next to Cancel, unlike every other Button/Secondary pair in this file.
   Anchored to `.azt-cust-modal-actions` for the same reason as the other `::deep` rules above —
   a bare leading `::deep` never carries this file's scope attribute. */
.azt-cust-modal-actions[b-wb9i0k1kq1]  .azt-cust-archive-btn {
    flex: 1;
}

@media (max-width: 900px) {
    .azt-cust-panes[b-wb9i0k1kq1] { flex-direction: column; }
    .azt-cust-list-panel[b-wb9i0k1kq1] { width: 100%; flex: 0 0 auto; }
    .azt-cust-info-grid[b-wb9i0k1kq1] { grid-template-columns: 1fr 1fr; }
    .azt-cust-stat-row[b-wb9i0k1kq1] { grid-template-columns: repeat(2, 1fr); }
    .azt-cust-stat-row .azt-cust-stat-cell:nth-child(2n)[b-wb9i0k1kq1] { border-right: 0; }
    .azt-cust-stat-row .azt-cust-stat-cell:nth-child(n+3)[b-wb9i0k1kq1] { border-top: 1px solid var(--azt-border-hairline); }
}
/* /Components/Pages/Providers/LocationEdit.razor.rz.scp.css */
.azt-loc-form-actions[b-dj7713dbzu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.azt-loc-hint[b-dj7713dbzu] {
    margin: -6px 0 0;
    font-size: 13px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Providers/LocationPreview.razor.rz.scp.css */
.azt-detail-status[b-khhynjmrqs] {
    text-align: center;
    color: var(--azt-ink-300);
    font-size: 16px;
    padding: 40px 0;
}

.azt-biz-header[b-khhynjmrqs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.azt-biz-header-actions[b-khhynjmrqs] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.azt-btn-outline[b-khhynjmrqs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid var(--azt-border);
    border-radius: 10px;
    background: white;
    color: var(--azt-ink-700);
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
}

.azt-btn-outline:hover[b-khhynjmrqs] {
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-text);
}

/* Customer-facing detail layout — mirrors Customers/BusinessDetail.razor.css so the
   preview matches what a customer actually sees (BIZ-004 §25). Blazor's per-component
   CSS isolation means that stylesheet can't be shared directly, so the shared rules are
   duplicated here rather than left unstyled. */

.azt-detail-grid[b-khhynjmrqs] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 40px;
    align-items: start;
    margin-top: 20px;
}

.azt-detail-main[b-khhynjmrqs] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}

.azt-detail-hero[b-khhynjmrqs] {
    border-radius: 18px;
    overflow: hidden;
    height: 340px;
}

.azt-detail-hero-img[b-khhynjmrqs] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-detail-block[b-khhynjmrqs] {
    background: none;
}

.azt-detail-h2[b-khhynjmrqs] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-detail-empty[b-khhynjmrqs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-service-group[b-khhynjmrqs] {
    margin-bottom: 28px;
}

.azt-service-group:last-child[b-khhynjmrqs] {
    margin-bottom: 0;
}

.azt-service-group-title[b-khhynjmrqs] {
    margin: 20px 0 10px;
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--azt-ink-250);
}

.azt-service-list[b-khhynjmrqs] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--azt-border-hairline);
    border: 1px solid var(--azt-border-soft);
    border-radius: 16px;
    overflow: hidden;
}

.azt-service-row[b-khhynjmrqs] {
    padding: 16px 18px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.azt-service-name[b-khhynjmrqs] {
    font-size: 15px;
    font-weight: 600;
}

.azt-service-desc[b-khhynjmrqs] {
    margin-top: 3px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-service-duration[b-khhynjmrqs] {
    margin-top: 6px;
    font-family: var(--azt-font-mono);
    font-size: 11.5px;
    color: var(--azt-ink-250);
}

.azt-service-cta[b-khhynjmrqs] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}

.azt-service-price[b-khhynjmrqs] {
    font-family: var(--azt-font-mono);
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
}

.azt-book-btn[b-khhynjmrqs] {
    padding: 9px 18px;
    border-radius: 10px;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.azt-book-btn:hover:not(:disabled)[b-khhynjmrqs] {
    background: var(--azt-slot-600);
}

.azt-book-btn:disabled[b-khhynjmrqs] {
    border: 0;
    font-family: inherit;
    cursor: default;
    opacity: .6;
}

/* Sidebar */

.azt-detail-side[b-khhynjmrqs] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.azt-detail-card[b-khhynjmrqs] {
    padding: 22px;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 18px;
}

.azt-detail-chips[b-khhynjmrqs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.azt-chip[b-khhynjmrqs] {
    padding: 6px 13px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 12.5px;
    color: var(--azt-ink-500);
}

.azt-detail-h1[b-khhynjmrqs] {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.azt-detail-address[b-khhynjmrqs] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-detail-desc[b-khhynjmrqs] {
    margin: 14px 0 0;
    max-width: 62ch;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-420);
}

.azt-contact-row[b-khhynjmrqs] {
    font-size: 14px;
    padding: 4px 0;
}

.azt-staffer-list[b-khhynjmrqs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.azt-staffer[b-khhynjmrqs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.azt-staff-name[b-khhynjmrqs] {
    font-size: 13.5px;
    font-weight: 600;
}

.azt-staff-role[b-khhynjmrqs] {
    font-size: 11.5px;
    color: var(--azt-ink-300);
}

.azt-hours-list[b-khhynjmrqs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-hours-row[b-khhynjmrqs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 13.5px;
    color: var(--azt-ink-400);
}

.azt-hours-row span:first-child[b-khhynjmrqs] {
    color: var(--azt-ink-300);
}

.azt-hours-row.is-today[b-khhynjmrqs] {
    color: var(--azt-ink-700);
    font-weight: 600;
}

.azt-hours-row.is-today span:first-child[b-khhynjmrqs] {
    color: var(--azt-ink-700);
}

/* Responsive */

@media (max-width: 900px) {
    .azt-detail-grid[b-khhynjmrqs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .azt-detail-hero[b-khhynjmrqs] {
        height: 200px;
    }

    .azt-service-row[b-khhynjmrqs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .azt-service-cta[b-khhynjmrqs] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Pages/Providers/LocationWorkspace.razor.rz.scp.css */
.azt-lw-titlebar[b-2vrcey261t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
}

.azt-lw-titlebar-side[b-2vrcey261t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.azt-lw-tabs[b-2vrcey261t] {
    display: flex;
    gap: 26px;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid var(--azt-border-hairline);
}

/* Overview tab (docs/design/provider/location-overview.html). Container queries follow the width of the
   content area, not the window, because the provider shell has a sidebar that changes it. */
.azt-lw-overview[b-2vrcey261t] {
    container: lw-overview / inline-size;
    margin-top: 20px;
}

.azt-lw-eyebrow[b-2vrcey261t] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--azt-ink-420);
}

.azt-lw-card[b-2vrcey261t] {
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    padding: 22px 24px;
}

/* Setup strip: shown only while something is missing, and holds the page's one teal button. */
.azt-lw-setup[b-2vrcey261t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px 20px;
    margin-bottom: 16px;
    padding: 18px 20px;
    background: var(--azt-slot-tint-2);
    border: 1px solid var(--azt-slot-tint);
    border-radius: var(--azt-radius-xl);
}

.azt-lw-setup-title[b-2vrcey261t] {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

.azt-lw-steps[b-2vrcey261t] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-lw-step[b-2vrcey261t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px 7px 8px;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    color: var(--azt-ink-420);
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-full);
}

.azt-lw-step.is-done[b-2vrcey261t] {
    color: var(--azt-ink-700);
}

.azt-lw-step-dot[b-2vrcey261t] {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border: 1.5px dashed var(--azt-border-strong);
    border-radius: 50%;
}

.azt-lw-step.is-done .azt-lw-step-dot[b-2vrcey261t] {
    border: 0;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

.azt-lw-step-optional[b-2vrcey261t] {
    font-weight: 400;
    color: var(--azt-ink-420);
}

/* Grid: address and tiles on the left, the weekly hours on the right. */
.azt-lw-ov[b-2vrcey261t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    grid-template-areas:
        "addr hours"
        "tiles hours";
    grid-template-rows: auto 1fr;
    gap: 16px;
}

.azt-lw-addr[b-2vrcey261t] {
    grid-area: addr;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 16px;
}

.azt-lw-addr-value[b-2vrcey261t] {
    margin-top: 6px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
    text-wrap: balance;
}

.azt-lw-addr-zone[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-family: var(--azt-font-mono);
    font-size: 12.5px;
    color: var(--azt-ink-420);
}

.azt-lw-tiles[b-2vrcey261t] {
    grid-area: tiles;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.azt-lw-tile[b-2vrcey261t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 150px;
    padding: 18px 20px;
    color: inherit;
    text-decoration: none;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    transition: border-color 0.15s, background 0.15s;
}

.azt-lw-tile:hover[b-2vrcey261t] {
    background: var(--azt-surface-tint-2);
    border-color: var(--azt-border-strong);
}

.azt-lw-tile:focus-visible[b-2vrcey261t],
.azt-lw-step:focus-visible[b-2vrcey261t] {
    outline: 2px solid var(--azt-deep-500);
    outline-offset: 2px;
}

.azt-lw-tile-big[b-2vrcey261t] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 8px;
}

.azt-lw-tile-num[b-2vrcey261t] {
    font-family: var(--azt-font-mono);
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--azt-ink);
}

.azt-lw-tile-unit[b-2vrcey261t] {
    font-size: 14px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-lw-tile-sub[b-2vrcey261t] {
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-lw-tile-manage[b-2vrcey261t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: var(--azt-link);
}

.azt-lw-tile.is-empty[b-2vrcey261t] {
    background: transparent;
    border-style: dashed;
    border-color: var(--azt-border-strong);
}

.azt-lw-tile-none[b-2vrcey261t] {
    margin-top: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--azt-ink-700);
}

/* Weekly hours */
.azt-lw-hours[b-2vrcey261t] {
    grid-area: hours;
    align-self: start;
}

.azt-lw-hours-head[b-2vrcey261t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.azt-lw-week[b-2vrcey261t] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-lw-week-row[b-2vrcey261t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    margin-inline: -10px;
    padding: 6px 10px;
    border-radius: var(--azt-radius-md);
}

.azt-lw-week-row + .azt-lw-week-row[b-2vrcey261t] {
    border-top: 1px solid var(--azt-border-hairline);
}

.azt-lw-week-row.is-today[b-2vrcey261t] {
    background: var(--azt-surface-tint);
    border-top-color: transparent;
}

.azt-lw-week-row.is-today + .azt-lw-week-row[b-2vrcey261t] {
    border-top-color: transparent;
}

.azt-lw-week-day[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

/* "Today" is a word, not only a shade, so it still reads without colour. */
.azt-lw-week-chip[b-2vrcey261t] {
    padding: 4px 7px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    color: var(--azt-near-white);
    background: var(--azt-ink);
    border-radius: var(--azt-radius-full);
}

.azt-lw-week-spans[b-2vrcey261t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px 14px;
    font-family: var(--azt-font-mono);
    font-size: 13.5px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--azt-ink-700);
}

.azt-lw-week-spans.is-closed[b-2vrcey261t] {
    font-family: var(--azt-font-display);
    font-weight: 400;
    color: var(--azt-ink-420);
}

.azt-lw-week-zone[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--azt-border-hairline);
    font-size: 12px;
    color: var(--azt-ink-420);
}

.azt-lw-hours-empty[b-2vrcey261t] {
    display: grid;
    justify-items: start;
    gap: 12px;
    padding: 8px 0 4px;
}

.azt-lw-hours-empty p[b-2vrcey261t] {
    margin: 0;
    max-width: 34ch;
    color: var(--azt-ink-420);
}

@container lw-overview (max-width: 900px) {
    .azt-lw-ov[b-2vrcey261t] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "addr"
            "hours"
            "tiles";
        grid-template-rows: auto;
    }
}

@container lw-overview (max-width: 620px) {
    .azt-lw-card[b-2vrcey261t] {
        padding: 18px;
    }

    .azt-lw-setup[b-2vrcey261t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .azt-lw-tiles[b-2vrcey261t] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* On a phone each tile is one row: label and number on the left, the action on the right. */
    .azt-lw-tile[b-2vrcey261t] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 12px;
        min-height: 0;
    }

    .azt-lw-tile .azt-lw-eyebrow[b-2vrcey261t] {
        grid-column: 1 / -1;
    }

    .azt-lw-tile-big[b-2vrcey261t],
    .azt-lw-tile-none[b-2vrcey261t],
    .azt-lw-tile-sub[b-2vrcey261t] {
        grid-column: 1;
    }

    .azt-lw-tile-manage[b-2vrcey261t] {
        grid-column: 2;
        grid-row: 2 / 4;
        margin: 0;
        padding: 0;
    }
}

.azt-lw-needs[b-2vrcey261t] {
    margin-top: 14px;
    padding: 16px 18px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 12px;
    background: var(--azt-warning-bg);
}

.azt-lw-needs-head[b-2vrcey261t] {
    display: grid;
    gap: 2px;
    margin-bottom: 12px;
    color: var(--azt-warning-text);
}

.azt-lw-needs-head span[b-2vrcey261t] {
    font-size: 13px;
}

.azt-lw-needs-list[b-2vrcey261t] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.azt-lw-need[b-2vrcey261t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff;
}

.azt-lw-need-mark[b-2vrcey261t] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1.5px solid var(--azt-warning-text);
    font-size: 12px;
    font-weight: 600;
    color: var(--azt-warning-text);
}

.azt-lw-need.is-done .azt-lw-need-mark[b-2vrcey261t] {
    border-color: var(--azt-success-text);
    background: var(--azt-success-bg);
    color: var(--azt-success-text);
}

.azt-lw-need-text[b-2vrcey261t] {
    display: grid;
    gap: 1px;
    font-size: 13px;
    color: var(--azt-ink-420);
}

.azt-lw-need-text strong[b-2vrcey261t] {
    font-size: 14px;
    color: var(--azt-ink-900, inherit);
}

.azt-lw-need-done[b-2vrcey261t] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-success-text);
}

@media (max-width: 520px) {
    .azt-lw-need[b-2vrcey261t] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .azt-lw-need > :last-child[b-2vrcey261t] {
        grid-column: 2;
        justify-self: start;
    }
}

.azt-lw-hint[b-2vrcey261t] {
    margin: 3px 0 0;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-lw-chip-row[b-2vrcey261t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.azt-lw-chip[b-2vrcey261t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 20px;
    border: 1px solid var(--azt-border);
    background: var(--azt-near-white);
    color: var(--azt-ink-420);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.azt-lw-chip svg[b-2vrcey261t] {
    width: 12px;
    height: 12px;
}

.azt-lw-chip.is-selected[b-2vrcey261t] {
    background: var(--azt-slot-tint);
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-text);
    font-weight: 600;
}

.azt-lw-chip:disabled[b-2vrcey261t] {
    opacity: 0.6;
    cursor: default;
}

.azt-lw-cat-list[b-2vrcey261t] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.azt-lw-cat-card[b-2vrcey261t] {
    border: 1px solid var(--azt-border-soft);
    border-radius: 14px;
    overflow: hidden;
}

.azt-lw-cat-head[b-2vrcey261t] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--azt-surface-tint);
    border: none;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
}

.azt-lw-cat-title[b-2vrcey261t] {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-lw-cat-meta[b-2vrcey261t] {
    margin-left: auto;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-lw-cat-chev[b-2vrcey261t] {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    color: var(--azt-ink-300);
    transition: transform 0.1s ease;
}

.azt-lw-cat-chev.is-up[b-2vrcey261t] {
    transform: rotate(180deg);
}

.azt-lw-svc-body[b-2vrcey261t] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-lw-svc-row[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--azt-surface-tint);
    border-radius: 12px;
}

.azt-lw-svc-text[b-2vrcey261t] {
    display: flex;
    flex-direction: column;
}

.azt-lw-svc-name[b-2vrcey261t] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-lw-svc-meta[b-2vrcey261t] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-lw-svc-price[b-2vrcey261t] {
    margin-left: auto;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    white-space: nowrap;
}

.azt-lw-svc-edit[b-2vrcey261t] {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    color: var(--azt-slot-text);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.azt-lw-avatar-stack[b-2vrcey261t] {
    display: flex;
    margin-left: 14px;
}

/* This previously had no base avatar styling of its own to override (Blazor CSS isolation meant
   this file never got a copy of the shared gradient/shape rule other files had), so these avatars
   silently rendered as plain unstyled circles-in-name-only — fixed by the shared Avatar component,
   which always carries its own complete styling regardless of which page renders it. */
[b-2vrcey261t] .azt-lw-stack-avatar {
    width: 26px;
    height: 26px;
    font-size: 10px;
    border: 2px solid var(--azt-surface-tint);
    margin-left: -8px;
}

[b-2vrcey261t] .azt-lw-avatar-stack .azt-lw-stack-avatar:first-child {
    margin-left: 0;
}

.azt-lw-svc-form[b-2vrcey261t] {
    margin-top: 6px;
}

.azt-lw-add-row[b-2vrcey261t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-slot-text);
    cursor: pointer;
}

.azt-lw-add-row svg[b-2vrcey261t] {
    width: 14px;
    height: 14px;
}

.azt-lw-panel-head[b-2vrcey261t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Staff roster — Staff.razor.css defines the same shapes, but Blazor CSS isolation scopes that
   file to Staff.razor only, so the classes this page reuses (azt-staff-*) need their own copy
   here. */

.azt-staff-list[b-2vrcey261t] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.azt-staff-avatar[b-2vrcey261t] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(155deg, var(--azt-deep-500) 0%, var(--azt-slot-500) 130%);
    color: var(--azt-near-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13.5px;
    font-weight: 600;
}

.azt-staff-avatar-img[b-2vrcey261t] {
    flex: 0 0 auto;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid var(--azt-border-soft);
}

.azt-staff-row-text[b-2vrcey261t] {
    flex: 1;
    min-width: 0;
}

.azt-staff-row-name[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-staff-row-role[b-2vrcey261t] {
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-lw-staff-row[b-2vrcey261t] {
    padding: 14px 16px;
}

.azt-lw-staff-row.is-selected[b-2vrcey261t] {
    background: var(--azt-slot-tint);
    box-shadow: inset 0 0 0 1.5px var(--azt-slot-500);
}

.azt-lw-staff-row-head[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

.azt-lw-warn-tag[b-2vrcey261t] {
    padding: 3px 9px;
    border-radius: 20px;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
    font-family: var(--azt-font-mono);
    font-size: 8.5px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.azt-lw-staff-detail[b-2vrcey261t] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid oklch(0.76 0.15 174 / 0.25);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-lw-detail-label[b-2vrcey261t] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.07em;
    color: var(--azt-ink-300);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.azt-lw-check-list[b-2vrcey261t] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.azt-lw-check-item[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--azt-ink-700);
}

/* .azt-lw-checkbox used to live here — replaced by the shared Checkbox component
   (Components/Shared/Checkbox.razor, Compact mode). */

.azt-lw-override-link[b-2vrcey261t] {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.azt-lw-detail-actions[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 22px;
}

.azt-lw-action-link[b-2vrcey261t] {
    font-size: 12.5px;
    font-weight: 600;
}

.azt-lw-add-staff[b-2vrcey261t] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--azt-border-hairline);
}

/* Service form / variant editor — ported from the retired flat Services.razor.css, since this
   page is now the only place that renders them (Blazor CSS isolation scopes the old file's
   rules to a component that no longer exists). */

.azt-svc-form-grid[b-2vrcey261t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.azt-svc-staff-checks[b-2vrcey261t] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
}

.azt-biz-field.is-invalid .azt-svc-staff-checks[b-2vrcey261t] {
    padding: 8px 10px;
    border: 1px solid var(--azt-danger);
    border-radius: 8px;
    background: var(--azt-danger-bg);
}

.azt-svc-variant-editor[b-2vrcey261t] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: var(--azt-near-white);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-svc-variant-hint[b-2vrcey261t] {
    margin: -4px 0 0;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-svc-variant-actions[b-2vrcey261t] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.azt-svc-variant-remove[b-2vrcey261t] {
    background: none;
    border: none;
    color: var(--azt-ink-300);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.azt-svc-variant-remove:hover[b-2vrcey261t] {
    color: var(--azt-ink-700);
}

.azt-lw-unassign-confirm[b-2vrcey261t] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: var(--azt-danger-bg);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-lw-unassign-warning[b-2vrcey261t] {
    margin: 0;
    font-size: 12.5px;
    color: var(--azt-danger-text);
}

@media (max-width: 700px) {
    .azt-lw-titlebar[b-2vrcey261t] {
        flex-direction: column;
    }

    .azt-lw-titlebar-side[b-2vrcey261t] {
        justify-content: flex-start;
    }

    .azt-svc-form-grid[b-2vrcey261t] {
        grid-template-columns: 1fr;
    }
}

.azt-lw-photo-grid[b-2vrcey261t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.azt-lw-photo-tile[b-2vrcey261t] {
    position: relative;
    aspect-ratio: 1;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--azt-border-soft);
}

.azt-lw-photo-tile img[b-2vrcey261t] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-lw-photo-remove[b-2vrcey261t] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    background: var(--azt-ink-700);
    color: var(--azt-near-white);
    border: 2px solid white;
    font-size: 13px;
}

.azt-lw-photo-remove:hover[b-2vrcey261t] {
    background: oklch(0.55 0.19 25);
}

.azt-lw-photo-remove:disabled[b-2vrcey261t] {
    opacity: 0.6;
    cursor: default;
}

.azt-lw-photo-add-cta[b-2vrcey261t] {
    display: inline-flex;
    margin-top: 16px;
    padding: 8px 14px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.azt-lw-photo-add-cta:hover[b-2vrcey261t] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

/* InputFile is a child component, so the <input> it renders belongs to its own render scope —
   Blazor CSS isolation doesn't reach into a child component's own markup unless the selector
   goes through ::deep. */
[b-2vrcey261t] .azt-lw-photo-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.azt-svc-type-note[b-2vrcey261t] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--azt-text-muted, #6b7280);
}
/* /Components/Pages/Providers/NewBooking.razor.rz.scp.css */
.azt-nb[b-fwc1q4lt9e] {
    max-width: 720px;
}

.azt-nb-header[b-fwc1q4lt9e] {
    margin-bottom: 16px;
}

.azt-nb-back[b-fwc1q4lt9e] {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--azt-ink-500);
    font-size: 13px;
    text-decoration: none;
}

.azt-nb-form[b-fwc1q4lt9e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-nb-panel[b-fwc1q4lt9e] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
}

.azt-nb-section-title[b-fwc1q4lt9e] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.azt-nb-note[b-fwc1q4lt9e],
.azt-nb-hint[b-fwc1q4lt9e] {
    margin: 0;
    font-size: 12.5px;
    color: var(--azt-ink-500);
}

.azt-nb-note-warn[b-fwc1q4lt9e] {
    color: var(--azt-warning-700, #8a5a00);
}

.azt-nb-slots[b-fwc1q4lt9e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.azt-nb-slot[b-fwc1q4lt9e] {
    padding: 8px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 8px;
    background: var(--azt-surface, #fff);
    font-family: var(--azt-font-mono);
    font-size: 13px;
    cursor: pointer;
}

.azt-nb-slot.is-selected[b-fwc1q4lt9e] {
    border-color: var(--azt-slot-teal, #0a7c86);
    background: var(--azt-slot-teal-50, #e6f4f5);
    font-weight: 600;
}

.azt-nb-results[b-fwc1q4lt9e] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 8px;
    overflow: hidden;
}

.azt-nb-result[b-fwc1q4lt9e] {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--azt-border-hairline);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.azt-nb-result:disabled[b-fwc1q4lt9e] {
    opacity: 0.55;
    cursor: not-allowed;
}

.azt-nb-result-phone[b-fwc1q4lt9e] {
    color: var(--azt-ink-500);
    font-family: var(--azt-font-mono);
    font-size: 12.5px;
}

.azt-nb-badge[b-fwc1q4lt9e] {
    margin-left: auto;
    font-size: 11px;
    color: var(--azt-danger-700, #a12626);
}

.azt-nb-picked[b-fwc1q4lt9e] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 8px;
}

.azt-nb-link[b-fwc1q4lt9e] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--azt-link, #00648a);
    font-size: 13px;
    cursor: pointer;
}

.azt-nb-summary[b-fwc1q4lt9e] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 6px 14px;
    margin: 0;
}

.azt-nb-summary dt[b-fwc1q4lt9e] {
    color: var(--azt-ink-500);
}

.azt-nb-summary dd[b-fwc1q4lt9e] {
    margin: 0;
}

@media (max-width: 600px) {
    .azt-nb-panel[b-fwc1q4lt9e] {
        padding: 14px;
    }
}
/* /Components/Pages/Providers/Profile.razor.rz.scp.css */
/* Setup prompt (buttons/panels reuse ::deep-exposed primitives from ProviderShellLayout.razor.css) */

/* Background/padding/radius/color now come from the shared Card component's Hero variant — this
   is just the internal layout specific to this page's cards (icon+text on one side, an action on
   the other). */
[b-x9qc1ogwrv] .azt-setup-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.azt-setup-eyebrow[b-x9qc1ogwrv] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-500);
}

.azt-setup-title[b-x9qc1ogwrv] {
    margin: 10px 0 6px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.azt-setup-body[b-x9qc1ogwrv] {
    max-width: 44ch;
    font-size: 13.5px;
    line-height: 1.55;
    color: oklch(0.85 0.015 200 / 0.78);
}

[b-x9qc1ogwrv] .azt-golive-card {
    align-items: flex-start;
}

.azt-golive-list[b-x9qc1ogwrv] {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-golive-list li[b-x9qc1ogwrv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.azt-golive-list li[b-x9qc1ogwrv]::before {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: oklch(0.85 0.015 200 / 0.35);
}

.azt-golive-list li.is-done[b-x9qc1ogwrv]::before {
    background: var(--azt-slot-500);
}

.azt-golive-list a[b-x9qc1ogwrv] {
    color: oklch(0.85 0.015 200 / 0.78);
    text-decoration: none;
}

.azt-golive-list li.is-done a[b-x9qc1ogwrv] {
    color: var(--azt-near-white);
    text-decoration: line-through;
}

.azt-golive-list a:hover[b-x9qc1ogwrv] {
    text-decoration: underline;
}

/* Stats */

.azt-ov-stats[b-x9qc1ogwrv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* .azt-ov-stat-card used to live here, re-declaring the same recipe as the shared .azt-ov-panel
   — replaced by the shared Card component (Components/Shared/Card.razor). */

.azt-ov-stat-label[b-x9qc1ogwrv] {
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-ov-stat-value[b-x9qc1ogwrv] {
    margin-top: 8px;
    font-family: var(--azt-font-mono);
    font-size: 25px;
    font-weight: 500;
    color: var(--azt-ink-700);
    font-variant-numeric: tabular-nums;
}

/* Schedule table */

.azt-ov-schedule-empty[b-x9qc1ogwrv] {
    margin: 0;
    padding: 8px 0 2px;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-ov-table-wrap[b-x9qc1ogwrv] {
    overflow-x: auto;
}

.azt-ov-table[b-x9qc1ogwrv] {
    width: 100%;
    border-collapse: collapse;
}

.azt-ov-table th[b-x9qc1ogwrv] {
    text-align: left;
    padding: 0 10px 10px 0;
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.08em;
    color: var(--azt-ink-250);
    font-weight: 500;
    white-space: nowrap;
}

.azt-ov-table td[b-x9qc1ogwrv] {
    padding: 11px 10px 11px 0;
    font-size: 13.5px;
    color: var(--azt-ink-700);
    border-top: 1px solid var(--azt-border-hairline);
    white-space: nowrap;
}

/* Responsive */

@media (max-width: 900px) {
    .azt-ov-stats[b-x9qc1ogwrv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .azt-ov-stats[b-x9qc1ogwrv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Providers/ProviderFavoritesPanel.razor.rz.scp.css */
.azt-fvp[b-xw45l2wlf4] { margin-top: 16px; }

.azt-fvp-note[b-xw45l2wlf4] { margin: 8px 0 0; color: var(--azt-ink-500); font-size: 14px; }

.azt-fvp-total[b-xw45l2wlf4] { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-top: 8px; }

.azt-fvp-number[b-xw45l2wlf4] { font-family: var(--azt-font-mono); font-size: 40px; line-height: 1.2; letter-spacing: -.03em; }

.azt-fvp-label[b-xw45l2wlf4] { font-size: 12.5px; color: var(--azt-ink-300); }

.azt-fvp-changes[b-xw45l2wlf4] { display: flex; flex-direction: column; gap: 2px; font-family: var(--azt-font-mono); font-size: 14px; text-align: right; }

.azt-fvp-changes span[b-xw45l2wlf4] { font-family: inherit; color: var(--azt-ink-500); font-size: 12px; }

.azt-fvp-table[b-xw45l2wlf4] { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 14px; }

.azt-fvp-table th[b-xw45l2wlf4] { text-align: left; font-weight: 500; font-size: 12px; color: var(--azt-ink-300); padding: 8px 10px; border-bottom: 1px solid var(--azt-border-hairline); }

.azt-fvp-table td[b-xw45l2wlf4] { padding: 10px; border-bottom: 1px solid var(--azt-border-hairline); }

.azt-fvp-table .azt-fvp-n[b-xw45l2wlf4] { text-align: right; font-family: var(--azt-font-mono); white-space: nowrap; }

.azt-fvp-privacy[b-xw45l2wlf4] { margin: 14px 0 0; font-size: 13px; color: var(--azt-ink-500); }
/* /Components/Pages/Providers/RescheduleSlotPicker.razor.rz.scp.css */
/* Provider-side counterpart to Customers/Account/ReschedulePicker.razor.css — same visual pattern,
   sized slightly denser since this sits inside the appointment-detail panel alongside other
   content, rather than owning a whole modal to itself. */

.azt-rsp-wrap[b-mity20s07c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 8px;
}

.azt-rsp-loading[b-mity20s07c],
.azt-rsp-empty[b-mity20s07c] {
    margin: 4px 0;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-rsp-month-row[b-mity20s07c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.azt-rsp-month-label[b-mity20s07c] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-rsp-month-arrows[b-mity20s07c] {
    display: flex;
    gap: 6px;
}

.azt-rsp-week-arrow[b-mity20s07c] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--azt-border);
    background: white;
    cursor: pointer;
    color: var(--azt-ink-500);
}

.azt-rsp-week-arrow:disabled[b-mity20s07c] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-rsp-week-days[b-mity20s07c] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

.azt-rsp-day-circle[b-mity20s07c] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 45px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: var(--azt-paper-bg);
    font-family: inherit;
    cursor: pointer;
    color: var(--azt-ink-600);
}

.azt-rsp-day-circle.is-disabled[b-mity20s07c] {
    opacity: 0.35;
    cursor: not-allowed;
}

.azt-rsp-day-circle.is-selected[b-mity20s07c] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}

/* A small marker (not the availability dot) flags the date the client's current proposal falls on,
   so the provider can find it in the strip without cross-referencing the proposal text above. */
.azt-rsp-day-circle.has-request[b-mity20s07c]::before {
    content: "";
    position: absolute;
    top: -2px;
    right: 1px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--azt-warning-text);
    border: 1.5px solid var(--azt-near-white);
}

.azt-rsp-day-num[b-mity20s07c] {
    font-size: 14px;
    font-weight: 700;
}

.azt-rsp-day-name[b-mity20s07c] {
    font-size: 9px;
    text-transform: uppercase;
    color: inherit;
    opacity: 0.65;
}

.azt-rsp-day-dot[b-mity20s07c] {
    position: absolute;
    bottom: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--azt-slot-500);
}

.azt-rsp-day-circle.is-selected .azt-rsp-day-dot[b-mity20s07c] {
    background: var(--azt-slot-ink);
}

.azt-rsp-slot-grid[b-mity20s07c] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

.azt-rsp-slot-pill[b-mity20s07c] {
    position: relative;
    padding: 8px 15px;
    border-radius: 999px;
    border: 1px solid var(--azt-border);
    background: white;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-600);
    cursor: pointer;
}

.azt-rsp-slot-pill:hover[b-mity20s07c] {
    border-color: var(--azt-slot-500);
}

.azt-rsp-slot-pill.is-selected[b-mity20s07c] {
    background: color-mix(in oklab, var(--azt-slot-500) 14%, white);
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-rsp-slot-pill.is-requested[b-mity20s07c] {
    border-color: var(--azt-warning-text);
    border-style: dashed;
}

.azt-rsp-req-tag[b-mity20s07c] {
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--azt-font-mono);
    font-size: 8.5px;
    letter-spacing: 0.03em;
    background: var(--azt-warning-text);
    color: var(--azt-near-white);
    padding: 1px 6px;
    border-radius: 999px;
    white-space: nowrap;
}

.azt-rsp-day-circle:focus-visible[b-mity20s07c],
.azt-rsp-slot-pill:focus-visible[b-mity20s07c],
.azt-rsp-week-arrow:focus-visible[b-mity20s07c] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}
/* /Components/Pages/Providers/ReviewDetail.razor.rz.scp.css */
.azt-prd-page[b-veoz7omg75] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 640px;
}

.azt-prd-back[b-veoz7omg75] {
    font-size: 14px;
    color: var(--azt-ink-300);
    text-decoration: none;
}

.azt-prd-card[b-veoz7omg75] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-prd-strong[b-veoz7omg75] {
    font-size: 17px;
    font-weight: 700;
}

.azt-prd-meta[b-veoz7omg75] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Providers/Reviews.razor.rz.scp.css */
.azt-prv-header[b-ewycnthe03] {
    margin-bottom: 16px;
}

.azt-prv-section[b-ewycnthe03] {
    margin-bottom: 20px;
}

.azt-prv-h2[b-ewycnthe03] {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
}

.azt-prv-empty[b-ewycnthe03] {
    margin: 0;
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-prv-list[b-ewycnthe03] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-prv-link[b-ewycnthe03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
}

.azt-prv-link:hover[b-ewycnthe03],
.azt-prv-link:focus-visible[b-ewycnthe03] {
    border-color: var(--azt-ink-300);
}

.azt-prv-side[b-ewycnthe03] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.azt-prv-strong[b-ewycnthe03] {
    font-weight: 600;
}

.azt-prv-meta[b-ewycnthe03] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-prv-review[b-ewycnthe03] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 12px;
}

.azt-prv-review-head[b-ewycnthe03] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.azt-prv-comment[b-ewycnthe03] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.azt-prv-reply[b-ewycnthe03] {
    margin-top: 4px;
    padding: 10px 12px;
    border-left: 3px solid var(--azt-ink-100, #d6d8de);
}

.azt-prv-reply-edit[b-ewycnthe03] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.azt-prv-textarea[b-ewycnthe03] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font: inherit;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 10px;
    resize: vertical;
}

.azt-prv-actions[b-ewycnthe03] {
    display: flex;
    gap: 8px;
}

.azt-prv-error[b-ewycnthe03] {
    margin: 0;
    font-size: 13px;
    color: oklch(0.55 0.18 25);
}
/* /Components/Pages/Providers/ServiceTypeRequestPanel.razor.rz.scp.css */
.azt-svc-req[b-st24ehnekr] {
    margin-top: 8px;
}

.azt-svc-req-link[b-st24ehnekr] {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-slot, #0f766e);
    cursor: pointer;
}

.azt-svc-req-link:disabled[b-st24ehnekr] {
    opacity: 0.5;
    cursor: default;
}

.azt-svc-req-form[b-st24ehnekr] {
    display: grid;
    gap: 10px;
    margin-top: 6px;
}

.azt-svc-req-note[b-st24ehnekr] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--azt-text-muted, #6b7280);
}

.azt-svc-req-row[b-st24ehnekr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 6px;
    font-size: 13px;
}

.azt-svc-req-name[b-st24ehnekr] {
    font-weight: 600;
}

.azt-svc-req-status[b-st24ehnekr] {
    padding: 1px 8px;
    border-radius: 999px;
    background: #f3f4f6;
    font-size: 12px;
}

.azt-svc-req-status.is-approved[b-st24ehnekr] {
    background: #dcfce7;
}

.azt-svc-req-status.is-declined[b-st24ehnekr] {
    background: #fee2e2;
}

.azt-svc-req-reason[b-st24ehnekr] {
    flex-basis: 100%;
    color: var(--azt-text-muted, #6b7280);
}
/* /Components/Pages/Providers/ShareMyPage.razor.rz.scp.css */
.azt-share[b-owweash2m6] {
    max-width: 640px;
}

.azt-share-title[b-owweash2m6] {
    margin: 0 0 4px;
    font-size: 24px;
}

.azt-share-sub[b-owweash2m6],
.azt-share-note[b-owweash2m6] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--azt-ink-250);
}

.azt-share-card[b-owweash2m6] {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 14px;
    background: #fff;
}

.azt-share-label[b-owweash2m6] {
    margin: 10px 0 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
}

.azt-share-field[b-owweash2m6] {
    display: block;
}

.azt-share-input[b-owweash2m6],
.azt-share-select[b-owweash2m6],
.azt-share-textarea[b-owweash2m6] {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 10px;
    font: inherit;
    font-size: 13.5px;
}

.azt-share-textarea[b-owweash2m6] {
    resize: vertical;
}

.azt-share-chips[b-owweash2m6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.azt-share-chip[b-owweash2m6] {
    padding: 6px 12px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    cursor: pointer;
}

.azt-share-chip.is-active[b-owweash2m6] {
    background: var(--azt-ink-700);
    border-color: var(--azt-ink-700);
    color: #fff;
}

.azt-share-linkrow[b-owweash2m6] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.azt-share-qr[b-owweash2m6] {
    width: 180px;
    height: 180px;
}

.azt-share-actions[b-owweash2m6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.azt-share-download[b-owweash2m6] {
    font-size: 13.5px;
}

.azt-share-text[b-owweash2m6] {
    margin-bottom: 10px;
}

.azt-share-text-place[b-owweash2m6] {
    display: block;
    margin-bottom: 4px;
    font-size: 12.5px;
    color: var(--azt-ink-250);
}
/* /Components/Pages/Providers/Staff.razor.rz.scp.css */
[b-96mcmowd48] .azt-staff-back {
    margin-bottom: 10px;
}

.azt-staff-photo-edit[b-96mcmowd48] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--azt-ink-700);
    color: var(--azt-near-white);
    border: 2px solid var(--azt-near-white);
    cursor: pointer;
}

.azt-staff-photo-edit svg[b-96mcmowd48] {
    width: 10px;
    height: 10px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-staff-photo-edit:hover[b-96mcmowd48] {
    background: var(--azt-slot-500);
}

/* InputFile is a child component, so the <input> it renders belongs to its own render scope —
   Blazor CSS isolation doesn't reach into a child component's own markup unless the selector
   goes through ::deep. */
[b-96mcmowd48] .azt-staff-photo-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.azt-staff-photo-remove[b-96mcmowd48] {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    background: var(--azt-ink-700);
    color: var(--azt-near-white);
    border: 2px solid var(--azt-near-white);
    font-size: 11px;
}

.azt-staff-photo-remove:hover[b-96mcmowd48] {
    background: oklch(0.55 0.19 25);
}

.azt-staff-photo-remove:disabled[b-96mcmowd48] {
    opacity: 0.6;
    cursor: default;
}

/* "Add yourself" prompt */

.azt-staff-you-card[b-96mcmowd48] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.azt-staff-you-text[b-96mcmowd48] {
    flex: 1;
    min-width: 0;
}

.azt-staff-you-eyebrow[b-96mcmowd48] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-slot-text);
}

.azt-staff-you-name[b-96mcmowd48] {
    margin-top: 3px;
    font-size: 15px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-staff-you-body[b-96mcmowd48] {
    margin-top: 3px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

/* Team list */

.azt-staff-list[b-96mcmowd48] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azt-staff-row[b-96mcmowd48] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    background: var(--azt-surface-tint);
    border-radius: 14px;
}

.azt-staff-row-text[b-96mcmowd48] {
    flex: 1;
    min-width: 0;
}

.azt-staff-calendar-link[b-96mcmowd48] {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-slot-text);
    text-decoration: none;
}

.azt-staff-calendar-link:hover[b-96mcmowd48] {
    text-decoration: underline;
}

.azt-staff-row-name[b-96mcmowd48] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-staff-row-meta[b-96mcmowd48] {
    margin-top: 3px;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-staff-row-actions[b-96mcmowd48] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}

.azt-staff-you-tag[b-96mcmowd48] {
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    font-family: var(--azt-font-mono);
    font-size: 9px;
    letter-spacing: 0.06em;
}

.azt-staff-edit-trigger[b-96mcmowd48] {
    flex: 0 0 auto;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-slot-text);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.azt-staff-edit-trigger:hover[b-96mcmowd48] {
    text-decoration: underline;
}

/* Inline edit mode — replaces the name/role/location text with an editable form in place,
   same "click a link, fields open inline" pattern LocationWorkspace's own variant editor uses. */

.azt-staff-row-edit[b-96mcmowd48] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-staff-edit-fields[b-96mcmowd48] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.azt-staff-edit-input[b-96mcmowd48] {
    flex: 1;
    min-width: 120px;
    box-sizing: border-box;
    padding: 7px 9px;
    border: 1px solid var(--azt-border);
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    color: var(--azt-ink-700);
    background: #ffffff;
}

.azt-staff-edit-input:focus[b-96mcmowd48] {
    outline: none;
    border-color: var(--azt-slot-500);
}

.azt-staff-edit-input.is-invalid[b-96mcmowd48],
.azt-staff-edit-input.is-invalid:focus[b-96mcmowd48] {
    border-color: var(--azt-danger);
    background: var(--azt-danger-bg);
}

.azt-staff-row-edit-actions[b-96mcmowd48] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.azt-staff-cancel-edit[b-96mcmowd48] {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.azt-staff-cancel-edit:hover[b-96mcmowd48] {
    color: var(--azt-ink-700);
}

@media (max-width: 600px) {
    .azt-staff-you-card[b-96mcmowd48] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    /* The avatar, name, hours tag and three actions do not fit on one line of a phone: the actions take a line of their own. */
    .azt-staff-row[b-96mcmowd48] {
        flex-wrap: wrap;
    }

    .azt-staff-row-actions[b-96mcmowd48] {
        flex: 1 1 100%;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Providers/StaffCalendar.razor.rz.scp.css */
.azt-stf-cal-default-tag[b-8tve57xcp3] {
    margin-top: 4px;
    font-size: 11.5px;
    color: var(--azt-ink-300);
}

/* Breadcrumb (Components/Shared/Breadcrumb.razor) owns the link's own shape/color; this page
   still needs its own spacing before the title below it. */
[b-8tve57xcp3] .azt-stf-cal-back {
    margin-bottom: 10px;
}
/* /Components/Pages/Providers/StaffInvitationHistory.razor.rz.scp.css */
/* Invitation history: a collapsible list inside a panel. */

.azt-invhist-summary[b-u15w99eicn] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    list-style: none;
}

.azt-invhist-summary[b-u15w99eicn]::-webkit-details-marker {
    display: none;
}

.azt-invhist-summary[b-u15w99eicn]::after {
    content: "▾";
    margin-left: auto;
    color: var(--azt-ink-300);
    transition: transform 0.15s;
}

.azt-invhist[open] > .azt-invhist-summary[b-u15w99eicn]::after {
    transform: rotate(180deg);
}

.azt-invhist-title[b-u15w99eicn] {
    margin: 0;
}

.azt-invhist-hint[b-u15w99eicn],
.azt-invhist-empty[b-u15w99eicn] {
    margin: 12px 0;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-invhist-list[b-u15w99eicn] {
    list-style: none;
    margin: 12px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-invhist-row[b-u15w99eicn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 10px 12px;
    background: var(--azt-surface-tint);
    border-radius: 12px;
}

.azt-invhist-text[b-u15w99eicn] {
    flex: 1;
    min-width: 160px;
}

.azt-invhist-who[b-u15w99eicn] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-700);
    word-break: break-word;
}

.azt-invhist-meta[b-u15w99eicn] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-invhist-actions[b-u15w99eicn] {
    display: flex;
    gap: 14px;
}

.azt-invhist-link[b-u15w99eicn] {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-slot-text);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.azt-invhist-link:hover:not(:disabled)[b-u15w99eicn] {
    text-decoration: underline;
}

.azt-invhist-link:disabled[b-u15w99eicn] {
    opacity: 0.5;
    cursor: default;
}

.azt-invhist-setting[b-u15w99eicn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.azt-invhist-setting-label[b-u15w99eicn] {
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-invhist-error[b-u15w99eicn] {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--azt-danger-text);
}
/* /Components/Pages/Providers/StaffInviteDialogs.razor.rz.scp.css */
/* Access levels as cards in one row (wrapping when narrow) that say what each level can do (docs/design/provider/staff-invite.html). */
.azt-invite-levels[b-orfnrfx5wd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.azt-invite-level[b-orfnrfx5wd] {
    position: relative;
    display: grid;
    gap: 2px;
    min-height: 76px;
    padding: 12px 14px 12px 40px;
    border: 1.5px solid var(--azt-border-hairline);
    border-radius: 12px;
    cursor: pointer;
}

.azt-invite-level[b-orfnrfx5wd]::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid var(--azt-ink-500, currentColor);
}

.azt-invite-level input[b-orfnrfx5wd] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.azt-invite-level-name[b-orfnrfx5wd] {
    font-weight: 700;
}

.azt-invite-level-hint[b-orfnrfx5wd] {
    font-size: 12.5px;
    line-height: 1.35;
    opacity: 0.75;
}

.azt-invite-level.is-on[b-orfnrfx5wd] {
    border-color: var(--azt-slot-500);
    background: oklch(0.96 0.03 180);
}

.azt-invite-level.is-on[b-orfnrfx5wd]::before {
    border-color: var(--azt-slot-500);
    background: radial-gradient(var(--azt-deep-500) 0 40%, var(--azt-slot-500) 45%);
}

.azt-invite-level:focus-within[b-orfnrfx5wd] {
    outline: 3px solid var(--azt-slot-500);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .azt-invite-levels[b-orfnrfx5wd] {
        grid-template-columns: 1fr;
    }
}

/* Two fields side by side (email + phone, job title + works at); one column when the dialog is narrow. */
.azt-invite-row[b-orfnrfx5wd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    align-items: start;
}
/* /Components/Pages/Providers/StaffInviteRowControls.razor.rz.scp.css */
/* The sign-in line under a team member's name: a status tag plus text-link actions. */

.azt-invite-line[b-kpvwr6jkvl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 8px;
}

.azt-invite-expiry[b-kpvwr6jkvl] {
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-invite-link[b-kpvwr6jkvl] {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--azt-slot-text);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.azt-invite-link:hover:not(:disabled)[b-kpvwr6jkvl] {
    text-decoration: underline;
}

.azt-invite-link:disabled[b-kpvwr6jkvl] {
    opacity: 0.5;
    cursor: default;
}

.azt-invite-error[b-kpvwr6jkvl] {
    font-size: 12px;
    color: var(--azt-danger-text);
}
/* /Components/Pages/Providers/StaffSwitchesPanel.razor.rz.scp.css */
.azt-bz-switches[b-go4ybofvpy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid var(--azt-border-hairline);
    border-radius: 12px;
}

.azt-bz-switches-title[b-go4ybofvpy] {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-bz-switches-help[b-go4ybofvpy] {
    margin: 0 0 10px 44px;
    font-size: 12.5px;
    color: var(--azt-ink-300);
}

.azt-bz-switches-error[b-go4ybofvpy] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-danger);
}
/* /Components/Pages/Providers/WorkplaceChooser.razor.rz.scp.css */
.azt-wp[b-xvxukbrsr1] { min-height: 100vh; background: var(--azt-bg, #f6f8f9); color: var(--azt-ink, #10262e); }
.azt-wp-top[b-xvxukbrsr1] { display: flex; align-items: center; gap: 16px; padding: 14px 24px; background: #fff; border-bottom: 1px solid #e3e9ec; }
.azt-wp-logo[b-xvxukbrsr1] { font-weight: 700; font-size: 20px; margin-right: auto; }
.azt-wp-logo i[b-xvxukbrsr1] { font-style: normal; color: #00648a; }
.azt-wp-signed[b-xvxukbrsr1] { font-size: 14px; color: #5b6b72; }
.azt-wp-link[b-xvxukbrsr1] { min-height: 44px; padding: 0 12px; background: none; border: 0; color: #00648a; font: inherit; cursor: pointer; }
.azt-wp-main[b-xvxukbrsr1] { max-width: 760px; margin: 0 auto; padding: 56px 16px 48px; }
.azt-wp-eyebrow[b-xvxukbrsr1] { margin: 0; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #5b6b72; }
.azt-wp-title[b-xvxukbrsr1] { margin: 8px 0 0; font-size: 28px; line-height: 1.2; }
.azt-wp-sub[b-xvxukbrsr1] { margin: 12px 0 0; color: #5b6b72; line-height: 1.5; }
.azt-wp-list[b-xvxukbrsr1] { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.azt-wp-option[b-xvxukbrsr1] { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 16px; background: #fff; border: 1.5px solid #d5dde1; border-radius: 12px; font: inherit; text-align: left; cursor: pointer; }
.azt-wp-option:focus-visible[b-xvxukbrsr1], .azt-wp-go:focus-visible[b-xvxukbrsr1], .azt-wp-link:focus-visible[b-xvxukbrsr1] { outline: 3px solid #00a084; outline-offset: 2px; }
.azt-wp-option.is-on[b-xvxukbrsr1] { border-color: #00648a; box-shadow: 0 0 0 3px rgba(0, 100, 138, .14); }
.azt-wp-option:disabled[b-xvxukbrsr1] { opacity: .6; cursor: not-allowed; }
.azt-wp-radio[b-xvxukbrsr1] { flex: none; width: 20px; height: 20px; border: 2px solid #9fb0b8; border-radius: 50%; }
.azt-wp-option.is-on .azt-wp-radio[b-xvxukbrsr1] { border: 6px solid #00648a; }
.azt-wp-avatar[b-xvxukbrsr1] { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #00648a; color: #fff; font-weight: 600; font-size: 14px; }
.azt-wp-text[b-xvxukbrsr1] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.azt-wp-name[b-xvxukbrsr1] { font-weight: 600; font-size: 16px; }
.azt-wp-where[b-xvxukbrsr1] { font-size: 13px; color: #5b6b72; }
.azt-wp-badge[b-xvxukbrsr1] { flex: none; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.azt-wp-badge.is-info[b-xvxukbrsr1] { background: #e1f0f7; color: #00648a; }
.azt-wp-badge.is-deep[b-xvxukbrsr1] { background: #10262e; color: #fff; }
.azt-wp-badge.is-warn[b-xvxukbrsr1] { background: #fff0d6; color: #8a5a00; }
.azt-wp-foot[b-xvxukbrsr1] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 20px; }
.azt-wp-auto[b-xvxukbrsr1] { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; color: #5b6b72; cursor: pointer; }
.azt-wp-auto input[b-xvxukbrsr1] { width: 18px; height: 18px; accent-color: #00648a; }
.azt-wp-go[b-xvxukbrsr1] { min-width: 200px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 10px; background: #00a084; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.azt-wp-go:disabled[b-xvxukbrsr1] { opacity: .5; cursor: not-allowed; }
/* /Components/Pages/Reviews/CustomerReviews.razor.rz.scp.css */
.azt-cr[b-gxdf3heb3c] {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 16px 48px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.azt-cr-head[b-gxdf3heb3c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.azt-cr-eyebrow[b-gxdf3heb3c] {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

.azt-cr-title[b-gxdf3heb3c] {
    margin: 0;
    font-size: 28px;
}

.azt-cr-sub[b-gxdf3heb3c],
.azt-cr-status[b-gxdf3heb3c] {
    margin: 0;
    color: var(--azt-ink-300);
}

.azt-cr-error[b-gxdf3heb3c] {
    color: var(--azt-danger, #b42318);
}

.azt-cr-figures[b-gxdf3heb3c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.azt-cr-figure[b-gxdf3heb3c] {
    padding: 14px 16px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 10px;
}

.azt-cr-figure-label[b-gxdf3heb3c] {
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-cr-figure-value[b-gxdf3heb3c] {
    font-size: 26px;
    font-weight: 700;
}

.azt-cr-figure-note[b-gxdf3heb3c] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-cr-h2[b-gxdf3heb3c] {
    margin: 0 0 8px;
    font-size: 18px;
}

.azt-cr-list[b-gxdf3heb3c] {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

.azt-cr-item[b-gxdf3heb3c] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 0;
    border-top: 1px solid var(--azt-ink-100, #d6d8de);
}

.azt-cr-itemhead[b-gxdf3heb3c],
.azt-cr-itemmeta[b-gxdf3heb3c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.azt-cr-business[b-gxdf3heb3c] {
    font-weight: 600;
}

.azt-cr-date[b-gxdf3heb3c],
.azt-cr-location[b-gxdf3heb3c] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-cr-comment[b-gxdf3heb3c] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Reviews/LocationReviews.razor.rz.scp.css */
.azt-lr-summary[b-25shixwbjg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.azt-lr-average[b-25shixwbjg] {
    font-size: 26px;
    font-weight: 700;
}

.azt-lr-count[b-25shixwbjg] {
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-lr-list[b-25shixwbjg] {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-lr-item[b-25shixwbjg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--azt-ink-100, #d6d8de);
}

.azt-lr-head[b-25shixwbjg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.azt-lr-author[b-25shixwbjg] {
    font-weight: 600;
}

.azt-lr-date[b-25shixwbjg] {
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-lr-comment[b-25shixwbjg] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.azt-lr-reply[b-25shixwbjg] {
    margin-top: 4px;
    padding: 10px 12px;
    border-left: 3px solid var(--azt-ink-100, #d6d8de);
}

.azt-lr-reply-label[b-25shixwbjg] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Reviews/ReportReviewButton.razor.rz.scp.css */
.azt-rrb-link[b-x8wxirr21f] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    color: var(--azt-ink-300);
    text-decoration: underline;
    cursor: pointer;
}

.azt-rrb-form[b-x8wxirr21f] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 8px;
}

.azt-rrb-field[b-x8wxirr21f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
}

.azt-rrb-input[b-x8wxirr21f] {
    font: inherit;
    padding: 6px 8px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 6px;
}

.azt-rrb-actions[b-x8wxirr21f] {
    display: flex;
    gap: 8px;
}

.azt-rrb-error[b-x8wxirr21f] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-danger, #b42318);
}

.azt-rrb-done[b-x8wxirr21f] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-ink-300);
}
/* /Components/Pages/Reviews/ReviewForm.razor.rz.scp.css */
.azt-rv-form[b-gwcfi1bdv6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-rv-form-title[b-gwcfi1bdv6] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
}

.azt-rv-field[b-gwcfi1bdv6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.azt-rv-label[b-gwcfi1bdv6] {
    font-size: 13px;
    font-weight: 600;
}

.azt-rv-stars-line[b-gwcfi1bdv6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.azt-rv-stars-number[b-gwcfi1bdv6] {
    font-size: 14px;
    color: var(--azt-ink-300);
}

.azt-rv-textarea[b-gwcfi1bdv6] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font: inherit;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 10px;
    resize: vertical;
}

.azt-rv-counter[b-gwcfi1bdv6] {
    align-self: flex-end;
    font-size: 12px;
    color: var(--azt-ink-300);
}

.azt-rv-counter.is-near[b-gwcfi1bdv6] {
    color: oklch(0.55 0.18 25);
}

.azt-rv-deadline[b-gwcfi1bdv6] {
    font-size: 14px;
}

.azt-rv-left[b-gwcfi1bdv6] {
    color: var(--azt-ink-300);
}

.azt-rv-note[b-gwcfi1bdv6],
.azt-rv-hint[b-gwcfi1bdv6] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-ink-300);
}

.azt-rv-error[b-gwcfi1bdv6] {
    margin: 0;
    font-size: 13px;
    color: oklch(0.55 0.18 25);
}

.azt-rv-saved[b-gwcfi1bdv6] {
    margin: 0 0 8px;
    font-size: 13px;
    color: oklch(0.5 0.14 150);
}

.azt-rv-tag[b-gwcfi1bdv6] {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    background: oklch(0.95 0.04 25);
    color: oklch(0.45 0.16 25);
}

.azt-rv-mine[b-gwcfi1bdv6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--azt-ink-100, #d6d8de);
    border-radius: 12px;
}

.azt-rv-mine-label[b-gwcfi1bdv6] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

.azt-rv-comment[b-gwcfi1bdv6] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Reviews/ReviewPrompt.razor.rz.scp.css */
.azt-rvp[b-seddvtdixu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: min(560px, 100%);
}

.azt-rvp-head[b-seddvtdixu] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--azt-border, #e3e8ea);
}

.azt-rvp-title[b-seddvtdixu] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.azt-rvp-sub[b-seddvtdixu] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--azt-text-muted, #5d6b70);
}

.azt-rvp-foot[b-seddvtdixu] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Pages/Search/SearchPage.razor.rz.scp.css */
/* The customer search page. Brand tokens only (docs/design/customer/search/): 18px cards, 11px buttons, pill chips, mono for prices and counts.
   Solid teal is for Search and Book; slot buttons use the soft teal tint. */

.azt-sp-page[b-arbzg5toha] {
    font-family: var(--azt-font-display, 'Space Grotesk', system-ui, sans-serif);
    color: var(--azt-ink-700);
    background: var(--azt-paper-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.azt-sp-page a:focus-visible[b-arbzg5toha],
.azt-sp-page button:focus-visible[b-arbzg5toha],
.azt-sp-page input:focus-visible[b-arbzg5toha] {
    outline: 3px solid var(--azt-slot-500);
    outline-offset: 2px;
}

.azt-sp-main[b-arbzg5toha] {
    flex: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px 16px 56px;
    box-sizing: border-box;
}

.azt-sp-h1[b-arbzg5toha] { margin: 4px 0 6px; font-size: clamp(26px, 4vw, 38px); line-height: 1.15; letter-spacing: -0.02em; }
.azt-sp-lead[b-arbzg5toha] { margin: 0 0 18px; color: var(--azt-ink-500); font-size: 16px; }


/* ---- the bar: one white band, three fields split by hairlines, icon at the left of each ---- */

.azt-sp-bar[b-arbzg5toha] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 0.85fr) auto;
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--azt-border-strong);
    border-radius: 18px;
    box-shadow: 0 2px 8px -4px oklch(0.19 0.03 220 / 0.18);
}

.azt-sp-field[b-arbzg5toha] { position: relative; display: flex; flex-direction: column; gap: 0; min-width: 0; padding: 10px 14px 10px 46px; border-right: 1px solid var(--azt-border-hairline); }
.azt-sp-field:focus-within[b-arbzg5toha] { box-shadow: inset 0 0 0 2px var(--azt-slot-500); border-radius: 18px; z-index: 2; }
.azt-sp-field > label[b-arbzg5toha] { font-size: 11px; font-weight: 600; color: var(--azt-ink-500); line-height: 1.3; }
.azt-sp-field[b-arbzg5toha]  .azt-sp-ic { position: absolute; left: 16px; top: 24px; color: var(--azt-ink-420); }

.azt-sp-field[b-arbzg5toha]  input {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 0 0;
    border: 0;
    border-radius: 0;
    background: none;
    outline: none;
    font: 500 15px/1.4 var(--azt-font-display, "Space Grotesk", system-ui, sans-serif);
    color: var(--azt-ink-700);
}

.azt-sp-field[b-arbzg5toha]  input::placeholder { color: var(--azt-ink-300); font-weight: 400; }
.azt-sp-field[b-arbzg5toha]  input:disabled { color: var(--azt-ink-200); cursor: not-allowed; }
.azt-sp-field[b-arbzg5toha]  input:focus-visible { outline: none; }
.azt-sp-field[b-arbzg5toha]  .azt-city-hint { position: absolute; left: 46px; top: 100%; margin-top: 2px; }

.azt-sp-go[b-arbzg5toha] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px;
    min-height: 44px;
    padding: 10px 22px;
    border: 0;
    border-radius: 11px;
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.azt-sp-go:hover[b-arbzg5toha] { background: var(--azt-slot-600, var(--azt-slot-500)); }

/* ---- suggestions ---- */

.azt-sp-suggest[b-arbzg5toha] {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 6px;
    max-height: 340px;
    overflow-y: auto;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--azt-border);
    border-radius: 14px;
    box-shadow: 0 12px 30px oklch(0.28 0.03 212 / 0.14);
}

.azt-sp-suggest-head[b-arbzg5toha] {
    padding: 8px 10px 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--azt-ink-300);
}

.azt-sp-suggest-item[b-arbzg5toha] {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.azt-sp-suggest-item:hover[b-arbzg5toha] { background: var(--azt-slot-tint-2); }

/* ---- filters ---- */

.azt-sp-pills[b-arbzg5toha] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.azt-sp-pill[b-arbzg5toha],
.azt-sp-chip[b-arbzg5toha] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--azt-border-strong);
    border-radius: 999px;
    background: #fff;
    font: inherit;
    font-size: 13.5px;
    color: var(--azt-ink-500);
    cursor: pointer;
}

.azt-sp-pill:hover[b-arbzg5toha],
.azt-sp-chip:hover[b-arbzg5toha] { border-color: var(--azt-slot-500); color: var(--azt-ink-700); }

.azt-sp-pill.is-on[b-arbzg5toha] { border-color: var(--azt-slot-500); background: var(--azt-slot-tint); color: var(--azt-slot-text); font-weight: 700; }

.azt-sp-options[b-arbzg5toha] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 14px; }

.azt-sp-switch[b-arbzg5toha] { display: inline-flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 14px 0 8px; border: 1px solid var(--azt-border-strong); border-radius: 999px; background: #fff; font-size: 13.5px; color: var(--azt-ink-500); cursor: pointer; }
.azt-sp-switch:has(input:checked)[b-arbzg5toha] { border-color: var(--azt-slot-500); background: var(--azt-slot-tint); color: var(--azt-slot-text); font-weight: 500; }
.azt-sp-switch.is-disabled[b-arbzg5toha] { color: var(--azt-ink-200); cursor: not-allowed; }
.azt-sp-switch input[b-arbzg5toha] { appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 36px; height: 20px; margin: 0; border-radius: 999px; background: var(--azt-border-strong); cursor: inherit; transition: background .15s; }
.azt-sp-switch input[b-arbzg5toha]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: left .15s; }
.azt-sp-switch input:checked[b-arbzg5toha] { background: var(--azt-slot-500); }
.azt-sp-switch input:checked[b-arbzg5toha]::after { left: 18px; }

.azt-sp-price[b-arbzg5toha] { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 6px 0 14px; border: 1px solid var(--azt-border-strong); border-radius: 999px; background: #fff; font-size: 13.5px; color: var(--azt-ink-500); }

.azt-sp-chips[b-arbzg5toha] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.azt-sp-chip[b-arbzg5toha] { background: var(--azt-slot-tint-2); border-color: var(--azt-slot-500); color: var(--azt-slot-text); }
.azt-sp-chip.is-city[b-arbzg5toha] { background: #fff; border-color: var(--azt-border-strong); color: var(--azt-ink-500); }
.azt-sp-n[b-arbzg5toha] { margin-left: 6px; font-family: var(--azt-font-mono); font-size: 12px; color: var(--azt-ink-300); }

.azt-sp-clear[b-arbzg5toha] { border: 0; background: transparent; padding: 6px 8px; font: inherit; font-size: 13px; color: var(--azt-link); text-decoration: underline; cursor: pointer; }

/* ---- results ---- */

.azt-sp-results[b-arbzg5toha] { margin-top: 24px; }

.azt-sp-count[b-arbzg5toha] { margin: 0 0 14px; font-family: var(--azt-font-mono); font-size: 13px; color: var(--azt-ink-500); }
.azt-sp-none[b-arbzg5toha] { margin: 4px 0 14px; font-size: 24px; letter-spacing: -0.01em; }
.azt-sp-text[b-arbzg5toha] { color: var(--azt-ink-500); max-width: 60ch; }

.azt-sp-grid[b-arbzg5toha] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }

/* ---- paging, states ---- */

.azt-sp-more[b-arbzg5toha] { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 26px; }
.azt-sp-showing[b-arbzg5toha] { margin: 0; font-family: var(--azt-font-mono); font-size: 12px; color: var(--azt-ink-500); }
.azt-sp-sentinel[b-arbzg5toha] { width: 100%; height: 1px; }

.azt-sp-loadmore[b-arbzg5toha],
.azt-sp-retry[b-arbzg5toha] {
    padding: 10px 22px;
    border: 1px solid var(--azt-border-strong);
    border-radius: 11px;
    background: #fff;
    font: inherit;
    font-weight: 600;
    color: var(--azt-ink-700);
    cursor: pointer;
}

.azt-sp-loadmore:disabled[b-arbzg5toha] { opacity: 0.6; cursor: progress; }

.azt-sp-banner[b-arbzg5toha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid var(--azt-border);
    background: #fff;
    font-size: 14px;
}

.azt-sp-banner.is-bad[b-arbzg5toha] { background: var(--azt-danger-bg); border-color: var(--azt-danger-border); color: var(--azt-danger-text); }
.azt-sp-banner.is-warn[b-arbzg5toha] { background: var(--azt-warning-bg); border-color: var(--azt-warning); color: var(--azt-warning-text); }
.azt-sp-banner.is-info[b-arbzg5toha] { background: var(--azt-info-bg); border-color: var(--azt-info); color: var(--azt-info-text); }

.azt-sp-empty[b-arbzg5toha] { padding: 40px 0; text-align: center; color: var(--azt-ink-500); }
.azt-sp-empty h2[b-arbzg5toha] { margin: 0 0 6px; color: var(--azt-ink-700); font-size: 24px; }

.azt-sp-filters-btn[b-arbzg5toha] { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; border: 1px solid var(--azt-border); border-radius: 11px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--azt-ink-700); cursor: pointer; }
.azt-sp-filters-btn.is-on[b-arbzg5toha] { border-color: var(--azt-slot-500); background: var(--azt-slot-tint); color: var(--azt-slot-text); font-weight: 700; }
.azt-sp-filters[b-arbzg5toha] { margin-top: 12px; padding: 14px 16px; border: 1px solid var(--azt-border-strong); border-radius: 12px; background: #fff; }
.azt-sp-filters h3[b-arbzg5toha] { margin: 0; font-size: 14px; }
.azt-sp-chip.is-choice[b-arbzg5toha] { background: #fff; border-color: var(--azt-border-strong); color: var(--azt-ink-500); }
.azt-sp-chip.is-choice.is-on[b-arbzg5toha] { background: var(--azt-slot-tint-2); border-color: var(--azt-slot-500); color: var(--azt-slot-text); font-weight: 700; }

.azt-sp-cities[b-arbzg5toha] { margin-top: 28px; }
.azt-sp-cities h3[b-arbzg5toha] { margin: 0; font-size: 16px; }

.azt-sp-skeleton[b-arbzg5toha] { min-height: 220px; padding: 0 0 16px; gap: 12px; }
.azt-sp-sk-photo[b-arbzg5toha] { aspect-ratio: 16 / 8; background: var(--azt-surface-tint); }
.azt-sp-sk-line[b-arbzg5toha] { height: 14px; margin: 0 16px; border-radius: 8px; background: var(--azt-surface-tint); }
.azt-sp-sk-line.is-short[b-arbzg5toha] { width: 50%; }

@media (max-width: 1100px) {
    .azt-sp-bar[b-arbzg5toha] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr); }
    .azt-sp-go[b-arbzg5toha] { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .azt-sp-bar[b-arbzg5toha] { grid-template-columns: minmax(0, 1fr); }
    .azt-sp-field[b-arbzg5toha] { border-right: 0; border-bottom: 1px solid var(--azt-border-hairline); }
    .azt-sp-grid[b-arbzg5toha] { grid-template-columns: minmax(0, 1fr); }
}
.azt-sp-price input[b-arbzg5toha] { width: 90px; box-sizing: border-box; padding: 5px 10px; border: 0; border-radius: 999px; background: var(--azt-surface-tint); font: 500 13px var(--azt-font-mono); color: var(--azt-ink-700); outline: none; }
/* /Components/Shared/AccountMenu.razor.rz.scp.css */
/* The account dropdown in the public site header. It only ever sits on the dark "Deep Ink" bar
   (see SiteHeader.razor.css), so the button and the panel are styled for that background using the
   --azt-site-header-* tokens from brand.css. */

.azt-hdr-acct[b-i8z9y4eosw] {
    position: relative;
    flex: 0 0 auto;
}

.azt-hdr-acct-scrim[b-i8z9y4eosw] {
    position: fixed;
    inset: 0;
    z-index: 19;
    background: transparent;
}

.azt-hdr-acct-btn[b-i8z9y4eosw] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 10px 0 3px;
    border: 1px solid var(--azt-site-header-line);
    border-radius: 999px;
    background: transparent;
    color: var(--azt-site-header-fg);
    font: inherit;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.azt-hdr-acct-btn:hover[b-i8z9y4eosw],
.azt-hdr-acct-btn[aria-expanded="true"][b-i8z9y4eosw] {
    background: var(--azt-site-header-hover);
}

.azt-hdr-acct-btn:focus-visible[b-i8z9y4eosw],
.azt-hdr-acct-item:focus-visible[b-i8z9y4eosw] {
    outline: 2px solid var(--azt-site-header-accent);
    outline-offset: 2px;
}

.azt-hdr-acct-role[b-i8z9y4eosw] {
    font-weight: 500;
    white-space: nowrap;
}

.azt-hdr-acct-chev[b-i8z9y4eosw] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.15s ease;
}

.azt-hdr-acct-chev.is-open[b-i8z9y4eosw] {
    transform: rotate(180deg);
}

.azt-hdr-acct-menu[b-i8z9y4eosw] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 300px;
    max-width: calc(100vw - 32px);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #0F3A3F;
    border: 1px solid var(--azt-site-header-line);
    border-radius: 16px;
    box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.55);
    color: var(--azt-site-header-fg);
    z-index: 30;
}

.azt-hdr-acct-user[b-i8z9y4eosw] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px 12px;
    min-width: 0;
}

.azt-hdr-acct-user-text[b-i8z9y4eosw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.azt-hdr-acct-user-name[b-i8z9y4eosw] {
    font-size: 16px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.azt-hdr-acct-user-email[b-i8z9y4eosw] {
    font-size: 13px;
    color: rgba(237, 239, 239, 0.62);
    overflow-wrap: anywhere;
}

.azt-hdr-acct-divider[b-i8z9y4eosw] {
    height: 1px;
    margin: 6px 4px;
    background: rgba(255, 255, 255, 0.1);
}

.azt-hdr-acct-item[b-i8z9y4eosw] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.azt-hdr-acct-item:hover[b-i8z9y4eosw] {
    background: var(--azt-site-header-hover);
    color: #fff;
}

.azt-hdr-acct-item svg[b-i8z9y4eosw] {
    width: 18px;
    height: 18px;
    flex: none;
    opacity: 0.8;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Log out is tinted, not red-filled: quiet, but set apart from the navigation links above it. */
.azt-hdr-acct-item.is-logout[b-i8z9y4eosw] {
    color: #F3B7B0;
}

.azt-hdr-acct-item.is-logout:hover[b-i8z9y4eosw] {
    color: #FFD2CC;
}

@media (max-width: 900px) {
    .azt-hdr-acct-role[b-i8z9y4eosw] {
        display: none;
    }
}
/* /Components/Shared/Avatar.razor.rz.scp.css */
.azt-avatar-wrap[b-j1er7160f2] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.azt-avatar[b-j1er7160f2] {
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(155deg, var(--azt-deep-500) 0%, var(--azt-slot-500) 130%);
    color: var(--azt-near-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    overflow: hidden;
}

img.azt-avatar[b-j1er7160f2] {
    display: inline-block;
    object-fit: cover;
    border: 1px solid var(--azt-border-soft);
}

.azt-avatar-small[b-j1er7160f2] {
    width: 28px;
    height: 28px;
    font-size: 11px;
}

.azt-avatar-medium[b-j1er7160f2] {
    width: 36px;
    height: 36px;
    font-size: 13px;
}

.azt-avatar-large[b-j1er7160f2] {
    width: 48px;
    height: 48px;
    font-size: 16px;
}

.azt-avatar-extralarge[b-j1er7160f2] {
    width: 84px;
    height: 84px;
    font-size: 26px;
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.azt-breadcrumb[b-nafxmhuvld] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: var(--azt-text-body-sm);
    color: var(--azt-ink-300);
    text-decoration: none;
}

.azt-breadcrumb:hover[b-nafxmhuvld] {
    color: var(--azt-ink-700);
}
/* /Components/Shared/Button.razor.rz.scp.css */
.azt-btn[b-vbqds45bkv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--azt-font-display);
    font-weight: 600;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: filter 0.12s ease, background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

/* The app's universal icon convention (docs/design/COMPONENTS.md, "Icons") — most inline SVGs
   passed as button content carry no attributes of their own and rely on this. Must be `::deep`:
   the <svg> markup is authored in the CALLING component (it's passed in as ChildContent), so under
   Blazor's CSS isolation it carries that caller's own scope attribute, not Button.razor's — a bare
   `.azt-btn svg` compiles to a two-sided-scoped selector that never matches any caller's icon at
   all, silently rendering every such icon with no stroke/fill (invisible, not just low-contrast).
   `::deep` drops the scope requirement on the descendant `svg`, matching regardless of which file
   authored it, the same fix this file's own callers already use for `::deep .azt-btn...` overrides. */
.azt-btn[b-vbqds45bkv]  svg {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-btn:disabled[b-vbqds45bkv],
.azt-btn[aria-disabled="true"][b-vbqds45bkv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.azt-btn:focus-visible[b-vbqds45bkv] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

/* Sizes */

.azt-btn-small[b-vbqds45bkv] {
    padding: 8px 14px;
    font-size: 12px;
    border-radius: var(--azt-radius-sm);
}

.azt-btn-medium[b-vbqds45bkv] {
    padding: 12px 20px;
    font-size: 13.5px;
    border-radius: var(--azt-radius-md);
}

.azt-btn-large[b-vbqds45bkv] {
    padding: 16px 24px;
    font-size: 15px;
    border-radius: var(--azt-radius-lg);
}

/* Variants — declared after sizes so a variant's own padding/radius override (text-link only)
   wins on the properties it cares about, via normal same-specificity source-order cascade. */

.azt-btn-primary[b-vbqds45bkv] {
    background: var(--azt-slot-500);
    color: var(--azt-slot-ink);
}
.azt-btn-primary:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    background: var(--azt-slot-600);
}

.azt-btn-form-submit[b-vbqds45bkv] {
    background: var(--azt-ink-700);
    color: var(--azt-near-white);
}
.azt-btn-form-submit:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    background: var(--azt-ink-600);
}

.azt-btn-secondary[b-vbqds45bkv] {
    background: var(--azt-near-white);
    color: var(--azt-ink-700);
    border: 1px solid var(--azt-border);
}
.azt-btn-secondary:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    border-color: var(--azt-slot-500);
}

.azt-btn-danger[b-vbqds45bkv] {
    background: var(--azt-danger);
    color: var(--azt-near-white);
}
.azt-btn-danger:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    filter: brightness(0.92);
}

.azt-btn-ghost[b-vbqds45bkv] {
    background: transparent;
    color: var(--azt-ink-300);
}
.azt-btn-ghost:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    color: var(--azt-ink-700);
}

.azt-btn-text-link[b-vbqds45bkv] {
    background: transparent;
    padding: 0;
    border-radius: 0;
    color: var(--azt-slot-text);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
}
.azt-btn-text-link:hover:not(:disabled):not([aria-disabled="true"])[b-vbqds45bkv] {
    color: var(--azt-ink-700);
}
/* /Components/Shared/Card.razor.rz.scp.css */
.azt-card-default[b-34bhrum945] {
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border-soft);
    border-radius: var(--azt-radius-xl);
    padding: var(--azt-space-6);
    box-shadow: var(--azt-shadow-none);
}

.azt-card-hero[b-34bhrum945] {
    border-radius: var(--azt-radius-2xl);
    padding: var(--azt-space-6);
    color: var(--azt-near-white);
    background:
        radial-gradient(at 85% 0%, var(--azt-deep-500) 0%, transparent 60%),
        radial-gradient(at 5% 100%, var(--azt-deep-600) 0%, transparent 62%),
        var(--azt-ink-800);
}
/* /Components/Shared/ChangePasswordPanel.razor.rz.scp.css */
.azt-chpw[b-txvr13t305] {
    margin-top: 28px;
    max-width: 480px;
}

.azt-chpw-title[b-txvr13t305] {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-chpw-note[b-txvr13t305] {
    margin: 0 0 12px;
    font-size: 12.5px;
    color: var(--azt-ink-250);
}

.azt-chpw-row[b-txvr13t305] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-chpw-dots[b-txvr13t305] {
    letter-spacing: 2px;
    color: var(--azt-ink-700);
}

.azt-chpw-ok[b-txvr13t305] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    background: color-mix(in oklab, green 9%, white);
    color: #14532d;
    font-size: 13px;
}

.azt-chpw-error[b-txvr13t305] {
    padding: 10px 12px;
    border-radius: 10px;
    background: color-mix(in oklab, red 8%, white);
    color: #a01818;
    font-size: 13px;
    margin-bottom: 12px;
}

.azt-chpw-form[b-txvr13t305] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.azt-chpw-field[b-txvr13t305] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.azt-chpw-label[b-txvr13t305] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--azt-ink-250);
}

.azt-chpw-fielderror[b-txvr13t305] {
    margin-top: -6px;
    font-size: 13px;
    color: #a01818;
}

.azt-chpw-forgot[b-txvr13t305] {
    align-self: flex-start;
    margin-top: -6px;
    font-size: 13px;
}

.azt-chpw-rules[b-txvr13t305] {
    list-style: none;
    margin: 0;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 12px;
    background: color-mix(in oklab, var(--azt-ink-250) 8%, white);
    font-size: 13px;
    color: var(--azt-ink-250);
}

.azt-chpw-rules li[b-txvr13t305] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.azt-chpw-rules li.is-met[b-txvr13t305] {
    color: #0f5a4a;
}

.azt-chpw-dot[b-txvr13t305] {
    width: 16px;
    height: 16px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1.5px solid currentColor;
}

.is-met .azt-chpw-dot[b-txvr13t305] {
    background: currentColor;
    color: #fff;
}

.is-met .azt-chpw-dot[b-txvr13t305]  svg {
    color: #fff;
}

.azt-chpw-sr[b-txvr13t305] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.azt-chpw-actions[b-txvr13t305] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Components/Shared/Checkbox.razor.rz.scp.css */
.azt-checkbox[b-aieopopt3n] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.azt-checkbox.is-disabled[b-aieopopt3n] {
    cursor: not-allowed;
    opacity: 0.6;
}

.azt-checkbox-pill[b-aieopopt3n] {
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg);
    font-size: 15px;
    color: var(--azt-ink-70);
}

.azt-checkbox-pill.is-checked[b-aieopopt3n] {
    border-color: var(--azt-slot-500);
    background: var(--azt-slot-tint);
}

.azt-checkbox-compact[b-aieopopt3n] {
    gap: 9px;
    font-size: 13px;
}

.azt-checkbox input[b-aieopopt3n] {
    accent-color: var(--azt-slot-500);
    flex: 0 0 auto;
}

.azt-checkbox-pill input[b-aieopopt3n] {
    width: 18px;
    height: 18px;
}

.azt-checkbox-compact input[b-aieopopt3n] {
    width: 16px;
    height: 16px;
}
/* /Components/Shared/CityPicker.razor.rz.scp.css */
.azt-city-picker[b-b3zmuyflym] { position: relative; display: block; }

.azt-city-picker > input[b-b3zmuyflym] { width: 100%; }

.azt-city-list[b-b3zmuyflym] {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    margin: 4px 0 0;
    padding: 4px;
    list-style: none;
    max-height: 260px;
    overflow-y: auto;
    background: var(--azt-surface, #fff);
    border: 1px solid var(--azt-border-hairline);
    border-radius: var(--azt-radius-lg, 12px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.azt-city-list li[b-b3zmuyflym] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border-radius: var(--azt-radius-sm, 8px);
    cursor: pointer;
}

.azt-city-list li:hover[b-b3zmuyflym],
.azt-city-list li[aria-selected="true"][b-b3zmuyflym] { background: var(--azt-slot-tint, #eef); }

.azt-city-list small[b-b3zmuyflym] { color: var(--azt-ink-420, #777); }

.azt-city-hint[b-b3zmuyflym] { display: block; margin-top: 4px; font-size: 12px; color: var(--azt-ink-420, #777); }
/* /Components/Shared/DatePicker.razor.rz.scp.css */
.azt-dp[b-dd0cm1qupn] {
    display: inline-flex;
}

.azt-dp-trigger[b-dd0cm1qupn] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 230px;
    height: 32px;
    padding: 0 12px;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    color: var(--azt-ink-700);
    font-size: 13.5px;
    font-weight: 600;
}

.azt-dp-trigger:hover[b-dd0cm1qupn],
.azt-dp-trigger.is-open[b-dd0cm1qupn] {
    background: var(--azt-surface-tint);
    border-color: var(--azt-slot-500);
}

.azt-dp-trigger-icon[b-dd0cm1qupn] {
    width: 16px;
    height: 16px;
    flex: none;
    color: var(--azt-ink-420);
}

.azt-dp-trigger-text[b-dd0cm1qupn] {
    flex: 1;
    text-align: center;
    white-space: nowrap;
}

.azt-dp-trigger-chevron[b-dd0cm1qupn] {
    width: 10px;
    height: 6px;
    flex: none;
    color: var(--azt-ink-420);
    transition: transform .15s;
}

.azt-dp-trigger.is-open .azt-dp-trigger-chevron[b-dd0cm1qupn] {
    transform: rotate(180deg);
}

.azt-dp-backdrop[b-dd0cm1qupn] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.azt-dp-pop[b-dd0cm1qupn] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 100;
    width: 320px;
    padding: 14px;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-xl);
    box-shadow: 0 12px 32px rgba(15, 63, 64, .16), 0 2px 6px rgba(15, 63, 64, .08);
}

.azt-dp-quick[b-dd0cm1qupn] {
    display: flex;
    gap: 6px;
    padding-bottom: 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--azt-border-soft);
}

.azt-dp-chip[b-dd0cm1qupn] {
    height: 30px;
    padding: 0 12px;
    background: transparent;
    border: 1px solid var(--azt-border);
    border-radius: 999px;
    color: var(--azt-ink-700);
    font-size: 13px;
    font-weight: 500;
}

.azt-dp-chip:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
    border-color: var(--azt-slot-500);
}

.azt-dp-head[b-dd0cm1qupn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.azt-dp-title[b-dd0cm1qupn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    color: var(--azt-ink-700);
    font-size: 15px;
    font-weight: 700;
}

.azt-dp-title-btn[b-dd0cm1qupn] {
    height: 36px;
    padding: 0 10px;
    background: transparent;
    border: 0;
    border-radius: 9px;
}

.azt-dp-title-btn:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
}

.azt-dp-title-btn svg[b-dd0cm1qupn] {
    width: 10px;
    height: 6px;
    color: var(--azt-ink-420);
}

.azt-dp-nav[b-dd0cm1qupn] {
    display: flex;
    gap: 4px;
}

.azt-dp-step[b-dd0cm1qupn] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 9px;
    color: var(--azt-ink-420);
}

.azt-dp-step:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
    color: var(--azt-ink-700);
}

.azt-dp-step svg[b-dd0cm1qupn] {
    width: 16px;
    height: 16px;
}

.azt-dp-dow[b-dd0cm1qupn],
.azt-dp-days[b-dd0cm1qupn] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.azt-dp-dow span[b-dd0cm1qupn] {
    padding: 6px 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--azt-ink-400);
}

.azt-dp-days[b-dd0cm1qupn] {
    gap: 2px;
}

.azt-dp-day[b-dd0cm1qupn] {
    height: 40px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--azt-ink-700);
    font-size: 14px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.azt-dp-day:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
}

.azt-dp-day.is-outside[b-dd0cm1qupn] {
    opacity: .45;
}

.azt-dp-day.is-weekend[b-dd0cm1qupn] {
    color: var(--azt-ink-420);
}

.azt-dp-day.is-today[b-dd0cm1qupn] {
    border-color: var(--azt-slot-500);
    font-weight: 700;
}

.azt-dp-day.is-selected[b-dd0cm1qupn],
.azt-dp-day.is-selected:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-500);
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    font-weight: 700;
    opacity: 1;
}

.azt-dp-months[b-dd0cm1qupn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding-block: 6px;
}

.azt-dp-month[b-dd0cm1qupn] {
    height: 48px;
    background: transparent;
    border: 1px solid var(--azt-border);
    border-radius: 11px;
    color: var(--azt-ink-700);
    font-size: 14px;
    font-weight: 500;
}

.azt-dp-month:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
    border-color: var(--azt-slot-500);
}

.azt-dp-month.is-current[b-dd0cm1qupn] {
    border-color: var(--azt-slot-500);
    font-weight: 700;
}

.azt-dp-month.is-selected[b-dd0cm1qupn] {
    background: var(--azt-slot-500);
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-ink);
    font-weight: 700;
}

.azt-dp-foot[b-dd0cm1qupn] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--azt-border-soft);
}

.azt-dp-close[b-dd0cm1qupn] {
    height: 32px;
    padding: 0 10px;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--azt-ink-700);
    font-size: 13px;
    font-weight: 600;
}

.azt-dp-close:hover[b-dd0cm1qupn] {
    background: var(--azt-slot-tint);
}

.azt-dp button:focus-visible[b-dd0cm1qupn] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .azt-dp[b-dd0cm1qupn] {
        flex: 1;
        min-width: 0;
    }

    .azt-dp-trigger[b-dd0cm1qupn] {
        flex: 1;
        min-width: 0;
    }

    .azt-dp-backdrop[b-dd0cm1qupn] {
        background: rgba(5, 25, 26, .45);
    }

    /* Bottom sheet: the grid is a thumb target, not a dropdown. */
    .azt-dp-pop[b-dd0cm1qupn] {
        position: fixed;
        inset: auto 0 0 0;
        width: auto;
        max-height: 90%;
        overflow-y: auto;
        padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px));
        border-width: 1px 0 0;
        border-radius: 20px 20px 0 0;
    }

    .azt-dp-day[b-dd0cm1qupn] {
        height: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .azt-dp-trigger-chevron[b-dd0cm1qupn] {
        transition: none;
    }
}
/* /Components/Shared/Drawer.razor.rz.scp.css */
.azt-drawer-overlay[b-fb0uaqy0ho] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: flex;
    justify-content: flex-end;
    background: oklch(0.14 0.018 215 / 0.5);
}

.azt-drawer[b-fb0uaqy0ho] {
    width: min(720px, 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--azt-near-white);
    box-shadow: var(--azt-shadow-xl);
    animation: azt-drawer-in-b-fb0uaqy0ho 0.22s ease-out;
}

.azt-drawer:focus[b-fb0uaqy0ho] {
    outline: none;
}

.azt-drawer-head[b-fb0uaqy0ho] {
    flex: none;
    display: flex;
    align-items: center;
    gap: var(--azt-space-3);
    padding: var(--azt-space-5) var(--azt-space-6) var(--azt-space-4);
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-drawer-title[b-fb0uaqy0ho] {
    flex: 1;
    min-width: 0;
    margin: 0;
    font: var(--azt-text-h2);
    letter-spacing: -0.01em;
}

.azt-drawer-close[b-fb0uaqy0ho] {
    flex: none;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--azt-ink-420);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.azt-drawer-close:hover[b-fb0uaqy0ho] {
    background: var(--azt-surface-tint);
}

.azt-drawer-close:focus-visible[b-fb0uaqy0ho] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

.azt-drawer-body[b-fb0uaqy0ho] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: var(--azt-space-5) var(--azt-space-6) var(--azt-space-7);
    display: flex;
    flex-direction: column;
    gap: var(--azt-space-6);
}

.azt-drawer-foot[b-fb0uaqy0ho] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: var(--azt-space-3) var(--azt-space-6) calc(var(--azt-space-3) + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--azt-border-hairline);
}

@keyframes azt-drawer-in-b-fb0uaqy0ho {
    from { transform: translateX(24px); opacity: 0; }
    to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .azt-drawer[b-fb0uaqy0ho] {
        animation: none;
    }
}

@media (max-width: 520px) {
    .azt-drawer-head[b-fb0uaqy0ho],
    .azt-drawer-body[b-fb0uaqy0ho],
    .azt-drawer-foot[b-fb0uaqy0ho] {
        padding-left: var(--azt-space-4);
        padding-right: var(--azt-space-4);
    }

    .azt-drawer-foot > *[b-fb0uaqy0ho] {
        flex: 1;
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.azt-empty-state[b-imjldqmzi2] {
    text-align: center;
    padding: var(--azt-space-8) var(--azt-space-5);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.azt-empty-state-icon[b-imjldqmzi2] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--azt-paper-bg);
    color: var(--azt-ink-200);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--azt-space-4);
}

.azt-empty-state-icon svg[b-imjldqmzi2] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-empty-state-title[b-imjldqmzi2] {
    margin: 0 0 6px;
    font: var(--azt-text-h3);
    color: var(--azt-ink-700);
}

.azt-empty-state-body[b-imjldqmzi2] {
    margin: 0;
    font: var(--azt-text-body-sm);
    color: var(--azt-ink-300);
    max-width: 40ch;
}

.azt-empty-state-actions[b-imjldqmzi2] {
    margin-top: var(--azt-space-5);
}
/* /Components/Shared/FavoriteHeart.razor.rz.scp.css */
.azt-fav[b-zw9gerpv4x] { position: relative; display: inline-flex; }

/* Saved is Deep blue: red is kept for destructive actions and teal for "go". */
.azt-fav-heart[b-zw9gerpv4x] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--azt-border);
    background: rgba(255, 255, 255, .94);
    color: var(--azt-ink-700);
    box-shadow: 0 2px 8px -4px oklch(0.19 0.03 220 / 0.18);
    cursor: pointer;
    transition: transform .12s, color .12s;
}

.azt-fav-heart:hover:not(:disabled)[b-zw9gerpv4x] { transform: scale(1.06); color: var(--azt-deep, #00648A); }

.azt-fav-pill[b-zw9gerpv4x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 9px 18px;
    border-radius: 11px;
    border: 1px solid var(--azt-border-strong);
    background: #fff;
    color: var(--azt-ink-700);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.azt-fav-icon[b-zw9gerpv4x] { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.azt-fav-heart[aria-pressed="true"][b-zw9gerpv4x],
.azt-fav-pill[aria-pressed="true"][b-zw9gerpv4x] { color: var(--azt-deep, #00648A); border-color: var(--azt-deep, #00648A); }

.azt-fav-pill[aria-pressed="true"][b-zw9gerpv4x] { background: var(--azt-info-bg, #e3f0f7); }

.azt-fav-heart[aria-pressed="true"] .azt-fav-icon[b-zw9gerpv4x],
.azt-fav-pill[aria-pressed="true"] .azt-fav-icon[b-zw9gerpv4x] { fill: currentColor; }

.azt-fav-heart:disabled[b-zw9gerpv4x],
.azt-fav-pill:disabled[b-zw9gerpv4x] { cursor: progress; }

.azt-fav-heart:focus-visible[b-zw9gerpv4x],
.azt-fav-pill:focus-visible[b-zw9gerpv4x],
.azt-fav-pop a:focus-visible[b-zw9gerpv4x],
.azt-fav-pop button:focus-visible[b-zw9gerpv4x] { outline: 2px solid var(--azt-deep, #00648A); outline-offset: 2px; }

/* A guest's tap: a small prompt next to the heart. */
.azt-fav-pop[b-zw9gerpv4x] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    width: 280px;
    max-width: calc(100vw - 32px);
    padding: 14px;
    border: 1px solid var(--azt-border);
    border-radius: 14px;
    background: #fff;
    color: var(--azt-ink-700);
    box-shadow: 0 12px 28px -8px oklch(0.19 0.03 220 / 0.22);
    text-align: left;
    font-weight: 400;
}

.azt-fav-pop p[b-zw9gerpv4x] { margin: 4px 0 12px; font-size: 13px; color: var(--azt-ink-500); }

.azt-fav-pop-actions[b-zw9gerpv4x] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.azt-fav-pop-signin[b-zw9gerpv4x] {
    padding: 9px 16px;
    border-radius: 11px;
    background: var(--azt-ink-700);
    color: #fff;
    font-weight: 600;
    font-size: 13.5px;
    text-decoration: none;
}

.azt-fav-pop-close[b-zw9gerpv4x] {
    padding: 9px 12px;
    border: 0;
    background: none;
    color: var(--azt-ink-500);
    font-size: 13.5px;
    cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    .azt-fav-heart[b-zw9gerpv4x] { transition: none; }
}
/* /Components/Shared/Footer.razor.rz.scp.css */
.azt-footer[b-m3789lmldn] {
    background: var(--azt-ink-900);
    color: oklch(0.92 0.008 200);
    font-family: var(--azt-font-display);
}

.azt-logo[b-m3789lmldn] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.azt-wordmark[b-m3789lmldn] {
    display: flex;
    align-items: baseline;
    font-size: 21px;
    letter-spacing: -0.035em;
}

.azt-wordmark-azat[b-m3789lmldn] {
    font-weight: 700;
}

.azt-wordmark-time[b-m3789lmldn] {
    font-weight: 400;
}

.azt-footer-grid[b-m3789lmldn] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 56px 40px 40px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
}

.azt-footer-logo[b-m3789lmldn] {
    color: var(--azt-near-white);
}

.azt-footer-wordmark-time[b-m3789lmldn] {
    color: oklch(0.8 0.02 200);
}

.azt-footer-tagline[b-m3789lmldn] {
    margin: 16px 0 0;
    max-width: 260px;
    font-size: 13.5px;
    line-height: 1.6;
    color: oklch(0.8 0.01 200 / 0.6);
}

.azt-footer-col[b-m3789lmldn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13.5px;
}

.azt-footer-col a[b-m3789lmldn] {
    color: oklch(0.9 0.008 200);
    text-decoration: none;
}

.azt-footer-col a:hover[b-m3789lmldn] {
    color: var(--azt-slot-500);
}

.azt-footer-col-label[b-m3789lmldn] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    color: oklch(0.8 0.01 200 / 0.5);
}

.azt-footer-bottom[b-m3789lmldn] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 40px 44px;
    border-top: 1px solid oklch(0.99 0.01 200 / 0.1);
    display: flex;
    justify-content: flex-end;
    font-family: var(--azt-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.06em;
    color: oklch(0.8 0.01 200 / 0.5);
}

@media (max-width: 900px) {
    .azt-footer-grid[b-m3789lmldn] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .azt-footer-grid[b-m3789lmldn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/HelpIcon.razor.rz.scp.css */
.azt-help[b-yhjrhcnpgi] {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--azt-border-strong);
    background: none;
    color: var(--azt-ink-300);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    /* !important: this button has no click action (hover/focus-only tooltip), so the new
       project-wide "clickable button gets a hand cursor" rule in wwwroot/css/brand.css would
       otherwise win here on specificity and wrongly show a hand on something you can't click. */
    cursor: help !important;
}

.azt-help:hover[b-yhjrhcnpgi],
.azt-help:focus-visible[b-yhjrhcnpgi] {
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-text);
}

.azt-help-tip[b-yhjrhcnpgi] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    width: max-content;
    max-width: 260px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--azt-ink-800);
    color: var(--azt-near-white);
    font-family: var(--azt-font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.12s ease;
    z-index: 5;
}

.azt-help:hover .azt-help-tip[b-yhjrhcnpgi],
.azt-help:focus-visible .azt-help-tip[b-yhjrhcnpgi] {
    opacity: 1;
    visibility: visible;
}
/* /Components/Shared/Icon.razor.rz.scp.css */
.azt-icon[b-1m4m10v3v5] {
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Shared/LanguagePicker.razor.rz.scp.css */
.azt-picker[b-2yqatko71t] {
    position: relative;
}

.azt-picker-btn[b-2yqatko71t] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--azt-border);
    border-radius: 11px;
    background: white;
    font-family: inherit;
    font-size: 14px;
    color: var(--azt-ink-60);
    cursor: pointer;
    white-space: nowrap;
}

.azt-picker-btn:hover[b-2yqatko71t] {
    border-color: var(--azt-slot-500);
}

.azt-mono-chip[b-2yqatko71t] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 5px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
}

.azt-picker-panel[b-2yqatko71t] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 268px;
    padding: 16px;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 16px;
    box-shadow: 0 26px 50px -26px oklch(0.3 0.04 210 / 0.45);
    z-index: 30;
}

.azt-picker-label[b-2yqatko71t] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    color: var(--azt-ink-100);
    margin-top: 16px;
}

.azt-picker-panel > .azt-picker-label:first-child[b-2yqatko71t] {
    margin-top: 0;
}

.azt-picker-list[b-2yqatko71t] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.azt-picker-item[b-2yqatko71t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    color: var(--azt-ink-70);
    text-align: left;
    cursor: pointer;
    width: 100%;
}

.azt-picker-item:hover[b-2yqatko71t] {
    background: var(--azt-surface-tint);
}

.azt-picker-item.is-selected[b-2yqatko71t] {
    background: var(--azt-slot-tint);
}

.azt-picker-code[b-2yqatko71t] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    color: var(--azt-ink-250);
}

.azt-picker-divider[b-2yqatko71t] {
    margin: 16px 0 0;
    height: 1px;
    background: var(--azt-border-faint);
}
/* /Components/Shared/LegalAcceptCard.razor.rz.scp.css */
/* The "please accept" card (see LegalAcceptCard.razor). It sits inside a centred card of its own page; tokens only. */

.azt-acc-h1[b-6ysuy4wk92] {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.15;
    text-wrap: pretty;
}

.azt-acc-sub[b-6ysuy4wk92] {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--azt-ink-420);
    text-wrap: pretty;
}

.azt-acc-banner[b-6ysuy4wk92] {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14.5px;
    line-height: 1.5;
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
}

.azt-acc-form[b-6ysuy4wk92] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.azt-acc-check[b-6ysuy4wk92] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 14.5px;
    line-height: 1.5;
    cursor: pointer;
}

.azt-acc-check input[b-6ysuy4wk92] {
    margin-top: 3px;
    flex: none;
}

.azt-acc-check a[b-6ysuy4wk92] {
    text-decoration: underline;
}

.azt-acc-error[b-6ysuy4wk92] {
    margin: -6px 0 0;
    font-size: 13.5px;
    color: var(--azt-danger-text);
}

.azt-acc-foot[b-6ysuy4wk92] {
    margin: 20px 0 0;
    text-align: center;
}

.azt-acc-linkbtn[b-6ysuy4wk92] {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-size: 14.5px;
    color: var(--azt-ink-420);
    text-decoration: underline;
    cursor: pointer;
}

.azt-acc-note[b-6ysuy4wk92] {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14.5px;
    line-height: 1.5;
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
}

.azt-acc-note.is-frozen[b-6ysuy4wk92] {
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
}
/* /Components/Shared/LocationCard.razor.rz.scp.css */
/* The location card, moved here from the search page so the Favorites page shows the same one (CUS-003). */
.azt-sp-card[b-mnk0tnzzp9] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--azt-border);
    border-radius: 18px;
    transition: box-shadow .15s, transform .15s;
    overflow: hidden;
}

.azt-sp-photo[b-mnk0tnzzp9] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 8;
    background: linear-gradient(135deg, oklch(0.5 0.12 190) 0%, oklch(0.36 0.09 210) 100%);
    color: rgba(255, 255, 255, .55);
    text-decoration: none;
    overflow: hidden;
}

.azt-sp-photo img[b-mnk0tnzzp9] { width: 100%; height: 100%; object-fit: cover; display: block; }

.azt-sp-body[b-mnk0tnzzp9] { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.azt-sp-name[b-mnk0tnzzp9] { margin: 0; font-size: 18px; line-height: 1.25; }
.azt-sp-name a[b-mnk0tnzzp9] { color: inherit; text-decoration: none; }
.azt-sp-name a:hover[b-mnk0tnzzp9] { text-decoration: underline; }
.azt-sp-meta[b-mnk0tnzzp9] { margin: 0; font-size: 13px; color: var(--azt-ink-500); }

.azt-sp-rating[b-mnk0tnzzp9] { margin: 0; display: flex; align-items: center; gap: 4px; font-size: 13px; color: var(--azt-ink-500); }
.azt-sp-rating b[b-mnk0tnzzp9] { color: var(--azt-ink-900, inherit); font-weight: 600; }
.azt-sp-star[b-mnk0tnzzp9] { color: #d99a00; }

.azt-sp-desc[b-mnk0tnzzp9] {
    margin: 0;
    font-size: 13px;
    color: var(--azt-ink-500);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.azt-sp-svc[b-mnk0tnzzp9] { list-style: none; margin: 8px 0 0; padding: 0; border-top: 1px solid var(--azt-border-hairline); display: flex; flex-direction: column; gap: 8px; }

.azt-sp-svc li[b-mnk0tnzzp9] { padding-bottom: 8px; border-bottom: 1px solid var(--azt-border-hairline); display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.azt-sp-s[b-mnk0tnzzp9] { display: flex; flex-direction: column; min-width: 0; }
.azt-sp-s b[b-mnk0tnzzp9] { font-size: 14px; overflow-wrap: anywhere; }
.azt-sp-s i[b-mnk0tnzzp9] { font-style: normal; font-family: var(--azt-font-mono); font-size: 12px; color: var(--azt-ink-500); }

.azt-sp-slot[b-mnk0tnzzp9] {
    flex: 0 0 auto;
    padding: 5px 10px;
    border: 1px solid var(--azt-slot-500);
    border-radius: 10px;
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text);
    font-family: var(--azt-font-mono);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.azt-sp-card:hover[b-mnk0tnzzp9] { box-shadow: 0 12px 28px -8px oklch(0.19 0.03 220 / 0.22); transform: translateY(-2px); }

.azt-sp-slot:hover[b-mnk0tnzzp9] { background: var(--azt-slot-500); color: var(--azt-slot-ink); }

.azt-sp-foot[b-mnk0tnzzp9] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; }
.azt-sp-from[b-mnk0tnzzp9] { font-family: var(--azt-font-mono); font-size: 13px; color: var(--azt-ink-500); }

.azt-sp-book[b-mnk0tnzzp9] {
    padding: 9px 18px;
    border-radius: 11px;
    background: var(--azt-slot);
    color: var(--azt-slot-ink);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.azt-sp-book.is-quiet[b-mnk0tnzzp9] { background: #fff; border: 1px solid var(--azt-border-strong); color: var(--azt-ink-700); }

/* The favorites heart over the photo's corner. */
.azt-sp-heart[b-mnk0tnzzp9] { position: absolute; top: 10px; right: 10px; z-index: 2; }
/* /Components/Shared/MarketingPreferences.razor.rz.scp.css */
.azt-mktp[b-lmw4a2vq29] {
    margin-top: 28px;
    max-width: 480px;
}

.azt-mktp-title[b-lmw4a2vq29] {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: var(--azt-ink-700);
}

.azt-mktp-note[b-lmw4a2vq29] {
    margin: 0 0 12px;
    font-size: 12.5px;
    color: var(--azt-ink-250);
}

.azt-mktp-error[b-lmw4a2vq29] {
    padding: 10px 12px;
    border-radius: 10px;
    background: color-mix(in oklab, red 8%, white);
    color: #a01818;
    font-size: 13px;
    margin-bottom: 12px;
}

.azt-mktp-row[b-lmw4a2vq29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--azt-border-hairline);
}

.azt-mktp-row-text[b-lmw4a2vq29] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.azt-mktp-row-name[b-lmw4a2vq29] {
    font-size: 14px;
    color: var(--azt-ink-700);
    overflow-wrap: anywhere;
}

.azt-mktp-row-state[b-lmw4a2vq29] {
    font-size: 12.5px;
    color: var(--azt-ink-250);
}

.azt-mktp-row-state.is-ended[b-lmw4a2vq29] {
    color: #8a5a00;
}

.azt-mktp-actions[b-lmw4a2vq29] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
/* /Components/Shared/Modal.razor.rz.scp.css */
.azt-modal-overlay[b-i6mv4vuylf] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: oklch(0.14 0.018 215 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.azt-modal[b-i6mv4vuylf] {
    width: 420px;
    max-width: 100%;
    max-height: 90vh;
    background: var(--azt-near-white);
    border-radius: var(--azt-radius-xl);
    /* overflow: hidden (rather than overflow-y on this element directly) keeps all four corners
       visibly rounded even when the inner content scrolls. */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--azt-shadow-lg);
}

.azt-modal.azt-modal-wide[b-i6mv4vuylf] {
    width: 600px;
}

.azt-modal.azt-modal-xwide[b-i6mv4vuylf] {
    width: 880px;
}

.azt-modal-inner[b-i6mv4vuylf] {
    /* min-height: 0 overrides the flex-item default of min-height: auto, which would otherwise
       let this grow past the parent's max-height instead of scrolling internally. */
    min-height: 0;
    overflow-y: auto;
    padding: var(--azt-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--azt-space-4);
}

@media (max-width: 600px) {
    .azt-modal-inner[b-i6mv4vuylf] {
        padding: var(--azt-space-5);
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
/* The one notification-bell implementation in the app — see the comment atop NotificationBell.razor
   for why this used to be three separately-maintained copies. */

.azt-ov-bell[b-ck1usz7rhy] {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-md);
    color: var(--azt-ink-420);
    cursor: pointer;
}

.azt-ov-bell:hover[b-ck1usz7rhy] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-ov-bell svg[b-ck1usz7rhy] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.azt-ov-bell-dot[b-ck1usz7rhy] {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--azt-danger);
}

.azt-notif-wrap[b-ck1usz7rhy] {
    position: relative;
}

.azt-notif-scrim[b-ck1usz7rhy] {
    position: fixed;
    inset: 0;
    z-index: 19;
    background: transparent;
}

.azt-notif-panel[b-ck1usz7rhy] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 320px;
    max-height: 360px;
    overflow-y: auto;
    background: var(--azt-near-white);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg);
    box-shadow: var(--azt-shadow-md);
    z-index: 20;
}

.azt-notif-panel-title[b-ck1usz7rhy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-420);
}

.azt-notif-mark-all[b-ck1usz7rhy] {
    flex: 0 0 auto;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--azt-slot-text);
    background: none;
    border: none;
    cursor: pointer;
}

.azt-notif-mark-all:hover[b-ck1usz7rhy] {
    text-decoration: underline;
}

.azt-notif-empty[b-ck1usz7rhy] {
    padding: 16px 14px 20px;
    font-size: 13px;
    color: var(--azt-ink-250);
}

.azt-notif-item[b-ck1usz7rhy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    padding: 10px 14px;
    text-align: left;
    background: none;
    border: none;
    border-top: 1px solid var(--azt-border);
    cursor: pointer;
}

.azt-notif-item.is-unread[b-ck1usz7rhy] {
    background: var(--azt-info-bg);
}

.azt-notif-item-title[b-ck1usz7rhy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--azt-ink-420);
}

.azt-notif-item-message[b-ck1usz7rhy] {
    font-size: 12.5px;
    color: var(--azt-ink-250);
    line-height: 1.4;
}

.azt-notif-item-business[b-ck1usz7rhy] {
    align-self: flex-start;
    font-size: 11px;
    font-weight: 600;
    color: var(--azt-ink-420);
    background: var(--azt-ink-100, rgba(0, 0, 0, 0.06));
    border-radius: 999px;
    padding: 1px 8px;
    margin-bottom: 2px;
}
/* /Components/Shared/PasswordConfirmModal.razor.rz.scp.css */
.azt-pwconfirm-title[b-26wr6r3dah] {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: var(--azt-ink-700);
}

.azt-pwconfirm-body[b-26wr6r3dah] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--azt-ink-300);
}

.azt-pwconfirm-form[b-26wr6r3dah] {
    display: flex;
    flex-direction: column;
    gap: var(--azt-space-4);
}

.azt-pwconfirm-field[b-26wr6r3dah] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-pwconfirm-label[b-26wr6r3dah] {
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--azt-ink-100);
}

.azt-pwconfirm-alert[b-26wr6r3dah] {
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13.5px;
    line-height: 1.5;
    background: oklch(0.96 0.03 25);
    color: oklch(0.4 0.15 25);
}

.azt-pwconfirm-actions[b-26wr6r3dah] {
    display: flex;
    gap: 10px;
}

.azt-pwconfirm-actions[b-26wr6r3dah]  .azt-btn {
    flex: 1;
}
/* /Components/Shared/PasswordInput.razor.rz.scp.css */
.azt-pwinput[b-tizpcxjvyb] {
    position: relative;
    width: 100%;
}

.azt-pwinput input[b-tizpcxjvyb] {
    padding: 14px 44px 14px 16px;
    border: 1px solid var(--azt-border);
    border-radius: 13px;
    font-size: 15px;
    color: var(--azt-ink-70);
    background: white;
    width: 100%;
}

.azt-pwinput-toggle[b-tizpcxjvyb] {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--azt-ink-100);
    cursor: pointer;
}

.azt-pwinput-toggle:hover[b-tizpcxjvyb] {
    background: var(--azt-near-white);
}

.azt-pwinput-toggle:disabled[b-tizpcxjvyb] {
    cursor: not-allowed;
    opacity: 0.5;
}
/* /Components/Shared/PhonePrefixSelect.razor.rz.scp.css */
.azt-pfx[b-l1j97vuk43] { position: relative; flex: 0 0 auto; }

/* Same shell as the phone-prefix select it replaces (tint fill, 1px border, large radius), so the two look identical at rest. */
.azt-pfx-trigger[b-l1j97vuk43] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    box-sizing: border-box;
    padding: 14px 14px;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg, 14px);
    background: oklch(0.97 0.006 205);
    font-family: inherit;
    font-size: 15px;
    color: var(--azt-ink-60);
    white-space: nowrap;
    cursor: pointer;
}

.azt-pfx-trigger:focus-visible[b-l1j97vuk43],
.azt-pfx-trigger.is-open[b-l1j97vuk43] { outline: none; border-color: var(--azt-slot-500); }

.azt-pfx-dial[b-l1j97vuk43] { font-family: var(--azt-font-mono, monospace); }

.azt-pfx-chevron[b-l1j97vuk43] { color: var(--azt-ink-300); transition: transform 0.15s ease; }
.azt-pfx-trigger.is-open .azt-pfx-chevron[b-l1j97vuk43] { transform: rotate(180deg); }

.azt-pfx-backdrop[b-l1j97vuk43] { position: fixed; inset: 0; z-index: 99; }

.azt-pfx-panel[b-l1j97vuk43] {
    position: fixed;
    z-index: 100;
    margin: 0;
    padding: 4px;
    list-style: none;
    overflow-y: auto;
    background: var(--azt-near-white, #fff);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg, 14px);
    box-shadow: 0 12px 28px -8px oklch(0.19 0.03 220 / 0.22);
}

.azt-pfx-panel li[b-l1j97vuk43] {
    display: grid;
    grid-template-columns: 2.2em 1fr auto 14px;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 10px;
    border-radius: var(--azt-radius-sm, 8px);
    font-size: 14px;
    color: var(--azt-ink-70);
    cursor: pointer;
}

.azt-pfx-panel li:hover[b-l1j97vuk43],
.azt-pfx-panel li.is-active[b-l1j97vuk43] { background: var(--azt-surface-tint, oklch(0.97 0.006 205)); }

.azt-pfx-panel li[aria-selected="true"][b-l1j97vuk43] {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text, var(--azt-ink-700));
    font-weight: 600;
}

.azt-pfx-opt-iso[b-l1j97vuk43],
.azt-pfx-opt-dial[b-l1j97vuk43] { font-family: var(--azt-font-mono, monospace); }

.azt-pfx-opt-name[b-l1j97vuk43] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.azt-pfx-opt-dial[b-l1j97vuk43] { text-align: right; }

@media (max-width: 640px) {
    .azt-pfx-panel li[b-l1j97vuk43] { min-height: 44px; }
}

/* A single allowed country: the code is shown but cannot be opened. */
.azt-pfx-trigger.azt-pfx-locked[b-l1j97vuk43] { cursor: default; user-select: none; }
/* /Components/Shared/ProviderResultsGrid.razor.rz.scp.css */
.azt-search-status[b-enbwmsmt5c] {
    margin-top: 34px;
    padding: 40px;
    text-align: center;
    border: 1px solid var(--azt-border-soft);
    border-radius: 22px;
    color: var(--azt-ink-300);
    font-size: 15px;
}

.azt-provider-grid[b-enbwmsmt5c] {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.azt-provider-card[b-enbwmsmt5c] {
    display: block;
    background: white;
    border: 1px solid var(--azt-border-soft);
    border-radius: 22px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

.azt-provider-card:hover[b-enbwmsmt5c] {
    border-color: var(--azt-slot-500);
}

.azt-provider-photo[b-enbwmsmt5c] {
    position: relative;
    height: 168px;
    background: repeating-linear-gradient(135deg, var(--azt-border-soft) 0 8px, var(--azt-surface-tint-2) 8px 16px);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.azt-provider-photo span[b-enbwmsmt5c] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.08em;
    color: var(--azt-ink-200);
}

/* Absolutely positioned (rather than the grid item's own width/height: 100%) because a
   percentage height on a grid item doesn't reliably resolve against the track size once
   align-items is overridden away from its stretch default (as place-items: center does above)
   — the image was rendering at its intrinsic aspect ratio instead of filling the 168px frame.
   Percentage sizing against inset: 0 always resolves to the positioned ancestor's box instead. */
.azt-provider-photo-img[b-enbwmsmt5c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.azt-provider-card-body[b-enbwmsmt5c] {
    padding: 20px;
}

.azt-provider-card-head[b-enbwmsmt5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.azt-provider-card-head strong[b-enbwmsmt5c] {
    font-size: 16.5px;
}

.azt-provider-category[b-enbwmsmt5c] {
    margin-top: 4px;
    font-size: 13.5px;
    color: var(--azt-ink-300);
}

.azt-provider-desc[b-enbwmsmt5c] {
    margin-top: 10px;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--azt-ink-300);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 900px) {
    .azt-provider-grid[b-enbwmsmt5c] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/Radio.razor.rz.scp.css */
.azt-radio-pill[b-3aqeqa3jy8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg);
    font-size: 15px;
    color: var(--azt-ink-70);
    cursor: pointer;
}

.azt-radio-pill.is-disabled[b-3aqeqa3jy8] {
    cursor: not-allowed;
    opacity: 0.6;
}

.azt-radio-pill.is-checked[b-3aqeqa3jy8] {
    border-color: var(--azt-slot-500);
    background: var(--azt-slot-tint);
}

.azt-radio-pill input[b-3aqeqa3jy8] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    accent-color: var(--azt-slot-500);
}
/* /Components/Shared/RoleSwitchPanel.razor.rz.scp.css */
/* Sized by whichever wrapper positions this panel (AccountMenu's header chip gives it a fixed
   260px; the sidebar shells stretch it to the account row's own width) rather than a fixed width
   of its own — a hardcoded px width here previously overflowed the ~228px-wide sidebar content
   column (260px sidebar minus its 16px side padding), which is what forced the horizontal
   scrollbar. box-sizing keeps the padding/border inside whatever width it's given. */
.azt-role-panel[b-yf75j6axx1] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    background: white;
    border: 1px solid var(--azt-border);
    border-radius: 16px;
    box-shadow: 0 26px 50px -26px oklch(0.3 0.04 210 / 0.45);
}

.azt-role-panel-label[b-yf75j6axx1] {
    padding: 8px 10px 4px;
    font-family: var(--azt-font-mono);
    font-size: 9.5px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--azt-ink-100);
}

.azt-role-item[b-yf75j6axx1] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--azt-ink-70);
    text-align: left;
    cursor: pointer;
}

.azt-role-item:hover[b-yf75j6axx1] {
    background: var(--azt-surface-tint);
}

.azt-role-item.is-active[b-yf75j6axx1] {
    background: var(--azt-slot-tint);
}

.azt-role-item-text[b-yf75j6axx1] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.azt-role-item-title[b-yf75j6axx1] {
    font-weight: 600;
}

.azt-role-item-sub[b-yf75j6axx1] {
    font-size: 11.5px;
    color: var(--azt-ink-250);
}

/* Icon renders its own <svg> in ITS OWN component scope (it has its own Icon.razor.css), so a
   class passed in via CssClass — like this checkmark — never carries this component's scope
   attribute and needs ::deep to be reached at all. Without it this rule silently never matches
   and the checkmark renders in whatever color it inherits instead of the intended teal. */
[b-yf75j6axx1] .azt-role-item-check {
    color: var(--azt-slot-500);
    flex-shrink: 0;
}
/* /Components/Shared/SelectMenu.razor.rz.scp.css */
.azt-sel[b-41o02q4dp1] { position: relative; display: block; min-width: 0; }

.azt-sel-trigger[b-41o02q4dp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
}

.azt-sel-trigger:disabled[b-41o02q4dp1] { cursor: default; opacity: 0.6; }

/* Standard form-field shell, used when the caller gives no class of its own (admin pages pass azt-adm-input). */
.azt-sel-field[b-41o02q4dp1] {
    padding: 14px 16px;
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg, 14px);
    background: var(--azt-near-white);
    font-family: var(--azt-font-display);
    font-size: 15px;
    color: var(--azt-ink-70);
}

.azt-sel-trigger.is-placeholder[b-41o02q4dp1] { color: oklch(0.68 0.015 210); }

.azt-sel-trigger:focus-visible[b-41o02q4dp1],
.azt-sel-trigger.is-open[b-41o02q4dp1] { outline: none; border-color: var(--azt-slot-500); }

.azt-sel-text[b-41o02q4dp1] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.azt-sel-chevron[b-41o02q4dp1] { flex: 0 0 auto; color: var(--azt-ink-300); transition: transform 0.15s ease; }
.azt-sel-trigger.is-open .azt-sel-chevron[b-41o02q4dp1] { transform: rotate(180deg); }

.azt-sel-backdrop[b-41o02q4dp1] { position: fixed; inset: 0; z-index: 99; }

.azt-sel-panel[b-41o02q4dp1] {
    position: fixed;
    z-index: 100;
    margin: 0;
    padding: 4px;
    list-style: none;
    overflow-y: auto;
    background: var(--azt-near-white, #fff);
    border: 1px solid var(--azt-border);
    border-radius: var(--azt-radius-lg, 14px);
    box-shadow: 0 12px 28px -8px oklch(0.19 0.03 220 / 0.22);
}

.azt-sel-panel li[b-41o02q4dp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 6px 10px;
    border-radius: var(--azt-radius-sm, 8px);
    font-size: 14px;
    color: var(--azt-ink-70);
    cursor: pointer;
}

.azt-sel-panel li:hover[b-41o02q4dp1],
.azt-sel-panel li.is-active[b-41o02q4dp1] { background: var(--azt-surface-tint, oklch(0.97 0.006 205)); }

.azt-sel-panel li[aria-selected="true"][b-41o02q4dp1] {
    background: var(--azt-slot-tint);
    color: var(--azt-slot-text, var(--azt-ink-700));
    font-weight: 600;
}

@media (max-width: 640px) {
    .azt-sel-panel li[b-41o02q4dp1] { min-height: 44px; }
}

/* Dense variant: toolbars (calendar location), detail panels and inline row editors. */
.azt-sel-trigger.azt-sel-compact[b-41o02q4dp1] {
    padding: 0 10px;
    min-height: 34px;
    border: 1px solid var(--azt-border);
    border-radius: 9px;
    background: var(--azt-near-white);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--azt-ink-700);
}

.azt-sel-trigger.azt-sel-compact:hover:not(:disabled)[b-41o02q4dp1] { background: var(--azt-surface-tint); }

.azt-sel-trigger.is-invalid[b-41o02q4dp1],
.azt-sel-trigger.is-invalid:focus-visible[b-41o02q4dp1] {
    border-color: var(--azt-danger);
    background: var(--azt-danger-bg);
}
/* /Components/Shared/ServiceTypeFilter.razor.rz.scp.css */
.azt-type-filter[b-ps1udlvjc8] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 4px 32px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.azt-type-chip[b-ps1udlvjc8] {
    flex: 0 0 auto;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--azt-border-strong);
    background: white;
    font-size: 12px;
    color: var(--azt-ink-500);
    white-space: nowrap;
}

.azt-type-chip:hover[b-ps1udlvjc8] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-type-chip.is-selected[b-ps1udlvjc8] {
    border-color: var(--azt-slot-500);
    color: var(--azt-slot-600);
    font-weight: 600;
}

@media (max-width: 640px) {
    .azt-type-filter[b-ps1udlvjc8] {
        padding: 4px 16px 12px;
    }
}
/* /Components/Shared/SetupChecklist.razor.rz.scp.css */
.azt-sc[b-3tn94efrd6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.azt-sc-hero[b-3tn94efrd6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 24px;
    border-radius: 18px;
    color: var(--azt-near-white);
    background: linear-gradient(120deg, var(--azt-ink-700), var(--azt-ink-800) 60%, var(--azt-deep-500));
}

.azt-sc-hero-text[b-3tn94efrd6] {
    min-width: 0;
}

.azt-sc-eyebrow[b-3tn94efrd6] {
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--azt-slot-500);
}

.azt-sc-title[b-3tn94efrd6] {
    margin: 10px 0 6px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.azt-sc-body[b-3tn94efrd6] {
    margin: 0;
    max-width: 50ch;
    font-size: 13.5px;
    line-height: 1.55;
    color: oklch(0.85 0.015 200 / 0.78);
}

.azt-sc-cta[b-3tn94efrd6] {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 20px;
    min-height: 44px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    color: var(--azt-ink-700);
    background: var(--azt-slot-500);
}

.azt-sc-cta:hover[b-3tn94efrd6] {
    background: var(--azt-slot-600);
}

.azt-sc-cta:focus-visible[b-3tn94efrd6],
.azt-sc-step-label:focus-visible[b-3tn94efrd6] {
    outline: 3px solid var(--azt-slot-500);
    outline-offset: 2px;
}

.azt-sc-ring[b-3tn94efrd6] {
    position: relative;
    width: 84px;
    height: 84px;
}

.azt-sc-ring svg[b-3tn94efrd6] {
    width: 100%;
    height: 100%;
}

.azt-sc-ring circle[b-3tn94efrd6] {
    fill: none;
    stroke-width: 8;
}

.azt-sc-ring-track[b-3tn94efrd6] {
    stroke: oklch(1 0 0 / 0.16);
}

.azt-sc-ring-value[b-3tn94efrd6] {
    stroke: var(--azt-slot-500);
    stroke-linecap: round;
}

.azt-sc-ring-label[b-3tn94efrd6] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: var(--azt-font-mono);
    font-size: 15px;
}

.azt-sc-steps[b-3tn94efrd6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.azt-sc-step[b-3tn94efrd6] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid oklch(0.88 0.01 210);
    border-radius: 12px;
    background: var(--azt-near-white);
}

.azt-sc-step-mark[b-3tn94efrd6] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1.5px solid oklch(0.8 0.015 210);
    font-family: var(--azt-font-mono);
    font-size: 13px;
    color: var(--azt-ink-500);
}

.azt-sc-step-label[b-3tn94efrd6] {
    font-weight: 600;
    color: var(--azt-ink-900);
    text-decoration: none;
}

a.azt-sc-step-label:hover[b-3tn94efrd6] {
    text-decoration: underline;
}

.azt-sc-step-tag[b-3tn94efrd6] {
    font-family: var(--azt-font-mono);
    font-size: 11px;
    color: var(--azt-ink-500);
    white-space: nowrap;
}

.azt-sc-step.is-done .azt-sc-step-mark[b-3tn94efrd6] {
    background: var(--azt-slot-500);
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-700);
}

.azt-sc-step.is-done .azt-sc-step-label[b-3tn94efrd6] {
    color: var(--azt-ink-500);
    font-weight: 500;
}

.azt-sc-step.is-now[b-3tn94efrd6] {
    border-color: var(--azt-slot-500);
    background: oklch(0.96 0.04 174);
}

.azt-sc-step.is-now .azt-sc-step-mark[b-3tn94efrd6] {
    border-color: var(--azt-slot-500);
    color: var(--azt-ink-900);
}

.azt-sc-step-tag--now[b-3tn94efrd6] {
    color: var(--azt-ink-900);
    font-weight: 500;
}

@media (max-width: 640px) {
    .azt-sc-hero[b-3tn94efrd6] {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .azt-sc-ring[b-3tn94efrd6] {
        order: -1;
    }
}
/* /Components/Shared/SiteHeader.razor.rz.scp.css */
/* The public site header — the "Deep Ink" bar: a solid forest-to-ink-teal gradient with light text
   and a slot-teal accent, matching the assistant card and the providers section of the home page.
   Colors come from the --azt-site-header-* tokens in brand.css.

   Most of what sits inside the header (the nav, the action buttons, the sign-in link) is content
   each page supplies through @ChildContent, or a shared component with its own scoped stylesheet
   (LanguagePicker, NotificationBell). None of it carries this component's scope attribute, so every
   rule below that restyles it uses ::deep. The selectors start from .azt-header so they outrank the
   pages' own one-class rules regardless of stylesheet order. */

.azt-header[b-183g6qpuso] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--azt-site-header-bg);
    border-bottom: 1px solid var(--azt-site-header-border);
}

.azt-header a[b-183g6qpuso],
.azt-header button[b-183g6qpuso],
.azt-header nav[b-183g6qpuso] {
    white-space: nowrap;
}

.azt-header-row[b-183g6qpuso] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 14px 40px;
    display: flex;
    align-items: center;
    gap: 36px;
}

.azt-header[b-183g6qpuso]  a:focus-visible,
.azt-header[b-183g6qpuso]  button:focus-visible {
    outline: 2px solid var(--azt-site-header-accent);
    outline-offset: 2px;
}

/* Pushes the language picker/account control to the header's far right regardless of what nav
   content (if any) sits between it and the logo. */
.azt-header-row[b-183g6qpuso]  .azt-header-actions {
    margin-left: auto;
    gap: 10px;
}

/* Logo: the mark draws in currentColor (its middle bar stays slot teal). */
.azt-logo[b-183g6qpuso] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    text-decoration: none;
}

.azt-wordmark[b-183g6qpuso] {
    display: flex;
    align-items: baseline;
    font-size: 22px;
    letter-spacing: -0.035em;
}

.azt-wordmark-azat[b-183g6qpuso] {
    font-weight: 700;
    color: #fff;
}

.azt-wordmark-time[b-183g6qpuso] {
    font-weight: 400;
    color: var(--azt-site-header-wordmark-time);
}

/* Navigation */
.azt-header-row[b-183g6qpuso]  .azt-nav {
    align-items: center;
    gap: 4px;
    font-size: 15px;
}

.azt-header[b-183g6qpuso]  .azt-nav a {
    position: relative;
    padding: 8px 12px;
    border-radius: 10px;
    color: var(--azt-site-header-fg-muted);
    transition: color 0.15s ease, background-color 0.15s ease;
}

.azt-header[b-183g6qpuso]  .azt-nav a:hover {
    color: #fff;
    background: var(--azt-site-header-hover);
}

/* The current page: white text and a slot-teal underline. About marks its own link with
   .azt-about-nav-current; any future page can use aria-current="page" instead. */
.azt-header[b-183g6qpuso]  .azt-nav a[aria-current="page"],
.azt-header[b-183g6qpuso]  .azt-nav a.azt-about-nav-current {
    color: #fff;
    font-weight: 500;
}

.azt-header[b-183g6qpuso]  .azt-nav a[aria-current="page"]::after,
.azt-header[b-183g6qpuso]  .azt-nav a.azt-about-nav-current::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -15px;
    height: 2px;
    border-radius: 2px;
    background: var(--azt-slot);
}

/* Sign in (signed out) */
.azt-header[b-183g6qpuso]  .azt-signin {
    padding: 9px 20px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 999px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.azt-header[b-183g6qpuso]  .azt-signin:hover {
    background: var(--azt-slot);
    border-color: var(--azt-slot);
    color: #06231F;
}

/* The sign-in page's own "Help" link */
.azt-header[b-183g6qpuso]  .azt-auth-help {
    color: var(--azt-site-header-fg-muted);
}

.azt-header[b-183g6qpuso]  .azt-auth-help:hover {
    color: #fff;
}

/* Language picker (LanguagePicker.razor) — only the button; its dropdown panel stays light. */
.azt-header[b-183g6qpuso]  .azt-picker-btn {
    height: 42px;
    padding: 0 12px 0 8px;
    border-color: var(--azt-site-header-line);
    border-radius: 999px;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-header[b-183g6qpuso]  .azt-picker-btn:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
}

.azt-header[b-183g6qpuso]  .azt-picker-btn .azt-mono-chip {
    background: var(--azt-site-header-accent-soft);
    color: var(--azt-site-header-accent);
}

/* The chevron carries an inline color, so only !important can override it. */
.azt-header[b-183g6qpuso]  .azt-picker-btn svg {
    color: var(--azt-site-header-fg-muted) !important;
}

/* Notification bell (NotificationBell.razor) — only the button; its panel stays light. */
.azt-header[b-183g6qpuso]  .azt-ov-bell {
    width: 42px;
    height: 42px;
    border-color: var(--azt-site-header-line);
    border-radius: 50%;
    background: transparent;
    color: var(--azt-site-header-fg);
}

.azt-header[b-183g6qpuso]  .azt-ov-bell:hover {
    background: var(--azt-site-header-hover);
    border-color: var(--azt-site-header-line);
    color: #fff;
}

.azt-header[b-183g6qpuso]  .azt-ov-bell svg {
    width: 20px;
    height: 20px;
}

.azt-header[b-183g6qpuso]  .azt-ov-bell-dot {
    top: 8px;
    right: 9px;
    width: 9px;
    height: 9px;
    background: var(--azt-slot);
    box-shadow: 0 0 0 2px var(--azt-site-header-ring);
}

/* Mobile menu button (signed-out visitors below 900px). Its display/visibility stays with the page. */
.azt-header[b-183g6qpuso]  .azt-mobile-toggle {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--azt-site-header-line);
    border-radius: 12px;
    color: #fff;
}

.azt-header[b-183g6qpuso]  .azt-mobile-toggle:hover {
    background: var(--azt-site-header-hover);
}

@media (max-width: 1100px) {
    .azt-header-row[b-183g6qpuso] {
        padding-left: 20px;
        padding-right: 20px;
        gap: 20px;
    }
}

/* Layout of what PublicHeader puts in the bar (the pages used to repeat these rules). */
.azt-header[b-183g6qpuso]  .azt-nav { display: flex; }
.azt-header[b-183g6qpuso]  a { text-decoration: none; }
.azt-header[b-183g6qpuso]  .azt-header-actions { display: flex; align-items: center; }

/* The hamburger that opens a page's slide-in menu on narrow screens. */
.azt-header[b-183g6qpuso]  .azt-mobile-toggle {
    display: none;
    padding: 8px;
    border: 0;
    background: none;
    color: #fff;
}

.azt-header[b-183g6qpuso]  .azt-mobile-toggle svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
}

@media (max-width: 1100px) {
    .azt-header-row[b-183g6qpuso]  .azt-nav { gap: 0; }
}

@media (max-width: 900px) {
    .azt-header[b-183g6qpuso]  .azt-nav { display: none; }
    .azt-header[b-183g6qpuso]  .azt-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; }
}
/* /Components/Shared/StarRating.razor.rz.scp.css */
.azt-stars[b-gialg6g10m] {
    display: inline-flex;
    gap: 2px;
    line-height: 1;
}

.azt-star[b-gialg6g10m] {
    padding: 0;
    border: 0;
    background: none;
    font-size: 18px;
    color: var(--azt-ink-100, #d6d8de);
}

.azt-star.is-on[b-gialg6g10m] {
    color: oklch(0.78 0.16 80);
}

.azt-stars-input .azt-star[b-gialg6g10m] {
    font-size: 32px;
    min-width: 40px;
    min-height: 44px;
    cursor: pointer;
}

.azt-stars-input .azt-star:disabled[b-gialg6g10m] {
    cursor: default;
}

.azt-stars-input .azt-star:focus-visible[b-gialg6g10m] {
    outline: 2px solid var(--azt-focus, oklch(0.6 0.15 250));
    outline-offset: 2px;
    border-radius: 6px;
}
/* /Components/Shared/StatusBadge.razor.rz.scp.css */
.azt-status-badge[b-sdpln4gebo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--azt-radius-full);
    font-family: var(--azt-font-mono);
    font-size: 10px;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.azt-status-badge[b-sdpln4gebo]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.azt-status-success[b-sdpln4gebo] {
    background: var(--azt-success-bg);
    color: var(--azt-success-text);
}
.azt-status-success[b-sdpln4gebo]::before {
    background: var(--azt-success);
}

.azt-status-warning[b-sdpln4gebo] {
    background: var(--azt-warning-bg);
    color: var(--azt-warning-text);
}
.azt-status-warning[b-sdpln4gebo]::before {
    background: var(--azt-warning);
}

.azt-status-info[b-sdpln4gebo] {
    background: var(--azt-info-bg);
    color: var(--azt-info-text);
}
.azt-status-info[b-sdpln4gebo]::before {
    background: var(--azt-info);
}

.azt-status-neutral[b-sdpln4gebo] {
    background: var(--azt-border-soft);
    color: var(--azt-ink-420);
}
.azt-status-neutral[b-sdpln4gebo]::before {
    background: var(--azt-ink-250);
}

.azt-status-danger[b-sdpln4gebo] {
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
}
.azt-status-danger[b-sdpln4gebo]::before {
    background: var(--azt-danger);
}
/* /Components/Shared/Switch.razor.rz.scp.css */
.azt-switch[b-mqg831diqv] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font: var(--azt-text-body-sm);
    color: var(--azt-ink-500);
}

.azt-switch.is-disabled[b-mqg831diqv] {
    cursor: not-allowed;
    opacity: 0.6;
}

/* The native checkbox covers the track so a click anywhere on it toggles, and it keeps the keyboard focus. */
.azt-switch input[b-mqg831diqv] {
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    height: 22px;
    margin: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: inherit;
}

.azt-switch i[b-mqg831diqv] {
    position: relative;
    flex: none;
    width: 40px;
    height: 22px;
    border-radius: var(--azt-radius-full);
    background: var(--azt-border-strong);
    transition: background 0.15s;
}

.azt-switch i[b-mqg831diqv]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--azt-near-white);
    box-shadow: 0 1px 2px oklch(0.2 0.03 215 / 0.3);
    transition: transform 0.15s;
}

.azt-switch input:checked + i[b-mqg831diqv] {
    background: var(--azt-slot-500);
}

.azt-switch input:checked + i[b-mqg831diqv]::after {
    transform: translateX(18px);
}

.azt-switch input:focus-visible + i[b-mqg831diqv] {
    outline: 2px solid var(--azt-slot-500);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .azt-switch i[b-mqg831diqv],
    .azt-switch i[b-mqg831diqv]::after {
        transition: none;
    }
}
/* /Components/Shared/TabButton.razor.rz.scp.css */
.azt-tab-underline[b-cy13wjkv1c] {
    padding: 0 0 12px;
    margin-bottom: -1px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--azt-ink-300);
    cursor: pointer;
}

.azt-tab-underline.is-active[b-cy13wjkv1c] {
    color: var(--azt-ink-700);
    border-color: var(--azt-slot-500);
}
/* /Components/Shared/Toast.razor.rz.scp.css */
.azt-toast[b-tzd2ho8ap8] {
    position: fixed;
    left: 50%;
    bottom: var(--azt-space-6);
    transform: translateX(-50%);
    z-index: 90;
    display: flex;
    align-items: center;
    gap: var(--azt-space-3);
    padding: 12px 16px;
    background: var(--azt-ink-800);
    color: var(--azt-near-white);
    border-radius: var(--azt-radius-lg);
    box-shadow: var(--azt-shadow-md);
    font: var(--azt-text-body-sm);
}

@media (min-width: 640px) {
    .azt-toast[b-tzd2ho8ap8] {
        left: auto;
        right: var(--azt-space-6);
        transform: none;
    }
}

.azt-toast-success[b-tzd2ho8ap8] {
    background: var(--azt-success-bg);
    color: var(--azt-success-text);
}

.azt-toast-error[b-tzd2ho8ap8] {
    background: var(--azt-danger-bg);
    color: var(--azt-danger-text);
}

.azt-toast-message[b-tzd2ho8ap8] {
    flex: 1 1 auto;
}

.azt-toast-close[b-tzd2ho8ap8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
}

.azt-toast-close:hover[b-tzd2ho8ap8] {
    opacity: 1;
}

.azt-toast-action[b-tzd2ho8ap8] {
    flex: 0 0 auto;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    padding: 4px 6px;
}