/* /Components/Layout/ErrorLayout.razor.rz.scp.css */
.error-shell[b-zcjk8ishv4] {
    min-height: 100vh;
    min-height: 100dvh;
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 48%, var(--colour-light-blue) 100%);
    color: var(--colour-text);
}

.error-topbar[b-zcjk8ishv4] {
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--colour-border);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.6rem;
    padding: 1rem clamp(1rem, 4vw, 3rem);
}

.error-brand[b-zcjk8ishv4] {
    align-items: center;
    color: var(--colour-text);
    display: inline-flex;
    font-size: 1.15rem;
    font-weight: 800;
    gap: 0.5rem;
    text-decoration: none;
    white-space: nowrap;
}

.error-brand strong[b-zcjk8ishv4] { color: var(--colour-primary-blue); }
.error-brand-mark[b-zcjk8ishv4] { display: inline-flex; height: 2.25rem; width: 2.25rem; }
.error-brand-mark img[b-zcjk8ishv4] { display: block; height: 100%; object-fit: contain; width: 100%; }
.error-brand:focus-visible[b-zcjk8ishv4] {
    outline: 2px solid var(--colour-primary-blue);
    outline-offset: 4px;
    border-radius: var(--radius-sm);
}

.error-support[b-zcjk8ishv4] {
    --btn-app-border: var(--colour-primary-blue);
    --btn-app-text: var(--colour-primary-blue);
    min-height: 2.4rem;
}

.error-main[b-zcjk8ishv4] { padding: clamp(2rem, 8vh, 5rem) var(--app-page-gutter); }

@media (max-width: 600px) {
    .error-topbar[b-zcjk8ishv4] { min-height: 4rem; padding: 0.75rem 1rem; gap: 0.75rem; }
    .error-brand[b-zcjk8ishv4] { font-size: 1rem; }
    .error-brand-mark[b-zcjk8ishv4] { height: 1.8rem; width: 1.8rem; }
    .error-support span[b-zcjk8ishv4] { display: none; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-o4ibm588ia] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 48%, var(--colour-light-blue) 100%);
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.main-content-shell[b-o4ibm588ia] {
    --app-content-gutter: 1.5rem;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.main-content-shell:has(> .patient-guide-navigator)[b-o4ibm588ia] {
    align-items: start;
    column-gap: 0.1rem;
    display: grid;
    grid-template-columns: minmax(0, var(--app-page-max-width)) var(--app-aside-width);
    justify-content: center;
    padding-right: 1.5rem;
    row-gap: 1.5rem;
}

.main-content-shell:has(> .patient-guide-navigator) > .content[b-o4ibm588ia] {
    min-width: 0;
}

.main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator {
    background: var(--colour-surface);
    border: 1px solid var(--app-border-soft);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
    max-height: calc(100dvh - 6.6rem);
    overflow: hidden;
    padding: var(--app-aside-padding);
    position: sticky;
    top: 1.25rem;
}

.main-content-shell[b-o4ibm588ia]  > .progress-photo-disclaimer-sidebar {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
    gap: 0.75rem;
    line-height: 1.45;
    padding: 0;
}

.main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim,
.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-close,
.main-content-shell[b-o4ibm588ia]  > .patient-guide-reading-progress {
    display: none;
}

.main-content-shell[b-o4ibm588ia]  .aside-instruction-checklist {
    display: grid;
    gap: 0.55rem;
    grid-column: 1 / -1;
    list-style: none;
    margin: 0.45rem 0 0;
    padding: 0;
}

.main-content-shell[b-o4ibm588ia]  .aside-instruction-checklist li {
    align-items: start;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 1.25rem minmax(0, 1fr);
}

.main-content-shell[b-o4ibm588ia]  .aside-instruction-checklist li > i {
    align-items: center;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.72rem;
    justify-content: center;
    line-height: 1.45;
    transform: translateY(0.16rem);
    width: 1.25rem;
}

.main-content-shell[b-o4ibm588ia]  > .progress-photo-compare-info-sidebar,
.main-content-shell[b-o4ibm588ia]  > .patient-faq-support-sidebar,
.main-content-shell[b-o4ibm588ia]  > .automated-message-delivery-settings,
.main-content-shell[b-o4ibm588ia]  > .support-conversation-sidebar,
.main-content-shell[b-o4ibm588ia]  > .support-overview-sidebar {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
    gap: 0.75rem;
    line-height: 1.45;
    overflow-y: auto;
    padding: 0;
    scrollbar-color: #cbd2dc transparent;
    scrollbar-width: thin;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-title {
    color: var(--colour-text);
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator > nav {
    margin-right: -0.4rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.4rem;
    scrollbar-color: #cbd2dc transparent;
    scrollbar-width: thin;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator > nav::-webkit-scrollbar {
    width: 5px;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator > nav::-webkit-scrollbar-thumb {
    background: #cbd2dc;
    border-radius: 999px;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator > nav::-webkit-scrollbar-track {
    background: transparent;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list {
    display: grid;
    gap: 0.1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list::before {
    background: var(--app-border-soft);
    bottom: 0.8rem;
    content: "";
    left: 0.7rem;
    position: absolute;
    top: 0.8rem;
    width: 2px;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list::after {
    background: var(--theme-primary);
    bottom: 0.8rem;
    content: "";
    left: 0.7rem;
    position: absolute;
    top: 0.8rem;
    transform: scaleY(var(--navigator-progress, 0));
    transform-origin: top;
    width: 2px;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list li {
    margin: 0;
    min-width: 0;
    position: relative;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list a {
    align-items: start;
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.82rem;
    gap: 0.65rem;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    line-height: 1.35;
    padding: 0.38rem 0;
    text-decoration: none;
    transition: color 120ms ease;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list a:hover,
.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list a:focus-visible {
    color: var(--colour-text);
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list a.active {
    color: var(--theme-primary);
    font-weight: 700;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-marker {
    align-items: center;
    background: var(--colour-surface);
    border: 2px solid #cbd2dc;
    border-radius: 50%;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 700;
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 1.5rem;
    z-index: 1;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-subheading .patient-guide-navigator-marker {
    border-width: 2px;
    height: 0.55rem;
    margin: 0.32rem auto 0;
    width: 0.55rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-minor-heading .patient-guide-navigator-marker {
    border-width: 1px;
    height: 0.4rem;
    margin: 0.38rem auto 0;
    width: 0.4rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-main .patient-guide-navigator-label {
    font-weight: 650;
    padding-top: 0.13rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-subheading .patient-guide-navigator-label,
.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-minor-heading .patient-guide-navigator-label {
    padding-top: 0.02rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-minor-heading .patient-guide-navigator-label {
    font-size: 0.76rem;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list li.reached .patient-guide-navigator-marker {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

.main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-list a:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.app-shell[b-o4ibm588ia] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 248px minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.app-shell > .main-content-shell[b-o4ibm588ia] {
    height: 100%;
}

.mobile-view-mode-banner-slot[b-o4ibm588ia] {
    display: none;
}

@media (max-width: 1100px) {
    .app-shell[b-o4ibm588ia] {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .app-sidebar[b-o4ibm588ia] {
        grid-row: 1 / -1;
    }

    .mobile-view-mode-banner-slot[b-o4ibm588ia] {
        display: block;
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .app-shell > .main-content-shell[b-o4ibm588ia] {
        grid-column: 2;
        grid-row: 2;
    }
}

.app-topbar[b-o4ibm588ia] {
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    flex: 0 0 auto;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.6rem;
    padding: 1rem clamp(1rem, 4vw, 3rem);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 20;
}

@media (min-width: 1101px) {
    /* The desktop banner shares the sticky header's stacking context. */
    .app-topbar:has(.portal-view-mode-banner)[b-o4ibm588ia] {
        z-index: 1900;
    }
}

.app-topbar.patient-app-topbar[b-o4ibm588ia] {
    grid-template-columns: minmax(0, 1fr) auto;
    height: 4rem;
    min-height: 4rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

@media (min-width: 901px) {
    .app-topbar.patient-app-topbar[b-o4ibm588ia] {
        padding-left: 1rem;
    }

    .patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand-mark {
        justify-content: flex-start;
    }
}

.patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand-mark {
    overflow: visible;
}

.patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand-mark img {
    transform: scale(1.5);
    transform-origin: left center;
}

.patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand strong {
    margin-left: 1.75rem;
}

.patient-app-brand[b-o4ibm588ia] {
    color: inherit;
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 100%;
    min-width: 0;
    text-decoration: none;
}

.patient-app-brand:hover[b-o4ibm588ia] {
    text-decoration: none;
}

.patient-app-brand-group[b-o4ibm588ia] {
    align-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 3rem;
    justify-self: start;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-block: 0.4rem;
    row-gap: 3rem;
}

@media (max-width: 900px) {
    .app-topbar.patient-app-topbar[b-o4ibm588ia] {
        padding-left: 1.5rem;
    }

    .patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand-mark {
        justify-content: flex-start;
    }

    .patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand-mark img {
        border-radius: var(--app-card-radius);
    }

    .patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand strong {
        display: block;
    }
}

@media (max-width: 440px) {
    .patient-app-brand[b-o4ibm588ia]  .patient-clinic-brand {
        display: inline-flex;
    }
}

.app-brand[b-o4ibm588ia] {
    align-items: center;
    color: var(--colour-text);
    display: inline-flex;
    font-size: 1.15rem;
    font-weight: 800;
    gap: 0.5rem;
    text-decoration: none;
    white-space: nowrap;
}

.app-brand strong[b-o4ibm588ia] {
    color: var(--theme-primary);
}

.clinic-staff-accept-page .app-brand strong[b-o4ibm588ia] {
    color: var(--colour-primary-blue);
}

.app-brand-text[b-o4ibm588ia] {
    color: var(--colour-text);
}

.app-brand:hover[b-o4ibm588ia] {
    text-decoration: none;
}

.app-brand-mark[b-o4ibm588ia] {
    align-items: center;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.app-brand-mark img[b-o4ibm588ia] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.app-topbar-actions[b-o4ibm588ia] {
    grid-column: -2 / -1;
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.app-support-link[b-o4ibm588ia] {
    --btn-app-bg: var(--colour-surface);
    --btn-app-border: var(--theme-primary);
    --btn-app-text: var(--theme-primary);
    --btn-app-hover-bg: var(--theme-light);
    --btn-app-hover-border: var(--theme-primary-hover);
    --btn-app-hover-text: var(--theme-primary-hover);
    --btn-app-active-bg: var(--theme-light);
    --btn-app-active-border: var(--theme-primary-hover);
    --btn-app-active-text: var(--theme-primary-hover);
    min-height: 2.4rem;
    white-space: nowrap;
}

.clinic-staff-accept-page .app-support-link[b-o4ibm588ia] {
    --btn-app-bg: var(--colour-surface);
    --btn-app-border: var(--colour-primary-blue);
    --btn-app-text: var(--colour-primary-blue);
    --btn-app-hover-bg: var(--colour-light-blue-strong);
    --btn-app-hover-border: var(--colour-primary-blue-hover);
    --btn-app-hover-text: var(--colour-primary-blue-hover);
    --btn-app-active-bg: var(--colour-light-blue-strong);
    --btn-app-active-border: var(--colour-primary-blue-hover);
    --btn-app-active-text: var(--colour-primary-blue-hover);
}

.app-support-link i[b-o4ibm588ia] {
    font-size: 1.05rem;
    line-height: 1;
}

.mobile-nav-toggle[b-o4ibm588ia] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--theme-primary);
    display: none;
    font-size: 1.25rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.mobile-nav-toggle:hover[b-o4ibm588ia],
.mobile-nav-toggle:focus-visible[b-o4ibm588ia] {
    background: var(--theme-light);
    color: var(--theme-primary-hover);
    outline: none;
}

.profile-menu[b-o4ibm588ia] {
    position: relative;
}

.profile-menu > summary[b-o4ibm588ia] {
    align-items: center;
    cursor: pointer;
    display: flex;
    list-style: none;
}

.profile-menu > summary[b-o4ibm588ia]::-webkit-details-marker {
    display: none;
}

.profile-avatar[b-o4ibm588ia] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid var(--colour-border);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-weight: 800;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.profile-dropdown[b-o4ibm588ia] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(29, 65, 110, 0.14);
    display: grid;
    gap: 0.85rem;
    min-width: min(240px, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    max-height: calc(100dvh - 6.5rem);
    overflow-y: auto;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.65rem);
    z-index: 30;
}

.profile-summary[b-o4ibm588ia] {
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    gap: 0.15rem;
    padding-bottom: 0.85rem;
}

.profile-name[b-o4ibm588ia] {
    color: var(--colour-text);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.profile-email[b-o4ibm588ia] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.profile-role[b-o4ibm588ia] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
}

.app-sidebar[b-o4ibm588ia] {
    align-content: start;
    background: var(--colour-surface);
    border-right: 1px solid var(--colour-border);
    display: grid;
    gap: 0.65rem;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 1.25rem 1rem;
    position: relative;
}

@media (min-width: 901px) {
    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main {
        overflow-x: hidden;
        padding-right: 0;
    }

    @supports not selector(::-webkit-scrollbar) {
        .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main {
            scrollbar-color: #cbd2dc transparent;
            scrollbar-width: thin;
        }
    }

    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main::-webkit-scrollbar {
        width: 6px;
    }

    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main::-webkit-scrollbar-track {
        background: transparent;
    }

    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main::-webkit-scrollbar-button {
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        display: none;
        height: 0;
        min-height: 0;
        min-width: 0;
        width: 0;
    }

    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main::-webkit-scrollbar-thumb {
        background-color: #cbd2dc;
        border-radius: 999px;
    }

    .clinic-app-sidebar[b-o4ibm588ia]  .sidebar-nav-main::-webkit-scrollbar-thumb:hover {
        background-color: #9aa8ba;
    }
}

.sidebar-profile[b-o4ibm588ia] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.25rem 0.35rem 0.75rem;
}

.sidebar-profile div[b-o4ibm588ia] {
    display: grid;
    min-width: 0;
}

.sidebar-profile strong[b-o4ibm588ia] {
    color: var(--colour-text);
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-profile span:last-child[b-o4ibm588ia] {
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
}

.sidebar-footer-actions[b-o4ibm588ia] {
    display: grid;
    grid-row: 3;
    min-width: 0;
}

.profile-logout[b-o4ibm588ia] {
    border-top: 1px solid var(--colour-border);
    padding-top: 0.85rem;
    margin: 0;
}

.app-sidebar-powered-by[b-o4ibm588ia],
.app-content-powered-by[b-o4ibm588ia] {
    display: none;
}

@media (min-width: 901px) {
    .app-sidebar-powered-by[b-o4ibm588ia] {
        display: block;
        padding-left: 2.5rem;
    }

    .app-sidebar-powered-by[b-o4ibm588ia]  .app-powered-by-footer {
        margin-top: 1.75rem;
    }
}

.sidebar-help[b-o4ibm588ia] {
    align-items: center;
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: flex;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.7rem 0.75rem;
    text-decoration: none;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.sidebar-help:hover[b-o4ibm588ia] {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
    text-decoration: none;
}

.sidebar-help:hover[b-o4ibm588ia] {
    transform: translateX(2px);
}

.sidebar-icon[b-o4ibm588ia] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.08rem;
    justify-content: center;
    line-height: 1;
    width: 1.35rem;
}

.sidebar-help[b-o4ibm588ia] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    color: var(--colour-text-secondary);
    margin-top: 1rem;
}

.sidebar-help span:last-child[b-o4ibm588ia] {
    display: grid;
}

.sidebar-help strong[b-o4ibm588ia] {
    color: var(--colour-text);
    font-size: 0.86rem;
}

.sidebar-help small[b-o4ibm588ia] {
    color: var(--colour-text-secondary);
    font-size: 0.76rem;
}

.sidebar-scrim[b-o4ibm588ia] {
    display: none;
}

.content[b-o4ibm588ia] {
    padding-bottom: 2rem;
    padding-top: 1.25rem;
}

.home-layout > .main-content-shell > .content[b-o4ibm588ia] {
    display: flex;
    min-height: 100%;
    padding: 0 !important;
}

.content:has(> .support-page)[b-o4ibm588ia]  > .app-powered-by-footer,
.content:has(> .support-page) > .app-content-powered-by[b-o4ibm588ia]  .app-powered-by-footer {
    margin-top: 1.5rem;
}

/* Let single-screen public pages and their footer share the available height. */
.public-content:has(> :is(.auth-viewport-page, .auth-single-card-page))[b-o4ibm588ia] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.public-content:has(> .auth-viewport-page)[b-o4ibm588ia] {
    padding: 0 !important;
}

.main-content-shell > .public-content[b-o4ibm588ia]  > :is(.auth-viewport-page, .auth-single-card-page) {
    flex: 1 0 auto;
    min-height: auto;
}

.main-content-shell > .public-content[b-o4ibm588ia]  > .auth-viewport-page {
    margin: 0;
    width: 100%;
}

.public-content:has(> :is(.auth-viewport-page, .auth-single-card-page))[b-o4ibm588ia]  > .app-powered-by-footer {
    flex: 0 0 auto;
    margin-top: 0;
    padding: 0.75rem 1rem;
}

@media (min-width: 981px) and (max-height: 850px) {
    .public-content:has(> .auth-viewport-page)[b-o4ibm588ia]  > .app-powered-by-footer {
        padding-block: 0.25rem;
    }
}

.app-content-gutter[b-o4ibm588ia] {
    padding-left: var(--app-content-gutter);
    padding-right: var(--app-content-gutter);
}

#blazor-error-ui[b-o4ibm588ia] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-o4ibm588ia] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 900px) {
    .app-content-powered-by[b-o4ibm588ia] {
        display: block;
    }

    .app-content-powered-by[b-o4ibm588ia]  footer.app-powered-by-footer.is-stacked {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .main-content-shell.portal-content-gutter-shell[b-o4ibm588ia] {
        --app-content-gutter: 0.5rem;
    }

    .main-content-shell.portal-content-gutter-shell:not(.platform-admin-main-content-shell) > .content:has(> .clinic-dashboard-page)[b-o4ibm588ia],
    .main-content-shell.portal-content-gutter-shell:not(.platform-admin-main-content-shell) > .content:has(> .guide-edit-page)[b-o4ibm588ia] {
        --app-content-gutter: 1.5rem;
    }

    .app-topbar[b-o4ibm588ia] {
        gap: 0.75rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 4rem;
        padding: 0.75rem 1rem;
    }

    .app-brand[b-o4ibm588ia] {
        font-size: 1rem;
    }

    .app-brand-mark[b-o4ibm588ia] {
        height: 1.8rem;
        width: 1.8rem;
    }

    .app-topbar-actions[b-o4ibm588ia] {
        gap: 0.55rem;
    }

    .app-support-link[b-o4ibm588ia] {
        display: none;
    }

    .admin-login-layout .app-support-link[b-o4ibm588ia],
    .clinic-login-layout .app-support-link[b-o4ibm588ia],
    .clinic-signup-layout .app-support-link[b-o4ibm588ia],
    .patient-login-layout .app-support-link[b-o4ibm588ia],
    .patient-signup-layout .app-support-link[b-o4ibm588ia] {
        display: inline-flex;
    }

    .mobile-nav-toggle[b-o4ibm588ia] {
        display: inline-flex;
    }

    .app-shell[b-o4ibm588ia] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .mobile-view-mode-banner-slot[b-o4ibm588ia],
    .app-shell > .main-content-shell[b-o4ibm588ia] {
        grid-column: 1;
    }

    .main-content-shell:has(> .patient-guide-navigator)[b-o4ibm588ia] {
        grid-template-columns: minmax(0, 1fr);
        padding-right: 0;
    }

    .main-content-shell:has(> .patient-guide-navigator)[b-o4ibm588ia] >  .patient-guide-navigator:not(.progress-photo-disclaimer-sidebar):not(.progress-photo-compare-info-sidebar):not(.patient-guide-detail-navigator):not(.support-conversation-sidebar):not(.support-overview-sidebar):not(.patient-faq-support-sidebar) {
        grid-row: 1;
        margin: 1.25rem var(--app-content-gutter) 0;
        max-height: min(45dvh, 24rem);
        position: static;
    }

    .main-content-shell:has(> .patient-faq-support-sidebar)[b-o4ibm588ia] >  .patient-faq-support-sidebar {
        grid-row: 1;
        margin: 1.25rem var(--app-content-gutter) 0;
        max-height: min(45dvh, 24rem);
        position: static;
    }

    .main-content-shell:has(> .patient-guide-navigator) > .content[b-o4ibm588ia] {
        grid-row: 2;
    }

    .app-sidebar[b-o4ibm588ia] {
        border-right: 1px solid var(--colour-border);
        bottom: 0;
        box-shadow: 18px 0 45px rgba(29, 65, 110, 0.18);
        height: auto;
        left: 0;
        max-height: none;
        overflow: hidden;
        padding: 1rem;
        padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        position: fixed;
        top: 4rem;
        transform: translateX(-105%);
        transition: transform 0.2s ease;
        width: min(82vw, 20rem);
        z-index: 25;
    }

    .sidebar-open .app-sidebar[b-o4ibm588ia] {
        transform: translateX(0);
    }

    .sidebar-scrim[b-o4ibm588ia] {
        background: rgba(7, 27, 82, 0.34);
        border: 0;
        bottom: 0;
        display: block;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 4rem;
        transition: opacity 0.2s ease;
        z-index: 24;
    }

    .sidebar-open .sidebar-scrim[b-o4ibm588ia] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (max-width: 360px) {
    .app-topbar:has(.mobile-nav-toggle) .app-brand-text[b-o4ibm588ia] {
        display: none;
    }
}

@media (max-width: 620px) {
    .app-topbar:has(> .app-topbar-actions > .language-selector) .app-brand-text[b-o4ibm588ia] {
        display: none;
    }

    .admin-login-layout .app-support-link[b-o4ibm588ia],
    .clinic-login-layout .app-support-link[b-o4ibm588ia],
    .clinic-signup-layout .app-support-link[b-o4ibm588ia],
    .patient-login-layout .app-support-link[b-o4ibm588ia],
    .patient-signup-layout .app-support-link[b-o4ibm588ia] {
        display: inline-flex;
        justify-content: center;
        min-width: 2.4rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .admin-login-layout .app-support-link span[b-o4ibm588ia],
    .clinic-login-layout .app-support-link span[b-o4ibm588ia],
    .clinic-signup-layout .app-support-link span[b-o4ibm588ia],
    .patient-login-layout .app-support-link span[b-o4ibm588ia],
    .patient-signup-layout .app-support-link span[b-o4ibm588ia] {
        display: none;
    }
}

.main-content-shell.responsive-aside-drawer-open[b-o4ibm588ia] {
    overflow-y: hidden;
}

@media (max-width: 1105px) {
    .main-content-shell.patient-guide-navigation-page[b-o4ibm588ia] {
        --patient-guide-shell-left: 248px;
        --patient-guide-shell-top: 4.6rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        overscroll-behavior-y: contain;
        padding-right: 0;
        row-gap: 0;
    }

    .main-content-shell.patient-guide-navigation-open[b-o4ibm588ia] {
        overflow-y: hidden;
    }

    .main-content-shell.patient-guide-navigation-page > .content[b-o4ibm588ia] {
        grid-column: 1;
        grid-row: 1;
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator {
        background: var(--colour-surface);
        border: 0;
        border-left: 1px solid var(--colour-border);
        border-radius: 0;
        bottom: 0;
        box-shadow: -18px 0 45px rgba(29, 65, 110, 0.18);
        gap: 0;
        height: auto;
        left: auto;
        margin: 0;
        max-height: none;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: var(--patient-guide-shell-top);
        transform: translate3d(105%, 0, 0);
        transition: none;
        visibility: hidden;
        width: min(88vw, 22rem);
        z-index: 29;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator.is-motion-enabled {
        transition: transform 0.2s ease, visibility 0s linear 0.2s;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator.is-open {
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
        visibility: visible;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim {
        background: rgba(7, 27, 82, 0.34);
        border: 0;
        bottom: 0;
        display: block;
        left: var(--patient-guide-shell-left);
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        touch-action: none;
        top: var(--patient-guide-shell-top);
        transition: none;
        visibility: hidden;
        z-index: 28;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim.is-motion-enabled {
        transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim.is-open {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
    }

    .main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-header {
        align-items: center;
        background: var(--colour-surface);
        border-bottom: 1px solid var(--colour-border);
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        padding: 1rem;
    }

    .main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-header > .patient-guide-navigator-title {
        font-size: 1rem;
        line-height: 1.3;
        margin: 0;
    }

    .main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-close {
        align-items: center;
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        color: var(--colour-text-secondary);
        display: inline-flex;
        height: 2.25rem;
        justify-content: center;
        width: 2.25rem;
    }

    .main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-close:hover,
    .main-content-shell[b-o4ibm588ia]  .patient-guide-navigator-close:focus-visible {
        border-color: var(--theme-primary);
        color: var(--theme-primary);
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator > nav {
        flex: 1 1 auto;
        margin: 0;
        min-height: 0;
        padding: 1rem;
    }

    .main-content-shell:has(> .progress-photo-disclaimer-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .progress-photo-compare-info-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .support-conversation-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .support-overview-sidebar)[b-o4ibm588ia] {
        --responsive-aside-shell-left: 248px;
        --responsive-aside-shell-top: 4.6rem;
        grid-template-columns: minmax(0, 1fr);
        overscroll-behavior-y: contain;
        padding-right: 0;
    }

    .main-content-shell:has(> .progress-photo-disclaimer-sidebar) > .content[b-o4ibm588ia],
    .main-content-shell:has(> .progress-photo-compare-info-sidebar) > .content[b-o4ibm588ia],
    .main-content-shell:has(> .support-overview-sidebar) > .content[b-o4ibm588ia] {
        grid-row: 1;
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .main-content-shell:has(> .support-conversation-sidebar) > .content[b-o4ibm588ia] {
        grid-row: 1;
        padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 900px) {
    .app-shell:has(> .main-content-shell.patient-guide-navigation-page)[b-o4ibm588ia] {
        flex-basis: 0;
    }

    .main-content-shell.patient-guide-navigation-page[b-o4ibm588ia] {
        --patient-guide-shell-left: 0px;
        --patient-guide-shell-top: 4rem;
        max-height: 100%;
        overscroll-behavior-y: none;
        scrollbar-gutter: auto;
    }

    .main-content-shell.patient-guide-navigation-page > .content[b-o4ibm588ia] {
        grid-row: 2;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-reading-progress {
        --guide-reading-progress: 0;
        align-self: start;
        background: color-mix(in srgb, var(--theme-primary) 16%, var(--colour-border));
        display: block;
        grid-column: 1;
        grid-row: 1;
        height: 3px;
        overflow: hidden;
        pointer-events: none;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 19;
    }

    .main-content-shell[b-o4ibm588ia]  > .patient-guide-reading-progress::after {
        background: linear-gradient(90deg, var(--theme-primary), var(--colour-primary-blue));
        content: "";
        display: block;
        height: 100%;
        transform: scaleX(var(--guide-reading-progress));
        transform-origin: left center;
        width: 100%;
    }

    .app-shell:has(> .main-content-shell > .progress-photo-disclaimer-sidebar)[b-o4ibm588ia],
    .app-shell:has(> .main-content-shell > .progress-photo-compare-info-sidebar)[b-o4ibm588ia],
    .app-shell:has(> .main-content-shell > .support-conversation-sidebar)[b-o4ibm588ia],
    .app-shell:has(> .main-content-shell > .support-overview-sidebar)[b-o4ibm588ia] {
        flex-basis: 0;
    }

    .main-content-shell:has(> .progress-photo-disclaimer-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .progress-photo-compare-info-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .support-conversation-sidebar)[b-o4ibm588ia],
    .main-content-shell:has(> .support-overview-sidebar)[b-o4ibm588ia] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
        max-height: 100%;
        overscroll-behavior-y: none;
        scrollbar-gutter: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator,
    .main-content-shell[b-o4ibm588ia]  > .patient-guide-detail-navigator.is-motion-enabled,
    .main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim,
    .main-content-shell[b-o4ibm588ia]  > .patient-guide-navigator-scrim.is-motion-enabled {
        transition: none;
    }
}

@media (max-width: 1200px) {
    .main-content-shell:has(> .patient-faq-support-sidebar)[b-o4ibm588ia] {
        grid-template-columns: minmax(0, 1fr);
        padding-right: 0;
        row-gap: 0;
    }

    .main-content-shell:has(> .patient-faq-support-sidebar) > .content[b-o4ibm588ia] {
        grid-column: 1;
        grid-row: 1;
    }

    .main-content-shell:has(> .patient-faq-support-sidebar)[b-o4ibm588ia] >  .patient-faq-support-sidebar {
        align-content: start;
        display: grid;
        grid-column: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-row: 2;
        margin: 0 calc(var(--app-content-gutter) + var(--app-page-gutter)) 1.25rem;
        max-height: none;
        overflow: visible;
        position: static;
    }
}

@media (max-width: 900px) {
    .main-content-shell:has(> .patient-faq-support-sidebar) > .content > .app-content-powered-by[b-o4ibm588ia] {
        display: none;
    }

    .main-content-shell:has(> .patient-faq-support-sidebar)[b-o4ibm588ia] >  .patient-faq-support-sidebar {
        margin-inline: calc(var(--app-content-gutter) + 1rem);
    }
}

@media (max-width: 700px) {
    .main-content-shell:has(> .patient-faq-support-sidebar)[b-o4ibm588ia] >  .patient-faq-support-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* On short screens, let the entire sidebar scroll so footer actions cannot
   consume all the space needed for navigation. */
@media (max-height: 600px) {
    .app-sidebar[b-o4ibm588ia] {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .app-sidebar > *[b-o4ibm588ia] {
        flex-shrink: 0;
    }

    .app-sidebar[b-o4ibm588ia]  .sidebar-nav {
        display: block;
    }

    .app-sidebar[b-o4ibm588ia]  .sidebar-nav,
    .app-sidebar[b-o4ibm588ia]  .sidebar-nav-main {
        min-height: auto;
        overflow: visible;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-nav[b-zpwg3rkk77] {
    display: grid;
    gap: 0.5rem;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
}

.sidebar-nav-main[b-zpwg3rkk77] {
    align-content: start;
    display: grid;
    gap: 0.125rem;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    padding-right: 0.15rem;
}

.sidebar-clinic-view-heading[b-zpwg3rkk77] {
    background: #fff8e1;
    border: 1px solid #d99f17;
    border-radius: 8px;
    color: #5f3d0c;
    display: grid;
    gap: 0.15rem;
    margin-bottom: 0.5rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
}

.sidebar-clinic-view-heading span[b-zpwg3rkk77] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sidebar-clinic-view-heading strong[b-zpwg3rkk77] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-accordion-section[b-zpwg3rkk77] {
    display: grid;
    gap: 0.15rem;
}

.sidebar-section-toggle[b-zpwg3rkk77] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.72rem;
    font-weight: 800;
    justify-content: space-between;
    letter-spacing: 0;
    margin-top: 0.55rem;
    min-height: 2.1rem;
    padding: 0.4rem 0.75rem;
    text-align: left;
    text-transform: uppercase;
    transition: background-color 0.16s ease, color 0.16s ease;
    width: 100%;
}

.sidebar-section-toggle:hover[b-zpwg3rkk77],
.sidebar-section-toggle:focus-visible[b-zpwg3rkk77] {
    background: var(--colour-background);
    color: var(--theme-primary);
    outline: none;
}

.sidebar-section-toggle i[b-zpwg3rkk77] {
    font-size: 0.86rem;
    line-height: 1;
}

.sidebar-section-panel[b-zpwg3rkk77] {
    display: grid;
    gap: 0.15rem;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-link {
    align-items: center;
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: flex;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
    min-height: 2.375rem;
    padding: 0.45rem 0.625rem;
    text-decoration: none;
    transition: background-color 0.16s ease, color 0.16s ease;
}

.sidebar-link-text[b-zpwg3rkk77] {
    flex: 0 1 auto;
    min-width: 0;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-link.active,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-link:hover,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-link:focus-visible {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
    text-decoration: none;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-link.active {
    font-weight: 800;
}

.sidebar-icon[b-zpwg3rkk77] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.95rem;
    justify-content: center;
    line-height: 1;
    width: 1.2rem;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-top: 1px solid var(--colour-border);
    color: var(--colour-text);
    flex: 0 0 auto;
    gap: 0.85rem;
    margin-top: 0.5rem;
    min-height: 3.25rem;
    padding: 0.5rem 0.625rem;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link.active,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:hover,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:focus-visible {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link.active .sidebar-support-icon,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:hover .sidebar-support-icon,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:focus-visible .sidebar-support-icon,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link.active .sidebar-support-copy > span,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:hover .sidebar-support-copy > span,
.sidebar-nav[b-zpwg3rkk77]  .sidebar-support-link:focus-visible .sidebar-support-copy > span {
    color: var(--theme-primary);
}

.sidebar-support-icon[b-zpwg3rkk77] {
    align-items: center;
    color: #4c5a72;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    width: 1.45rem;
}

.sidebar-support-copy[b-zpwg3rkk77] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.sidebar-support-copy > span[b-zpwg3rkk77] {
    align-items: center;
    color: var(--colour-text);
    display: flex;
    font-size: 0.875rem;
    font-weight: 750;
    gap: 0.5rem;
    line-height: 1.2;
}

.sidebar-support-copy small[b-zpwg3rkk77] {
    color: var(--colour-text-secondary);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.2;
}

.sidebar-support-badge[b-zpwg3rkk77] {
    align-items: center;
    background: #ffd9df;
    border-radius: 999px;
    color: #d9445f;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.7rem;
    font-weight: 800;
    height: 1.35rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.35rem;
    padding: 0 0.35rem;
}

.sidebar-section-heading[b-zpwg3rkk77] {
    color: var(--colour-text-secondary);
    font-size: 0.6875rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0.6rem 0 0.15rem;
    padding: 0 0.625rem;
    text-transform: uppercase;
}

.sidebar-nav[b-zpwg3rkk77]  .sidebar-link:focus-visible,
.sidebar-section-toggle:focus-visible[b-zpwg3rkk77] {
    outline: 2px solid var(--theme-primary);
    outline-offset: -2px;
}

@media (max-width: 900px), (pointer: coarse) {
    .sidebar-nav[b-zpwg3rkk77]  .sidebar-link,
    .sidebar-section-toggle[b-zpwg3rkk77] {
        min-height: 2.75rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-f3dscrepio],
.components-reconnect-repeated-attempt-visible[b-f3dscrepio],
.components-reconnect-failed-visible[b-f3dscrepio],
.components-pause-visible[b-f3dscrepio],
.components-resume-failed-visible[b-f3dscrepio],
.components-rejoining-animation[b-f3dscrepio] {
    display: none;
}

#components-reconnect-modal[b-f3dscrepio] {
    display: none;
}

#components-reconnect-modal.components-reconnect-open[b-f3dscrepio] {
    display: flex;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-f3dscrepio],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-f3dscrepio] {
    display: block;
}

.components-reconnect-dialog[b-f3dscrepio] {
    max-width: 380px;
}

.components-reconnect-container[b-f3dscrepio] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.components-reconnect-container p[b-f3dscrepio] {
    color: var(--colour-text-secondary);
    margin: 0;
    text-align: center;
}

.components-reconnect-container .btn-app[b-f3dscrepio] {
    min-width: 120px;
}

.components-rejoining-animation[b-f3dscrepio] {
    height: 80px;
    position: relative;
    width: 80px;
}

.components-rejoining-animation div[b-f3dscrepio] {
    animation: components-rejoining-animation-b-f3dscrepio 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    border: 3px solid var(--theme-primary);
    border-radius: 50%;
    opacity: 1;
    position: absolute;
}

.components-rejoining-animation div:nth-child(2)[b-f3dscrepio] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-f3dscrepio {
    0% {
        height: 0;
        left: 40px;
        opacity: 0;
        top: 40px;
        width: 0;
    }

    4.9% {
        height: 0;
        left: 40px;
        opacity: 0;
        top: 40px;
        width: 0;
    }

    5% {
        height: 0;
        left: 40px;
        opacity: 1;
        top: 40px;
        width: 0;
    }

    100% {
        height: 80px;
        left: 0;
        opacity: 0;
        top: 0;
        width: 80px;
    }
}
/* /Components/Pages/Account/AccountSettings.razor.rz.scp.css */
.patient-profile-grid[b-gczdpjvu9w] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.25rem;
}

.patient-profile-grid > div[b-gczdpjvu9w] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
}

.patient-profile-grid strong[b-gczdpjvu9w] {
    color: var(--colour-text);
    overflow-wrap: anywhere;
}

.account-settings-preferences[b-gczdpjvu9w] {
    display: grid;
    gap: var(--app-page-gap);
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.account-settings-time-zone-card[b-gczdpjvu9w],
.account-settings-security-card[b-gczdpjvu9w],
.account-settings-notification-card[b-gczdpjvu9w] {
    height: 100%;
}

.account-settings-time-zone-card[b-gczdpjvu9w] {
    grid-column: 1;
    grid-row: 1;
    order: 1;
}

.account-settings-security-card[b-gczdpjvu9w] {
    grid-column: 2;
    grid-row: 1;
    isolation: isolate;
    order: 2;
    overflow: hidden;
    position: relative;
}

.account-settings-notification-card[b-gczdpjvu9w] {
    grid-column: 1 / -1;
    grid-row: 2;
    order: 3;
}

.account-settings-time-zone-card[b-gczdpjvu9w] {
    display: flex;
    flex-direction: column;
}

.account-settings-security-card .panel-header[b-gczdpjvu9w] {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.account-settings-security-card .panel-header > div[b-gczdpjvu9w] {
    display: grid;
    gap: 0.4rem;
}

.account-settings-security-card .panel-subtitle[b-gczdpjvu9w] {
    line-height: 1.5;
    margin: 0;
    max-width: 22rem;
}

.account-settings-security-card .btn-app[b-gczdpjvu9w] {
    background: rgba(255, 255, 255, 0.9);
    justify-content: center;
    margin-top: auto;
    width: 100%;
}

.account-settings-security-watermark[b-gczdpjvu9w] {
    color: var(--theme-primary);
    font-size: clamp(7rem, 11vw, 10rem);
    line-height: 1;
    opacity: 0.045;
    pointer-events: none;
    position: absolute;
    right: 10%;
    top: 54%;
    transform: translateY(-50%);
    z-index: 0;
}

.account-settings-time-zone-card > .clinic-admin-actions[b-gczdpjvu9w] {
    margin-top: auto !important;
}

.account-time-zone-grid[b-gczdpjvu9w] {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
}

.account-notification-options[b-gczdpjvu9w] {
    align-items: start;
    align-content: start;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-notification-column[b-gczdpjvu9w] {
    align-content: start;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.account-notification-group[b-gczdpjvu9w] {
    align-items: start;
    background: var(--colour-surface);
    gap: 0;
    overflow: hidden;
    padding: 0;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.account-notification-heading[b-gczdpjvu9w] {
    margin: 0;
}

.account-notification-toggle[b-gczdpjvu9w] {
    align-items: center;
    background: var(--colour-surface);
    border: 0;
    color: var(--colour-text);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: 1rem;
    text-align: left;
    transition: background-color 160ms ease, color 160ms ease;
    width: 100%;
}

.account-notification-toggle:hover[b-gczdpjvu9w],
.account-notification-toggle:focus-visible[b-gczdpjvu9w] {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
}

.account-notification-group.expanded[b-gczdpjvu9w] {
    border-color: color-mix(in srgb, var(--theme-primary) 20%, var(--colour-border));
}

.account-notification-group.expanded .account-notification-toggle[b-gczdpjvu9w] {
    background: color-mix(in srgb, var(--theme-light) 70%, var(--colour-surface));
}

.account-notification-icon[b-gczdpjvu9w] {
    align-items: center;
    background: var(--colour-light-green);
    border: 1px solid color-mix(in srgb, var(--colour-primary-green) 22%, var(--colour-border));
    border-radius: 8px;
    color: var(--colour-primary-green);
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.account-notification-copy[b-gczdpjvu9w] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.account-notification-copy strong[b-gczdpjvu9w] {
    font-size: 1.05rem;
}

.account-notification-copy > span[b-gczdpjvu9w] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.account-notification-counter[b-gczdpjvu9w] {
    white-space: nowrap;
}

.account-notification-chevron-control[b-gczdpjvu9w] {
    flex: 0 0 auto;
    pointer-events: none;
}

.account-notification-chevron[b-gczdpjvu9w] {
    line-height: 1;
    transition: transform 220ms ease;
}

.account-notification-group.expanded .account-notification-chevron[b-gczdpjvu9w] {
    transform: rotate(-180deg);
}

.account-notification-region[b-gczdpjvu9w] {
    background: var(--colour-surface);
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 220ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.account-notification-region.expanded[b-gczdpjvu9w] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--theme-primary) 14%, var(--colour-border));
    grid-template-rows: 1fr;
    opacity: 1;
}

.account-notification-region-inner[b-gczdpjvu9w] {
    min-height: 0;
    overflow: hidden;
}

.account-notification-channels[b-gczdpjvu9w] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.account-notification-channel[b-gczdpjvu9w] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    margin: 0;
    min-width: 0;
    padding: 0.7rem 0.8rem;
}

.account-notification-channel[b-gczdpjvu9w]  .account-notification-checkbox {
    align-self: center;
    float: none;
    margin: 0;
    position: static;
    transform: translateY(4px);
}

.account-notification-channel .form-check-label[b-gczdpjvu9w] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    line-height: 1.25;
    margin: 0;
    min-width: 0;
}

.account-notification-channel .form-check-label > i[b-gczdpjvu9w] {
    flex: 0 0 auto;
}

.account-settings-section-title[b-gczdpjvu9w],
.account-detail-value[b-gczdpjvu9w] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.account-settings-section-title > i[b-gczdpjvu9w],
.account-detail-value > i[b-gczdpjvu9w] {
    color: var(--theme-primary);
    flex: 0 0 auto;
}

.account-detail-value[b-gczdpjvu9w] {
    align-items: flex-start;
}

.account-detail-value > i[b-gczdpjvu9w] {
    line-height: 1.35;
}

.account-profile-picture[b-gczdpjvu9w] {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    padding: 1.25rem;
}

.account-profile-picture-avatar[b-gczdpjvu9w] {
    display: inline-grid;
    flex: 0 0 auto;
    position: relative;
}

.account-profile-picture-camera[b-gczdpjvu9w] {
    border-radius: 50%;
    bottom: 0.1rem;
    font-size: 0.95rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    position: absolute;
    right: 0.1rem;
    width: 2.25rem;
    z-index: 1;
}

.account-profile-picture-camera:hover[b-gczdpjvu9w],
.account-profile-picture-camera:active[b-gczdpjvu9w] {
    transform: none;
}

.account-profile-picture-controls[b-gczdpjvu9w] {
    display: grid;
    gap: 0.75rem;
}

.patient-account-settings-page .account-profile-picture[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture[b-gczdpjvu9w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
}

.patient-account-settings-page .account-profile-picture-controls[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-controls[b-gczdpjvu9w] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
}

.patient-account-settings-page .account-profile-picture-copy[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-copy[b-gczdpjvu9w] {
    display: grid;
    gap: 0.35rem;
    grid-column: 1;
    text-align: left;
}

.patient-account-settings-page .account-profile-picture-copy h2[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-copy h2[b-gczdpjvu9w] {
    color: var(--colour-text);
    font-size: 1.1rem;
    margin: 0;
}

.patient-account-settings-page .account-profile-picture-copy .panel-subtitle[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-copy .panel-subtitle[b-gczdpjvu9w] {
    margin: 0 0 0.35rem;
}

.patient-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w] {
    align-self: center;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    justify-self: end;
    width: max-content;
}

.patient-account-settings-page .account-profile-picture-actions .btn-app[b-gczdpjvu9w],
.clinic-account-settings-page .account-profile-picture-actions .btn-app[b-gczdpjvu9w] {
    justify-content: center;
    width: 100%;
}

.account-profile-picture-controls p[b-gczdpjvu9w],
.account-profile-picture-controls small[b-gczdpjvu9w] {
    color: var(--colour-text-secondary);
    margin: 0;
}

@media (max-width: 1000px) {
    .patient-profile-grid[b-gczdpjvu9w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .account-settings-preferences[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .account-settings-time-zone-card[b-gczdpjvu9w],
    .account-settings-security-card[b-gczdpjvu9w],
    .account-settings-notification-card[b-gczdpjvu9w] {
        grid-column: 1;
        grid-row: auto;
    }

}

@media (max-width: 650px) {
    .account-profile-picture[b-gczdpjvu9w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .patient-profile-grid[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .account-time-zone-grid[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .account-notification-channels[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .account-notification-options[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .account-notification-column[b-gczdpjvu9w] {
        display: contents;
    }

    .account-notification-order-0[b-gczdpjvu9w] { order: 0; }
    .account-notification-order-1[b-gczdpjvu9w] { order: 1; }
    .account-notification-order-2[b-gczdpjvu9w] { order: 2; }
    .account-notification-order-3[b-gczdpjvu9w] { order: 3; }
    .account-notification-order-4[b-gczdpjvu9w] { order: 4; }
    .account-notification-order-5[b-gczdpjvu9w] { order: 5; }
    .account-notification-order-6[b-gczdpjvu9w] { order: 6; }
    .account-notification-order-7[b-gczdpjvu9w] { order: 7; }
    .account-notification-order-8[b-gczdpjvu9w] { order: 8; }
    .account-notification-order-9[b-gczdpjvu9w] { order: 9; }
    .account-notification-order-10[b-gczdpjvu9w] { order: 10; }

    .patient-account-settings-page .account-profile-picture[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .patient-account-settings-page .account-profile-picture-controls[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture-controls[b-gczdpjvu9w] {
        grid-template-columns: 1fr;
    }

    .patient-account-settings-page .account-profile-picture-avatar[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture-avatar[b-gczdpjvu9w] {
        justify-self: start;
        width: max-content;
    }

    .patient-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w],
    .patient-account-settings-page .account-profile-picture-copy[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture-copy[b-gczdpjvu9w] {
        grid-column: 1;
        grid-row: auto;
    }

    .patient-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w],
    .clinic-account-settings-page .account-profile-picture-actions[b-gczdpjvu9w] {
        justify-content: flex-start;
        justify-self: stretch;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .account-notification-group[b-gczdpjvu9w],
    .account-notification-toggle[b-gczdpjvu9w],
    .account-notification-chevron[b-gczdpjvu9w],
    .account-notification-region[b-gczdpjvu9w] {
        transition: none;
    }
}
/* /Components/Pages/Account/AuthenticatorEnrollment.razor.rz.scp.css */
.mfa-qr-code[b-2uqnrxsyai] {
    width: min(260px, 80vw);
    height: auto;
    margin: 0 auto;
    border: 12px solid #fff;
    border-radius: 12px;
}

.mfa-mobile-setup[b-2uqnrxsyai] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    text-align: center;
}

.mfa-mobile-setup[hidden][b-2uqnrxsyai] {
    display: none;
}

.mfa-mobile-setup-divider[b-2uqnrxsyai] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
}

.mfa-mobile-recommended[b-2uqnrxsyai] {
    color: var(--theme-primary);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mfa-mobile-setup-button[b-2uqnrxsyai] {
    justify-content: center;
    width: 100%;
}

.mfa-mobile-setup-hint[b-2uqnrxsyai] {
    color: var(--colour-text-secondary);
    margin: 0;
}

.mfa-manual-key[b-2uqnrxsyai] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    overflow-wrap: anywhere;
    padding: 0.9rem 1rem;
}

.mfa-manual-key summary[b-2uqnrxsyai] {
    color: var(--colour-text);
    cursor: pointer;
    font-weight: 700;
}

.mfa-manual-key p[b-2uqnrxsyai] {
    color: var(--colour-text-secondary);
    margin: 0.75rem 0 0;
}

.mfa-manual-key code[b-2uqnrxsyai] {
    color: var(--colour-text);
    display: block;
}

.mfa-manual-value-row[b-2uqnrxsyai] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.mfa-manual-value-row .btn-app[b-2uqnrxsyai] {
    flex: 0 0 auto;
}

.mfa-manual-account[b-2uqnrxsyai] {
    color: var(--colour-text);
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
}

.mfa-manual-copy-status[b-2uqnrxsyai] {
    color: var(--colour-text-secondary);
    display: block;
    margin-top: 0.65rem;
    min-height: 1.25rem;
}

@media (max-width: 430px) {
    .mfa-manual-value-row[b-2uqnrxsyai] {
        align-items: stretch;
        flex-direction: column;
    }

    .mfa-manual-value-row .btn-app[b-2uqnrxsyai] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/Account/AuthenticatorSecurity.razor.rz.scp.css */
h1[b-ibpfc36ai5] {
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Account/Notifications.razor.rz.scp.css */
.notification-list-page > .admin-hero[b-t8cg4f7hux] {
    grid-template-columns: auto minmax(0, 1fr) minmax(260px, 360px);
}

.notification-list-page > .admin-hero > .notification-hero-search[b-t8cg4f7hux] {
    align-self: center;
    grid-column: 3;
    grid-row: 1 / span 2;
    transform: translateX(1.4rem);
    width: 100%;
}

.notification-filter-tabs[b-t8cg4f7hux] {
    padding: 0;
    width: 100%;
}

.notification-filter-tabs .patient-category-filter-option[b-t8cg4f7hux] {
    gap: 0.35rem;
}

.notification-filter-tabs .patient-category-filter-option > i[b-t8cg4f7hux] {
    font-size: 0.8rem;
    line-height: 1;
}

.notification-filter-row[b-t8cg4f7hux] {
    border-bottom: 0;
    width: 100%;
}

.notification-filter-actions[b-t8cg4f7hux] {
    align-self: center;
    padding-bottom: 0;
}

.notification-list-panel[b-t8cg4f7hux] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    box-shadow: var(--app-shadow-card);
    overflow: hidden;
}

.notification-list-pagination[b-t8cg4f7hux] {
    margin-top: 0.75rem;
}

.notification-list-panel[b-t8cg4f7hux]  .app-list-tools {
    background: var(--colour-background);
    border: 0;
    border-bottom: 1px solid var(--colour-border);
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    padding-block: 0.75rem;
}

.notification-list-panel[b-t8cg4f7hux]  .app-list-filter-content {
    width: 100%;
}

.notification-list-panel[b-t8cg4f7hux]  .app-list-results {
    background: var(--colour-surface);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    scrollbar-gutter: stable;
}

.notification-list-panel > .admin-empty-state[b-t8cg4f7hux] {
    background: var(--colour-surface);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.notification-card-list[b-t8cg4f7hux] {
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem;
}

.notification-card[b-t8cg4f7hux] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    min-width: 0;
    overflow: hidden;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.notification-card.is-unread[b-t8cg4f7hux] {
    background: var(--theme-light);
}

.notification-card.is-expanded[b-t8cg4f7hux] {
    border-color: color-mix(in srgb, var(--theme-primary) 35%, var(--colour-border));
    box-shadow: 0 8px 20px rgba(26, 47, 89, 0.08);
}

.notification-card.is-selected[b-t8cg4f7hux] {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 2px var(--theme-light), 0 8px 20px rgba(26, 47, 89, 0.08);
}

.notification-card-summary[b-t8cg4f7hux] {
    align-items: center;
    display: grid;
    gap: 0.85rem 0.4rem;
    grid-template-areas: "copy type status received actions";
    grid-template-columns: minmax(15rem, 1fr) max-content max-content max-content 7rem;
    min-width: 0;
    padding: 0.9rem 1rem;
}

.notification-card-copy[b-t8cg4f7hux] {
    display: grid;
    gap: 0.25rem;
    grid-area: copy;
    min-width: 0;
}

.notification-card-copy strong[b-t8cg4f7hux] {
    color: var(--colour-text);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.notification-card-preview[b-t8cg4f7hux] {
    color: var(--colour-text-secondary);
    display: block;
    font-size: 0.9rem;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-card.is-expanded .notification-card-preview[b-t8cg4f7hux] {
    display: none;
}

.notification-card-detail[b-t8cg4f7hux] {
    align-items: center;
    align-self: center;
    display: grid;
    gap: 0.3rem;
    justify-items: start;
    min-width: 0;
}

.notification-card-type[b-t8cg4f7hux] {
    grid-area: type;
}

@media (min-width: 1101px) {
    .notification-card-type[b-t8cg4f7hux] {
        margin-inline-start: 1.25rem;
    }
}

.notification-card-type .status-pill[b-t8cg4f7hux] {
    white-space: nowrap;
}

.notification-card-status[b-t8cg4f7hux] {
    grid-area: status;
}

.notification-card-received[b-t8cg4f7hux] {
    grid-area: received;
}

.notification-card-received > span:last-child[b-t8cg4f7hux] {
    color: var(--colour-text);
    font-size: 0.85rem;
    line-height: 1.3;
}

.notification-card-actions[b-t8cg4f7hux] {
    align-self: center;
    align-items: center;
    display: flex;
    gap: 0.4rem;
    grid-area: actions;
    justify-content: flex-end;
}

.notification-message-region[b-t8cg4f7hux] {
    background: transparent;
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 220ms ease, opacity 180ms ease;
}

.notification-message-region.is-expanded[b-t8cg4f7hux] {
    grid-template-rows: 1fr;
    opacity: 1;
}

.notification-message-region-inner[b-t8cg4f7hux] {
    min-height: 0;
    overflow: hidden;
}

.notification-full-message[b-t8cg4f7hux] {
    color: var(--colour-text-secondary);
    line-height: 1.55;
    overflow-wrap: anywhere;
    padding: 0.2rem 0 0;
}

.notification-full-message > :last-child[b-t8cg4f7hux] {
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .notification-card-summary[b-t8cg4f7hux] {
        align-items: center;
        grid-template-areas:
            "copy copy copy actions"
            "type status received actions";
        grid-template-columns: 9rem 4rem minmax(8.5rem, 1fr) 7rem;
    }
}

@media (max-width: 700px) {
    .notification-list-page > .admin-hero[b-t8cg4f7hux] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .notification-list-page > .admin-hero > .notification-hero-search[b-t8cg4f7hux] {
        grid-column: 1 / -1;
        grid-row: auto;
        margin-top: 0.4rem;
        transform: none;
    }

    .notification-card-list[b-t8cg4f7hux] {
        padding: 0.6rem;
    }

    .notification-card-summary[b-t8cg4f7hux] {
        grid-template-areas:
            "copy copy copy"
            "type status received"
            "actions actions actions";
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .notification-card-actions[b-t8cg4f7hux] {
        justify-content: flex-end;
    }
}

@media (max-width: 480px) {
    .notification-card-summary[b-t8cg4f7hux] {
        grid-template-areas:
            "copy copy"
            "type status"
            "received actions";
        grid-template-columns: max-content minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-card[b-t8cg4f7hux],
    .notification-message-region[b-t8cg4f7hux] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Admin.razor.rz.scp.css */
.platform-dashboard-page[b-b0rbrlnhon] {
    display: grid;
    gap: 1.25rem;
    margin-inline: 0;
    max-width: none;
    padding-inline: 0;
    width: 100%;
}

.platform-dashboard-stat-grid[b-b0rbrlnhon] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.platform-dashboard-operational-grid[b-b0rbrlnhon],
.platform-dashboard-panel-grid[b-b0rbrlnhon],
.platform-dashboard-analytics-section[b-b0rbrlnhon] {
    display: grid;
    gap: 1rem;
}

.platform-dashboard-operational-grid[b-b0rbrlnhon] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-dashboard-operational-grid[b-b0rbrlnhon]  .dashboard-panel:last-child {
    grid-column: 1 / -1;
}

.platform-dashboard-range-panel[b-b0rbrlnhon] {
    display: grid;
    gap: 0.9rem;
    padding-top: 0.25rem;
}

.platform-dashboard-range-heading h2[b-b0rbrlnhon] {
    color: var(--colour-text);
    font-size: 1.25rem;
    margin: 0;
}

.platform-dashboard-range-heading p[b-b0rbrlnhon] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    margin: 0.25rem 0 0;
}

.platform-dashboard-range-fields[b-b0rbrlnhon] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 16rem) repeat(2, minmax(10rem, 12rem));
    justify-content: start;
}

.platform-dashboard-range-fields label[b-b0rbrlnhon] {
    color: var(--colour-text-secondary);
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.platform-dashboard-panel-grid[b-b0rbrlnhon] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-dashboard-panel-grid[b-b0rbrlnhon] { align-items: start; }
.platform-dashboard-panel-grid[b-b0rbrlnhon]  .dashboard-panel:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; }
.platform-dashboard-panel-grid[b-b0rbrlnhon]  .dashboard-panel:last-child { grid-column: 1; }
.platform-dashboard-operational-grid[b-b0rbrlnhon] { align-items: start; }

.platform-dashboard-plan-grid[b-b0rbrlnhon] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.platform-dashboard-metric-row[b-b0rbrlnhon] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.platform-dashboard-metric-row.four-columns[b-b0rbrlnhon] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-dashboard-plan-grid > * + *[b-b0rbrlnhon],
.platform-dashboard-metric-row > * + *[b-b0rbrlnhon] {
    border-left: 1px solid rgba(148, 163, 184, 0.24);
}

.platform-dashboard-attention-list[b-b0rbrlnhon] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.platform-dashboard-attention-list a[b-b0rbrlnhon] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.8rem;
    text-decoration: none;
}

.platform-dashboard-attention-list a:hover[b-b0rbrlnhon] {
    border-color: var(--theme-primary);
    color: var(--colour-text);
}

.platform-dashboard-attention-list span[b-b0rbrlnhon] {
    font-size: 0.84rem;
    overflow-wrap: anywhere;
}

.platform-dashboard-attention-list strong[b-b0rbrlnhon] {
    color: #dc2626;
    font-size: 1.35rem;
}

@media (max-width: 1180px) {
    .platform-dashboard-stat-grid[b-b0rbrlnhon],
    .platform-dashboard-plan-grid[b-b0rbrlnhon],
    .platform-dashboard-attention-list[b-b0rbrlnhon] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .platform-dashboard-operational-grid[b-b0rbrlnhon],
    .platform-dashboard-panel-grid[b-b0rbrlnhon] {
        grid-template-columns: 1fr;
    }

    .platform-dashboard-panel-grid[b-b0rbrlnhon]  .dashboard-panel:nth-child(2),
    .platform-dashboard-operational-grid[b-b0rbrlnhon]  .dashboard-panel:last-child,
    .platform-dashboard-panel-grid[b-b0rbrlnhon]  .dashboard-panel:last-child {
        grid-column: auto;
        grid-row: auto;
    }

    .platform-dashboard-metric-row.four-columns[b-b0rbrlnhon] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .platform-dashboard-metric-row.four-columns > *:nth-child(3)[b-b0rbrlnhon] {
        border-left: 0;
    }
}

@media (max-width: 640px) {
    .platform-dashboard-stat-grid[b-b0rbrlnhon],
    .platform-dashboard-range-fields[b-b0rbrlnhon],
    .platform-dashboard-plan-grid[b-b0rbrlnhon],
    .platform-dashboard-metric-row[b-b0rbrlnhon],
    .platform-dashboard-metric-row.four-columns[b-b0rbrlnhon],
    .platform-dashboard-attention-list[b-b0rbrlnhon] {
        grid-template-columns: 1fr;
    }

    .platform-dashboard-plan-grid > * + *[b-b0rbrlnhon],
    .platform-dashboard-metric-row > * + *[b-b0rbrlnhon],
    .platform-dashboard-metric-row.four-columns > *:nth-child(3)[b-b0rbrlnhon] {
        border-left: 0;
        border-top: 1px solid rgba(148, 163, 184, 0.24);
        padding-top: 1rem;
    }
}

/* Dashboard-only presentation: shared components retain their default appearance elsewhere. */
.platform-dashboard-page[b-b0rbrlnhon] { gap: 1.75rem; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-panel { min-height: 0; background: #fff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(15, 23, 42, .035); }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-panel-header { margin-bottom: 1.5rem; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-panel-header h2 { font-size: 1.05rem; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-card { background: #fff; border-radius: 14px; border-top: 3px solid #489d3f; box-shadow: 0 4px 20px rgba(15, 23, 42, .035); }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-content strong { font-size: 2rem; letter-spacing: -.04em; }
.platform-dashboard-range-panel[b-b0rbrlnhon] { background: #f5f8fa; border: 1px solid var(--colour-border); border-radius: 14px; padding: 1.25rem; }
.platform-dashboard-page .dashboard-chart-summary[b-b0rbrlnhon] { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid #edf1f5; color: #64748b; font-size: .85rem; line-height: 1.7; }
.platform-dashboard-page .dashboard-chart-summary strong[b-b0rbrlnhon] { color: #0f172a; }
@media (max-width: 640px) { .platform-dashboard-page[b-b0rbrlnhon]  .dashboard-panel { padding: 1.1rem; } }
.platform-dashboard-attention-list[b-b0rbrlnhon] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.platform-dashboard-attention-list a[b-b0rbrlnhon] { display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: #fff; }
.platform-dashboard-attention-list strong[b-b0rbrlnhon] { font-size: .95rem; min-width: 2rem; padding: .25rem .5rem; text-align: center; border-radius: 7px; background: #fff1f2; }
@media (max-width: 640px) { .platform-dashboard-attention-list[b-b0rbrlnhon] { grid-template-columns: 1fr; } }

.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-card-blue { border-top-color: #3274d9; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-card-amber { border-top-color: #b77916; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-card-red { border-top-color: #c84c59; }
.platform-dashboard-page[b-b0rbrlnhon]  .dashboard-stat-card.is-highlighted { border-color: #c84c59; background: #fffafb; }
@media (min-width: 901px) {
    .platform-dashboard-panel-grid:has(.chart-empty)[b-b0rbrlnhon]  .dashboard-panel:nth-child(2) { grid-row: auto; }
    .platform-dashboard-panel-grid:has(.chart-empty)[b-b0rbrlnhon]  .dashboard-panel:last-child { grid-column: 1 / -1; }
}
/* /Components/Pages/Admin/AdminAnnouncementDetail.razor.rz.scp.css */
.announcement-detail-page[b-qowsay7icc] {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    height: calc(100vh - 7.35rem);
    height: calc(var(--app-viewport-height, 100dvh) - 7.35rem);
    margin-bottom: -0.75rem;
    min-height: 0;
    overflow: hidden;
}

.announcement-summary-panel[b-qowsay7icc] {
    padding: var(--app-card-padding);
}

.announcement-detail-header[b-qowsay7icc] {
    align-items: stretch;
    display: grid;
    gap: clamp(1.25rem, 2vw, 1.75rem);
    grid-template-columns: minmax(0, 3fr) minmax(520px, 1fr);
}

.announcement-detail-header h2[b-qowsay7icc] { margin: 0; }

.announcement-detail-content[b-qowsay7icc] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.announcement-detail-header p[b-qowsay7icc] {
    color: #4b5563;
    margin: 0.35rem 0;
}

.announcement-detail-content > span[b-qowsay7icc] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
}

.announcement-counts[b-qowsay7icc] {
    align-content: center;
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.9rem;
    gap: 0.5rem;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.announcement-counts--three[b-qowsay7icc] {
    grid-template-columns: repeat(3, calc((100% - 1.5rem) / 4));
    grid-template-rows: minmax(0, 1fr);
    justify-content: end;
}

.announcement-counts--four[b-qowsay7icc] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
}

.announcement-count-item[b-qowsay7icc] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-light-blue-strong);
    border-radius: 8px;
    display: grid;
    grid-template-rows: 3.25rem auto auto minmax(1rem, auto);
    justify-items: center;
    min-width: 0;
    padding: 0.75rem 0.4rem;
    row-gap: 0.55rem;
    text-align: center;
    width: 100%;
}

.announcement-count-icon[b-qowsay7icc] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

.announcement-count-icon i[b-qowsay7icc] {
    font-size: 1.4rem;
    line-height: 1;
}

.announcement-count-item strong[b-qowsay7icc] {
    color: var(--colour-text);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

.announcement-count-label[b-qowsay7icc] {
    color: var(--colour-text);
    font-size: 0.78rem;
    line-height: 1.1;
    min-width: 0;
    white-space: nowrap;
}

.announcement-count-note[b-qowsay7icc] {
    color: var(--colour-text-secondary);
    font-size: 0.68rem;
    line-height: 1.2;
    margin-top: 0.35rem;
    white-space: nowrap;
}

.announcement-count-note--success[b-qowsay7icc] {
    color: var(--colour-success);
}

.announcement-read-grid[b-qowsay7icc] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
}

.announcement-recipient-table[b-qowsay7icc] { min-height: 0; }

.announcement-recipient-table > .panel-header[b-qowsay7icc] {
    border-bottom: 1px solid var(--colour-border);
    padding: var(--app-card-padding);
}

.announcement-recipient-email[b-qowsay7icc] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

@media (max-width: 900px) {
    .announcement-detail-page[b-qowsay7icc] {
        height: auto;
        margin-bottom: 0;
        overflow: visible;
    }

    .announcement-detail-header[b-qowsay7icc] { grid-template-columns: minmax(0, 1fr); }

    .announcement-counts[b-qowsay7icc] {
        align-content: start;
        height: auto;
    }

    .announcement-read-grid[b-qowsay7icc] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .announcement-counts--three[b-qowsay7icc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-content: stretch;
    }
}

@media (max-width: 550px) {
    .announcement-counts--three[b-qowsay7icc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .announcement-counts--four[b-qowsay7icc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Admin/AdminAutomatedMessageEdit.razor.rz.scp.css */
.automated-message-edit-page[b-8kzb87xo1y] { align-items: start; column-gap: var(--app-aside-gap); grid-template-columns: minmax(0, var(--app-page-max-width)) var(--app-aside-width); justify-content: center; max-width: calc(var(--app-page-max-width) + var(--app-aside-width) + var(--app-aside-gap)); }
.automated-message-editor-content[b-8kzb87xo1y] { display: grid; gap: var(--app-page-gap); min-width: 0; }
.automated-message-editor-content[b-8kzb87xo1y]  > .automated-message-editor-main { display: grid; gap: var(--app-aside-gap); min-width: 0; }
.automated-message-edit-page[b-8kzb87xo1y]  > .automated-message-preview-panel { background: var(--colour-surface); border: 1px solid var(--app-border-soft); border-radius: 8px; display: flex; flex-direction: column; grid-column: 2; grid-row: 1; max-height: calc(100dvh - 6.6rem); overflow: hidden; padding: var(--app-aside-padding); position: sticky; top: 1.25rem; width: 100%; }
.automated-message-edit-page[b-8kzb87xo1y]  .automated-message-preview-panel .panel-header { border-bottom: 1px solid var(--app-border-soft); padding: 0 0 1rem; }
.automated-message-section-body[b-8kzb87xo1y] { display: grid; gap: 1rem; padding: var(--app-card-padding); }
.automated-message-preview-content[b-8kzb87xo1y] { min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 1rem 0 0; }
.automated-message-preview-summary[b-8kzb87xo1y] { display: grid; gap: .2rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--app-border-color, #dfe5e2); }
.automated-message-preview-summary small[b-8kzb87xo1y] { color: #6c757d; }
.automated-message-preview-conditions[b-8kzb87xo1y] { display: grid; gap: .15rem; margin-top: .45rem; }
.automated-message-toggle-grid[b-8kzb87xo1y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.automated-message-toggle-grid[b-8kzb87xo1y]  .form-check { align-items: flex-start; background: var(--colour-background); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 8px; min-height: 100%; padding: .9rem; }
.automated-message-toggle-grid[b-8kzb87xo1y]  .form-check-label { min-width: 0; }
.automated-message-toggle-grid[b-8kzb87xo1y]  .form-text { color: var(--colour-text-secondary); display: block; font-size: .82rem; font-weight: 400; margin-top: .2rem; }
.automated-message-provisioning-card[b-8kzb87xo1y] { align-items: start; background: var(--colour-background); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 10px; display: grid; gap: 1rem; grid-template-columns: minmax(0, .8fr) minmax(18rem, 1.2fr); padding: 1rem; }
.automated-message-provisioning-copy[b-8kzb87xo1y] { display: grid; gap: .2rem; min-width: 0; }
.automated-message-provisioning-copy small[b-8kzb87xo1y] { color: var(--colour-text-secondary); }
.automated-message-provisioning-options[b-8kzb87xo1y] { display: grid; gap: .75rem; min-width: 0; }
.automated-message-provisioning-options[b-8kzb87xo1y]  .form-check { align-items: flex-start; background: var(--colour-surface); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 8px; margin: 0; min-width: 0; padding: .9rem; }
.automated-message-provisioning-options[b-8kzb87xo1y]  .form-check-label { min-width: 0; }
.automated-message-provisioning-options[b-8kzb87xo1y]  .form-text { color: var(--colour-text-secondary); display: block; font-size: .82rem; font-weight: 400; margin-top: .2rem; }
.automated-message-provisioning-note[b-8kzb87xo1y] { align-items: flex-start; display: flex; gap: .5rem; margin: 0; }
.automated-message-timing-card[b-8kzb87xo1y] { background: var(--colour-background); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 10px; display: grid; gap: 1rem; padding: 1rem; }
.automated-message-timing-card[b-8kzb87xo1y]  .form-text { color: var(--colour-text-secondary); display: block; font-size: .82rem; font-weight: 400; margin-top: .2rem; }
.automated-message-timing-fields[b-8kzb87xo1y] { align-items: start; }
.automated-message-timing-fields .form-field[b-8kzb87xo1y] { align-content: start; min-width: 0; }
.automated-message-timing-fields .form-field small[b-8kzb87xo1y] { color: var(--colour-text-secondary); display: block; font-size: .82rem; margin-top: .35rem; }
.automated-message-timing-fields .form-control:disabled[b-8kzb87xo1y] { background: var(--colour-surface); cursor: not-allowed; opacity: .65; }
.automated-message-timing-options[b-8kzb87xo1y] { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.automated-message-timing-options[b-8kzb87xo1y]  .form-check { align-items: flex-start; background: var(--colour-surface); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 8px; min-height: 100%; padding: .9rem; }
.automated-message-timing-options[b-8kzb87xo1y]  .form-check-input { margin-top: .1rem; }
.automated-message-timing-options[b-8kzb87xo1y]  .form-check-label { min-width: 0; }
.automated-message-timing-options[b-8kzb87xo1y]  .form-text { color: var(--colour-text-secondary); display: block; font-size: .82rem; font-weight: 400; margin-top: .2rem; }
@media (max-width: 1600px) {
    .automated-message-edit-page[b-8kzb87xo1y] {
        --responsive-aside-shell-left: 248px;
        --responsive-aside-shell-top: 4.6rem;
        grid-template-columns: minmax(0, 1fr);
        max-width: var(--app-page-max-width);
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .automated-message-editor-content[b-8kzb87xo1y] {
        grid-column: 1;
        grid-row: 1;
    }
}

@media (max-width: 900px) {
    .automated-message-edit-page[b-8kzb87xo1y] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
    }
}

@media (max-width: 750px) {
    .automated-message-section-body[b-8kzb87xo1y] { padding: 1rem; }
    .automated-message-provisioning-card[b-8kzb87xo1y] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 650px) {
    .automated-message-toggle-grid[b-8kzb87xo1y],
    .automated-message-timing-options[b-8kzb87xo1y] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/AdminClinicDetail.razor.rz.scp.css */
.clinic-platform-details-form-content[b-dyy0l9me8b] {
    display: grid;
    gap: 1rem;
    padding: var(--app-card-padding);
}
/* /Components/Pages/Admin/AdminClinics.razor.rz.scp.css */
.platform-clinics-panel[b-v1uw69vfcn] {
    margin-top: 0;
}

.platform-clinics-table table[b-v1uw69vfcn] {
    margin-bottom: 0;
}

.platform-clinic-cell-label[b-v1uw69vfcn] {
    color: var(--colour-text-secondary);
    display: none;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.platform-clinic-name-cell[b-v1uw69vfcn] {
    display: grid;
    gap: 0.2rem;
    min-width: 12rem;
}

.platform-clinic-name-cell span[b-v1uw69vfcn] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
}

.platform-clinic-row-actions[b-v1uw69vfcn] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.platform-clinic-row-actions form[b-v1uw69vfcn] {
    margin: 0;
}

.platform-clinic-action-cell[b-v1uw69vfcn] {
    text-align: right;
}

.platform-clinics-table .platform-clinic-entry > tr:hover > td[b-v1uw69vfcn] {
    background: transparent;
}

.platform-clinic-row-expanded > td[b-v1uw69vfcn] {
    border-bottom-color: transparent;
}

.platform-clinic-detail-row > td[b-v1uw69vfcn] {
    padding: 0 0.75rem 0.9rem;
}

.platform-clinic-detail-grid[b-v1uw69vfcn] {
    border-top: 1px solid var(--app-border-soft);
    gap: 0.6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 0.75rem;
}

.platform-clinic-detail-grid > div[b-v1uw69vfcn] {
    align-items: start;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    column-gap: 0.45rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.65rem;
    row-gap: 0.15rem;
}

.platform-clinic-detail-grid i[b-v1uw69vfcn] {
    color: var(--theme-primary);
    grid-row: span 2;
    padding-top: 0.1rem;
}

.platform-clinic-detail-grid .detail-label[b-v1uw69vfcn] {
    line-height: 1.2;
}

.platform-clinic-detail-grid strong[b-v1uw69vfcn] {
    font-size: 0.95rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.clinic-admin-fields[b-v1uw69vfcn] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    min-width: 0;
}

.clinic-admin-fields + .clinic-admin-fields[b-v1uw69vfcn] {
    margin-top: 0.25rem;
}

.clinic-admin-wide-field[b-v1uw69vfcn] {
    grid-column: 1 / -1;
}

.clinic-admin-social-grid[b-v1uw69vfcn] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    margin-top: 0.45rem;
    min-width: 0;
}

@media (min-width: 701px) {
    .platform-clinics-table tbody > tr:not(.platform-clinic-detail-row) > td[b-v1uw69vfcn] {
        overflow-wrap: normal;
        white-space: nowrap;
        word-break: normal;
    }
}

@media (max-width: 900px) {
    .platform-clinic-detail-grid[b-v1uw69vfcn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clinic-admin-fields[b-v1uw69vfcn],
    .clinic-admin-fields + .clinic-admin-fields[b-v1uw69vfcn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .platform-clinics-table[b-v1uw69vfcn] {
        border-top: 0;
        min-width: 0;
        overflow: visible;
        width: 100%;
    }

    .platform-clinics-table table[b-v1uw69vfcn],
    .platform-clinic-entry[b-v1uw69vfcn],
    .platform-clinic-detail-row[b-v1uw69vfcn],
    .platform-clinic-row > td[b-v1uw69vfcn],
    .platform-clinic-detail-row > td[b-v1uw69vfcn] {
        display: block;
        width: 100%;
    }

    .platform-clinics-table table[b-v1uw69vfcn] {
        min-width: 0;
    }

    .platform-clinics-table thead[b-v1uw69vfcn] {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .platform-clinic-entry[b-v1uw69vfcn] {
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        margin: 0.75rem;
        overflow: visible;
        width: calc(100% - 1.5rem);
    }

    .platform-clinic-row[b-v1uw69vfcn] {
        align-items: start;
        display: grid;
        gap: 0.75rem 1rem;
        grid-template-areas:
            "clinic actions"
            "status actions"
            "plan actions"
            "usage actions"
            "registered actions";
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 1rem;
    }

    .platform-clinics-table .platform-clinic-row > td[b-v1uw69vfcn] {
        border: 0;
        min-width: 0;
        overflow-wrap: normal;
        padding: 0;
        text-align: left;
        white-space: normal;
        word-break: normal;
    }

    .platform-clinic-cell-label[b-v1uw69vfcn] {
        display: block;
        margin-bottom: 0.3rem;
    }

    .platform-clinic-clinic-cell[b-v1uw69vfcn] {
        grid-area: clinic;
    }

    .platform-clinic-status-cell[b-v1uw69vfcn] {
        grid-area: status;
    }

    .platform-clinic-plan-cell[b-v1uw69vfcn] {
        grid-area: plan;
    }

    .platform-clinic-usage-cell[b-v1uw69vfcn] {
        grid-area: usage;
    }

    .platform-clinic-registered-cell[b-v1uw69vfcn] {
        grid-area: registered;
    }

    .platform-clinic-action-cell[b-v1uw69vfcn] {
        align-self: start;
        grid-area: actions;
        justify-self: end;
        width: auto !important;
    }

    .platform-clinic-name-cell[b-v1uw69vfcn] {
        min-width: 0;
    }

    .platform-clinic-name-cell span[b-v1uw69vfcn] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .platform-clinic-entry.expanded > .platform-clinic-row[b-v1uw69vfcn] {
        background: var(--colour-light-blue);
    }

    .platform-clinic-entry.expanded > .platform-clinic-row > td[b-v1uw69vfcn] {
        background: transparent;
    }

    .platform-clinic-detail-row > td[b-v1uw69vfcn] {
        border: 0;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-border));
        padding: 0.85rem !important;
    }

    .platform-clinic-detail-grid[b-v1uw69vfcn] {
        border-top: 0;
        grid-template-columns: 1fr;
        padding-top: 0;
    }
}
/* /Components/Pages/Admin/AdminEmailTesting.razor.rz.scp.css */
.email-testing-controls[b-6uad9icg5l], .email-testing-preview-panel[b-6uad9icg5l] { min-width: 0; }
.email-testing-statuses[b-6uad9icg5l] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; }
.email-testing-fields[b-6uad9icg5l] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.email-testing-fields .form-field[b-6uad9icg5l] { align-content: start; }
.email-testing-fields small[b-6uad9icg5l] { display: block; color: var(--app-muted, #667085); font-size: .82rem; line-height: 1.4; margin-top: .1rem; }
.email-testing-actions[b-6uad9icg5l] { gap: .85rem; }
.email-testing-tabs[b-6uad9icg5l] { display: inline-flex; padding: .2rem; border: 1px solid #dce3ed; border-radius: .65rem; background: #f6f8fb; }
.email-testing-tabs button[b-6uad9icg5l] { border: 0; border-radius: .45rem; padding: .45rem .8rem; background: transparent; color: #526078; font-weight: 650; }
.email-testing-tabs button.active[b-6uad9icg5l] { background: #fff; color: #243047; box-shadow: 0 1px 4px rgba(36, 48, 71, .12); }
.email-testing-preview-body[b-6uad9icg5l] { background: var(--colour-background); }
.email-testing-frame[b-6uad9icg5l] { display: block; width: 100%; min-height: 720px; border: 1px solid #dde4ee; border-radius: .75rem; background: #f4f7fb; }
.email-testing-plain[b-6uad9icg5l] { min-height: 420px; margin: 0; padding: 1.25rem; overflow: auto; white-space: pre-wrap; border: 1px solid #dde4ee; border-radius: .75rem; background: #f8fafc; color: #243047; font: .92rem/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; }
.email-testing-loading[b-6uad9icg5l] { display: flex; align-items: center; justify-content: center; gap: .6rem; min-height: 260px; color: #667085; }
@media (max-width: 900px) { .email-testing-statuses[b-6uad9icg5l] { justify-content: flex-start; } .email-testing-fields[b-6uad9icg5l] { grid-template-columns: 1fr; } .email-testing-actions[b-6uad9icg5l] { justify-content: flex-start; } .email-testing-frame[b-6uad9icg5l] { min-height: 620px; } }
/* /Components/Pages/Admin/AdminGuidePreview.razor.rz.scp.css */
.guide-preview-page[b-itud4uvexf] {
    max-width: 980px;
}
/* /Components/Pages/Admin/AdminProducts.razor.rz.scp.css */
.clinic-products-page > .clinic-list-panel-shell[b-cvcsggc8k3] { overflow: hidden; }
.clinic-products-page[b-cvcsggc8k3]  .app-list-results { overflow-y: auto; }

@media (max-width: 700px), (max-height: 700px) {
    .admin-landing-page.clinic-list-page.clinic-products-page[b-cvcsggc8k3] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }
    .clinic-products-page > .clinic-list-panel-shell[b-cvcsggc8k3] { height: auto; }
    .clinic-products-page[b-cvcsggc8k3]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Admin/AdminTips.razor.rz.scp.css */
.clinic-tips-page > .clinic-list-panel-shell[b-szixbl1oq9] { overflow: hidden; }
.clinic-tips-page[b-szixbl1oq9]  .app-list-results { overflow-y: auto; }

@media (max-width: 700px), (max-height: 700px) {
    .admin-landing-page.clinic-list-page.clinic-tips-page[b-szixbl1oq9] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }
    .clinic-tips-page > .clinic-list-panel-shell[b-szixbl1oq9] { height: auto; }
    .clinic-tips-page[b-szixbl1oq9]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Auth/AcceptClinicStaffInvite.razor.rz.scp.css */
.staff-invite-accept-card .eyebrow[b-asghrabqnp] {
    color: var(--colour-primary-blue);
}

.staff-invite-accept-card h1[b-asghrabqnp],
.staff-invite-accept-card .login-intro[b-asghrabqnp] {
    max-width: 100%;
    overflow-wrap: break-word;
    white-space: normal;
}

.staff-invite-accept-card .auth-single-card-login a[b-asghrabqnp] {
    color: var(--colour-primary-blue);
    text-decoration: none;
}

.staff-invite-accept-card .auth-single-card-login a:hover[b-asghrabqnp],
.staff-invite-accept-card .auth-single-card-login a:focus-visible[b-asghrabqnp] {
    color: var(--colour-primary-blue-hover);
    text-decoration: none;
}
/* /Components/Pages/Auth/AdminLogin.razor.rz.scp.css */
.admin-login-page[b-hwcssswxdf] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 52%, var(--colour-background) 100%);
    color: var(--colour-text);
    display: grid;
    gap: 0.55rem;
    margin: -1.25rem -1.5rem -2rem;
    min-height: calc(100vh - 4.6rem);
    min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
    padding: clamp(0.75rem, 2vw, 1.75rem) clamp(1rem, 6vw, 5.5rem) 0.75rem;
    width: calc(100% + 3rem);
}

.admin-login-shell[b-hwcssswxdf] {
    align-items: center;
    display: grid;
    gap: clamp(1.25rem, 4vw, 3rem);
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.admin-login-intro[b-hwcssswxdf],
.admin-login-copy[b-hwcssswxdf],
.admin-login-card[b-hwcssswxdf],
.admin-login-form[b-hwcssswxdf] {
    display: grid;
}

.admin-login-intro[b-hwcssswxdf] {
    gap: clamp(1rem, 2vw, 1.35rem);
}

.admin-login-copy[b-hwcssswxdf] {
    gap: 0.55rem;
}

.admin-login-eyebrow[b-hwcssswxdf] {
    align-items: center;
    color: var(--colour-primary-green);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    margin: 0;
    text-transform: uppercase;
}

.admin-login-eyebrow i[b-hwcssswxdf] {
    font-size: 1.25rem;
}

.admin-login-copy h1[b-hwcssswxdf] {
    color: var(--colour-text);
    font-size: clamp(1.85rem, 3.2vw, 2.6rem);
    font-weight: 850;
    line-height: 1.08;
    margin: 0;
    max-width: 650px;
}

.admin-login-copy p:not(.admin-login-eyebrow)[b-hwcssswxdf],
.admin-login-heading p[b-hwcssswxdf],
.admin-restricted-note p[b-hwcssswxdf] {
    color: var(--colour-text-secondary);
    line-height: 1.55;
    margin: 0;
}

.admin-login-copy p:not(.admin-login-eyebrow)[b-hwcssswxdf] {
    font-size: 1rem;
    max-width: 560px;
}

.admin-login-preview[b-hwcssswxdf] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(29, 65, 110, 0.1);
    display: grid;
    gap: 1rem;
    max-width: 560px;
    padding: clamp(0.95rem, 2vw, 1.25rem);
}

.admin-preview-header[b-hwcssswxdf] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.admin-preview-header div[b-hwcssswxdf] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.admin-preview-header strong[b-hwcssswxdf],
.admin-login-heading h2[b-hwcssswxdf],
.admin-restricted-note strong[b-hwcssswxdf] {
    color: var(--colour-text);
}

.admin-preview-header span[b-hwcssswxdf] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
}

.admin-preview-icon[b-hwcssswxdf],
.admin-card-icon[b-hwcssswxdf],
.admin-note-icon[b-hwcssswxdf] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.admin-preview-icon[b-hwcssswxdf] {
    background: var(--colour-light-green);
    color: var(--colour-primary-green);
    font-size: 1.35rem;
    height: 2.75rem;
    width: 2.75rem;
}

.admin-preview-icon i[b-hwcssswxdf] {
    color: var(--colour-primary-green);
}

.admin-preview-grid[b-hwcssswxdf] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-preview-grid div[b-hwcssswxdf] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.45rem;
    min-height: 5.3rem;
    padding: 0.85rem;
}

.admin-preview-grid i[b-hwcssswxdf] {
    color: var(--colour-primary-green);
    font-size: 1.25rem;
}

.admin-preview-grid span[b-hwcssswxdf] {
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.25;
}

.admin-login-card[b-hwcssswxdf] {
    align-self: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    gap: 0.9rem;
    padding: clamp(1rem, 2vw, 1.25rem);
}

.admin-login-heading[b-hwcssswxdf] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 0;
}

.admin-card-icon[b-hwcssswxdf] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1.45rem;
    height: 2.75rem;
    width: 2.75rem;
}

.admin-login-heading h2[b-hwcssswxdf] {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0;
}

.admin-login-field[b-hwcssswxdf] {
    display: grid;
    gap: 0.45rem;
}

.admin-login-form .admin-login-field + .admin-login-password-field[b-hwcssswxdf] {
    margin-top: 0.45rem !important;
}

.admin-login-field > label[b-hwcssswxdf] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 650;
}

.admin-login-field:focus-within > label[b-hwcssswxdf],
.admin-login-field.auth-field-has-value > label[b-hwcssswxdf],
.admin-login-field:has(.form-control:not(:placeholder-shown)) > label[b-hwcssswxdf],
.admin-login-field:has(.form-control:-webkit-autofill) > label[b-hwcssswxdf] {
    color: var(--colour-primary-blue);
}

.admin-login-email-field > label[b-hwcssswxdf],
.admin-login-password-field > label[b-hwcssswxdf] {
    left: 2.15rem;
}

.admin-login-email-icon[b-hwcssswxdf] {
    color: var(--colour-text-secondary);
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    grid-area: var(--auth-resting-label-grid-area);
    top: var(--auth-resting-label-top);
    transform: translateY(-50%);
    transition: color 150ms ease;
    z-index: 1;
}

.admin-login-email-field:focus-within > .admin-login-email-icon[b-hwcssswxdf],
.admin-login-email-field.auth-field-has-value > .admin-login-email-icon[b-hwcssswxdf],
.admin-login-email-field:has(.form-control:not(:placeholder-shown)) > .admin-login-email-icon[b-hwcssswxdf],
.admin-login-email-field:has(.form-control:-webkit-autofill) > .admin-login-email-icon[b-hwcssswxdf] {
    color: var(--colour-primary-blue);
}

.admin-login-password-field[b-hwcssswxdf]  .password-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.admin-login-password-field:focus-within[b-hwcssswxdf]  .password-leading-icon,
.admin-login-password-field.auth-field-has-value[b-hwcssswxdf]  .password-leading-icon,
.admin-login-password-field:has(.form-control:-webkit-autofill)[b-hwcssswxdf]  .password-leading-icon {
    color: var(--colour-primary-blue);
}

.admin-login-password-field[b-hwcssswxdf]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-border) !important;
}

.admin-login-password-field:focus-within[b-hwcssswxdf]  .form-control[data-auth-live-value-state],
.admin-login-password-field.auth-field-has-value[b-hwcssswxdf]  .form-control[data-auth-live-value-state],
.admin-login-password-field:has(.form-control:-webkit-autofill)[b-hwcssswxdf]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-primary-blue) !important;
}

.admin-login-email-field[b-hwcssswxdf]  .form-control {
    padding-left: 2.35rem;
}

.admin-login-field[b-hwcssswxdf]  .form-control {
    color: var(--colour-text);
}

.admin-login-field[b-hwcssswxdf]  .form-control::placeholder {
    color: var(--colour-text-secondary);
    opacity: 1;
}

.admin-login-field[b-hwcssswxdf]  .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--colour-text);
}

.admin-login-submit[b-hwcssswxdf] {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.5rem;
    justify-content: center;
    margin-top: var(--app-card-inner-gap);
    min-height: 2.65rem;
    width: 100%;
}

.admin-restricted-note[b-hwcssswxdf] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.75rem 1rem;
}

.admin-note-icon[b-hwcssswxdf] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1.15rem;
    height: 2.25rem;
    width: 2.25rem;
}

.admin-note-icon i[b-hwcssswxdf],
.admin-card-icon i[b-hwcssswxdf] {
    color: var(--colour-primary-blue);
}

.admin-restricted-note strong[b-hwcssswxdf] {
    font-size: 0.88rem;
}

.admin-restricted-note p[b-hwcssswxdf] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.admin-login-security[b-hwcssswxdf] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-weight: 650;
    gap: 0.5rem;
    justify-self: center;
    margin: 0;
    text-align: center;
}

.admin-login-security i[b-hwcssswxdf] {
    color: var(--colour-primary-green);
}

@media (prefers-reduced-motion: reduce) {
    .admin-login-email-icon[b-hwcssswxdf],
    .admin-login-password-field[b-hwcssswxdf]  .password-leading-icon {
        transition: none;
    }
}

@media (max-width: 980px) {
    .admin-login-page[b-hwcssswxdf] {
        gap: 0.75rem;
        min-height: calc(100dvh - 4.6rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
        padding: 0.75rem 0.75rem 1rem;
    }

    .admin-login-shell[b-hwcssswxdf] {
        align-items: stretch;
        grid-template-columns: 1fr;
        max-width: 430px;
    }

    .admin-login-intro[b-hwcssswxdf] {
        display: none;
    }

    .admin-login-card[b-hwcssswxdf] {
        justify-self: center;
        max-width: 430px;
        width: 100%;
    }

    .admin-login-security[b-hwcssswxdf] {
        font-size: 0.78rem;
        line-height: 1.4;
        max-width: 430px;
    }
}

@media (max-width: 900px) {
    .admin-login-page[b-hwcssswxdf] {
        min-height: calc(100dvh - 4rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4rem);
    }
}

@media (max-width: 620px) {
    .admin-login-card[b-hwcssswxdf] {
        gap: 0.8rem;
        padding: 1rem;
    }

    .admin-login-heading[b-hwcssswxdf],
    .admin-restricted-note[b-hwcssswxdf] {
        gap: 0.7rem;
        grid-template-columns: auto minmax(0, 1fr);
    }
}
/* /Components/Pages/Auth/ClinicForgotPassword.razor.rz.scp.css */
.clinic-forgot-password-page .auth-floating-field:focus-within > label[b-ea4n8si678],
.clinic-forgot-password-page .auth-floating-field:has(.form-control:not(:placeholder-shown)) > label[b-ea4n8si678],
.clinic-forgot-password-page .auth-floating-field:has(.form-control:-webkit-autofill) > label[b-ea4n8si678] {
    color: var(--colour-primary-green);
}

.clinic-forgot-password-page .auth-floating-field[b-ea4n8si678]  .form-control:focus,
.clinic-forgot-password-page .auth-floating-field[b-ea4n8si678]  .form-control:not(:placeholder-shown),
.clinic-forgot-password-page .auth-floating-field[b-ea4n8si678]  .form-control:-webkit-autofill {
    border-color: var(--colour-primary-green);
}
/* /Components/Pages/Auth/ClinicLogin.razor.rz.scp.css */
.clinic-login-page[b-39qwyc7pxt] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 48%, var(--colour-light-green) 100%);
    color: var(--colour-text);
    display: grid;
    gap: 0.75rem;
    margin: -1.25rem -1.5rem -2rem;
    min-height: calc(100vh - 4.6rem);
    min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
    padding: clamp(1rem, 2.5vw, 2.5rem) clamp(1rem, 5vw, 5rem) 1rem;
    width: calc(100% + 3rem);
}

.clinic-login-shell[b-39qwyc7pxt] {
    align-items: center;
    display: grid;
    gap: clamp(2rem, 4vw, 4.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(390px, 430px);
    margin: 0 auto;
    max-width: 1520px;
    width: 100%;
}

.clinic-login-intro[b-39qwyc7pxt],
.clinic-login-copy[b-39qwyc7pxt],
.clinic-login-card[b-39qwyc7pxt],
.clinic-login-form[b-39qwyc7pxt],
.clinic-create-account[b-39qwyc7pxt],
.clinic-workspace-preview[b-39qwyc7pxt] {
    display: grid;
}

.clinic-login-intro[b-39qwyc7pxt] {
    gap: clamp(1.15rem, 2vw, 1.6rem);
    min-width: 0;
    position: relative;
}

.clinic-login-intro[b-39qwyc7pxt]::after {
    background-image: radial-gradient(circle, color-mix(in srgb, var(--colour-primary-green) 25%, transparent) 1px, transparent 1px);
    background-size: 12px 12px;
    content: "";
    height: 11rem;
    opacity: 0.55;
    pointer-events: none;
    position: absolute;
    right: 12%;
    top: 3.5rem;
    width: 17rem;
    z-index: 0;
}

.clinic-login-intro > *[b-39qwyc7pxt] {
    position: relative;
    z-index: 1;
}

.clinic-login-copy[b-39qwyc7pxt] {
    gap: 0.55rem;
}

.clinic-login-eyebrow[b-39qwyc7pxt] {
    align-items: center;
    color: var(--colour-primary-green);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    margin: 0;
    text-transform: uppercase;
}

.clinic-login-eyebrow i[b-39qwyc7pxt] {
    font-size: 1.25rem;
}

.clinic-login-copy h1[b-39qwyc7pxt] {
    color: var(--colour-text);
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    font-weight: 850;
    line-height: 1.04;
    margin: 0;
    max-width: 680px;
}

.clinic-login-copy h1 span[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
    display: block;
}

.clinic-login-copy > p:not(.clinic-login-eyebrow)[b-39qwyc7pxt],
.clinic-login-heading p[b-39qwyc7pxt],
.clinic-benefit p[b-39qwyc7pxt],
.clinic-workspace-heading p[b-39qwyc7pxt],
.clinic-emr-note p[b-39qwyc7pxt],
.clinic-create-account p[b-39qwyc7pxt],
.clinic-staff-note p[b-39qwyc7pxt] {
    color: var(--colour-text-secondary);
    margin: 0;
}

.clinic-login-copy > p:not(.clinic-login-eyebrow)[b-39qwyc7pxt] {
    font-size: 1rem;
    line-height: 1.55;
    max-width: 620px;
}

.clinic-login-overview[b-39qwyc7pxt] {
    align-items: start;
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    grid-template-areas:
        "benefits workspace"
        "emr workspace";
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    grid-template-rows: auto 1fr;
    max-width: 960px;
}

.clinic-benefit-grid[b-39qwyc7pxt] {
    display: grid;
    gap: 1rem 1.35rem;
    grid-area: benefits;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.clinic-benefit[b-39qwyc7pxt] {
    align-items: start;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.clinic-benefit > i[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
    font-size: 1rem;
    margin-top: 0.1rem;
}

.clinic-benefit strong[b-39qwyc7pxt] {
    color: var(--colour-text);
    display: block;
    font-size: 0.82rem;
    line-height: 1.3;
}

.clinic-benefit p[b-39qwyc7pxt] {
    font-size: 0.72rem;
    line-height: 1.42;
    margin-top: 0.18rem;
}

.clinic-workspace-preview[b-39qwyc7pxt] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    gap: 0.85rem;
    grid-area: workspace;
    padding: 1rem;
}

.clinic-workspace-heading[b-39qwyc7pxt],
.clinic-emr-note[b-39qwyc7pxt],
.clinic-secondary-heading[b-39qwyc7pxt],
.clinic-staff-note[b-39qwyc7pxt] {
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
}

.clinic-workspace-heading[b-39qwyc7pxt] {
    gap: 0.75rem;
}

.clinic-preview-icon[b-39qwyc7pxt],
.clinic-card-icon[b-39qwyc7pxt],
.clinic-secondary-icon[b-39qwyc7pxt],
.clinic-note-icon[b-39qwyc7pxt],
.clinic-emr-note > span[b-39qwyc7pxt] {
    align-items: center;
    background: var(--colour-light-green);
    border-radius: 50%;
    color: var(--colour-primary-green);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.clinic-preview-icon[b-39qwyc7pxt] {
    font-size: 1.15rem;
    height: 2.5rem;
    width: 2.5rem;
}

.clinic-workspace-heading h2[b-39qwyc7pxt] {
    color: var(--colour-text);
    font-size: 0.95rem;
    margin: 0;
}

.clinic-workspace-heading p[b-39qwyc7pxt] {
    font-size: 0.78rem;
    line-height: 1.4;
    margin-top: 0.12rem;
}

.clinic-workspace-list[b-39qwyc7pxt] {
    display: grid;
    gap: 0.65rem;
}

.clinic-workspace-list > div[b-39qwyc7pxt] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 4rem;
    padding: 0.7rem 0.8rem;
}

.clinic-workspace-list i[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
    font-size: 1.2rem;
}

.clinic-workspace-list span[b-39qwyc7pxt] {
    display: grid;
    gap: 0.08rem;
}

.clinic-workspace-list strong[b-39qwyc7pxt] {
    color: var(--colour-text);
    font-size: 0.82rem;
}

.clinic-workspace-list small[b-39qwyc7pxt] {
    color: var(--colour-text-secondary);
    font-size: 0.7rem;
    line-height: 1.35;
}

.clinic-emr-note[b-39qwyc7pxt] {
    align-self: stretch;
    background: color-mix(in srgb, var(--colour-light-green) 72%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-primary-green) 20%, var(--colour-border));
    border-radius: 8px;
    gap: 0.8rem;
    grid-area: emr;
    max-width: none;
    padding: 0.8rem 1rem;
}

.clinic-emr-note > span[b-39qwyc7pxt] {
    font-size: 1.2rem;
    height: 2.5rem;
    width: 2.5rem;
}

.clinic-emr-note strong[b-39qwyc7pxt] {
    color: var(--colour-text);
    font-size: 0.85rem;
}

.clinic-emr-note p[b-39qwyc7pxt] {
    font-size: 0.76rem;
    margin-top: 0.12rem;
}

.clinic-login-card[b-39qwyc7pxt] {
    align-self: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    gap: 0.9rem;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.25rem);
    width: 100%;
}

.clinic-login-heading[b-39qwyc7pxt] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.clinic-card-icon[b-39qwyc7pxt] {
    font-size: 1.45rem;
    height: 2.75rem;
    width: 2.75rem;
}

.clinic-login-heading h2[b-39qwyc7pxt],
.clinic-create-account strong[b-39qwyc7pxt],
.clinic-staff-note strong[b-39qwyc7pxt] {
    color: var(--colour-text);
}

.clinic-login-heading h2[b-39qwyc7pxt] {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0;
}

.clinic-login-heading p[b-39qwyc7pxt] {
    line-height: 1.5;
}

.clinic-login-field[b-39qwyc7pxt] {
    display: grid;
    gap: 0.45rem;
}

.clinic-login-form .clinic-login-field + .clinic-login-password-field[b-39qwyc7pxt] {
    margin-top: 0.45rem !important;
}

.clinic-login-field > label[b-39qwyc7pxt] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 650;
}

.clinic-login-field:focus-within > label[b-39qwyc7pxt],
.clinic-login-field.auth-field-has-value > label[b-39qwyc7pxt],
.clinic-login-field:has(.form-control:not(:placeholder-shown)) > label[b-39qwyc7pxt],
.clinic-login-field:has(.form-control:-webkit-autofill) > label[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
}

.clinic-login-email-field > label[b-39qwyc7pxt],
.clinic-login-password-field > label[b-39qwyc7pxt] {
    left: 2.15rem;
}

.clinic-login-email-icon[b-39qwyc7pxt] {
    color: var(--colour-text-secondary);
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    grid-area: var(--auth-resting-label-grid-area);
    top: var(--auth-resting-label-top);
    transform: translateY(-50%);
    transition: color 150ms ease;
    z-index: 1;
}

.clinic-login-email-field:focus-within > .clinic-login-email-icon[b-39qwyc7pxt],
.clinic-login-email-field.auth-field-has-value > .clinic-login-email-icon[b-39qwyc7pxt],
.clinic-login-email-field:has(.form-control:not(:placeholder-shown)) > .clinic-login-email-icon[b-39qwyc7pxt],
.clinic-login-email-field:has(.form-control:-webkit-autofill) > .clinic-login-email-icon[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
}

.clinic-login-password-field[b-39qwyc7pxt]  .password-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.clinic-login-password-field:focus-within[b-39qwyc7pxt]  .password-leading-icon,
.clinic-login-password-field.auth-field-has-value[b-39qwyc7pxt]  .password-leading-icon,
.clinic-login-password-field:has(.form-control:-webkit-autofill)[b-39qwyc7pxt]  .password-leading-icon {
    color: var(--colour-primary-green);
}

.clinic-login-email-field[b-39qwyc7pxt]  .form-control {
    padding-left: 2.35rem;
}

.clinic-login-field[b-39qwyc7pxt]  .form-control {
    color: var(--colour-text);
}

.clinic-login-field[b-39qwyc7pxt]  .form-control::placeholder {
    color: var(--colour-text-secondary);
    opacity: 1;
}

.clinic-login-email-field[b-39qwyc7pxt]  .form-control:focus,
.clinic-login-email-field.auth-field-has-value[b-39qwyc7pxt]  .form-control,
.clinic-login-email-field[b-39qwyc7pxt]  .form-control:not(:placeholder-shown),
.clinic-login-email-field[b-39qwyc7pxt]  .form-control:-webkit-autofill {
    border-color: var(--colour-primary-green);
    box-shadow: none;
    outline: 0;
}

.clinic-login-field[b-39qwyc7pxt]  .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--colour-text);
    box-shadow: 0 0 0 1000px var(--colour-surface) inset;
}

.clinic-login-password-field[b-39qwyc7pxt]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-border) !important;
}

.clinic-login-password-field:focus-within[b-39qwyc7pxt]  .form-control[data-auth-live-value-state],
.clinic-login-password-field.auth-field-has-value[b-39qwyc7pxt]  .form-control[data-auth-live-value-state],
.clinic-login-password-field:has(.form-control:-webkit-autofill)[b-39qwyc7pxt]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-primary-green) !important;
}

.clinic-login-password-field[b-39qwyc7pxt]  .password-toggle {
    --btn-app-hover-bg: var(--colour-light-green);
    --btn-app-active-bg: var(--colour-light-green);
    --btn-app-focus: rgba(72, 157, 63, 0.28);
}

.clinic-login-password-field[b-39qwyc7pxt]  .password-input-shell,
.clinic-login-password-field[b-39qwyc7pxt]  .form-control,
.clinic-login-email-field[b-39qwyc7pxt]  .form-control {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.clinic-login-forgot[b-39qwyc7pxt] {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--colour-primary-green);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 650;
    justify-self: end;
    line-height: 1.3;
    padding: 0;
    text-decoration: none;
}

.clinic-login-forgot:hover[b-39qwyc7pxt] {
    color: var(--colour-primary-green-hover);
    text-decoration: underline;
}

.clinic-login-forgot:focus-visible[b-39qwyc7pxt] {
    border-radius: 2px;
    outline: 2px solid var(--colour-primary-green);
    outline-offset: 2px;
}

.clinic-login-submit[b-39qwyc7pxt],
.clinic-create-account[b-39qwyc7pxt]  .btn-app {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.5rem;
    justify-content: center;
    min-height: 2.65rem;
    width: 100%;
}

.clinic-login-submit[b-39qwyc7pxt] {
    margin-top: var(--app-card-inner-gap);
}

.clinic-login-resend[b-39qwyc7pxt] {
    align-items: baseline;
    color: var(--colour-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    gap: 0.25rem;
    justify-content: center;
    line-height: 1.4;
    margin: var(--app-card-inner-gap) 0 0;
    text-align: center;
}

.clinic-login-resend a[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
    font-weight: 700;
    text-decoration: none;
}

.clinic-login-resend a:hover[b-39qwyc7pxt] {
    color: var(--colour-primary-green-hover);
    text-decoration: underline;
}

.clinic-login-divider[b-39qwyc7pxt] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto 1fr;
    margin: 0.3rem 0;
}

.clinic-login-divider span[b-39qwyc7pxt] {
    background: var(--colour-border);
    height: 1px;
}

.clinic-login-divider strong[b-39qwyc7pxt] {
    font-size: 0.78rem;
    text-transform: uppercase;
}

.clinic-create-account[b-39qwyc7pxt] {
    background: var(--colour-light-green);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
}

.clinic-secondary-heading[b-39qwyc7pxt] {
    gap: 0.75rem;
}

.clinic-secondary-icon[b-39qwyc7pxt],
.clinic-note-icon[b-39qwyc7pxt] {
    font-size: 1.15rem;
    height: 2.35rem;
    width: 2.35rem;
}

.clinic-secondary-heading strong[b-39qwyc7pxt] {
    display: block;
    font-size: 0.9rem;
}

.clinic-secondary-heading p[b-39qwyc7pxt] {
    font-size: 0.8rem;
    line-height: 1.45;
    margin-top: 0.2rem;
}

.clinic-staff-note[b-39qwyc7pxt] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    gap: 0.85rem;
    padding: 0.8rem 1rem;
}

.clinic-staff-note strong[b-39qwyc7pxt] {
    font-size: 0.88rem;
}

.clinic-staff-note p[b-39qwyc7pxt] {
    font-size: 0.78rem;
    line-height: 1.45;
    margin-top: 0.2rem;
}

.clinic-login-security[b-39qwyc7pxt] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-weight: 650;
    gap: 0.5rem;
    justify-self: center;
    margin: 0;
    text-align: center;
}

.clinic-login-security i[b-39qwyc7pxt] {
    color: var(--colour-primary-green);
}

@media (prefers-reduced-motion: reduce) {
    .clinic-login-email-icon[b-39qwyc7pxt],
    .clinic-login-password-field[b-39qwyc7pxt]  .password-leading-icon {
        transition: none;
    }
}

@media (max-width: 1280px) {
    .clinic-login-overview[b-39qwyc7pxt] {
        grid-template-areas:
            "benefits"
            "emr";
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .clinic-workspace-preview[b-39qwyc7pxt] {
        display: none;
    }

    .clinic-emr-note[b-39qwyc7pxt] {
        max-width: 360px;
    }
}

@media (max-width: 980px) {
    .clinic-login-page[b-39qwyc7pxt] {
        gap: 0.75rem;
        min-height: calc(100dvh - 4.6rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
        padding: 0.75rem 0.75rem 1rem;
    }

    .clinic-login-shell[b-39qwyc7pxt] {
        align-items: stretch;
        gap: 1rem;
        grid-template-columns: 1fr;
        max-width: 430px;
    }

    .clinic-login-intro[b-39qwyc7pxt] {
        display: none;
    }

    .clinic-login-card[b-39qwyc7pxt] {
        justify-self: center;
        max-width: 430px;
    }

    .clinic-login-security[b-39qwyc7pxt] {
        font-size: 0.78rem;
        line-height: 1.4;
        max-width: 430px;
    }
}

@media (min-width: 981px) and (max-height: 850px) {
    .clinic-login-page[b-39qwyc7pxt] {
        gap: 0.5rem;
        padding-block: 0.5rem;
    }

    .clinic-login-card[b-39qwyc7pxt] {
        gap: 0.5rem;
        padding: 1rem;
    }

    .clinic-login-intro[b-39qwyc7pxt],
    .clinic-login-overview[b-39qwyc7pxt] {
        gap: 1rem;
    }

    .clinic-login-copy h1[b-39qwyc7pxt] {
        font-size: clamp(1.75rem, 2.5vw, 2.25rem);
    }

    .clinic-benefit-grid[b-39qwyc7pxt] {
        row-gap: 0.75rem;
    }
}

@media (max-width: 900px) {
    .clinic-login-page[b-39qwyc7pxt] {
        min-height: calc(100dvh - 4rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4rem);
    }
}

@media (max-width: 620px) {
    .clinic-login-card[b-39qwyc7pxt] {
        gap: 0.8rem;
        min-height: clamp(38.172rem, calc(72.75rem - 124vw), 42.512rem);
        padding: 1rem;
    }
}

@media (max-width: 339px) {
    .clinic-login-card[b-39qwyc7pxt] {
        gap: 0.72rem;
    }
}
/* /Components/Pages/Auth/ClinicSignup.razor.rz.scp.css */
.clinic-signup-page[b-3h7b8xe6gx] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 50%, var(--colour-light-green) 100%);
    color: var(--colour-text);
    display: grid;
    gap: 0.75rem;
    margin: -1.25rem -1.5rem -2rem;
    min-height: calc(100vh - 4.6rem);
    min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
    padding: clamp(1rem, 2.5vw, 2rem) clamp(1rem, 4vw, 4.5rem) 1rem;
    width: calc(100% + 3rem);
}

.clinic-signup-shell[b-3h7b8xe6gx] {
    align-items: center;
    display: grid;
    gap: clamp(1.5rem, 2vw, 2rem);
    grid-template-columns: minmax(0, 620px) minmax(680px, 820px);
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1520px;
    width: 100%;
}

.clinic-signup-intro[b-3h7b8xe6gx],
.clinic-signup-copy[b-3h7b8xe6gx],
.clinic-signup-preview[b-3h7b8xe6gx],
.clinic-signup-card[b-3h7b8xe6gx],
.clinic-signup-form[b-3h7b8xe6gx],
.clinic-signup-fields[b-3h7b8xe6gx],
.clinic-signup-field[b-3h7b8xe6gx] {
    display: grid;
}

.clinic-signup-intro[b-3h7b8xe6gx] {
    gap: clamp(1rem, 2vw, 1.35rem);
    min-width: 0;
}

.clinic-signup-registration[b-3h7b8xe6gx] {
    align-self: center;
    display: grid;
    gap: 1.125rem;
    justify-self: center;
    max-width: 820px;
    min-width: 0;
    width: 100%;
}

.clinic-signup-copy[b-3h7b8xe6gx] {
    gap: 0.55rem;
}

.clinic-signup-eyebrow[b-3h7b8xe6gx] {
    align-items: center;
    color: var(--colour-primary-green);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    margin: 0;
    text-transform: uppercase;
}

.clinic-signup-eyebrow i[b-3h7b8xe6gx] {
    font-size: 1.35rem;
}

.clinic-signup-copy h1[b-3h7b8xe6gx] {
    color: var(--colour-text);
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    font-weight: 850;
    line-height: 1.04;
    margin: 0;
    max-width: 680px;
}

.clinic-signup-heading-line[b-3h7b8xe6gx] {
    display: block;
}

.clinic-signup-heading-accent[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

@media (min-width: 1641px) {
    .clinic-signup-heading-line[b-3h7b8xe6gx] {
        white-space: nowrap;
    }
}

.clinic-signup-copy > p:not(.clinic-signup-eyebrow)[b-3h7b8xe6gx],
.clinic-signup-heading p[b-3h7b8xe6gx],
.clinic-signup-alt[b-3h7b8xe6gx] {
    color: var(--colour-text-secondary);
}

.clinic-signup-copy > p:not(.clinic-signup-eyebrow)[b-3h7b8xe6gx],
.clinic-signup-heading p[b-3h7b8xe6gx] {
    line-height: 1.5;
    margin: 0;
}

.clinic-signup-copy > p:not(.clinic-signup-eyebrow)[b-3h7b8xe6gx] {
    font-size: 1rem;
    max-width: 620px;
}

.clinic-signup-preview[b-3h7b8xe6gx] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    box-sizing: border-box;
    gap: 1rem;
    max-width: 620px;
    padding: clamp(1rem, 2vw, 1.25rem);
    width: 100%;
}

.clinic-preview-header[b-3h7b8xe6gx] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.clinic-preview-header > div[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.clinic-preview-header strong[b-3h7b8xe6gx],
.clinic-signup-heading h2[b-3h7b8xe6gx],
.clinic-review-heading h3[b-3h7b8xe6gx] {
    color: var(--colour-text);
}

.clinic-preview-header span[b-3h7b8xe6gx] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    line-height: 1.45;
}

.clinic-preview-icon[b-3h7b8xe6gx],
.clinic-card-icon[b-3h7b8xe6gx] {
    align-items: center;
    background: var(--colour-light-green);
    border-radius: 50%;
    color: var(--colour-primary-green);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.clinic-preview-icon[b-3h7b8xe6gx] {
    font-size: 1.35rem;
    height: 2.75rem;
    width: 2.75rem;
}

.clinic-preview-steps[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.7rem;
}

.clinic-preview-steps > div[b-3h7b8xe6gx] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.05rem;
    padding: 0.7rem 0.85rem;
}

.clinic-preview-steps i[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
    font-size: 1.15rem;
}

.clinic-preview-steps span[b-3h7b8xe6gx] {
    font-size: 0.9rem;
    font-weight: 700;
}

.clinic-signup-card[b-3h7b8xe6gx] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    box-sizing: border-box;
    gap: 1rem;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 35.625rem;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.35rem);
    width: 100%;
}

.clinic-signup-stepper[b-3h7b8xe6gx] {
    border-bottom: 1px solid var(--colour-border);
    padding: 0.15rem 0 1rem;
}

.clinic-signup-stepper ol[b-3h7b8xe6gx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.clinic-signup-stepper li[b-3h7b8xe6gx] {
    min-width: 0;
    position: relative;
}

.clinic-signup-stepper li:not(:last-child)[b-3h7b8xe6gx]::after {
    background: var(--colour-border);
    content: "";
    height: 1px;
    left: calc(50% + 1.05rem);
    position: absolute;
    right: calc(-50% + 1.05rem);
    top: 0.85rem;
}

.clinic-signup-stepper li.is-complete:not(:last-child)[b-3h7b8xe6gx]::after {
    background: var(--colour-primary-green);
}

.clinic-signup-stepper button[b-3h7b8xe6gx] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--colour-text-secondary);
    display: grid;
    font: inherit;
    gap: 0.35rem;
    justify-items: center;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.clinic-signup-stepper button > span[b-3h7b8xe6gx] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    height: 1.7rem;
    justify-content: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    width: 1.7rem;
}

.clinic-signup-stepper button > strong[b-3h7b8xe6gx] {
    font-size: 0.72rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.clinic-signup-stepper li.is-active button[b-3h7b8xe6gx],
.clinic-signup-stepper li.is-complete button[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-signup-stepper li.is-active button > span[b-3h7b8xe6gx],
.clinic-signup-stepper li.is-complete button > span[b-3h7b8xe6gx] {
    background: var(--colour-primary-green);
    border-color: var(--colour-primary-green);
    color: var(--colour-surface);
}

.clinic-signup-card[b-3h7b8xe6gx]  .clinic-signup-form {
    display: grid;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.clinic-signup-wizard [data-signup-step][hidden][b-3h7b8xe6gx] {
    display: none;
}

.clinic-signup-step-panel[b-3h7b8xe6gx] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.clinic-signup-heading[b-3h7b8xe6gx] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.clinic-card-icon[b-3h7b8xe6gx] {
    font-size: 1.35rem;
    height: 2.75rem;
    width: 2.75rem;
}

.clinic-signup-heading > div[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.12rem;
}

.clinic-signup-heading h2[b-3h7b8xe6gx] {
    font-size: 1.3rem;
    font-weight: 800;
    margin: 0;
}

.clinic-signup-heading .clinic-signup-step-kicker[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.clinic-signup-heading p:last-child[b-3h7b8xe6gx] {
    font-size: 0.88rem;
}

.clinic-signup-fields[b-3h7b8xe6gx] {
    gap: 1rem;
}

.clinic-details-step .clinic-signup-fields[b-3h7b8xe6gx] {
    flex: 1;
    grid-template-rows: auto auto minmax(var(--control-height), 1fr);
    min-height: 0;
}

.clinic-signup-grid[b-3h7b8xe6gx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinic-signup-field[b-3h7b8xe6gx] {
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
}

.clinic-signup-field > label[b-3h7b8xe6gx] {
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.3;
}

.clinic-signup-field[b-3h7b8xe6gx]  .clinic-signup-phone-control > label {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 650;
}

.clinic-signup-icon-field > label[b-3h7b8xe6gx],
.clinic-signup-password-field > label[b-3h7b8xe6gx] {
    left: 2.15rem;
}

.clinic-signup-icon-field > label[b-3h7b8xe6gx] {
    align-items: center;
    display: inline-flex;
    gap: 0.3rem;
}

.clinic-signup-leading-icon[b-3h7b8xe6gx] {
    color: var(--colour-text-secondary);
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    grid-area: var(--auth-resting-label-grid-area);
    top: var(--auth-resting-label-top);
    transform: translateY(-50%);
    transition: color 150ms ease;
    z-index: 1;
}

.clinic-signup-icon-field:focus-within > .clinic-signup-leading-icon[b-3h7b8xe6gx],
.clinic-signup-icon-field.signup-field-has-value > .clinic-signup-leading-icon[b-3h7b8xe6gx],
.clinic-signup-icon-field:has(.form-control:not(:placeholder-shown)) > .clinic-signup-leading-icon[b-3h7b8xe6gx],
.clinic-signup-icon-field:has(.form-control:-webkit-autofill) > .clinic-signup-leading-icon[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-signup-icon-field:focus-within > label[b-3h7b8xe6gx],
.clinic-signup-icon-field.signup-field-has-value > label[b-3h7b8xe6gx],
.clinic-signup-icon-field:has(.form-control:not(:placeholder-shown)) > label[b-3h7b8xe6gx],
.clinic-signup-icon-field:has(.form-control:-webkit-autofill) > label[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-signup-password-field[b-3h7b8xe6gx]  .password-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.clinic-signup-password-field:focus-within[b-3h7b8xe6gx]  .password-leading-icon,
.clinic-signup-password-field.auth-field-has-value[b-3h7b8xe6gx]  .password-leading-icon,
.clinic-signup-password-field:has(.form-control:not(:placeholder-shown))[b-3h7b8xe6gx]  .password-leading-icon,
.clinic-signup-password-field:has(.form-control:-webkit-autofill)[b-3h7b8xe6gx]  .password-leading-icon {
    color: var(--colour-primary-green);
}

.clinic-signup-password-field:focus-within > label[b-3h7b8xe6gx],
.clinic-signup-password-field.auth-field-has-value > label[b-3h7b8xe6gx],
.clinic-signup-password-field:has(.form-control:not(:placeholder-shown)) > label[b-3h7b8xe6gx],
.clinic-signup-password-field:has(.form-control:-webkit-autofill) > label[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-signup-password-field[b-3h7b8xe6gx]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-border) !important;
}

.clinic-signup-password-field:focus-within[b-3h7b8xe6gx]  .form-control[data-auth-live-value-state],
.clinic-signup-password-field.auth-field-has-value[b-3h7b8xe6gx]  .form-control[data-auth-live-value-state],
.clinic-signup-password-field[b-3h7b8xe6gx]  .form-control[data-auth-live-value-state]:not(:placeholder-shown),
.clinic-signup-password-field[b-3h7b8xe6gx]  .form-control[data-auth-live-value-state]:-webkit-autofill {
    border-color: var(--colour-primary-green) !important;
}

.clinic-signup-password-field[b-3h7b8xe6gx]  .password-toggle {
    --btn-app-hover-bg: var(--colour-light-green);
    --btn-app-active-bg: var(--colour-light-green);
    --btn-app-focus: rgba(72, 157, 63, 0.28);
}

.clinic-signup-icon-field[b-3h7b8xe6gx]  .form-control {
    padding-left: 2.35rem;
}

.clinic-signup-icon-field[b-3h7b8xe6gx]  .form-control:focus,
.clinic-signup-icon-field[b-3h7b8xe6gx]  .form-control:not(:placeholder-shown),
.clinic-signup-icon-field[b-3h7b8xe6gx]  .form-control:-webkit-autofill {
    border-color: var(--colour-primary-green);
    box-shadow: none;
    outline: 0;
}

.clinic-signup-field[b-3h7b8xe6gx]  .form-control {
    color: var(--colour-text);
}

.clinic-signup-field[b-3h7b8xe6gx]  .form-control::placeholder {
    color: var(--colour-text-secondary);
    opacity: 1;
}

.clinic-signup-field[b-3h7b8xe6gx]  .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--colour-text);
}

.clinic-signup-icon-field[b-3h7b8xe6gx]  .pg-character-count {
    right: 0.75rem;
}

.clinic-signup-password-field[b-3h7b8xe6gx]  .password-input-shell,
.clinic-signup-password-field[b-3h7b8xe6gx]  .form-control,
.clinic-signup-icon-field[b-3h7b8xe6gx]  .form-control {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.clinic-signup-field[b-3h7b8xe6gx]  .clinic-signup-phone-control {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.clinic-signup-field.signup-field-has-value[b-3h7b8xe6gx]  .pg-phone-shell {
    border-color: var(--colour-primary-green);
}

.clinic-signup-field.signup-field-has-value[b-3h7b8xe6gx]  .pg-phone-shell i {
    color: var(--colour-primary-green);
}

.clinic-website-field[b-3h7b8xe6gx] {
    align-self: end;
}

.clinic-address-field[b-3h7b8xe6gx] {
    align-content: stretch;
    align-self: stretch;
    grid-template-rows: minmax(var(--control-height), 1fr) auto;
    min-height: var(--control-height);
}

.clinic-address-field[b-3h7b8xe6gx]  .pg-text-control {
    height: 100%;
}

.clinic-address-field[b-3h7b8xe6gx]  textarea.form-control {
    height: 100%;
    min-height: var(--control-height);
    overflow-y: auto;
    padding-bottom: var(--control-padding-y);
    padding-top: var(--control-padding-y);
    resize: none;
}

.clinic-optional-label[b-3h7b8xe6gx] {
    color: var(--colour-text-secondary);
    font-size: 0.76rem;
    font-weight: 650;
    margin-left: 0.2rem;
}

.clinic-signup-actions[b-3h7b8xe6gx] {
    align-items: center;
    border-top: 1px solid var(--colour-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 1rem;
}

.clinic-signup-actions-end[b-3h7b8xe6gx] {
    justify-content: flex-end;
}

.clinic-signup-actions[b-3h7b8xe6gx]  .btn-app {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.5rem;
    justify-content: center;
    min-height: 2.45rem;
    min-width: 8rem;
}

.clinic-signup-submit[b-3h7b8xe6gx] {
    min-width: 12rem !important;
}

.clinic-signup-review[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clinic-signup-review > section[b-3h7b8xe6gx] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    min-width: 0;
    padding: 0.85rem;
}

.clinic-review-heading[b-3h7b8xe6gx],
.clinic-review-heading > div[b-3h7b8xe6gx] {
    align-items: center;
    display: flex;
}

.clinic-review-heading[b-3h7b8xe6gx] {
    gap: 0.5rem;
    justify-content: space-between;
}

.clinic-review-heading > div[b-3h7b8xe6gx] {
    gap: 0.45rem;
    min-width: 0;
}

.clinic-review-heading i[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-review-heading h3[b-3h7b8xe6gx] {
    font-size: 0.88rem;
    font-weight: 800;
    margin: 0;
}

.clinic-review-edit[b-3h7b8xe6gx] {
    background: transparent;
    border: 0;
    color: var(--colour-primary-green);
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.2rem;
}

.clinic-signup-review dl[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.55rem;
    margin: 0.75rem 0 0;
}

.clinic-signup-review dl > div[b-3h7b8xe6gx] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.clinic-signup-review dt[b-3h7b8xe6gx] {
    color: var(--colour-text-secondary);
    font-size: 0.7rem;
    font-weight: 650;
}

.clinic-signup-review dd[b-3h7b8xe6gx] {
    color: var(--colour-text);
    font-size: 0.82rem;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.clinic-signup-review-note[b-3h7b8xe6gx] {
    align-items: center;
    background: var(--colour-light-green);
    border-radius: 6px;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.8rem;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 0.75rem;
}

.clinic-signup-review-note i[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

.clinic-signup-alt[b-3h7b8xe6gx] {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    gap: 0.35rem;
    justify-content: center;
    text-align: center;
}

.clinic-signup-alt a[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
    font-weight: 700;
    text-decoration: none;
}

.clinic-signup-alt a:hover[b-3h7b8xe6gx] {
    text-decoration: underline;
}

.clinic-signup-security[b-3h7b8xe6gx] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 650;
    gap: 0.5rem;
    justify-self: center;
    margin: 0;
    text-align: center;
}

.clinic-signup-security i[b-3h7b8xe6gx] {
    color: var(--colour-primary-green);
}

@media (min-width: 1281px) {
    .clinic-signup-page[b-3h7b8xe6gx] {
        align-content: start;
        padding-top: clamp(2rem, 10vh, 6rem);
    }

    .clinic-signup-shell[b-3h7b8xe6gx] {
        align-items: start;
    }

    .clinic-signup-registration[b-3h7b8xe6gx] {
        align-self: start;
    }

    .clinic-signup-security[b-3h7b8xe6gx] {
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .clinic-signup-stepper button > span[b-3h7b8xe6gx],
    .clinic-signup-leading-icon[b-3h7b8xe6gx],
    .clinic-signup-password-field[b-3h7b8xe6gx]  .password-leading-icon {
        transition: none;
    }
}

@media (max-width: 1280px) {
    .clinic-signup-page[b-3h7b8xe6gx] {
        min-height: calc(100dvh - 4.6rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
        padding: 0.75rem 0.75rem 1rem;
    }

    .clinic-signup-shell[b-3h7b8xe6gx] {
        align-items: stretch;
        grid-template-columns: 1fr;
        max-width: 820px;
    }

    .clinic-signup-intro[b-3h7b8xe6gx] {
        display: none;
    }

    .clinic-signup-security[b-3h7b8xe6gx] {
        font-size: 0.78rem;
        line-height: 1.4;
        max-width: 820px;
    }
}

@media (max-width: 900px) {
    .clinic-signup-page[b-3h7b8xe6gx] {
        min-height: calc(100dvh - 4rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4rem);
    }
}

@media (max-width: 760px) {
    .clinic-signup-card[b-3h7b8xe6gx] {
        min-height: 0;
    }

    .clinic-signup-grid[b-3h7b8xe6gx],
    .clinic-signup-review[b-3h7b8xe6gx] {
        grid-template-columns: 1fr;
    }

    .clinic-details-step .clinic-signup-fields[b-3h7b8xe6gx] {
        flex: none;
        grid-template-rows: none;
    }

    .clinic-website-field[b-3h7b8xe6gx] {
        align-self: stretch;
    }

    .clinic-address-field[b-3h7b8xe6gx]  .pg-text-control,
    .clinic-address-field[b-3h7b8xe6gx]  textarea.form-control {
        height: var(--control-height);
    }

    .clinic-signup-stepper button > strong[b-3h7b8xe6gx] {
        font-size: 0.64rem;
        white-space: normal;
    }
}

@media (max-width: 520px) {
    .clinic-signup-stepper button > strong[b-3h7b8xe6gx] {
        display: none;
    }

    .clinic-signup-actions[b-3h7b8xe6gx] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .clinic-signup-actions[b-3h7b8xe6gx]  .btn-app {
        width: 100%;
    }
}
/* /Components/Pages/Auth/PatientEmailVerification.razor.rz.scp.css */
.email-verification-page .mfa-card[b-i7dayu3mwu] { width: min(100%, 32rem); }
.email-verification-page :is(.email-verification-content, .security-flow-content)[b-i7dayu3mwu] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-width: 0; text-align: left; }
.email-verification-page h1[b-i7dayu3mwu] { margin: 0; }
.email-verification-content .eyebrow[b-i7dayu3mwu] { margin: 0 0 -.75rem; }
.email-verification-content[b-i7dayu3mwu]  .auth-single-card-logo { justify-content: flex-start; }
.email-verification-page[b-i7dayu3mwu]  form.auth-form { margin: 0; gap: .75rem; }
.email-verification-page[b-i7dayu3mwu]  .auth-form[hidden] { display: none; }
.email-verification-content[b-i7dayu3mwu]  .auth-submit { width: 100%; justify-self: stretch; }
.email-verification-page .email-trust-option p[b-i7dayu3mwu] { margin: 0; padding-left: 1.8rem; font-size: .9rem; }
.email-verification-page .email-recovery-help[b-i7dayu3mwu] { border-top: 1px solid var(--colour-border); padding-top: 1rem; font-size: .875rem; }
.email-verification-page .admin-page-back[b-i7dayu3mwu] { margin: 0; justify-self: start; }
.email-verification-page .btn-app[b-i7dayu3mwu] { min-height: 44px; max-width: 100%; }
.email-trust-option label[b-i7dayu3mwu] { display: flex; align-items: center; gap: .65rem; min-height: 44px; cursor: pointer; }
.email-alternatives[b-i7dayu3mwu] { width: 100%; min-width: 0; }
.email-alternatives summary[b-i7dayu3mwu] { display: list-item; width: fit-content; margin-inline: auto; padding: .75rem .25rem; min-height: 44px; cursor: pointer; color: var(--bs-primary); }
.email-alternatives summary:focus-visible[b-i7dayu3mwu] { outline: 2px solid currentColor; outline-offset: 3px; border-radius: .25rem; }
.email-alternative-actions[b-i7dayu3mwu] { display: grid; gap: .75rem; padding-top: .75rem; }
/* /Components/Pages/Auth/PatientLogin.razor.rz.scp.css */
.patient-login-page[b-soeub7acyz] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 50%, var(--colour-light-blue) 100%);
    color: var(--colour-text);
    display: grid;
    gap: 1rem;
    margin: -1.25rem -1.5rem -2rem;
    min-height: calc(100vh - 4.6rem);
    min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
    padding: clamp(1rem, 2.5vw, 2.5rem) clamp(1rem, 6vw, 5.5rem) 1rem;
    width: calc(100% + 3rem);
}

.patient-login-shell[b-soeub7acyz] {
    align-items: center;
    display: grid;
    gap: clamp(1.25rem, 4vw, 3rem);
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
}

.patient-login-intro[b-soeub7acyz],
.patient-login-copy[b-soeub7acyz],
.patient-login-card[b-soeub7acyz],
.patient-create-account[b-soeub7acyz] {
    display: grid;
}

.patient-login-intro[b-soeub7acyz] {
    gap: clamp(1rem, 2vw, 1.35rem);
}

.patient-login-copy[b-soeub7acyz] {
    gap: 0.55rem;
}

.patient-login-eyebrow[b-soeub7acyz] {
    align-items: center;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    margin: 0;
    text-transform: uppercase;
}

.patient-login-eyebrow i[b-soeub7acyz] {
    font-size: 1.25rem;
}

.patient-login-copy h1[b-soeub7acyz] {
    color: var(--colour-text);
    font-size: clamp(1.85rem, 3.2vw, 2.6rem);
    font-weight: 850;
    line-height: 1.08;
    margin: 0;
    max-width: 650px;
}

.patient-login-copy h1 span[b-soeub7acyz] {
    color: var(--colour-primary-blue);
}

.patient-login-copy p:not(.patient-login-eyebrow)[b-soeub7acyz],
.patient-login-heading p[b-soeub7acyz],
.patient-create-account p[b-soeub7acyz],
.patient-qr-note p[b-soeub7acyz] {
    color: var(--colour-text-secondary);
    line-height: 1.55;
    margin: 0;
}

.patient-login-copy p:not(.patient-login-eyebrow)[b-soeub7acyz] {
    font-size: 1rem;
    max-width: 560px;
}

.patient-login-feature-grid[b-soeub7acyz] {
    display: grid;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 680px;
}

.patient-login-feature[b-soeub7acyz] {
    --patient-login-feature-accent: var(--colour-primary-blue);
    --patient-login-feature-background: var(--colour-light-blue);
    align-content: start;
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.patient-login-feature-care[b-soeub7acyz] {
    --patient-login-feature-accent: #22a667;
    --patient-login-feature-background: #eaf8f0;
}

.patient-login-feature-progress[b-soeub7acyz] {
    --patient-login-feature-accent: var(--colour-primary-blue);
    --patient-login-feature-background: var(--colour-light-blue);
}

.patient-login-feature-messaging[b-soeub7acyz] {
    --patient-login-feature-accent: #7357d8;
    --patient-login-feature-background: #f0edff;
}

.patient-login-feature-guides[b-soeub7acyz] {
    --patient-login-feature-accent: #d88716;
    --patient-login-feature-background: #fff5e5;
}

.patient-login-feature-icon[b-soeub7acyz],
.patient-login-timeline-icon[b-soeub7acyz],
.patient-card-icon[b-soeub7acyz],
.patient-note-icon[b-soeub7acyz] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.patient-login-feature-icon[b-soeub7acyz] {
    background: var(--patient-login-feature-background);
    border-radius: 8px;
    color: var(--patient-login-feature-accent);
    font-size: 1.1rem;
    height: 2.35rem;
    margin-bottom: 0.18rem;
    width: 2.35rem;
}

.patient-login-feature strong[b-soeub7acyz] {
    color: var(--colour-text);
    font-size: 0.83rem;
    line-height: 1.25;
}

.patient-login-feature p[b-soeub7acyz] {
    color: var(--colour-text-secondary);
    font-size: 0.72rem;
    line-height: 1.42;
    margin: 0;
}

.patient-login-timeline-preview[b-soeub7acyz] {
    background-color: var(--colour-surface);
    background-image: url("/images/care-plan/care-plan-night-sky.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    display: grid;
    gap: 0.55rem;
    max-width: 680px;
    overflow: hidden;
    padding: 1rem 1rem 0.85rem;
}

.patient-login-timeline-heading[b-soeub7acyz] {
    align-items: center;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.patient-login-timeline-icon[b-soeub7acyz] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1rem;
    height: 2.25rem;
    width: 2.25rem;
}

.patient-login-timeline-heading h2[b-soeub7acyz] {
    color: var(--colour-text);
    font-size: 0.95rem;
    margin: 0;
}

.patient-login-timeline-heading p[b-soeub7acyz] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    line-height: 1.35;
    margin: 0.15rem 0 0;
}

.patient-login-timeline-preview[b-soeub7acyz]  .patient-care-plan-timeline-panel {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0.2rem 0 0;
}

.patient-login-heading h2[b-soeub7acyz],
.patient-create-account strong[b-soeub7acyz] {
    color: var(--colour-text);
}

.patient-login-card[b-soeub7acyz] {
    align-self: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    gap: 0.9rem;
    padding: clamp(1rem, 2vw, 1.25rem);
}

.patient-login-heading[b-soeub7acyz] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 0;
}

.patient-card-icon[b-soeub7acyz] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1.45rem;
    height: 2.75rem;
    width: 2.75rem;
}

.patient-login-heading h2[b-soeub7acyz] {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0;
}

.patient-login-field[b-soeub7acyz] {
    display: grid;
    gap: 0.45rem;
}

.patient-login-form .patient-login-field + .patient-login-password-field[b-soeub7acyz] {
    margin-top: 0.45rem !important;
}

.patient-login-field > label[b-soeub7acyz] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 650;
}

.patient-login-field:focus-within > label[b-soeub7acyz],
.patient-login-field.auth-field-has-value > label[b-soeub7acyz],
.patient-login-field:has(.form-control:not(:placeholder-shown)) > label[b-soeub7acyz],
.patient-login-field:has(.form-control:-webkit-autofill) > label[b-soeub7acyz] {
    color: var(--colour-primary-blue);
}

.patient-login-email-field > label[b-soeub7acyz],
.patient-login-password-field > label[b-soeub7acyz] {
    left: 2.15rem;
}

.patient-login-email-icon[b-soeub7acyz] {
    color: var(--colour-text-secondary);
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    grid-area: var(--auth-resting-label-grid-area);
    top: var(--auth-resting-label-top);
    transform: translateY(-50%);
    transition: color 150ms ease;
    z-index: 1;
}

.patient-login-email-field:focus-within > .patient-login-email-icon[b-soeub7acyz],
.patient-login-email-field.auth-field-has-value > .patient-login-email-icon[b-soeub7acyz],
.patient-login-email-field:has(.form-control:not(:placeholder-shown)) > .patient-login-email-icon[b-soeub7acyz],
.patient-login-email-field:has(.form-control:-webkit-autofill) > .patient-login-email-icon[b-soeub7acyz] {
    color: var(--colour-primary-blue);
}

.patient-login-password-field[b-soeub7acyz]  .password-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.patient-login-password-field:focus-within[b-soeub7acyz]  .password-leading-icon,
.patient-login-password-field.auth-field-has-value[b-soeub7acyz]  .password-leading-icon,
.patient-login-password-field:has(.form-control:-webkit-autofill)[b-soeub7acyz]  .password-leading-icon {
    color: var(--colour-primary-blue);
}

.patient-login-password-field[b-soeub7acyz]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-border) !important;
}

.patient-login-password-field:focus-within[b-soeub7acyz]  .form-control[data-auth-live-value-state],
.patient-login-password-field.auth-field-has-value[b-soeub7acyz]  .form-control[data-auth-live-value-state],
.patient-login-password-field:has(.form-control:-webkit-autofill)[b-soeub7acyz]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-primary-blue) !important;
}

.patient-login-email-field[b-soeub7acyz]  .form-control {
    padding-left: 2.35rem;
}

.patient-login-field[b-soeub7acyz]  .form-control {
    color: var(--colour-text);
}

.patient-login-field[b-soeub7acyz]  .form-control::placeholder {
    color: var(--colour-text-secondary);
    opacity: 1;
}

.patient-login-field[b-soeub7acyz]  .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--colour-text);
}

.patient-login-forgot[b-soeub7acyz] {
    color: var(--colour-primary-blue);
    font-size: 0.8rem;
    font-weight: 650;
    justify-self: end;
    line-height: 1.3;
    text-decoration: none;
}

.patient-login-forgot:hover[b-soeub7acyz],
.patient-login-resend a:hover[b-soeub7acyz] {
    color: var(--colour-primary-blue-hover);
    text-decoration: underline;
}

.patient-login-resend[b-soeub7acyz] {
    align-items: baseline;
    color: var(--colour-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    gap: 0.25rem;
    justify-content: center;
    line-height: 1.4;
    margin: var(--app-card-inner-gap) 0 0;
    text-align: center;
}

.patient-login-resend a[b-soeub7acyz] {
    color: var(--colour-primary-blue);
    font-weight: 700;
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    .patient-login-email-icon[b-soeub7acyz],
    .patient-login-password-field[b-soeub7acyz]  .password-leading-icon {
        transition: none;
    }
}

.patient-login-submit[b-soeub7acyz],
.patient-create-account[b-soeub7acyz]  .btn-app {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.5rem;
    justify-content: center;
    min-height: 2.65rem;
    width: 100%;
}

.patient-login-submit[b-soeub7acyz] {
    margin-top: var(--app-card-inner-gap);
}

.patient-login-divider[b-soeub7acyz] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto 1fr;
    margin: 0.3rem 0;
}

.patient-login-divider span[b-soeub7acyz] {
    background: var(--colour-border);
    height: 1px;
}

.patient-login-divider strong[b-soeub7acyz] {
    font-size: 0.78rem;
    text-transform: uppercase;
}

.patient-create-account[b-soeub7acyz] {
    background: var(--colour-light-blue);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.patient-create-account > strong + p[b-soeub7acyz] {
    margin-top: 0.15rem;
}

.patient-qr-note[b-soeub7acyz] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.75rem 1rem;
}

.patient-note-icon[b-soeub7acyz] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1.15rem;
    height: 2.25rem;
    width: 2.25rem;
}

.patient-qr-note strong[b-soeub7acyz] {
    color: var(--colour-text);
    font-size: 0.88rem;
}

.patient-qr-note p[b-soeub7acyz] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.patient-login-security[b-soeub7acyz] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-weight: 650;
    gap: 0.5rem;
    justify-self: center;
    margin: 0;
    text-align: center;
}

.patient-login-security i[b-soeub7acyz] {
    color: var(--colour-primary-blue);
}

@media (max-width: 980px) {
    .patient-login-page[b-soeub7acyz] {
        gap: 0.75rem;
        min-height: calc(100dvh - 4.6rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
        padding: 0.75rem 0.75rem 1rem;
    }

    .patient-login-shell[b-soeub7acyz] {
        align-items: stretch;
        grid-template-columns: 1fr;
        max-width: 430px;
    }

    .patient-login-intro[b-soeub7acyz] {
        display: none;
    }

    .patient-login-card[b-soeub7acyz] {
        justify-self: center;
        max-width: 430px;
        width: 100%;
    }

    .patient-login-security[b-soeub7acyz] {
        font-size: 0.78rem;
        line-height: 1.4;
        max-width: 430px;
    }
}

@media (min-width: 981px) and (max-height: 850px) {
    .patient-login-page[b-soeub7acyz] {
        gap: 0.5rem;
        padding-block: 0.5rem;
    }

    .patient-login-card[b-soeub7acyz] {
        gap: 0.5rem;
        padding: 1rem;
    }
}

@media (max-width: 900px) {
    .patient-login-page[b-soeub7acyz] {
        min-height: calc(100dvh - 4rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4rem);
    }
}

@media (max-width: 620px) {
    .patient-login-card[b-soeub7acyz] {
        gap: 0.8rem;
        padding: 1rem;
    }

    .patient-login-heading[b-soeub7acyz],
    .patient-qr-note[b-soeub7acyz] {
        gap: 0.7rem;
        grid-template-columns: auto minmax(0, 1fr);
    }
}
/* /Components/Pages/Auth/PatientSignup.razor.rz.scp.css */
.patient-signup-page[b-w5mzf6254j] {
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 50%, var(--colour-light-blue) 100%);
    color: var(--colour-text);
    display: grid;
    gap: 0.75rem;
    margin: -1.25rem -1.5rem -2rem;
    min-height: calc(100vh - 4.6rem);
    min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
    padding: clamp(1rem, 2.5vw, 2rem) clamp(1rem, 4vw, 4.5rem) 1rem;
    width: calc(100% + 3rem);
}

.patient-signup-shell[b-w5mzf6254j] {
    align-items: center;
    display: grid;
    gap: clamp(1.5rem, 2vw, 2rem);
    grid-template-columns: minmax(0, 620px) minmax(680px, 820px);
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1520px;
    width: 100%;
}

.patient-signup-intro[b-w5mzf6254j],
.patient-signup-copy[b-w5mzf6254j],
.patient-signup-preview[b-w5mzf6254j],
.patient-signup-card[b-w5mzf6254j],
.patient-signup-form[b-w5mzf6254j],
.patient-signup-fields[b-w5mzf6254j],
.patient-signup-field[b-w5mzf6254j] {
    display: grid;
}

.patient-signup-intro[b-w5mzf6254j] {
    gap: clamp(1rem, 2vw, 1.35rem);
    min-width: 0;
}

.patient-signup-registration[b-w5mzf6254j] {
    align-self: center;
    display: grid;
    gap: 1.125rem;
    justify-self: center;
    max-width: 820px;
    min-width: 0;
    width: 100%;
}

.patient-signup-copy[b-w5mzf6254j] {
    gap: 0.55rem;
}

.patient-signup-eyebrow[b-w5mzf6254j] {
    align-items: center;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    margin: 0;
    text-transform: uppercase;
}

.patient-signup-eyebrow i[b-w5mzf6254j] {
    font-size: 1.35rem;
}

.patient-signup-copy h1[b-w5mzf6254j] {
    color: var(--colour-text);
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    font-weight: 850;
    line-height: 1.04;
    margin: 0;
    max-width: 680px;
}

.patient-signup-heading-line[b-w5mzf6254j] {
    display: block;
}

.patient-signup-heading-accent[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

@media (min-width: 1641px) {
    .patient-signup-heading-line[b-w5mzf6254j] {
        white-space: nowrap;
    }
}

.patient-signup-copy p:not(.patient-signup-eyebrow)[b-w5mzf6254j],
.patient-signup-heading p[b-w5mzf6254j] {
    color: var(--colour-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.patient-signup-copy p:not(.patient-signup-eyebrow)[b-w5mzf6254j] {
    font-size: 1rem;
    max-width: 620px;
}

.patient-signup-preview[b-w5mzf6254j] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    gap: 1rem;
    max-width: 620px;
    padding: clamp(1rem, 2vw, 1.25rem);
    width: 100%;
}

.patient-preview-header[b-w5mzf6254j] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.patient-preview-header div[b-w5mzf6254j] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.patient-preview-header strong[b-w5mzf6254j],
.patient-signup-heading h2[b-w5mzf6254j],
.patient-review-heading h3[b-w5mzf6254j] {
    color: var(--colour-text);
}

.patient-preview-header span[b-w5mzf6254j] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    line-height: 1.45;
}

.patient-preview-icon[b-w5mzf6254j],
.patient-card-icon[b-w5mzf6254j] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.patient-preview-icon[b-w5mzf6254j] {
    font-size: 1.35rem;
    height: 2.75rem;
    width: 2.75rem;
}

.patient-preview-steps[b-w5mzf6254j] {
    display: grid;
    gap: 0.7rem;
}

.patient-preview-steps div[b-w5mzf6254j] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.05rem;
    padding: 0.7rem 0.85rem;
}

.patient-preview-steps i[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
    font-size: 1.15rem;
}

.patient-preview-steps span[b-w5mzf6254j] {
    font-size: 0.9rem;
    font-weight: 700;
}

.patient-signup-card[b-w5mzf6254j] {
    align-self: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 18px 45px var(--shadow-blue-soft);
    gap: 1rem;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 35.625rem;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.35rem);
    width: 100%;
}

.patient-signup-stepper[b-w5mzf6254j] {
    border-bottom: 1px solid var(--colour-border);
    padding: 0.15rem 0 1rem;
}

.patient-signup-stepper ol[b-w5mzf6254j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.patient-signup-stepper li[b-w5mzf6254j] {
    min-width: 0;
    position: relative;
}

.patient-signup-stepper li:not(:last-child)[b-w5mzf6254j]::after {
    background: var(--colour-border);
    content: "";
    height: 1px;
    left: calc(50% + 1.05rem);
    position: absolute;
    right: calc(-50% + 1.05rem);
    top: 0.85rem;
}

.patient-signup-stepper li.is-complete:not(:last-child)[b-w5mzf6254j]::after {
    background: var(--colour-primary-blue);
}

.patient-signup-stepper button[b-w5mzf6254j] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--colour-text-secondary);
    display: grid;
    font: inherit;
    gap: 0.35rem;
    justify-items: center;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.patient-signup-stepper button > span[b-w5mzf6254j] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    height: 1.7rem;
    justify-content: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    width: 1.7rem;
}

.patient-signup-stepper button > strong[b-w5mzf6254j] {
    font-size: 0.72rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.patient-signup-stepper li.is-active button[b-w5mzf6254j],
.patient-signup-stepper li.is-complete button[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

.patient-signup-stepper li.is-active button > span[b-w5mzf6254j],
.patient-signup-stepper li.is-complete button > span[b-w5mzf6254j] {
    background: var(--colour-primary-blue);
    border-color: var(--colour-primary-blue);
    color: var(--colour-surface);
}

.patient-signup-card[b-w5mzf6254j]  .patient-signup-form {
    display: grid;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.patient-signup-wizard [data-signup-step][hidden][b-w5mzf6254j] {
    display: none;
}

.patient-signup-step-panel[b-w5mzf6254j] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.patient-signup-heading[b-w5mzf6254j] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.patient-card-icon[b-w5mzf6254j] {
    font-size: 1.35rem;
    height: 2.75rem;
    width: 2.75rem;
}

.patient-signup-heading > div[b-w5mzf6254j] {
    display: grid;
    gap: 0.12rem;
}

.patient-signup-heading h2[b-w5mzf6254j] {
    font-size: 1.3rem;
    font-weight: 800;
    margin: 0;
}

.patient-signup-heading .patient-signup-step-kicker[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.patient-signup-heading p:last-child[b-w5mzf6254j] {
    font-size: 0.88rem;
}

.patient-signup-fields[b-w5mzf6254j] {
    gap: 1rem;
}

.patient-signup-grid[b-w5mzf6254j] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.patient-signup-field[b-w5mzf6254j] {
    align-content: start;
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.patient-signup-field > label[b-w5mzf6254j] {
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.3;
}

.patient-signup-field[b-w5mzf6254j]  .patient-signup-component-control > label,
.patient-signup-field[b-w5mzf6254j]  .patient-signup-phone-control > label {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    font-weight: 650;
}

.patient-signup-icon-field > label[b-w5mzf6254j],
.patient-signup-password-field > label[b-w5mzf6254j] {
    left: 2.15rem;
}

.patient-signup-leading-icon[b-w5mzf6254j] {
    color: var(--colour-text-secondary);
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    grid-area: var(--auth-resting-label-grid-area);
    top: var(--auth-resting-label-top);
    transform: translateY(-50%);
    transition: color 150ms ease;
    z-index: 1;
}

.patient-signup-icon-field:focus-within .patient-signup-leading-icon[b-w5mzf6254j],
.patient-signup-icon-field:has(.form-control:not(:placeholder-shown)) .patient-signup-leading-icon[b-w5mzf6254j],
.patient-signup-icon-field:has(.form-control:-webkit-autofill) .patient-signup-leading-icon[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

.patient-signup-password-field[b-w5mzf6254j]  .password-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.patient-signup-password-field:focus-within[b-w5mzf6254j]  .password-leading-icon,
.patient-signup-password-field.auth-field-has-value[b-w5mzf6254j]  .password-leading-icon,
.patient-signup-password-field:has(.form-control:not(:placeholder-shown))[b-w5mzf6254j]  .password-leading-icon,
.patient-signup-password-field:has(.form-control:-webkit-autofill)[b-w5mzf6254j]  .password-leading-icon {
    color: var(--colour-primary-blue);
}

.patient-signup-password-field:focus-within > label[b-w5mzf6254j],
.patient-signup-password-field.auth-field-has-value > label[b-w5mzf6254j],
.patient-signup-password-field:has(.form-control:not(:placeholder-shown)) > label[b-w5mzf6254j],
.patient-signup-password-field:has(.form-control:-webkit-autofill) > label[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

.patient-signup-password-field[b-w5mzf6254j]  .form-control[data-auth-live-value-state] {
    border-color: var(--colour-border) !important;
}

.patient-signup-password-field:focus-within[b-w5mzf6254j]  .form-control[data-auth-live-value-state],
.patient-signup-password-field.auth-field-has-value[b-w5mzf6254j]  .form-control[data-auth-live-value-state],
.patient-signup-password-field[b-w5mzf6254j]  .form-control[data-auth-live-value-state]:not(:placeholder-shown),
.patient-signup-password-field[b-w5mzf6254j]  .form-control[data-auth-live-value-state]:-webkit-autofill {
    border-color: var(--colour-primary-blue) !important;
}

.patient-signup-icon-field[b-w5mzf6254j]  .form-control {
    padding-left: 2.35rem;
}

.patient-signup-icon-field[b-w5mzf6254j]  .pg-text-control {
    display: block;
    min-width: 0;
    width: 100%;
}

.patient-signup-field[b-w5mzf6254j]  .form-control {
    color: var(--colour-text);
}

.patient-signup-field[b-w5mzf6254j]  .form-control::placeholder {
    color: var(--colour-text-secondary);
    opacity: 1;
}

.patient-signup-field[b-w5mzf6254j]  .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--colour-text);
}

.patient-signup-icon-field[b-w5mzf6254j]  .pg-character-count {
    right: 0.75rem;
}

.patient-signup-password-field[b-w5mzf6254j]  .password-input-shell,
.patient-signup-password-field[b-w5mzf6254j]  .form-control,
.patient-signup-icon-field[b-w5mzf6254j]  .form-control {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.patient-signup-field[b-w5mzf6254j]  .patient-signup-component-control,
.patient-signup-field[b-w5mzf6254j]  .patient-signup-phone-control {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.patient-signup-field[b-w5mzf6254j]  .patient-signup-component-control .pg-input-leading-icon {
    color: var(--colour-text-secondary);
    transition: color 150ms ease;
}

.patient-signup-field[b-w5mzf6254j]  .patient-signup-component-control .pg-input-shell:focus-within .pg-input-leading-icon,
.patient-signup-field-has-value[b-w5mzf6254j]  .patient-signup-component-control .pg-input-leading-icon {
    color: var(--colour-primary-blue);
}

.patient-signup-field-has-value[b-w5mzf6254j]  .pg-input-shell,
.patient-signup-field-has-value[b-w5mzf6254j]  .pg-phone-shell {
    border-color: var(--colour-primary-blue);
}

.patient-signup-field-has-value[b-w5mzf6254j]  .pg-input-leading-icon,
.patient-signup-field-has-value[b-w5mzf6254j]  .pg-phone-shell i {
    color: var(--colour-primary-blue);
}

.patient-signup-help[b-w5mzf6254j] {
    color: var(--colour-text-secondary);
    font-size: 0.78rem;
    margin-left: 0.1rem;
}

.patient-signup-actions[b-w5mzf6254j] {
    align-items: center;
    border-top: 1px solid var(--colour-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 1rem;
}

.patient-signup-actions-end[b-w5mzf6254j] {
    justify-content: flex-end;
}

.patient-signup-actions[b-w5mzf6254j]  .btn-app {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.5rem;
    justify-content: center;
    min-height: 2.45rem;
    min-width: 8rem;
}

.patient-signup-submit[b-w5mzf6254j] {
    min-width: 10.5rem !important;
}

.patient-signup-review[b-w5mzf6254j] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.patient-signup-review > section[b-w5mzf6254j] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    min-width: 0;
    padding: 0.85rem;
}

.patient-review-heading[b-w5mzf6254j],
.patient-review-heading > div[b-w5mzf6254j] {
    align-items: center;
    display: flex;
}

.patient-review-heading[b-w5mzf6254j] {
    gap: 0.5rem;
    justify-content: space-between;
}

.patient-review-heading > div[b-w5mzf6254j] {
    gap: 0.45rem;
    min-width: 0;
}

.patient-review-heading i[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

.patient-review-heading h3[b-w5mzf6254j] {
    font-size: 0.88rem;
    font-weight: 800;
    margin: 0;
}

.patient-review-edit[b-w5mzf6254j] {
    background: transparent;
    border: 0;
    color: var(--colour-primary-blue);
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.2rem;
}

.patient-signup-review dl[b-w5mzf6254j] {
    display: grid;
    gap: 0.6rem;
    margin: 0.75rem 0 0;
}

.patient-signup-review dl > div[b-w5mzf6254j] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.patient-signup-review dt[b-w5mzf6254j] {
    color: var(--colour-text-secondary);
    font-size: 0.7rem;
    font-weight: 650;
}

.patient-signup-review dd[b-w5mzf6254j] {
    color: var(--colour-text);
    font-size: 0.82rem;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.patient-signup-review-note[b-w5mzf6254j] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 6px;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.8rem;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 0.75rem;
}

.patient-signup-review-note i[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

.patient-signup-alt[b-w5mzf6254j] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.875rem;
    gap: 0.35rem;
    justify-content: center;
    text-align: center;
}

.patient-signup-alt a[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
    font-weight: 700;
    text-decoration: none;
}

.patient-signup-alt a:hover[b-w5mzf6254j] {
    text-decoration: underline;
}

.patient-signup-security[b-w5mzf6254j] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 650;
    gap: 0.5rem;
    justify-self: center;
    margin: 0;
    text-align: center;
}

.patient-signup-security i[b-w5mzf6254j] {
    color: var(--colour-primary-blue);
}

@media (min-width: 1281px) {
    .patient-signup-page[b-w5mzf6254j] {
        align-content: start;
        padding-top: clamp(2rem, 10vh, 6rem);
    }

    .patient-signup-shell[b-w5mzf6254j] {
        align-items: start;
    }

    .patient-signup-registration[b-w5mzf6254j] {
        align-self: start;
    }

    .patient-signup-security[b-w5mzf6254j] {
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-signup-stepper button > span[b-w5mzf6254j],
    .patient-signup-leading-icon[b-w5mzf6254j],
    .patient-signup-password-field[b-w5mzf6254j]  .password-leading-icon {
        transition: none;
    }
}

@media (max-width: 1280px) {
    .patient-signup-page[b-w5mzf6254j] {
        min-height: calc(100dvh - 4.6rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4.6rem);
        padding: 0.75rem 0.75rem 1rem;
    }

    .patient-signup-shell[b-w5mzf6254j] {
        align-items: stretch;
        grid-template-columns: 1fr;
        max-width: 820px;
    }

    .patient-signup-intro[b-w5mzf6254j] {
        display: none;
    }

    .patient-signup-security[b-w5mzf6254j] {
        font-size: 0.78rem;
        line-height: 1.4;
        max-width: 820px;
    }
}

@media (max-width: 900px) {
    .patient-signup-page[b-w5mzf6254j] {
        min-height: calc(100dvh - 4rem);
        min-height: calc(var(--app-viewport-height, 100dvh) - 4rem);
    }
}

@media (max-width: 760px) {
    .patient-signup-card[b-w5mzf6254j] {
        min-height: 0;
    }

    .patient-signup-grid[b-w5mzf6254j],
    .patient-signup-review[b-w5mzf6254j] {
        grid-template-columns: 1fr;
    }

    .patient-signup-stepper button > strong[b-w5mzf6254j] {
        font-size: 0.64rem;
        white-space: normal;
    }
}

@media (max-width: 520px) {
    .patient-signup-stepper button > strong[b-w5mzf6254j] {
        display: none;
    }

    .patient-signup-actions[b-w5mzf6254j] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .patient-signup-actions[b-w5mzf6254j]  .btn-app {
        width: 100%;
    }
}
/* /Components/Pages/Auth/ResendEmailVerification.razor.rz.scp.css */
.resend-verification-heading[b-hy08pq7t6k] {
    min-width: 0;
}

.resend-verification-heading h1[b-hy08pq7t6k] {
    line-height: 1.15;
    overflow-wrap: break-word;
    white-space: normal;
}
/* /Components/Pages/Clinic/ClinicAdminPortal.razor.rz.scp.css */
.clinic-dashboard-page[b-q2jnyd8acl] {
    display: grid;
    gap: 1.25rem;
}

.clinic-dashboard-stat-grid[b-q2jnyd8acl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.clinic-dashboard-range-panel[b-q2jnyd8acl] {
    display: grid;
    gap: 0.9rem;
    padding-top: 0.25rem;
}

.clinic-dashboard-range-heading h2[b-q2jnyd8acl] {
    color: var(--colour-text);
    font-size: 1.25rem;
    margin: 0;
}

.clinic-dashboard-range-heading p[b-q2jnyd8acl] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    margin: 0.25rem 0 0;
}

.clinic-dashboard-range-fields[b-q2jnyd8acl] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 16rem) repeat(2, minmax(10rem, 12rem));
    justify-content: start;
}

.clinic-dashboard-range-fields label[b-q2jnyd8acl] {
    color: var(--colour-text-secondary);
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.clinic-dashboard-operational-grid[b-q2jnyd8acl],
.clinic-dashboard-panel-grid[b-q2jnyd8acl],
.clinic-dashboard-analytics-section[b-q2jnyd8acl] {
    display: grid;
    gap: 1rem;
}

.clinic-dashboard-panel-grid[b-q2jnyd8acl] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.clinic-dashboard-operational-grid[b-q2jnyd8acl]  .dashboard-panel {
    width: 100%;
}

.clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel {
    grid-column: span 3;
}

.clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel:first-child {
    grid-column: span 3;
}

.clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel:nth-child(2) {
    grid-column: span 3;
}

.clinic-dashboard-panel-grid[b-q2jnyd8acl]  .clinic-dashboard-analytics-panel {
    grid-column: span 3;
}

.clinic-dashboard-metric-row[b-q2jnyd8acl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.clinic-dashboard-metric-row.two-columns[b-q2jnyd8acl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinic-dashboard-metric-row.one-column[b-q2jnyd8acl] {
    grid-template-columns: minmax(0, 1fr);
}

.clinic-dashboard-metric-row > * + *[b-q2jnyd8acl] {
    border-left: 1px solid rgba(148, 163, 184, 0.24);
}

.clinic-dashboard-compliance-grid[b-q2jnyd8acl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.clinic-dashboard-compliance-grid > *:nth-child(2)[b-q2jnyd8acl] {
    border-left: 1px solid rgba(148, 163, 184, 0.24);
}

.clinic-dashboard-photo-total[b-q2jnyd8acl] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
    color: #475569;
    font-size: 0.9rem;
}

.clinic-dashboard-photo-total strong[b-q2jnyd8acl] {
    color: #0f172a;
    font-size: 1.25rem;
    letter-spacing: 0;
}

.clinic-dashboard-photo-total small[b-q2jnyd8acl] {
    grid-column: 2 / -1;
    color: #64748b;
    font-size: 0.82rem;
}

.clinic-dashboard-ranked-list[b-q2jnyd8acl] {
    display: grid;
    gap: 0.6rem;
}

.clinic-dashboard-ranked-row[b-q2jnyd8acl] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.8rem;
}

.clinic-dashboard-ranked-row strong[b-q2jnyd8acl],
.clinic-dashboard-ranked-row span[b-q2jnyd8acl] {
    overflow-wrap: anywhere;
}

.clinic-dashboard-ranked-row strong[b-q2jnyd8acl] {
    color: var(--colour-text);
    display: block;
}

.clinic-dashboard-ranked-row span[b-q2jnyd8acl] {
    color: var(--colour-text-secondary);
    font-size: 0.84rem;
}

.clinic-dashboard-ranked-value[b-q2jnyd8acl] {
    color: var(--theme-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 800;
    white-space: nowrap;
}

.clinic-dashboard-subsection[b-q2jnyd8acl] {
    border-top: 1px solid rgba(148, 163, 184, 0.24);
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.clinic-dashboard-subsection.first[b-q2jnyd8acl] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.clinic-dashboard-subsection h3[b-q2jnyd8acl] {
    color: var(--colour-text);
    font-size: 0.95rem;
    margin: 0;
}

.clinic-dashboard-empty-list[b-q2jnyd8acl] {
    background: var(--colour-background);
    border: 1px dashed var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    padding: 0.85rem;
}

@media (max-width: 1180px) {
    .clinic-dashboard-stat-grid[b-q2jnyd8acl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .clinic-dashboard-panel-grid[b-q2jnyd8acl],
    .clinic-dashboard-operational-grid[b-q2jnyd8acl],
    .clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel,
    .clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel:first-child,
    .clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel:nth-child(2),
    .clinic-dashboard-panel-grid[b-q2jnyd8acl]  .clinic-dashboard-analytics-panel {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .clinic-dashboard-stat-grid[b-q2jnyd8acl],
    .clinic-dashboard-range-fields[b-q2jnyd8acl],
    .clinic-dashboard-metric-row[b-q2jnyd8acl],
    .clinic-dashboard-metric-row.one-column[b-q2jnyd8acl],
    .clinic-dashboard-metric-row.two-columns[b-q2jnyd8acl],
    .clinic-dashboard-compliance-grid[b-q2jnyd8acl] {
        grid-template-columns: 1fr;
    }

    .clinic-dashboard-metric-row > * + *[b-q2jnyd8acl],
    .clinic-dashboard-compliance-grid > *:nth-child(2)[b-q2jnyd8acl] {
        padding-top: 1rem;
        border-left: 0;
        border-top: 1px solid rgba(148, 163, 184, 0.24);
    }

    .clinic-dashboard-photo-total[b-q2jnyd8acl] {
        grid-template-columns: auto 1fr;
    }

    .clinic-dashboard-photo-total strong[b-q2jnyd8acl] {
        grid-column: 2;
    }
}

/* Dashboard-only presentation: shared components retain their default appearance elsewhere. */
.clinic-dashboard-page[b-q2jnyd8acl] { gap: 1.75rem; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-panel { min-height: 0; background: #fff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(15, 23, 42, .035); }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-panel-header { margin-bottom: 1.5rem; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-panel-header h2 { font-size: 1.05rem; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-card { background: #fff; border-radius: 14px; border-top: 3px solid #489d3f; box-shadow: 0 4px 20px rgba(15, 23, 42, .035); }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-content strong { font-size: 2rem; letter-spacing: -.04em; }
.clinic-dashboard-range-panel[b-q2jnyd8acl] { background: #f5f8fa; border: 1px solid var(--colour-border); border-radius: 14px; padding: 1.25rem; }
.clinic-dashboard-page .dashboard-chart-summary[b-q2jnyd8acl] { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid #edf1f5; color: #64748b; font-size: .85rem; line-height: 1.7; }
.clinic-dashboard-page .dashboard-chart-summary strong[b-q2jnyd8acl] { color: #0f172a; }
@media (max-width: 640px) { .clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-panel { padding: 1.1rem; } }

.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-card-blue { border-top-color: #3274d9; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-card-amber { border-top-color: #b77916; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-card-red { border-top-color: #c84c59; }
.clinic-dashboard-page[b-q2jnyd8acl]  .dashboard-stat-card.is-highlighted { border-color: #c84c59; background: #fffafb; }

/* Independent column flow avoids stretching short metric panels beside tall charts. */
@media (min-width: 901px) {
    .clinic-dashboard-panel-grid[b-q2jnyd8acl] { display: block; columns: 2; column-gap: 1rem; }
    .clinic-dashboard-panel-grid[b-q2jnyd8acl]  .dashboard-panel { break-inside: avoid; margin-bottom: 1rem; }
}
@media (min-width: 901px) {
    .clinic-dashboard-operational-grid[b-q2jnyd8acl]  .dashboard-panel-body { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; gap: 2rem; }
    .clinic-dashboard-operational-grid .dashboard-chart-summary[b-q2jnyd8acl] { margin: 0; padding: 1rem 0 1rem 2rem; border-top: 0; border-left: 1px solid #edf1f5; }
}
/* /Components/Pages/Clinic/ClinicAnnouncementDetail.razor.rz.scp.css */
.announcement-detail-page[b-iix4tdnnk9] {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    height: calc(100vh - 7.35rem);
    height: calc(var(--app-viewport-height, 100dvh) - 7.35rem);
    margin-bottom: -0.75rem;
    min-height: 0;
    overflow: hidden;
}

.announcement-summary-panel[b-iix4tdnnk9] {
    padding: var(--app-card-padding);
}

.announcement-detail-header[b-iix4tdnnk9] {
    align-items: stretch;
    display: grid;
    gap: clamp(1.25rem, 2vw, 1.75rem);
    grid-template-columns: minmax(0, 3fr) minmax(520px, 1fr);
}

.announcement-detail-header h2[b-iix4tdnnk9] { margin: 0; }

.announcement-detail-content[b-iix4tdnnk9] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.announcement-detail-header p[b-iix4tdnnk9] {
    color: #4b5563;
    margin: 0.35rem 0;
}

.announcement-detail-content > span[b-iix4tdnnk9] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
}

.announcement-counts[b-iix4tdnnk9] {
    align-content: center;
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.9rem;
    gap: 0.5rem;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.announcement-counts--three[b-iix4tdnnk9] {
    grid-template-columns: repeat(3, calc((100% - 1.5rem) / 4));
    grid-template-rows: minmax(0, 1fr);
    justify-content: end;
}

.announcement-counts--four[b-iix4tdnnk9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
}

.announcement-count-item[b-iix4tdnnk9] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-light-blue-strong);
    border-radius: 8px;
    display: grid;
    grid-template-rows: 3.25rem auto auto minmax(1rem, auto);
    justify-items: center;
    min-width: 0;
    padding: 0.75rem 0.4rem;
    row-gap: 0.55rem;
    text-align: center;
    width: 100%;
}

.announcement-count-icon[b-iix4tdnnk9] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

.announcement-count-icon i[b-iix4tdnnk9] {
    font-size: 1.4rem;
    line-height: 1;
}

.announcement-count-item strong[b-iix4tdnnk9] {
    color: var(--colour-text);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

.announcement-count-label[b-iix4tdnnk9] {
    color: var(--colour-text);
    font-size: 0.78rem;
    line-height: 1.1;
    min-width: 0;
    white-space: nowrap;
}

.announcement-count-note[b-iix4tdnnk9] {
    color: var(--colour-text-secondary);
    font-size: 0.68rem;
    line-height: 1.2;
    margin-top: 0.35rem;
    white-space: nowrap;
}

.announcement-count-note--success[b-iix4tdnnk9] {
    color: var(--colour-success);
}

.announcement-read-grid[b-iix4tdnnk9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
}

.announcement-recipient-table[b-iix4tdnnk9] { min-height: 0; }

.announcement-recipient-table > .panel-header[b-iix4tdnnk9] {
    border-bottom: 1px solid var(--colour-border);
    padding: var(--app-card-padding);
}

.announcement-recipient-email[b-iix4tdnnk9] {
    color: var(--colour-text-secondary);
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

@media (max-width: 900px) {
    .announcement-detail-page[b-iix4tdnnk9] {
        height: auto;
        margin-bottom: 0;
        overflow: visible;
    }

    .announcement-detail-header[b-iix4tdnnk9] { grid-template-columns: minmax(0, 1fr); }

    .announcement-counts[b-iix4tdnnk9] {
        align-content: start;
        height: auto;
    }

    .announcement-read-grid[b-iix4tdnnk9] { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
    .announcement-counts--three[b-iix4tdnnk9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .announcement-counts--four[b-iix4tdnnk9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Clinic/ClinicAnnouncements.razor.rz.scp.css */
@media (min-width: 701px) {
    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools {
        min-height: 4.875rem;
    }
}

@media (min-width: 701px) and (max-width: 1100px) {
    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action {
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-search-field {
        justify-self: start;
        min-width: 0;
        width: min(100%, 15rem);
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-actions {
        justify-self: end;
    }
}

@media (max-width: 700px) {
    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action {
        gap: 0.6rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-search-field {
        grid-column: 1 / 4;
        grid-row: 1;
        justify-self: stretch;
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-search-field .pg-search-input,
    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-search-field .form-control {
        max-width: none;
        width: 100%;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-actions {
        display: contents;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-actions > .status-pill {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: start;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-actions > .btn-app:first-of-type {
        grid-column: 1 / 4;
        grid-row: 2;
        width: 100%;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-tools-compact-primary-action > .app-list-actions > .btn-app:last-of-type {
        grid-column: 4 / 7;
        grid-row: 2;
        width: 100%;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-extra-actions {
        display: block;
        grid-column: 4 / 7;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    .clinic-announcements-panel[b-yu4x0l3on1]  .app-list-extra-actions .btn-app {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/Clinic/ClinicAutomatedMessageEdit.razor.rz.scp.css */
.automated-message-edit-page[b-du50gduyv1] {
    align-items: start;
    column-gap: var(--app-aside-gap);
    grid-template-columns: minmax(0, var(--app-page-max-width)) var(--app-aside-width);
    justify-content: center;
    max-width: calc(var(--app-page-max-width) + var(--app-aside-width) + var(--app-aside-gap));
}

.automated-message-editor-content[b-du50gduyv1] { display: grid; gap: var(--app-page-gap); min-width: 0; }
.automated-message-editor-content[b-du50gduyv1]  > .automated-message-editor-main { display: grid; gap: var(--app-aside-gap); min-width: 0; }
.automated-message-section-body[b-du50gduyv1] { display: grid; gap: 1rem; padding: var(--app-card-padding); }
.automated-message-settings-panel[b-du50gduyv1] { overflow: visible; position: relative; z-index: 2; }
.automated-message-toggle-grid[b-du50gduyv1] { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.automated-message-toggle-grid[b-du50gduyv1]  .form-check { align-items: flex-start; background: var(--colour-background); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 8px; min-height: 100%; padding: .9rem; }
.automated-message-toggle-grid[b-du50gduyv1]  .form-check-label { min-width: 0; }
.automated-message-toggle-grid[b-du50gduyv1]  .form-text { color: var(--colour-text-secondary); display: block; font-size: .82rem; font-weight: 400; margin-top: .2rem; }
.automated-message-days-field[b-du50gduyv1] { max-width: 20rem; }
.automated-message-days-field .input-group[b-du50gduyv1] { align-items: stretch; display: flex; flex-wrap: nowrap; width: 100%; }
.automated-message-days-field[b-du50gduyv1]  .input-group > div { display: flex; flex: 1 1 0; min-width: 0; }
.automated-message-days-field[b-du50gduyv1]  .input-group .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; flex: 1 1 auto; min-width: 0; width: 100%; }
.automated-message-days-field .input-group-text[b-du50gduyv1] { align-items: center; background: var(--colour-surface); border-bottom-left-radius: 0; border-top-left-radius: 0; display: inline-flex; flex: 0 0 auto; justify-content: center; margin-left: -1px; white-space: nowrap; }
.automated-message-fixed-destination[b-du50gduyv1] { background: var(--colour-background); border: 1px solid var(--app-border-color, #dfe5e2); border-radius: 8px; display: grid; gap: .15rem; padding: .9rem; }
.automated-message-fixed-destination small[b-du50gduyv1] { color: var(--colour-text-secondary); }
.automated-message-edit-page[b-du50gduyv1]  > .automated-message-preview-panel { background: var(--colour-surface); border: 1px solid var(--app-border-soft); border-radius: 8px; display: flex; flex-direction: column; grid-column: 2; grid-row: 1; max-height: calc(100dvh - 6.6rem); overflow: hidden; padding: var(--app-aside-padding); position: sticky; top: 1.25rem; width: 100%; }
.automated-message-edit-page[b-du50gduyv1]  .automated-message-preview-panel .panel-header { border-bottom: 1px solid var(--app-border-soft); padding: 0 0 1rem; }
.automated-message-preview-content[b-du50gduyv1] { min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 1rem 0 0; }
.automated-message-preview-summary[b-du50gduyv1] { border-top: 1px solid var(--app-border-color, #dfe5e2); display: grid; gap: .2rem; margin-top: 1rem; padding-top: 1rem; }
.automated-message-preview-summary small[b-du50gduyv1] { color: #6c757d; }
.automated-message-preview-conditions[b-du50gduyv1] { display: grid; gap: .15rem; margin-top: .45rem; }
.automated-message-test-tools[b-du50gduyv1] { border-top: 1px solid var(--app-border-color, #dfe5e2); display: grid; gap: .75rem; margin-top: 1rem; padding-top: 1rem; }
.automated-message-test-tools small[b-du50gduyv1] { color: #6c757d; display: block; margin-top: .2rem; }
.automated-message-test-actions[b-du50gduyv1] { display: flex; flex-wrap: wrap; gap: .5rem; }
.automated-message-test-actions .btn-app[b-du50gduyv1] { flex: 1 1 9.5rem; justify-content: center; }

@media (max-width: 1600px) {
    .automated-message-edit-page[b-du50gduyv1] {
        --responsive-aside-shell-left: 248px;
        --responsive-aside-shell-top: 4.6rem;
        grid-template-columns: minmax(0, 1fr);
        max-width: var(--app-page-max-width);
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .automated-message-editor-content[b-du50gduyv1] {
        grid-column: 1;
        grid-row: 1;
    }
}

@media (max-width: 900px) {
    .automated-message-edit-page[b-du50gduyv1] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
    }
}

@media (max-width: 750px) {
    .automated-message-toggle-grid[b-du50gduyv1] { grid-template-columns: 1fr; }
    .automated-message-section-body[b-du50gduyv1] { padding: 1rem; }
}
/* /Components/Pages/Clinic/ClinicAutomatedMessageHistory.razor.rz.scp.css */
.automated-message-history-page[b-752789tws0] {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    height: calc(100vh - 7.35rem);
    height: calc(var(--app-viewport-height, 100dvh) - 7.35rem);
    margin-bottom: -0.75rem;
    min-height: 0;
    overflow: hidden;
}

.automated-message-history-summary[b-752789tws0] {
    align-items: flex-start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.7fr);
    padding: var(--app-card-padding);
}

.automated-message-history-summary h2[b-752789tws0],
.automated-message-history-summary p[b-752789tws0] {
    margin-bottom: 0.35rem;
}

.automated-message-history-summary > div:first-child[b-752789tws0] {
    min-width: 0;
}

.automated-message-history-counts[b-752789tws0] {
    align-self: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

.automated-message-history-metric[b-752789tws0] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-light-blue-strong);
    border-radius: 8px;
    display: grid;
    gap: 0.3rem;
    grid-template-rows: auto auto minmax(1.6rem, auto);
    justify-items: center;
    min-height: 6.75rem;
    min-width: 0;
    padding: 0.65rem 0.4rem 0.55rem;
    text-align: center;
}

.automated-message-history-metric-icon[b-752789tws0] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.85rem;
    height: 1.85rem;
    justify-content: center;
    width: 1.85rem;
}

.automated-message-history-metric strong[b-752789tws0] {
    color: var(--colour-text);
    font-size: 1.2rem;
    line-height: 1;
}

.automated-message-history-metric-label[b-752789tws0] {
    align-items: flex-start;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.7rem;
    justify-content: center;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.automated-message-history-email[b-752789tws0],
.automated-message-history-date[b-752789tws0] {
    color: #6b7280;
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.automated-message-history-table .table-responsive[b-752789tws0] {
    margin-bottom: 1rem;
}

.automated-message-history-table[b-752789tws0] {
    min-height: 0;
}

@media (max-width: 1050px) {
    .automated-message-history-counts[b-752789tws0] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .automated-message-history-page[b-752789tws0] {
        height: auto;
        margin-bottom: 0;
        overflow: visible;
    }

    .automated-message-history-summary[b-752789tws0] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .automated-message-history-counts[b-752789tws0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Clinic/ClinicAutomatedMessages.razor.rz.scp.css */
.automated-messages-page[b-l1s4ml1px2] {
    align-items: start;
    column-gap: var(--app-aside-gap);
    grid-template-columns: minmax(0, var(--app-page-max-width)) var(--app-aside-width);
    grid-template-rows: auto minmax(0, 1fr);
    justify-content: center;
    max-width: calc(var(--app-page-max-width) + var(--app-aside-width) + var(--app-aside-gap));
    row-gap: var(--app-page-gap);
}

.automated-messages-page > .admin-hero[b-l1s4ml1px2] {
    grid-column: 1;
    grid-row: 1;
}

.automated-messages-page > .clinic-list-panel-shell[b-l1s4ml1px2] {
    grid-column: 1;
    grid-row: 2;
}

.automated-messages-page > .automated-message-list-pagination[b-l1s4ml1px2] {
    grid-column: 1;
    grid-row: 3;
}

.automated-messages-page[b-l1s4ml1px2]  > .automated-message-delivery-settings {
    display: grid;
    gap: 0.75rem;
    grid-column: 2;
    grid-row: 1 / span 2;
    max-height: calc(100dvh - 6.6rem);
    overflow-x: hidden;
    overflow-y: auto;
    position: sticky;
    top: 1.25rem;
    width: 100%;
}

.automated-message-delivery-card[b-l1s4ml1px2],
.automated-message-aside-usage[b-l1s4ml1px2] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    padding: var(--app-aside-padding);
}

.automated-message-delivery-card[b-l1s4ml1px2] {
    display: grid;
    gap: 1rem;
}

.automated-message-delivery-copy h2[b-l1s4ml1px2],
.automated-message-delivery-copy p[b-l1s4ml1px2] {
    margin-bottom: 0.35rem;
}

.automated-message-delivery-copy h2[b-l1s4ml1px2] {
    color: var(--colour-text);
    font-size: 1.05rem;
}

.automated-message-delivery-copy .guide-card-meta[b-l1s4ml1px2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
}

.automated-message-delivery-timezone[b-l1s4ml1px2] {
    align-items: start !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
}

.automated-message-next-run[b-l1s4ml1px2] {
    font-size: .82rem;
}

.automated-message-delivery-control[b-l1s4ml1px2] {
    border-top: 1px solid var(--app-border-soft);
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
    padding-top: .9rem;
}

.automated-message-delivery-control label[b-l1s4ml1px2] {
    font-weight: 700;
}

.automated-message-delivery-control .btn-app[b-l1s4ml1px2] {
    justify-content: center;
    width: 100%;
}

.automated-message-aside-usage[b-l1s4ml1px2] {
    display: grid;
    gap: 0.65rem;
}

.automated-message-aside-usage h3[b-l1s4ml1px2] {
    color: var(--colour-text);
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
}

.automated-message-aside-metric[b-l1s4ml1px2] {
    display: grid;
    gap: 0.2rem;
    padding: 0.1rem 0;
}

.automated-message-aside-metric + .automated-message-aside-metric[b-l1s4ml1px2] {
    border-top: 1px solid var(--app-border-soft);
    padding-top: 0.65rem;
}

.automated-message-aside-metric .metric-label[b-l1s4ml1px2] {
    align-items: center;
    display: flex;
    font-size: 0.78rem;
    gap: 0.35rem;
}

.automated-message-aside-metric .metric-label i[b-l1s4ml1px2] {
    color: var(--theme-primary);
    font-size: 0.85rem;
}

.automated-message-aside-metric strong[b-l1s4ml1px2] {
    color: var(--colour-text);
    font-size: 1.35rem;
    line-height: 1.1;
}

.automated-message-aside-metric .metric-note[b-l1s4ml1px2] {
    font-size: 0.75rem;
    line-height: 1.35;
}

.automated-message-limit[b-l1s4ml1px2] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    font-weight: 700;
}

.automated-message-tabs[b-l1s4ml1px2] {
    justify-self: start;
}

.automated-message-rule-header[b-l1s4ml1px2],
.automated-message-rule-row[b-l1s4ml1px2] {
    grid-template-columns: minmax(0, 1.1fr) minmax(10rem, 0.8fr) minmax(13rem, 1fr) minmax(7rem, 0.55fr) minmax(9rem, 0.65fr);
}

.automated-message-rule-header[b-l1s4ml1px2] {
    background: var(--app-surface-muted);
    border-bottom: 1px solid var(--app-border-soft);
    border-top: 1px solid var(--app-border-soft);
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 1.5rem;
    letter-spacing: 0;
    padding: 0.75rem var(--app-card-padding);
    text-transform: uppercase;
}

.automated-message-rule-row[b-l1s4ml1px2] {
    align-items: start;
    grid-template-areas:
        "summary trigger condition channels status"
        "summary trigger condition channels actions";
}

.automated-message-rule-summary[b-l1s4ml1px2] {
    grid-area: summary;
}

.automated-message-rule-statuses[b-l1s4ml1px2] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    grid-area: status;
    justify-self: end;
}

.automated-message-rule-statuses .status-pill.platform-disabled[b-l1s4ml1px2] {
    background: var(--colour-destructive-light);
    color: var(--colour-destructive);
}

.automated-message-rule-trigger[b-l1s4ml1px2] {
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.86rem;
    gap: 0.25rem;
    grid-area: trigger;
    line-height: 1.35;
}

.automated-message-rule-trigger strong[b-l1s4ml1px2] {
    color: var(--colour-text);
    font-size: 0.92rem;
}

.automated-message-rule-condition[b-l1s4ml1px2] {
    align-self: start;
    display: grid;
    gap: 0.35rem;
    grid-area: condition;
    max-width: 13rem;
    min-width: 0;
    width: 100%;
}

.automated-message-rule-condition[b-l1s4ml1px2]  .automated-message-condition-summary {
    background: var(--app-surface-muted);
    border-color: var(--colour-light-blue-strong);
    border-radius: 0.75rem;
    display: block;
    font-size: 0.78rem;
    line-height: 1.45;
    overflow-wrap: break-word;
    padding: 0.55rem 0.7rem 0.55rem 0.85rem;
    width: 100%;
    word-break: normal;
}

.automated-message-rule-condition[b-l1s4ml1px2]  .automated-message-condition-summary strong {
    display: none;
}

.automated-message-trigger-heading[b-l1s4ml1px2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.65rem;
}

.automated-message-rule-label[b-l1s4ml1px2] {
    color: var(--colour-text-secondary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.automated-message-rule-inline-label[b-l1s4ml1px2] {
    display: none;
}

.automated-message-rule-channels[b-l1s4ml1px2] {
    display: grid;
    gap: 0.5rem;
    grid-area: channels;
}

.automated-message-channel-toggles[b-l1s4ml1px2] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.automated-message-rule-row .clinic-admin-actions[b-l1s4ml1px2] {
    align-self: end;
    grid-area: actions;
    justify-self: end;
}

.automated-message-blocked-details[b-l1s4ml1px2] {
    align-items: flex-end;
    color: var(--colour-text-secondary);
    flex-direction: column;
    font-size: 0.9rem;
    text-align: right;
}

@media (max-width: 1600px) {
    .admin-landing-page.clinic-list-page.clinic-external-pagination-page.automated-messages-page[b-l1s4ml1px2] {
        --responsive-aside-shell-left: 248px;
        --responsive-aside-shell-top: 4.6rem;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        max-width: var(--app-page-max-width);
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .automated-messages-page > .admin-hero[b-l1s4ml1px2],
    .automated-messages-page > .clinic-list-panel-shell[b-l1s4ml1px2],
    .automated-messages-page > .automated-message-list-pagination[b-l1s4ml1px2] {
        grid-column: 1;
    }

}

@media (max-width: 1180px) {
    .automated-message-rule-row[b-l1s4ml1px2] {
        grid-template-areas:
            "summary status"
            "trigger condition"
            "channels channels"
            "actions actions";
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .automated-message-rule-header[b-l1s4ml1px2],
    .automated-message-template-header[b-l1s4ml1px2] {
        display: none;
    }

    .automated-message-rule-inline-label[b-l1s4ml1px2],
    .automated-message-template-inline-label[b-l1s4ml1px2] {
        display: inline;
    }

    .automated-message-template-row[b-l1s4ml1px2] {
        grid-template-areas:
            "summary status"
            "trigger condition"
            "actions actions";
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (max-width: 900px) {
    .admin-landing-page.clinic-list-page.clinic-external-pagination-page.automated-messages-page[b-l1s4ml1px2] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
    }
}

@media (max-width: 700px) {
    .admin-landing-page.clinic-list-page.clinic-external-pagination-page.automated-messages-page[b-l1s4ml1px2] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }

    .automated-messages-page > .clinic-list-panel-shell[b-l1s4ml1px2] {
        height: auto;
        overflow: hidden;
    }

    .automated-messages-page[b-l1s4ml1px2]  .app-list-results {
        flex: 0 0 clamp(36rem, 70dvh, 42rem);
        height: clamp(36rem, 70dvh, 42rem);
        min-height: clamp(36rem, 70dvh, 42rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .automated-messages-page[b-l1s4ml1px2]  .app-list-search-field,
    .automated-messages-page[b-l1s4ml1px2]  .app-list-search-field .pg-search-input,
    .automated-messages-page[b-l1s4ml1px2]  .app-list-search-field .form-control {
        max-width: none;
        width: 100%;
    }

    .automated-message-tabs[b-l1s4ml1px2] {
        border-radius: 8px;
        display: grid;
        width: 100%;
    }

    .automated-message-tabs .app-segmented-tab[b-l1s4ml1px2] {
        justify-content: center;
        width: 100%;
    }

    .automated-message-blocked-details[b-l1s4ml1px2] {
        align-items: flex-start;
        text-align: left;
    }

    .automated-message-rule-row[b-l1s4ml1px2] {
        grid-template-areas:
            "summary"
            "status"
            "trigger"
            "condition"
            "channels"
            "actions";
        grid-template-columns: minmax(0, 1fr);
    }

    .automated-message-template-row[b-l1s4ml1px2] {
        grid-template-areas:
            "summary"
            "status"
            "trigger"
            "condition"
            "actions";
        grid-template-columns: minmax(0, 1fr);
    }

    .automated-message-rule-condition[b-l1s4ml1px2],
    .automated-message-template-condition[b-l1s4ml1px2] {
        max-width: none;
    }

    .automated-message-rule-statuses[b-l1s4ml1px2] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-self: start;
    }

    .automated-message-template-statuses[b-l1s4ml1px2] {
        justify-self: start;
    }

    .automated-message-rule-row .clinic-admin-actions[b-l1s4ml1px2],
    .automated-message-template-row .clinic-admin-actions[b-l1s4ml1px2] {
        flex-wrap: nowrap;
        justify-self: end;
    }

}
/* /Components/Pages/Clinic/ClinicCarePlanEdit.razor.rz.scp.css */
@media (max-width: 700px) {
    .clinic-care-plan-edit-page[b-jemb3ln2iz]  .care-plan-phase-header > .clinic-patient-toolbar {
        align-items: center;
        align-self: stretch;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .clinic-care-plan-edit-page[b-jemb3ln2iz]  .care-plan-phase-header > .clinic-patient-toolbar .btn-app {
        flex: 0 0 auto;
        width: 2rem;
    }
}
/* /Components/Pages/Clinic/ClinicCarePlans.razor.rz.scp.css */
.admin-landing-page.clinic-list-page.clinic-care-plans-page[b-dc9vr24phm] {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.clinic-care-plans-pagination[b-dc9vr24phm] {
    min-width: 0;
    padding: 0 1.25rem;
}

@media (max-width: 700px) {
    .clinic-care-plans-panel .clinic-content-card-row[b-dc9vr24phm] {
        column-gap: 1rem;
        grid-template-areas:
            "summary actions"
            "status actions";
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 0.75rem;
    }

    .clinic-care-plans-panel .clinic-content-card-row .guide-card-status[b-dc9vr24phm] {
        justify-self: start;
    }

    .clinic-care-plans-panel .clinic-content-card-row .clinic-admin-actions[b-dc9vr24phm] {
        align-self: center;
        flex-wrap: nowrap;
        min-width: max-content;
    }


}
/* /Components/Pages/Clinic/ClinicGuidePreview.razor.rz.scp.css */
.guide-preview-page[b-7o3cl751y9] {
    max-width: 980px;
}
/* /Components/Pages/Clinic/ClinicGuideTemplatePreview.razor.rz.scp.css */
.guide-preview-page[b-51yiw9emkm] {
    max-width: 980px;
}
/* /Components/Pages/Clinic/ClinicInfo.razor.rz.scp.css */
.clinic-info-page-panel[b-dbyz7jseha] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.admin-hero.clinic-info-hero[b-dbyz7jseha] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.admin-hero.clinic-info-hero > .editor-action-hero-actions[b-dbyz7jseha] {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-content: flex-end;
    justify-self: end;
    margin-top: 0;
}

.clinic-info-form[b-dbyz7jseha] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.clinic-info-workspace[b-dbyz7jseha] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(24, 49, 40, 0.06);
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.clinic-info-selector[b-dbyz7jseha] {
    --theme-light: var(--colour-light-green);
    --theme-primary: var(--colour-primary-green);
    width: 100%;
}

.clinic-info-section-card[b-dbyz7jseha] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 14px;
    display: grid;
    gap: 1.15rem;
    min-width: 0;
    padding: 1.25rem;
}

.clinic-info-section-card[hidden][b-dbyz7jseha] {
    display: none;
}

.clinic-info-item-heading[b-dbyz7jseha],
.clinic-info-subsection-heading[b-dbyz7jseha] {
    display: grid;
    gap: 0.2rem;
}

.clinic-info-item-heading h3[b-dbyz7jseha],
.clinic-info-item-heading p[b-dbyz7jseha],
.clinic-info-subsection-heading h3[b-dbyz7jseha],
.clinic-info-subsection-heading p[b-dbyz7jseha],
.clinic-info-support-copy h3[b-dbyz7jseha],
.clinic-info-support-copy p[b-dbyz7jseha] {
    margin: 0;
}

.clinic-info-item-heading p[b-dbyz7jseha],
.clinic-info-subsection-heading p[b-dbyz7jseha] {
    color: var(--colour-text-secondary);
    font-size: 0.88rem;
}

.clinic-info-item-heading h3[b-dbyz7jseha],
.clinic-info-subsection-heading h3[b-dbyz7jseha],
.clinic-info-support-copy h3[b-dbyz7jseha] {
    color: var(--colour-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.clinic-info-branding-grid[b-dbyz7jseha] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinic-info-branding-item[b-dbyz7jseha] {
    align-content: start;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.clinic-info-branding-preview[b-dbyz7jseha] {
    align-items: center;
    display: flex;
    height: 13rem;
    justify-content: center;
    min-width: 0;
}

.clinic-logo-preview[b-dbyz7jseha] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    overflow: hidden;
    padding: 0.75rem;
}

.clinic-logo-preview img[b-dbyz7jseha] {
    border-radius: 6px;
    display: block;
    height: 100%;
    margin: auto;
    max-height: 11rem;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.clinic-info-upload-hint[b-dbyz7jseha] {
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.clinic-logo-placeholder[b-dbyz7jseha] {
    align-items: center;
    color: var(--theme-primary);
    display: grid;
    gap: 0.45rem;
    height: 100%;
    justify-items: center;
    padding: 1rem;
}

.clinic-logo-placeholder i[b-dbyz7jseha] {
    font-size: 2.25rem;
}

.clinic-logo-placeholder strong[b-dbyz7jseha] {
    color: var(--colour-text);
    font-size: 1.45rem;
}

.clinic-avatar-preview[b-dbyz7jseha] {
    align-items: center;
    background: var(--theme-light);
    border: 2px solid var(--colour-border);
    border-radius: 50%;
    color: var(--theme-primary);
    display: flex;
    height: 11rem;
    justify-content: center;
    overflow: hidden;
    width: 11rem;
}

.clinic-avatar-preview img[b-dbyz7jseha] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.clinic-avatar-preview i[b-dbyz7jseha] {
    font-size: 3rem;
}

.clinic-info-actions[b-dbyz7jseha] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.clinic-info-branding-item .clinic-info-actions[b-dbyz7jseha] {
    align-self: end;
    justify-self: stretch;
}

.clinic-info-branding-item .clinic-info-actions[b-dbyz7jseha]  > .btn-app {
    flex: 1 1 100%;
    width: 100%;
}

.clinic-info-availability-grid[b-dbyz7jseha],
.clinic-info-social-grid[b-dbyz7jseha] {
    gap: 1.05rem 1.25rem;
}

.clinic-info-details-grid[b-dbyz7jseha] {
    gap: 1.05rem 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinic-info-details-grid > .form-field[b-dbyz7jseha] {
    align-content: start;
}

@media (min-width: 641px) {
    .clinic-info-phone-field[b-dbyz7jseha]  .form-field > label {
        align-items: flex-end;
        display: flex;
        min-height: 2.6em;
    }
}

.clinic-info-support[b-dbyz7jseha] {
    align-items: start;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, var(--colour-border));
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
    width: 100%;
}

.clinic-info-support .app-toggle[b-dbyz7jseha] {
    align-self: center;
    justify-self: end;
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.clinic-info-support .form-check-label[b-dbyz7jseha] {
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.clinic-info-subsection-heading[b-dbyz7jseha] {
    border-top: 1px solid var(--app-border-soft);
    padding-top: 1rem;
}

.clinic-response-time-field[b-dbyz7jseha] {
    max-width: 22rem;
}

.clinic-operating-hours[b-dbyz7jseha] {
    border: 0;
    display: grid;
    gap: 0.35rem;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.clinic-operating-hours legend[b-dbyz7jseha] {
    color: var(--colour-text);
    float: none;
    font-size: 0.95rem;
    font-weight: 650;
    margin: 0;
    width: auto;
}

.clinic-operating-hours > .guide-card-meta[b-dbyz7jseha] {
    margin: 0 0 0.35rem;
}

.clinic-operating-hours-list[b-dbyz7jseha] {
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.clinic-operating-hours-row[b-dbyz7jseha] {
    align-items: center;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: minmax(6.5rem, 0.7fr) minmax(7rem, 0.65fr) repeat(2, minmax(8rem, 1fr));
    padding: 0.75rem;
}

.clinic-operating-hours-row + .clinic-operating-hours-row[b-dbyz7jseha] {
    border-top: 1px solid var(--app-border-soft);
}

.clinic-operating-hours-row > strong[b-dbyz7jseha] {
    color: var(--colour-text);
    font-size: 0.9rem;
}

.clinic-operating-hours-row .app-toggle[b-dbyz7jseha] {
    margin: 0;
}

.clinic-operating-time-field[b-dbyz7jseha] {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 2rem minmax(0, 1fr);
}

.clinic-operating-time-field label[b-dbyz7jseha] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    margin: 0;
}

.clinic-info-additional-support[b-dbyz7jseha] {
    border-top: 1px solid var(--app-border-soft);
    padding-top: 1rem;
}

@media (max-width: 900px) {
    .clinic-info-selector .content-category-selector-option > small[b-dbyz7jseha] {
        display: none;
    }

    .clinic-info-branding-grid[b-dbyz7jseha] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 740px) {
    .clinic-operating-hours-row[b-dbyz7jseha] {
        grid-template-columns: 1fr auto;
    }

    .clinic-operating-time-field[b-dbyz7jseha] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .admin-hero.clinic-info-hero[b-dbyz7jseha] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-hero.clinic-info-hero > .editor-action-hero-actions[b-dbyz7jseha] {
        grid-column: 2;
        grid-row: 3;
        justify-self: end;
        margin-top: 0.45rem;
    }

    .clinic-info-workspace[b-dbyz7jseha],
    .clinic-info-section-card[b-dbyz7jseha] {
        padding: 0.85rem;
    }

    .clinic-info-details-grid[b-dbyz7jseha],
    .clinic-info-availability-grid[b-dbyz7jseha],
    .clinic-info-social-grid[b-dbyz7jseha] {
        grid-template-columns: 1fr;
    }

    .clinic-info-support[b-dbyz7jseha] {
        grid-template-columns: 1fr;
    }

    .clinic-info-support .app-toggle[b-dbyz7jseha] {
        justify-self: start;
    }

    .clinic-info-branding-item .clinic-info-actions[b-dbyz7jseha] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .clinic-info-selector[b-dbyz7jseha] {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(0, 0.95fr)
            minmax(0, 1.55fr)
            minmax(0, 0.8fr)
            minmax(0, 0.8fr);
    }

    .clinic-info-selector .content-category-selector-option[b-dbyz7jseha] {
        padding-inline: 0.25rem;
    }

    .clinic-info-selector .content-category-selector-option > span[b-dbyz7jseha] {
        overflow-wrap: normal;
        word-break: normal;
    }
}
/* /Components/Pages/Clinic/ClinicNotificationSettings.razor.rz.scp.css */
.notification-settings-list[b-7pn0q4wrov] {
    display: grid;
    gap: 1rem;
    padding: var(--app-card-padding);
}

.notification-settings-card[b-7pn0q4wrov] {
    align-items: start;
    background: var(--colour-surface);
    gap: 0;
    overflow: hidden;
    padding: 0;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.notification-settings-card-heading[b-7pn0q4wrov] {
    margin: 0;
}

.notification-settings-card-toggle[b-7pn0q4wrov] {
    align-items: center;
    background: var(--colour-surface);
    border: 0;
    color: var(--colour-text);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: 1rem;
    text-align: left;
    transition: background-color 160ms ease, color 160ms ease;
    width: 100%;
}

.notification-settings-card-toggle:hover[b-7pn0q4wrov],
.notification-settings-card-toggle:focus-visible[b-7pn0q4wrov] {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
}

.notification-settings-card.expanded[b-7pn0q4wrov] {
    border-color: color-mix(in srgb, var(--theme-primary) 20%, var(--colour-border));
}

.notification-settings-card.expanded .notification-settings-card-toggle[b-7pn0q4wrov] {
    background: color-mix(in srgb, var(--theme-light) 70%, var(--colour-surface));
}

.notification-settings-icon[b-7pn0q4wrov] {
    align-items: center;
    background: var(--colour-light-green);
    border: 1px solid color-mix(in srgb, var(--colour-primary-green) 22%, var(--colour-border));
    border-radius: 8px;
    color: var(--colour-primary-green);
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.notification-settings-section h4[b-7pn0q4wrov] {
    color: var(--colour-text);
    line-height: 1.25;
    margin: 0;
}

.notification-settings-card-copy[b-7pn0q4wrov] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.notification-settings-card-copy strong[b-7pn0q4wrov] {
    font-size: 1.05rem;
}

.notification-settings-card-copy > span[b-7pn0q4wrov] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.notification-settings-summary[b-7pn0q4wrov] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.notification-settings-summary .status-pill[b-7pn0q4wrov] {
    white-space: nowrap;
}

.notification-settings-chevron-control[b-7pn0q4wrov] {
    flex: 0 0 auto;
    pointer-events: none;
}

.notification-settings-chevron[b-7pn0q4wrov] {
    line-height: 1;
    transition: transform 220ms ease;
}

.notification-settings-card.expanded .notification-settings-chevron[b-7pn0q4wrov] {
    transform: rotate(-180deg);
}

.notification-settings-card-region[b-7pn0q4wrov] {
    background: var(--colour-surface);
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 220ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.notification-settings-card-region.expanded[b-7pn0q4wrov] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--theme-primary) 14%, var(--colour-border));
    grid-template-rows: 1fr;
    opacity: 1;
}

.notification-settings-card-region-inner[b-7pn0q4wrov] {
    min-height: 0;
    overflow: hidden;
}

.notification-settings-card-body[b-7pn0q4wrov] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.notification-settings-section[b-7pn0q4wrov] {
    display: grid;
    gap: 0.75rem;
}

.notification-settings-section h4[b-7pn0q4wrov] {
    font-size: 0.82rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.notification-settings-options[b-7pn0q4wrov] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notification-role-options[b-7pn0q4wrov] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.notification-settings-toggle[b-7pn0q4wrov] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: flex;
    gap: 0.55rem;
    margin: 0;
    min-width: 0;
    padding: 0.7rem 0.8rem;
}

.notification-settings-toggle[b-7pn0q4wrov]  .notification-settings-checkbox {
    float: none;
    margin: 0;
    position: static;
}

.notification-settings-toggle .form-check-label[b-7pn0q4wrov] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-role-options .notification-settings-toggle[b-7pn0q4wrov] {
    align-items: flex-start;
}

.notification-role-options[b-7pn0q4wrov]  .notification-settings-checkbox {
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.notification-role-options .form-check-label[b-7pn0q4wrov] {
    align-items: flex-start;
    flex: 1;
}

.notification-role-copy[b-7pn0q4wrov] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.notification-role-copy small[b-7pn0q4wrov] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    line-height: 1.4;
}

.notification-settings-toggle[b-7pn0q4wrov]  .notification-settings-checkbox:checked {
    background-color: var(--colour-primary-green) !important;
    border-color: var(--colour-primary-green) !important;
}

.notification-settings-toggle[b-7pn0q4wrov]  .notification-settings-checkbox:focus {
    border-color: var(--colour-primary-green);
    box-shadow: 0 0 0 0.18rem rgba(72, 157, 63, 0.18);
}

.notification-settings-toggle[b-7pn0q4wrov]  .notification-settings-checkbox:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 1000px) {
    .notification-settings-card-toggle[b-7pn0q4wrov] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .notification-settings-summary[b-7pn0q4wrov] {
        grid-column: 2 / 3;
        justify-content: flex-start;
    }

    .notification-settings-chevron-control[b-7pn0q4wrov] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .notification-settings-options[b-7pn0q4wrov] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .notification-settings-list[b-7pn0q4wrov] {
        padding: 1rem;
    }

    .notification-settings-options[b-7pn0q4wrov] {
        grid-template-columns: 1fr;
    }

    .notification-settings-card-toggle[b-7pn0q4wrov] {
        gap: 0.65rem;
        padding: 0.85rem;
    }

    .notification-settings-summary[b-7pn0q4wrov] {
        align-items: flex-start;
        display: grid;
    }

    .notification-settings-card-body[b-7pn0q4wrov] {
        padding: 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-settings-card[b-7pn0q4wrov],
    .notification-settings-card-toggle[b-7pn0q4wrov],
    .notification-settings-chevron[b-7pn0q4wrov],
    .notification-settings-card-region[b-7pn0q4wrov] {
        transition: none;
    }
}
.notification-role-card[b-7pn0q4wrov] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--colour-border);
    border-radius: 0.5rem;
    background: var(--app-surface-muted);
}

.notification-role-channels[b-7pn0q4wrov] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.notification-role-channels .notification-settings-toggle[b-7pn0q4wrov] {
    padding: 0;
    border: 0;
    background: transparent;
}
/* /Components/Pages/Clinic/ClinicPatientInviteList.razor.rz.scp.css */
.clinic-patient-row[b-upeipgfu7q] {
    display: grid;
    gap: 0.55rem;
    padding: 0.55rem 0.9rem;
}

.clinic-patient-row-main[b-upeipgfu7q] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1fr) minmax(300px, 400px) minmax(220px, 1fr);
}

.clinic-patient-summary[b-upeipgfu7q] {
    align-items: center;
    display: block;
}

.clinic-patient-summary h3[b-upeipgfu7q] {
    font-size: 1rem;
    line-height: 1.25;
}

.clinic-patient-summary p[b-upeipgfu7q] {
    margin: 0.1rem 0 0;
}

.clinic-patient-key-details[b-upeipgfu7q] {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1.5fr 1fr 0.8fr;
    min-width: 0;
}

.clinic-patient-key-details[b-upeipgfu7q]  .clinic-detail-pill {
    justify-self: center;
    white-space: nowrap;
}

.clinic-patient-actions[b-upeipgfu7q] {
    justify-content: flex-end;
}

@media (max-width: 960px) {
    .clinic-patient-row-main[b-upeipgfu7q] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .clinic-patient-actions[b-upeipgfu7q] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .clinic-patient-row[b-upeipgfu7q] {
        padding: 0.85rem;
    }

    .clinic-patient-key-details[b-upeipgfu7q] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .clinic-patient-key-details[b-upeipgfu7q]  .clinic-detail-pill {
        justify-content: center;
        width: 100%;
    }

    .clinic-patient-actions[b-upeipgfu7q] {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
    }

}
/* /Components/Pages/Clinic/ClinicPatientList.razor.rz.scp.css */
.clinic-patient-panel[b-r2avyfxvrw] {
    container-type: inline-size;
}

.clinic-patient-row[b-r2avyfxvrw] {
    display: grid;
    gap: 0.55rem;
    padding: 0.55rem 0.9rem;
}

.clinic-patient-row-main[b-r2avyfxvrw] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.2fr) minmax(0, 2.5fr) auto;
}

.clinic-patient-summary[b-r2avyfxvrw] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    min-width: 0;
}

.clinic-patient-avatar[b-r2avyfxvrw] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 25%, var(--colour-border));
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    height: 3.5rem;
    justify-content: center;
    letter-spacing: 0.02em;
    overflow: hidden;
    position: relative;
    width: 3.5rem;
}

.clinic-patient-avatar img[b-r2avyfxvrw] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.clinic-patient-summary-copy[b-r2avyfxvrw] {
    min-width: 0;
}

.clinic-patient-summary h3[b-r2avyfxvrw] {
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.clinic-patient-summary p[b-r2avyfxvrw] {
    margin: 0.1rem 0 0;
    overflow-wrap: anywhere;
}

.clinic-patient-contact[b-r2avyfxvrw] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.clinic-patient-contact i[b-r2avyfxvrw],
.clinic-patient-stat-label i[b-r2avyfxvrw] {
    color: var(--theme-primary);
}

.clinic-patient-contact i[b-r2avyfxvrw] {
    flex-shrink: 0;
}

.clinic-patient-contact span[b-r2avyfxvrw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clinic-patient-key-details[b-r2avyfxvrw] {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.clinic-patient-stat[b-r2avyfxvrw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.3rem 0.8rem;
    border-left: 1px solid var(--app-border-soft);
    overflow-wrap: anywhere;
}

.clinic-patient-stat-label[b-r2avyfxvrw] {
    display: grid;
    grid-template-columns: 0.9rem minmax(0, 1fr);
    align-items: baseline;
    gap: 0.4rem;
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    line-height: 1.3;
}

.clinic-patient-stat > strong[b-r2avyfxvrw],
.clinic-patient-stat > small[b-r2avyfxvrw] {
    margin-inline-start: 1.3rem;
}

.clinic-patient-stat strong[b-r2avyfxvrw] {
    color: var(--colour-text);
    font-size: 0.85rem;
    line-height: 1.35;
}

.clinic-patient-stat small[b-r2avyfxvrw] {
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    line-height: 1.3;
}

.clinic-patient-actions[b-r2avyfxvrw] {
    justify-content: flex-end;
    justify-self: end;
}

.clinic-patient-detail-grid[b-r2avyfxvrw] {
    border-top: 1px solid var(--app-border-soft);
    gap: 0.6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 0.75rem;
}

.clinic-patient-detail-grid > div[b-r2avyfxvrw] {
    align-items: start;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    column-gap: 0.45rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.65rem;
    row-gap: 0.15rem;
}

.clinic-patient-detail-grid i[b-r2avyfxvrw] {
    color: var(--theme-primary);
    grid-row: span 2;
    padding-top: 0.1rem;
}

.clinic-patient-detail-grid .detail-label[b-r2avyfxvrw] {
    line-height: 1.2;
}

.clinic-patient-detail-grid strong[b-r2avyfxvrw] {
    font-size: 0.95rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

/* Hide details from right to left as the panel narrows, without adding a row. */
@container (max-width: 1000px) {
    .clinic-patient-row-main[b-r2avyfxvrw] {
        grid-template-columns: minmax(220px, 1.2fr) minmax(0, 1.875fr) auto;
    }

    .clinic-patient-key-details[b-r2avyfxvrw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .clinic-patient-stat:nth-child(n + 4)[b-r2avyfxvrw] {
        display: none;
    }

    .clinic-patient-detail-grid[b-r2avyfxvrw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (max-width: 850px) {
    .clinic-patient-row-main[b-r2avyfxvrw] {
        grid-template-columns: minmax(220px, 1.2fr) minmax(0, 1.25fr) auto;
    }

    .clinic-patient-key-details[b-r2avyfxvrw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clinic-patient-stat:nth-child(n + 3)[b-r2avyfxvrw] {
        display: none;
    }
}

@container (max-width: 700px) {
    .clinic-patient-row-main[b-r2avyfxvrw] {
        grid-template-columns: minmax(220px, 1.2fr) minmax(0, 0.625fr) auto;
    }

    .clinic-patient-key-details[b-r2avyfxvrw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .clinic-patient-stat:nth-child(n + 2)[b-r2avyfxvrw] {
        display: none;
    }
}

@container (max-width: 600px) {
    .clinic-patient-row[b-r2avyfxvrw] {
        padding: 0.65rem;
    }

    .clinic-patient-detail-grid[b-r2avyfxvrw] {
        grid-template-columns: 1fr;
    }

    .clinic-patient-expanded-actions[b-r2avyfxvrw]  .btn-app {
        flex: 0 0 auto;
        justify-content: center;
        width: 100%;
    }

    .clinic-patient-expanded-actions[b-r2avyfxvrw] {
        align-items: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .clinic-patient-actions[b-r2avyfxvrw] {
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0.2rem;
    }

}

@container (max-width: 540px) {
    .clinic-patient-row-main[b-r2avyfxvrw] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .clinic-patient-key-details[b-r2avyfxvrw] {
        display: none;
    }
}
/* /Components/Pages/Clinic/ClinicPatientProgressPhotos.razor.rz.scp.css */
.progress-photo-upload-grid[b-m96wbpk8jp] { display: grid; gap: 1rem; padding: 1.25rem; }
.patient-photo-confidentiality[b-m96wbpk8jp] { display: flex; align-items: flex-start; gap: .75rem; margin: 0; line-height: 1.6; }
.patient-photo-confidentiality > i[b-m96wbpk8jp] { flex: 0 0 auto; }
.patient-photo-confidentiality > p[b-m96wbpk8jp] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.progress-photo-location-grid[b-m96wbpk8jp] { display: grid; gap: 1rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 760px) {
    .progress-photo-location-grid[b-m96wbpk8jp] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .progress-photo-location-grid[b-m96wbpk8jp] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
    .progress-photo-location-grid[b-m96wbpk8jp] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Clinic/ClinicProducts.razor.rz.scp.css */
.clinic-products-page > .clinic-list-panel-shell[b-yt70m1btgh] { overflow: hidden; }
.clinic-products-page[b-yt70m1btgh]  .app-list-results { overflow-y: auto; }

@media (max-width: 700px), (max-height: 700px) {
    .admin-landing-page.clinic-list-page.clinic-products-page[b-yt70m1btgh] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }
    .clinic-products-page > .clinic-list-panel-shell[b-yt70m1btgh] { height: auto; }
    .clinic-products-page[b-yt70m1btgh]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Clinic/ClinicReferrals.razor.rz.scp.css */
.admin-landing-page.clinic-list-page.clinic-external-pagination-page.clinic-referrals-page[b-f8qkn5sgtp] {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.clinic-referrals-page[b-f8qkn5sgtp]  > .referral-program-aside {
    min-width: 0;
}

.clinic-referrals-page[b-f8qkn5sgtp]  .app-list-results {
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}

.clinic-referrals-list-panel[b-f8qkn5sgtp] {
    container-name: clinic-referrals-list-panel;
    container-type: inline-size;
}

.referral-status-column[b-f8qkn5sgtp] {
    min-width: 7.5rem;
    white-space: nowrap;
}

.referral-status-column .status-pill[b-f8qkn5sgtp] {
    white-space: nowrap;
}

.clinic-referral-history-grid[b-f8qkn5sgtp] {
    margin-bottom: 0;
    width: 100%;
}

.clinic-referral-history-label[b-f8qkn5sgtp] {
    color: var(--colour-text-secondary);
    display: none;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.clinic-referral-history-value[b-f8qkn5sgtp],
.clinic-referral-history-confirmed time[b-f8qkn5sgtp] {
    min-width: 0;
}

.clinic-referral-history-action[b-f8qkn5sgtp] {
    text-align: right;
}

.referral-program-card[b-f8qkn5sgtp] {
    background: var(--colour-light-blue);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--colour-border));
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
    display: grid;
    gap: 1rem;
    min-height: 0;
    overflow: visible;
    padding: 1.25rem;
}

.referral-program-header[b-f8qkn5sgtp] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.referral-program-header-actions[b-f8qkn5sgtp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.referral-program-header-actions .status-pill[b-f8qkn5sgtp] {
    border: 1px solid transparent;
}

.referral-program-header-actions .status-pill.active[b-f8qkn5sgtp] {
    border-color: var(--colour-primary-green);
}

.referral-program-header h2[b-f8qkn5sgtp] {
    font-size: 1.25rem;
    margin: 0.1rem 0 0.25rem;
}

.referral-program-header p[b-f8qkn5sgtp] {
    color: var(--colour-text-secondary);
    margin: 0;
}

.referral-program-details[b-f8qkn5sgtp] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.referral-program-details > div[b-f8qkn5sgtp] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.85rem;
}

.referral-program-details strong[b-f8qkn5sgtp] {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 901px) and (max-width: 1105px) {
    .clinic-referrals-page[b-f8qkn5sgtp]  > .floating-aside-trigger[data-responsive-aside-breakpoint="900"],
    .clinic-referrals-page[b-f8qkn5sgtp]  > .responsive-aside-drawer-scrim[data-responsive-aside-breakpoint="900"],
    .clinic-referrals-page[b-f8qkn5sgtp]  > .referral-program-aside[data-responsive-aside-breakpoint="900"] > .responsive-aside-drawer-header {
        display: none;
    }

    .clinic-referrals-page[b-f8qkn5sgtp]  > aside.referral-program-aside[data-responsive-aside-breakpoint="900"] {
        background: transparent;
        border: 0;
        border-radius: 0;
        bottom: auto;
        box-shadow: none;
        display: block;
        height: auto;
        left: auto;
        margin: 0;
        max-height: none;
        overflow: visible;
        padding: 0;
        pointer-events: auto;
        position: static;
        right: auto;
        top: auto;
        transform: none;
        transition: none;
        visibility: visible;
        width: auto;
        z-index: auto;
    }

    .clinic-referrals-page[b-f8qkn5sgtp]  > .referral-program-aside[data-responsive-aside-breakpoint="900"] > .responsive-aside-drawer-body {
        display: contents;
        overflow: visible;
        padding: 0;
    }
}

@media (max-width: 900px) {
    .admin-landing-page.clinic-list-page.clinic-external-pagination-page.clinic-referrals-page[b-f8qkn5sgtp] {
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .clinic-referrals-page[b-f8qkn5sgtp] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
    }

    .referral-program-header[b-f8qkn5sgtp],
    .referral-program-header-actions[b-f8qkn5sgtp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .referral-program-details[b-f8qkn5sgtp] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 501px) and (max-width: 1100px) {
    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-tools {
        grid-template-columns: minmax(0, 15rem) minmax(max-content, 1fr);
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-search-field {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-actions {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }
}

@container clinic-referrals-list-panel (max-width: 56rem) {
    .clinic-referral-history-table[b-f8qkn5sgtp] {
        border-top: 0;
        min-width: 0;
        overflow: visible;
        width: 100%;
    }

    .clinic-referral-history-grid[b-f8qkn5sgtp],
    .clinic-referral-history-entry[b-f8qkn5sgtp],
    .clinic-referral-history-row > td[b-f8qkn5sgtp] {
        display: block;
        width: 100%;
    }

    .clinic-referral-history-grid[b-f8qkn5sgtp] {
        min-width: 0;
    }

    .clinic-referral-history-grid > thead[b-f8qkn5sgtp] {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .clinic-referral-history-entry[b-f8qkn5sgtp] {
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        margin: 0.75rem;
        overflow: visible;
        width: calc(100% - 1.5rem);
    }

    .clinic-referral-history-row[b-f8qkn5sgtp] {
        align-items: start;
        display: grid;
        gap: 0.85rem 1rem;
        grid-template-areas:
            "patient customer action"
            "reference status action"
            "notes confirmed action";
        grid-template-columns: repeat(2, minmax(0, 1fr)) 2.75rem;
        padding: 1rem;
    }

    .clinic-referral-history-grid .clinic-referral-history-row > td[b-f8qkn5sgtp] {
        border: 0;
        min-width: 0;
        overflow-wrap: anywhere;
        padding: 0;
        text-align: left;
        white-space: normal;
        word-break: break-word;
    }

    .clinic-referral-history-label[b-f8qkn5sgtp] {
        display: block;
        margin-bottom: 0.3rem;
    }

    .clinic-referral-history-patient[b-f8qkn5sgtp] {
        grid-area: patient;
    }

    .clinic-referral-history-customer[b-f8qkn5sgtp] {
        grid-area: customer;
    }

    .clinic-referral-history-reference[b-f8qkn5sgtp] {
        grid-area: reference;
    }

    .clinic-referral-history-notes[b-f8qkn5sgtp] {
        grid-area: notes;
    }

    .clinic-referral-history-status[b-f8qkn5sgtp] {
        grid-area: status;
        min-width: 0;
    }

    .clinic-referral-history-confirmed[b-f8qkn5sgtp] {
        grid-area: confirmed;
    }

    .clinic-referral-history-confirmed time[b-f8qkn5sgtp] {
        display: block;
    }

    .clinic-referral-history-action[b-f8qkn5sgtp] {
        align-self: start;
        grid-area: action;
        justify-self: end;
        width: auto !important;
    }


    .clinic-referral-history-grid .clinic-referral-history-row:hover > td[b-f8qkn5sgtp] {
        background: transparent;
    }
}

@container clinic-referrals-list-panel (max-width: 32.5rem) {
    .clinic-referral-history-row[b-f8qkn5sgtp] {
        grid-template-areas:
            "patient action"
            "customer customer"
            "reference reference"
            "notes notes"
            "status status"
            "confirmed confirmed";
        grid-template-columns: minmax(0, 1fr) 2.75rem;
    }
}

@media (max-width: 500px) {
    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-tools {
        grid-template-columns: minmax(0, 1fr);
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-search-field,
    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-actions,
    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-extra-actions,
    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-extra-actions .btn-app {
        grid-column: 1;
        width: 100%;
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-search-field {
        grid-row: 1;
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-actions {
        grid-row: 2;
    }

    .clinic-referrals-list-panel[b-f8qkn5sgtp]  .app-list-extra-actions .btn-app {
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .clinic-referrals-pagination[b-f8qkn5sgtp]  .app-list-pagination-large-mobile-controls .btn-app.btn-app-icon {
        min-height: 2rem;
        width: 2rem;
    }
}
/* /Components/Pages/Clinic/ClinicRoleManagement.razor.rz.scp.css */
.clinic-role-row[b-8b20rfd742] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
}

.clinic-role-summary[b-8b20rfd742] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.clinic-role-summary h3[b-8b20rfd742] {
    overflow-wrap: anywhere;
}

.clinic-role-summary .clinic-detail-pills[b-8b20rfd742] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
}

.clinic-role-actions[b-8b20rfd742] {
    justify-content: flex-end;
}
/* /Components/Pages/Clinic/ClinicStaffInviteList.razor.rz.scp.css */
.clinic-staff-invite-header[b-dvgy0w1wzb] {
    background: var(--app-surface-muted);
    border-bottom: 1px solid var(--app-border-soft);
    border-top: 1px solid var(--app-border-soft);
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.7fr) 4.6rem;
    padding: 0.75rem 0.9rem;
    text-transform: uppercase;
}

.clinic-staff-invite-header-metadata[b-dvgy0w1wzb] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(170px, 1.2fr) minmax(105px, 0.7fr);
    min-width: 0;
}

.clinic-patient-row[b-dvgy0w1wzb] {
    display: grid;
    gap: 0.55rem;
    padding: 0.55rem 0.9rem;
}

.clinic-patient-row-main[b-dvgy0w1wzb] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.7fr) 4.6rem;
}

.clinic-patient-summary[b-dvgy0w1wzb] {
    align-items: center;
    display: block;
}

.clinic-patient-summary h3[b-dvgy0w1wzb] {
    font-size: 1rem;
    line-height: 1.25;
}

.clinic-patient-summary p[b-dvgy0w1wzb] {
    margin: 0.1rem 0 0;
}

.clinic-patient-metadata[b-dvgy0w1wzb] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(170px, 1.2fr) minmax(105px, 0.7fr);
    min-width: 0;
}

.clinic-patient-metadata-column[b-dvgy0w1wzb] {
    align-content: start;
    display: grid;
    gap: 0.35rem;
    justify-items: start;
    min-width: 0;
}

.clinic-patient-metadata-column[b-dvgy0w1wzb]  .clinic-detail-pill {
    max-width: 100%;
}

.clinic-patient-actions[b-dvgy0w1wzb] {
    justify-content: flex-end;
    width: 4.6rem;
}

@media (max-width: 960px) {
    .clinic-staff-invite-header[b-dvgy0w1wzb] {
        display: none;
    }

    .clinic-patient-row-main[b-dvgy0w1wzb] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .clinic-patient-actions[b-dvgy0w1wzb] {
        justify-content: flex-start;
        width: auto;
    }

    .clinic-patient-metadata[b-dvgy0w1wzb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .clinic-patient-row[b-dvgy0w1wzb] {
        padding: 0.85rem;
    }

    .clinic-patient-metadata[b-dvgy0w1wzb] {
        grid-template-columns: 1fr;
    }

    .clinic-patient-metadata-column[b-dvgy0w1wzb] {
        justify-items: stretch;
    }

    .clinic-patient-metadata-column[b-dvgy0w1wzb]  .clinic-detail-pill {
        justify-content: center;
        width: 100%;
    }


    .clinic-patient-actions[b-dvgy0w1wzb] {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
    }

}
/* /Components/Pages/Clinic/ClinicStaffList.razor.rz.scp.css */
.clinic-staff-header[b-tcqak86qwq] {
    background: var(--app-surface-muted);
    border-bottom: 1px solid var(--app-border-soft);
    border-top: 1px solid var(--app-border-soft);
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.7fr) 4.6rem;
    padding: 0.75rem 0.9rem;
    text-transform: uppercase;
}

.clinic-staff-header-metadata[b-tcqak86qwq] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(170px, 1.2fr) minmax(105px, 0.7fr);
    min-width: 0;
}

.clinic-staff-header-actions[b-tcqak86qwq] {
    width: 2rem;
}

.clinic-staff-row[b-tcqak86qwq] {
    display: grid;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
}

.staff-management-list .clinic-staff-row:hover[b-tcqak86qwq] {
    background: transparent;
}

.clinic-staff-row-main[b-tcqak86qwq] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.7fr) 4.6rem;
}

.clinic-patient-summary[b-tcqak86qwq] {
    align-items: center;
    display: block;
}

.clinic-patient-summary h3[b-tcqak86qwq] {
    font-size: 1rem;
    line-height: 1.25;
}

.clinic-patient-summary p[b-tcqak86qwq] {
    margin: 0.1rem 0 0;
}

.clinic-staff-metadata[b-tcqak86qwq] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(170px, 1.2fr) minmax(105px, 0.7fr);
    min-width: 0;
}

.clinic-staff-metadata-column[b-tcqak86qwq] {
    display: grid;
    justify-items: start;
    min-width: 0;
}

.clinic-staff-metadata-column[b-tcqak86qwq]  .clinic-detail-pill {
    max-width: 100%;
}

.staff-management-list .clinic-admin-actions[b-tcqak86qwq] {
    justify-content: flex-end;
}

.clinic-staff-expanded-content[b-tcqak86qwq] {
    display: grid;
    gap: 0.75rem;
}

@media (max-width: 1100px) {
    .clinic-staff-header[b-tcqak86qwq] {
        display: none;
    }

    .clinic-staff-row-main[b-tcqak86qwq] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .clinic-staff-actions[b-tcqak86qwq] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .clinic-staff-row[b-tcqak86qwq] {
        padding: 0.85rem;
    }

    .clinic-staff-metadata[b-tcqak86qwq] {
        grid-template-columns: 1fr;
    }

    .clinic-staff-metadata-column[b-tcqak86qwq] {
        justify-items: stretch;
    }

    .clinic-staff-metadata-column[b-tcqak86qwq]  .clinic-detail-pill {
        justify-content: center;
        width: 100%;
    }

    .clinic-staff-expanded-actions[b-tcqak86qwq] {
        align-items: stretch;
        flex-direction: column;
    }

    .clinic-staff-expanded-actions[b-tcqak86qwq]  .btn-app {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .clinic-staff-expanded-actions[b-tcqak86qwq]  .btn-app {
        flex: 0 0 auto;
    }
}
/* /Components/Pages/Clinic/ClinicSupport.razor.rz.scp.css */
.admin-landing-page.clinic-list-page.clinic-support-page[b-gidktzy5ux] {
    height: calc(100vh - 7.35rem);
    height: calc(100dvh - 7.35rem);
    height: calc(var(--app-viewport-height, 100dvh) - 7.35rem);
}

.clinic-support-filter-tabs[b-gidktzy5ux] {
    padding-bottom: 0.1rem;
}

.clinic-support-panel[b-gidktzy5ux]  .app-list-results {
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}

.clinic-support-results[b-gidktzy5ux] {
    min-width: 0;
    padding: 0.75rem;
}

.clinic-support-ticket-list[b-gidktzy5ux] {
    display: grid;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.clinic-support-ticket-list-item[b-gidktzy5ux] {
    min-width: 0;
}

.clinic-support-ticket-card[b-gidktzy5ux] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text);
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-areas: "avatar patient copy meta chevron";
    grid-template-columns: 3.5rem 15.75rem minmax(0, 1fr) minmax(18rem, auto) auto;
    min-height: calc(6rem + 20px);
    padding: 1.1rem 1rem;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.clinic-support-ticket-card:hover[b-gidktzy5ux] {
    background: color-mix(in srgb, var(--theme-primary) 3%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 10%, transparent);
    color: var(--colour-text);
    transform: translateY(-1px);
}

.clinic-support-ticket-card:focus-visible[b-gidktzy5ux] {
    background: color-mix(in srgb, var(--theme-primary) 3%, var(--colour-surface));
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 18%, transparent) !important;
    color: var(--colour-text);
    outline: 2px solid var(--theme-primary) !important;
    outline-offset: 2px;
    transform: translateY(-1px);
}

.clinic-support-filter-tabs .patient-category-filter-option:focus-visible[b-gidktzy5ux] {
    outline: 2px solid var(--theme-primary) !important;
    outline-offset: 2px;
}

@media (min-width: 1181px) {
    .clinic-support-panel[b-gidktzy5ux]  .app-list-tools-centred-filter .app-list-filter-content {
        grid-column: 3;
        justify-self: end;
    }
}

@media (min-width: 701px) and (max-width: 1180px) {
    .clinic-support-panel[b-gidktzy5ux]  .app-list-tools-two-row-centred-filter .app-list-filter-content {
        justify-self: end;
    }
}

.clinic-support-ticket-card-avatar-placeholder[b-gidktzy5ux] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 25%, var(--colour-border));
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    grid-area: avatar;
    height: 3.5rem;
    justify-content: center;
    letter-spacing: 0.02em;
    overflow: hidden;
    position: relative;
    width: 3.5rem;
}

.clinic-support-ticket-card-avatar-placeholder img[b-gidktzy5ux] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.clinic-support-ticket-card-copy[b-gidktzy5ux] {
    align-self: center;
    display: grid;
    gap: 0.25rem;
    grid-area: copy;
    min-width: 0;
}

.clinic-support-ticket-card-subject[b-gidktzy5ux],
.clinic-support-ticket-card-preview[b-gidktzy5ux] {
    min-width: 0;
    overflow: hidden;
}

.clinic-support-ticket-card-subject[b-gidktzy5ux] {
    color: var(--colour-text);
    font-size: 0.96rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.clinic-support-ticket-card-patient[b-gidktzy5ux] {
    align-self: center;
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.8rem;
    gap: 0.2rem;
    grid-area: patient;
    min-width: 0;
}

.clinic-support-ticket-card-patient strong[b-gidktzy5ux] {
    color: var(--colour-text);
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clinic-support-ticket-card-patient > span[b-gidktzy5ux] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clinic-support-ticket-card-preview[b-gidktzy5ux] {
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.86rem;
    line-height: 1.4;
    max-height: 2.8em;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clinic-support-ticket-card-meta[b-gidktzy5ux] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-area: meta;
    grid-template-columns: minmax(10rem, 1fr) minmax(0, auto);
    justify-items: start;
}

.clinic-support-ticket-card-statuses[b-gidktzy5ux] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.clinic-support-ticket-card-time[b-gidktzy5ux] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    white-space: nowrap;
}

.clinic-support-ticket-card-chevron[b-gidktzy5ux] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    grid-area: chevron;
}

@media (max-width: 1180px) {
    .clinic-support-ticket-card[b-gidktzy5ux] {
        grid-template-areas:
            "avatar patient chevron"
            "avatar copy chevron"
            "avatar meta chevron";
        grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    }

    .clinic-support-ticket-card-meta[b-gidktzy5ux] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (max-width: 700px) {
    .admin-landing-page.clinic-list-page.clinic-support-page[b-gidktzy5ux] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }

    .clinic-support-page > .clinic-list-panel-shell[b-gidktzy5ux] {
        height: auto;
        overflow: hidden;
    }

    .clinic-support-panel[b-gidktzy5ux]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
        overflow-y: auto;
    }

    .clinic-support-panel[b-gidktzy5ux]  .app-list-filter-content {
        justify-content: flex-end;
        width: 100%;
    }

    .clinic-support-panel[b-gidktzy5ux]  .app-list-search-field,
    .clinic-support-panel[b-gidktzy5ux]  .app-list-search-field .pg-search-input,
    .clinic-support-panel[b-gidktzy5ux]  .app-list-search-field .form-control {
        max-width: none;
        width: 100%;
    }

    .clinic-support-ticket-card[b-gidktzy5ux] {
        gap: 0.55rem 0.75rem;
        grid-template-areas:
            "avatar patient chevron"
            "avatar copy chevron"
            "avatar meta chevron";
        grid-template-columns: 3.125rem minmax(0, 1fr) auto;
        padding: 0.85rem;
    }

    .clinic-support-ticket-card-avatar-placeholder[b-gidktzy5ux] {
        font-size: 0.85rem;
        height: 3.125rem;
        width: 3.125rem;
    }

    .clinic-support-ticket-card-subject[b-gidktzy5ux] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .clinic-support-ticket-card-meta[b-gidktzy5ux] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .clinic-support-ticket-card-patient > span[b-gidktzy5ux] {
        white-space: normal;
    }

    .clinic-support-ticket-card-chevron[b-gidktzy5ux] {
        align-self: center;
    }
}

@media (max-width: 500px) {
    .clinic-support-ticket-card[b-gidktzy5ux] {
        grid-template-areas:
            "avatar patient chevron"
            "avatar copy chevron"
            "meta meta meta";
    }

    .clinic-support-ticket-card-meta[b-gidktzy5ux] {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .clinic-support-ticket-card-patient strong[b-gidktzy5ux],
    .clinic-support-ticket-card-patient > span[b-gidktzy5ux] {
        overflow-wrap: anywhere;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .clinic-support-ticket-card[b-gidktzy5ux] {
        transition: none;
    }

    .clinic-support-ticket-card:hover[b-gidktzy5ux],
    .clinic-support-ticket-card:focus-visible[b-gidktzy5ux] {
        transform: none;
    }
}
/* /Components/Pages/Clinic/ClinicSupportThread.razor.rz.scp.css */
.clinic-support-thread-layout[b-oao24klppv] {
    align-items: start;
    column-gap: 0.1rem;
    display: grid;
    grid-template-columns: minmax(0, var(--app-page-max-width)) var(--app-aside-width);
    justify-content: center;
    min-width: 0;
}

.clinic-support-thread-layout > .support-thread-page[b-oao24klppv] {
    min-width: 0;
}

@media (min-width: 1106px) {
    .clinic-support-thread-layout[b-oao24klppv]  .support-conversation-sidebar {
        background: transparent;
        border: 0;
        border-radius: 0;
        color: var(--colour-text-secondary);
        display: flex;
        flex-direction: column;
        font-size: 0.82rem;
        gap: 0.75rem;
        line-height: 1.45;
        max-height: calc(100dvh - 7.35rem);
        overflow-y: auto;
        padding: 0;
        scrollbar-color: #cbd2dc transparent;
        scrollbar-width: thin;
    }
}

@media (max-width: 1105px) {
    .clinic-support-thread-layout[b-oao24klppv] {
        --responsive-aside-shell-left: 248px;
        --responsive-aside-shell-top: 4.6rem;
        grid-template-columns: minmax(0, 1fr);
        padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
    }

    .clinic-support-thread-layout > .support-thread-page[b-oao24klppv] {
        grid-column: 1;
        grid-row: 1;
    }
}

@media (max-width: 900px) {
    .clinic-support-thread-layout[b-oao24klppv] {
        --responsive-aside-shell-left: 0px;
        --responsive-aside-shell-top: 4rem;
    }
}
/* /Components/Pages/Clinic/ClinicTips.razor.rz.scp.css */
.clinic-tips-page > .clinic-list-panel-shell[b-g8noqugqh0] { overflow: hidden; }
.clinic-tips-page[b-g8noqugqh0]  .app-list-results { overflow-y: auto; }

@media (max-width: 700px), (max-height: 700px) {
    .admin-landing-page.clinic-list-page.clinic-tips-page[b-g8noqugqh0] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }
    .clinic-tips-page > .clinic-list-panel-shell[b-g8noqugqh0] { height: auto; }
    .clinic-tips-page[b-g8noqugqh0]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Core/Home.razor.rz.scp.css */
.home-welcome-page[b-0o7b86ig8s] {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 50%, rgba(235, 244, 255, 0.94) 100%);
    color: var(--colour-text);
    display: grid;
    flex: 1;
    gap: clamp(0.75rem, 1.5vh, 1.5rem);
    isolation: isolate;
    justify-items: center;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: clamp(1.25rem, 3vh, 3rem) 1.5rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.home-welcome-page[b-0o7b86ig8s]  .app-powered-by-footer {
    margin-top: 0;
}

.home-welcome-page[b-0o7b86ig8s]::before,
.home-welcome-page[b-0o7b86ig8s]::after {
    background: rgba(221, 236, 255, 0.72);
    bottom: -9rem;
    content: "";
    height: 18rem;
    left: -4rem;
    position: absolute;
    right: -4rem;
    z-index: -1;
}

.home-welcome-page[b-0o7b86ig8s]::before {
    border-radius: 46% 54% 0 0 / 70% 58% 0 0;
    transform: rotate(4deg);
}

.home-welcome-page[b-0o7b86ig8s]::after {
    background: rgba(204, 225, 255, 0.45);
    border-radius: 58% 42% 0 0 / 72% 56% 0 0;
    bottom: -12rem;
    transform: rotate(-6deg);
}

.home-brand[b-0o7b86ig8s] {
    align-items: center;
    color: var(--colour-text);
    display: inline-flex;
    font-size: clamp(1.1rem, 2vw, 1.55rem);
    font-weight: 800;
    gap: 0.5rem;
}

.home-brand strong[b-0o7b86ig8s] {
    color: var(--theme-primary);
}

.home-brand-mark[b-0o7b86ig8s] {
    align-items: center;
    color: var(--theme-primary);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.home-brand-mark img[b-0o7b86ig8s] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.home-welcome-header[b-0o7b86ig8s] {
    display: grid;
    gap: 0.7rem;
}

.home-welcome-header h1[b-0o7b86ig8s] {
    color: var(--colour-text);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.1;
    margin: 0;
}

.home-welcome-header p[b-0o7b86ig8s] {
    color: var(--colour-text-secondary);
    font-size: clamp(1rem, 1.6vw, 1.18rem);
    margin: 0;
}

.home-option-grid[b-0o7b86ig8s] {
    display: grid;
    gap: clamp(1.25rem, 3vw, 2rem);
    grid-template-columns: repeat(2, minmax(220px, 300px));
    justify-content: center;
    margin-top: 0.75rem;
    width: min(100%, 640px);
}

.home-option-card[b-0o7b86ig8s] {
    align-items: center;
    background: color-mix(in srgb, var(--home-card-light) 38%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--home-card-accent) 30%, var(--colour-border));
    border-radius: 8px;
    box-shadow: 0 18px 45px var(--home-card-shadow);
    display: grid;
    gap: 1rem;
    min-height: 320px;
    padding: 2rem;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.home-option-card:link[b-0o7b86ig8s],
.home-option-card:visited[b-0o7b86ig8s] {
    color: var(--home-card-accent);
}

.home-option-card:hover[b-0o7b86ig8s],
.home-option-card:focus-visible[b-0o7b86ig8s] {
    border-color: var(--home-card-accent);
    box-shadow: 0 22px 50px var(--home-card-hover-shadow);
    transform: translateY(-2px);
}

.home-option-card:focus-visible[b-0o7b86ig8s] {
    box-shadow: 0 0 0 0.2rem var(--home-card-focus), 0 22px 50px var(--home-card-hover-shadow) !important;
}

.home-option-card:active[b-0o7b86ig8s] {
    background: color-mix(in srgb, var(--home-card-light) 72%, var(--colour-surface));
    border-color: var(--home-card-accent);
    box-shadow: 0 12px 30px var(--home-card-shadow);
    transform: translateY(0);
}

/* Keep these role colours stable when an authenticated MFA return applies a portal theme. */
.home-option-card.patient[b-0o7b86ig8s] {
    --home-card-accent: #275FEA;
    --home-card-accent-hover: #3A73F0;
    --home-card-focus: rgba(39, 95, 234, 0.28);
    --home-card-light: #EEF4FF;
    --home-card-shadow: rgba(39, 95, 234, 0.12);
    --home-card-hover-shadow: rgba(22, 119, 242, 0.2);
}

.home-option-card.clinic[b-0o7b86ig8s] {
    --home-card-accent: #489D3F;
    --home-card-accent-hover: #3F8F37;
    --home-card-focus: rgba(72, 157, 63, 0.28);
    --home-card-light: #EEF8EE;
    --home-card-shadow: rgba(72, 157, 63, 0.12);
    --home-card-hover-shadow: rgba(72, 157, 63, 0.2);
}

.home-option-card strong[b-0o7b86ig8s] {
    color: var(--home-card-accent);
    font-size: 1.35rem;
    line-height: 1.2;
}

.home-option-card > span:not(.home-option-icon):not(.home-option-button)[b-0o7b86ig8s] {
    color: var(--colour-text-secondary);
    display: grid;
    justify-self: center;
    line-height: 1.45;
    max-width: 220px;
    min-height: calc(1.45em * 3);
    place-items: center;
    text-align: center;
    width: 100%;
}

.home-option-icon[b-0o7b86ig8s] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 5rem;
    justify-content: center;
    justify-self: center;
    width: 5rem;
}

.home-option-card .home-option-icon[b-0o7b86ig8s] {
    background: var(--home-card-light);
    color: var(--home-card-accent);
}

.home-option-icon i[b-0o7b86ig8s] {
    font-size: 2.35rem;
    line-height: 1;
}

.home-option-button[b-0o7b86ig8s] {
    border-radius: 6px;
    color: var(--colour-surface);
    display: inline-flex;
    font-weight: 800;
    gap: 0.65rem;
    justify-content: center;
    margin-top: 0.65rem;
    padding: 0.8rem 1rem;
    width: 100%;
}

.home-option-card .home-option-button[b-0o7b86ig8s] {
    background: var(--home-card-accent);
}

.home-option-card:hover .home-option-button[b-0o7b86ig8s],
.home-option-card:focus-visible .home-option-button[b-0o7b86ig8s],
.home-option-card:active .home-option-button[b-0o7b86ig8s] {
    background: var(--home-card-accent-hover);
}

.home-security-note[b-0o7b86ig8s] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-weight: 650;
    gap: 0.65rem;
    margin: 0.25rem 0 0;
}

.home-security-note i[b-0o7b86ig8s] {
    color: var(--colour-primary-blue);
}

@media (max-width: 900px) {
    .home-welcome-page[b-0o7b86ig8s] {
        padding: clamp(2rem, 5vw, 3rem) 1rem 4.5rem;
    }
}

@media (max-width: 640px) {
    .home-brand[b-0o7b86ig8s] {
        display: none;
    }

    .home-welcome-page[b-0o7b86ig8s] {
        gap: 1.15rem;
        padding-top: 1.75rem;
    }

    .home-welcome-header[b-0o7b86ig8s] {
        gap: 0.5rem;
    }

    .home-welcome-header h1[b-0o7b86ig8s] {
        font-size: clamp(1.85rem, 9vw, 2.25rem);
    }

    .home-option-grid[b-0o7b86ig8s] {
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr);
        margin-top: 0.35rem;
        max-width: 24rem;
    }

    .home-option-card[b-0o7b86ig8s] {
        gap: 0.85rem;
        min-height: 0;
        padding-bottom: 1.35rem;
        padding-top: 1.35rem;
    }

    .home-option-icon[b-0o7b86ig8s] {
        height: 4.25rem;
        width: 4.25rem;
    }

    .home-option-icon i[b-0o7b86ig8s] {
        font-size: 2rem;
    }

    .home-option-card strong[b-0o7b86ig8s] {
        font-size: 1.2rem;
    }

    .home-option-button[b-0o7b86ig8s] {
        margin-top: 0.35rem;
    }

    .home-security-note[b-0o7b86ig8s] {
        justify-content: center;
        line-height: 1.4;
        margin-top: 0.5rem;
        max-width: 22rem;
    }
}

@media (max-width: 420px) {
    .home-brand-mark[b-0o7b86ig8s] {
        height: 2.15rem;
        width: 2.15rem;
    }

    .home-option-card > span:not(.home-option-icon):not(.home-option-button)[b-0o7b86ig8s] {
        max-width: 19rem;
    }
}
/* /Components/Pages/Core/Support.razor.rz.scp.css */
.support-page[b-xj9vn11yfd] {
    color: var(--colour-text);
    display: grid;
    gap: 1.25rem;
    margin: 0 auto;
    max-width: 1120px;
    padding: clamp(0.5rem, 2vw, 1rem) 0 0;
}

.support-hero[b-xj9vn11yfd] {
    align-items: center;
    background: linear-gradient(135deg, var(--colour-background) 0%, var(--colour-surface) 56%, #eef8f3 100%);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.support-hero-copy[b-xj9vn11yfd] {
    display: grid;
    gap: 0.75rem;
}

.support-eyebrow[b-xj9vn11yfd] {
    align-items: center;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 800;
    gap: 0.45rem;
    text-transform: uppercase;
}

.support-hero h1[b-xj9vn11yfd] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.08;
    margin: 0;
}

.support-hero p[b-xj9vn11yfd] {
    color: var(--colour-text-secondary);
    font-size: 1.05rem;
    line-height: 1.55;
    margin: 0;
    max-width: 620px;
}

.support-status[b-xj9vn11yfd] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(29, 65, 110, 0.1);
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.support-status-icon[b-xj9vn11yfd],
.support-card-icon[b-xj9vn11yfd] {
    border-radius: 50%;
    display: grid;
    flex: 0 0 auto;
    line-height: 1;
    place-items: center;
}

.support-status-icon i[b-xj9vn11yfd],
.support-card-icon i[b-xj9vn11yfd] {
    display: block;
    line-height: 1;
}

.support-status > .support-status-icon[b-xj9vn11yfd] {
    display: grid;
}

.support-status-icon[b-xj9vn11yfd] {
    background: var(--colour-light-green);
    color: var(--colour-primary-green);
    font-size: 1.35rem;
    height: 2.8rem;
    width: 2.8rem;
}

.support-status strong[b-xj9vn11yfd],
.support-status > div span[b-xj9vn11yfd] {
    display: block;
}

.support-status strong[b-xj9vn11yfd] {
    color: var(--colour-text);
    font-size: 1rem;
}

.support-status > div span[b-xj9vn11yfd] {
    color: var(--colour-text-secondary);
    font-size: 0.88rem;
}

.support-grid[b-xj9vn11yfd] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-card-icon[b-xj9vn11yfd] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    font-size: 1.25rem;
    height: 2.6rem;
    width: 2.6rem;
}

.support-action[b-xj9vn11yfd] {
    margin-top: 0.85rem;
    max-width: 100%;
}

.support-hours[b-xj9vn11yfd] {
    display: grid;
    gap: 0.75rem;
    margin: 0.65rem 0 0;
}

.support-hours div[b-xj9vn11yfd] {
    display: grid;
    gap: 0.15rem;
}

.support-hours dt[b-xj9vn11yfd] {
    color: var(--colour-text);
    font-weight: 800;
}

.support-hours dd[b-xj9vn11yfd] {
    color: var(--colour-text-secondary);
    margin: 0;
}

.support-list[b-xj9vn11yfd] {
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.5rem;
    margin: 0.65rem 0 0;
    padding-left: 1.1rem;
}

@media (min-width: 901px) and (max-height: 950px) {
    .support-page[b-xj9vn11yfd] {
        gap: 1rem;
        padding-top: 0;
    }

    .support-hero[b-xj9vn11yfd] {
        padding: 1.25rem;
    }

    .support-hero h1[b-xj9vn11yfd] {
        font-size: 2rem;
    }

    .support-card[b-xj9vn11yfd] {
        min-height: 0;
    }

    .support-hours div[b-xj9vn11yfd] {
        column-gap: 1rem;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    }
}

@media (max-width: 900px) {
    .support-hero[b-xj9vn11yfd],
    .support-grid[b-xj9vn11yfd] {
        grid-template-columns: 1fr;
    }

    .support-hero[b-xj9vn11yfd] {
        padding: 1.25rem;
    }

}

@media (max-width: 560px) {
    .support-status[b-xj9vn11yfd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Patient/PatientCarePlan.razor.rz.scp.css */
.patient-care-plan-page > .admin-hero[b-zkv3bp3jrl] {
    grid-template-columns: auto minmax(0, 1fr) minmax(360px, 440px);
}

.patient-care-plan-details-panel[b-zkv3bp3jrl] {
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl]  .patient-recovery-hero-summary {
        gap: 1rem;
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: flex-start;
        margin-top: 0.4rem;
        transform: none;
    }
}

@media (max-width: 520px) {
    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl]  .patient-recovery-hero-summary {
        justify-self: center;
        max-width: 100%;
        width: fit-content;
    }

    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl]  .patient-recovery-hero-stat {
        display: grid;
        grid-template-columns: 2rem auto;
        width: 100%;
    }

    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl]  .patient-recovery-hero-stat + .patient-recovery-hero-stat {
        padding-left: 0;
    }

    .patient-care-plan-page > .admin-hero[b-zkv3bp3jrl]  .patient-recovery-hero-stat > i {
        justify-self: center;
        text-align: center;
        width: 2rem;
    }
}
/* /Components/Pages/Patient/PatientFaqs.razor.rz.scp.css */
.patient-faq-panel[b-1ik2sevnl2] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.5fr);
    margin-top: 0;
    min-width: 0;
}

.patient-faq-mobile-categories[b-1ik2sevnl2] {
    display: none;
    min-width: 0;
}

.patient-faq-categories[b-1ik2sevnl2],
.patient-faq-questions[b-1ik2sevnl2] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    align-content: start;
}

.patient-faq-section-title[b-1ik2sevnl2] {
    color: var(--colour-text);
    font-size: 1rem;
    margin: 0;
}

.patient-faq-category-list[b-1ik2sevnl2],
.patient-faq-question-list[b-1ik2sevnl2] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.patient-faq-category-list[b-1ik2sevnl2] {
    gap: 1.2rem;
}

.patient-faq-category-card[b-1ik2sevnl2],
.patient-faq-question-card[b-1ik2sevnl2] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(31, 45, 38, 0.07);
    min-width: 0;
    overflow: hidden;
}

.patient-faq-question-card[b-1ik2sevnl2] {
    transition: border-color 180ms ease;
}

.patient-faq-category-card[b-1ik2sevnl2] {
    align-items: center;
    color: var(--colour-text);
    display: flex;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4rem;
    padding: 0.75rem 0.9rem 0.75rem 1rem;
    text-align: left;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    width: 100%;
}

.patient-faq-category-card > span:first-child[b-1ik2sevnl2],
.patient-faq-question-toggle > span:first-child[b-1ik2sevnl2] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.patient-faq-category-card:hover[b-1ik2sevnl2],
.patient-faq-category-card:focus-visible[b-1ik2sevnl2] {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
}

.patient-faq-category-card.selected[b-1ik2sevnl2] {
    background: var(--theme-light);
    border-color: color-mix(in srgb, var(--theme-primary) 45%, var(--colour-border));
    color: var(--theme-primary);
}

.patient-faq-chevron-control[b-1ik2sevnl2] {
    flex: 0 0 auto;
    pointer-events: none;
}

.patient-faq-category-card.selected .patient-faq-chevron-control[b-1ik2sevnl2] {
    --btn-app-border: color-mix(in srgb, var(--theme-primary) 45%, var(--colour-border));
    --btn-app-text: var(--theme-primary);
}

.patient-faq-question-heading[b-1ik2sevnl2] {
    margin: 0;
}

.patient-faq-question-toggle[b-1ik2sevnl2] {
    align-items: center;
    background: var(--colour-surface);
    border: 0;
    color: var(--colour-text);
    display: flex;
    font-size: 0.95rem;
    font-weight: 700;
    gap: 1rem;
    justify-content: space-between;
    min-height: 3.25rem;
    padding: 0.7rem 0.75rem 0.7rem 1rem;
    text-align: left;
    transition: background-color 160ms ease, color 160ms ease;
    width: 100%;
}

.patient-faq-question-toggle:hover[b-1ik2sevnl2],
.patient-faq-question-toggle:focus-visible[b-1ik2sevnl2] {
    background: var(--theme-light);
    color: var(--theme-primary);
    outline: none;
}

.patient-faq-question-card.expanded[b-1ik2sevnl2] {
    border-color: color-mix(in srgb, var(--colour-primary-blue) 18%, var(--colour-border));
}

.patient-faq-question-card.expanded .patient-faq-question-toggle[b-1ik2sevnl2] {
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
}

.patient-faq-question-card.expanded .patient-faq-chevron-control[b-1ik2sevnl2] {
    --btn-app-border: color-mix(in srgb, var(--colour-primary-blue) 34%, var(--colour-border));
    --btn-app-text: var(--colour-primary-blue);
}

.patient-faq-chevron[b-1ik2sevnl2] {
    line-height: 1;
    transition: transform 220ms ease;
}

.patient-faq-question-card.expanded .patient-faq-chevron[b-1ik2sevnl2] {
    transform: rotate(-180deg);
}

.patient-faq-answer-region[b-1ik2sevnl2] {
    background: var(--colour-surface);
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 220ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.patient-faq-answer-region.expanded[b-1ik2sevnl2] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-border));
    grid-template-rows: 1fr;
    opacity: 1;
}

.patient-faq-answer-region-inner[b-1ik2sevnl2] {
    min-height: 0;
    overflow: hidden;
}

.patient-faq-answer[b-1ik2sevnl2] {
    color: var(--colour-text-secondary);
    line-height: 1.65;
    margin: 0;
    max-width: 70rem;
    overflow-wrap: anywhere;
    padding: 1.125rem 1.25rem 1.25rem;
    white-space: pre-wrap;
}

@media (max-width: 1300px) {
    .patient-faq-list-page > .admin-hero[b-1ik2sevnl2] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .patient-faq-list-page > .admin-hero > .patient-faq-hero-search[b-1ik2sevnl2] {
        grid-column: 1 / -1;
        grid-row: auto;
        margin-top: 0.4rem;
        transform: none;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .patient-faq-mobile-categories[b-1ik2sevnl2] {
        display: block;
    }

    .patient-faq-categories[b-1ik2sevnl2] {
        display: none;
    }

    .patient-faq-mobile-categories[b-1ik2sevnl2]  .patient-product-phase-option > span {
        white-space: normal;
        overflow-wrap: anywhere;
        width: auto;
    }

    .patient-faq-panel[b-1ik2sevnl2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-faq-category-list[b-1ik2sevnl2] {
        gap: 0.75rem;
    }

    .patient-faq-category-card[b-1ik2sevnl2] {
        min-height: 3.5rem;
    }

    .patient-faq-question-toggle[b-1ik2sevnl2] {
        align-items: flex-start;
        padding: 0.7rem 0.75rem 0.7rem 0.9rem;
    }

    .patient-faq-question-toggle .patient-faq-chevron-control[b-1ik2sevnl2] {
        margin-top: 0.05rem;
    }

    .patient-faq-answer[b-1ik2sevnl2] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-faq-category-card[b-1ik2sevnl2],
    .patient-faq-question-card[b-1ik2sevnl2],
    .patient-faq-question-toggle[b-1ik2sevnl2],
    .patient-faq-chevron[b-1ik2sevnl2],
    .patient-faq-answer-region[b-1ik2sevnl2] {
        transition: none;
    }
}
/* /Components/Pages/Patient/PatientGuideDetail.razor.rz.scp.css */
.patient-guide-feature-media[b-9902hf8h42] {
    min-width: 0;
    width: 100%;
}

.patient-guide-feature-media[b-9902hf8h42]  .guide-header-media {
    margin-inline: 0;
    max-width: 800px;
}

.patient-guide-content[b-9902hf8h42] {
    color: var(--colour-text);
    line-height: 1.65;
    padding: 1.25rem;
}

.patient-guide-content[b-9902hf8h42]  h2,
.patient-guide-content[b-9902hf8h42]  h3,
.patient-guide-content[b-9902hf8h42]  h4 {
    scroll-margin-top: 6.25rem;
}

.patient-guide-content[b-9902hf8h42]  img {
    border-radius: 8px;
    display: block;
    height: auto;
    max-width: 100%;
}

.patient-guide-related[b-9902hf8h42] {
    border-top: 1px solid var(--colour-border);
    container-name: patient-related-guides;
    container-type: inline-size;
    padding: 1.25rem;
}

.patient-guide-related[b-9902hf8h42]  .guide-carousel-track {
    /* Keep fractional columns inside the integer width used for pagination measurements. */
    grid-auto-columns: calc(100% - 1px);
}

.patient-guide-related[b-9902hf8h42]  .app-carousel-pagination:not(:has(button:nth-child(2))) {
    display: none;
}

@container patient-related-guides (min-width: 26rem) {
    .patient-guide-related[b-9902hf8h42]  .guide-carousel-track {
        grid-auto-columns: calc((100% - 1rem) / 2 - 1px);
    }
}

@container patient-related-guides (min-width: 39rem) {
    .patient-guide-related[b-9902hf8h42]  .guide-carousel-track {
        grid-auto-columns: calc((100% - 2rem) / 3 - 1px);
    }
}

@media (min-width: 1401px) {
    .patient-guide-related[b-9902hf8h42]  .guide-carousel-track {
        grid-auto-columns: calc((100% - 3rem) / 4 - 1px);
    }

    .patient-guide-related[b-9902hf8h42]  .guide-carousel-controls,
    .patient-guide-related[b-9902hf8h42]  .app-carousel-pagination {
        display: none;
    }
}
/* /Components/Pages/Patient/PatientGuides.razor.rz.scp.css */
.patient-guide-results-slot[b-1panuef9d5] {
    align-items: start;
    display: grid;
    min-height: 26.25rem;
    min-width: 0;
}

.patient-guide-results-slot.is-empty[b-1panuef9d5] {
    align-items: stretch;
}

.patient-guide-progress-icon[b-1panuef9d5] {
    font-size: 1.1rem;
}

.patient-guide-progress-icon > .bi-bullseye[b-1panuef9d5] {
    font-size: 1.25rem;
}

.patient-guide-progress-track[b-1panuef9d5] {
    appearance: none;
    background: color-mix(in srgb, var(--colour-border) 75%, transparent);
    border: 0;
    border-radius: 999px;
    display: block;
    height: 0.3rem;
    margin-top: 0.35rem;
    overflow: hidden;
    width: 100%;
}

.patient-guide-progress-track[b-1panuef9d5]::-webkit-progress-bar {
    background: color-mix(in srgb, var(--colour-border) 75%, transparent);
    border-radius: inherit;
}

.patient-guide-progress-track[b-1panuef9d5]::-webkit-progress-value {
    background: var(--theme-primary);
    border-radius: inherit;
}

.patient-guide-progress-track[b-1panuef9d5]::-moz-progress-bar {
    background: var(--theme-primary);
    border-radius: inherit;
}

.patient-guide-progress-stat span[b-1panuef9d5],
.patient-guide-progress-stat small[b-1panuef9d5] {
    color: var(--colour-text-secondary);
    font-size: 0.7rem;
}

.patient-guide-popular-card:hover[b-1panuef9d5] {
    border-color: color-mix(in srgb, var(--theme-primary) 38%, var(--colour-border));
    color: var(--colour-text);
    transform: translateY(-1px);
}

.patient-guide-popular-media[b-1panuef9d5] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.patient-guide-popular-media:has(img)[b-1panuef9d5] {
    padding: 0;
}

.patient-guide-popular-media img[b-1panuef9d5] {
    border-radius: 0;
    clip-path: none;
    display: block;
    height: 100%;
    margin: 0;
    object-fit: contain;
    object-position: center;
    padding: 0;
    width: 100%;
}

.patient-guide-popular-read[b-1panuef9d5] {
    justify-self: end;
}

.patient-guide-faq-callout[b-1panuef9d5] {
    align-items: center;
    background: color-mix(in srgb, var(--colour-success) 5%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-success) 16%, var(--colour-border));
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1rem;
    width: 100%;
}

.patient-guide-faq-callout-icon[b-1panuef9d5] {
    align-items: center;
    background: var(--colour-surface);
    border-radius: 50%;
    color: var(--colour-success);
    display: inline-flex;
    font-size: 1.15rem;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.patient-guide-faq-callout-copy[b-1panuef9d5] {
    min-width: 0;
}

.patient-guide-faq-callout-copy h2[b-1panuef9d5] {
    font-size: 0.95rem;
    font-weight: 750;
    margin: 0;
}

.patient-guide-faq-callout-copy p[b-1panuef9d5] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    margin: 0.2rem 0 0;
}

.patient-guide-faq-callout-action[b-1panuef9d5] {
    --btn-app-bg: var(--colour-surface);
    --btn-app-border: var(--colour-success);
    --btn-app-text: var(--colour-success);
    --btn-app-hover-bg: var(--colour-success-light);
    --btn-app-hover-border: var(--colour-success);
    --btn-app-hover-text: var(--colour-success);
    --btn-app-active-bg: color-mix(in srgb, var(--colour-success) 16%, var(--colour-surface));
    --btn-app-active-border: var(--colour-success);
    --btn-app-active-text: var(--colour-success);
    --btn-app-focus: color-mix(in srgb, var(--colour-success) 28%, transparent);
    justify-self: end;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .patient-guide-progress-stat[b-1panuef9d5] {
        column-gap: 0.25rem;
        grid-template-columns: auto auto auto;
    }
}

@media (max-width: 620px) {
    .patient-guide-faq-callout[b-1panuef9d5] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .patient-guide-faq-callout-action[b-1panuef9d5] {
        grid-column: 1 / -1;
        justify-content: center;
        justify-self: stretch;
        width: 100%;
    }
}
/* /Components/Pages/Patient/PatientPortal.razor.rz.scp.css */
.patient-dashboard-page > .admin-hero[b-kh5t4aoat3] {
    grid-template-columns: auto minmax(0, 1fr) minmax(360px, 440px);
}

.patient-profile-grid[b-kh5t4aoat3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.25rem;
}

.patient-profile-grid strong[b-kh5t4aoat3] {
    color: var(--colour-text);
    display: block;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.patient-contact-card[b-kh5t4aoat3] {
    align-items: center;
    box-shadow: var(--app-shadow-card);
    column-gap: clamp(1.25rem, 2.5vw, 2.25rem);
    display: grid;
    grid-template-columns: minmax(240px, 0.85fr) minmax(0, 3.15fr);
    min-height: 7.5rem;
    padding: 1rem 1.5rem;
}

.patient-contact-intro[b-kh5t4aoat3] {
    align-content: center;
    align-items: center;
    align-self: stretch;
    border-right: 1px solid var(--colour-border);
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding-right: clamp(1.25rem, 2.5vw, 2.25rem);
}

.patient-contact-heading-icon[b-kh5t4aoat3],
.patient-contact-item-icon[b-kh5t4aoat3] {
    align-items: center;
    background: var(--colour-light-blue);
    border: 1px solid color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-border));
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    justify-content: center;
}

.patient-contact-heading-icon[b-kh5t4aoat3] {
    font-size: 1.2rem;
    height: 3rem;
    width: 3rem;
}

.patient-contact-heading-copy[b-kh5t4aoat3] {
    align-content: center;
    display: grid;
    min-width: 0;
}

.patient-contact-heading-copy h2[b-kh5t4aoat3] {
    color: var(--colour-patient-dark);
    font-size: 1.1rem;
    margin: 0;
}

.patient-contact-heading-copy p[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    margin: 0.25rem 0 0;
    overflow-wrap: anywhere;
}

.patient-contact-main[b-kh5t4aoat3] {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    min-width: 0;
}

.patient-contact-details[b-kh5t4aoat3] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.75rem 2rem;
    min-width: 0;
}

.patient-contact-item[b-kh5t4aoat3] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.patient-contact-details-4 .patient-contact-item[b-kh5t4aoat3],
.patient-contact-details-2 .patient-contact-item[b-kh5t4aoat3] {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
}

.patient-contact-details-3 .patient-contact-item[b-kh5t4aoat3] {
    flex: 1 1 calc(33.333% - 1.334rem);
    max-width: calc(33.333% - 1.334rem);
}

.patient-contact-details-1 .patient-contact-item[b-kh5t4aoat3] {
    flex: 1 1 100%;
    max-width: 100%;
}

.patient-contact-item-icon[b-kh5t4aoat3] {
    font-size: 0.95rem;
    height: 2.25rem;
    width: 2.25rem;
}

.patient-contact-item > div[b-kh5t4aoat3] {
    min-width: 0;
}

.patient-contact-item strong[b-kh5t4aoat3] {
    color: var(--colour-patient-dark);
    display: block;
    font-size: 0.95rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.patient-contact-item a[b-kh5t4aoat3] {
    color: var(--colour-patient-dark);
    text-decoration: none;
}

.patient-contact-item a:hover[b-kh5t4aoat3] {
    color: var(--colour-patient-dark);
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.patient-contact-item a:focus-visible[b-kh5t4aoat3] {
    border-radius: 3px;
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.patient-contact-message[b-kh5t4aoat3] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.patient-recovery-dashboard[b-kh5t4aoat3] {
    display: grid;
    gap: 1rem;
}

.patient-dashboard-feature-row[b-kh5t4aoat3] {
    align-items: stretch;
    display: flex;
    gap: 1rem;
}

.patient-review-section[b-kh5t4aoat3] {
    display: grid;
    flex: 1 1 0;
    min-width: 0;
}

.patient-social-section[b-kh5t4aoat3] {
    display: grid;
}

.patient-dashboard-follow-row[b-kh5t4aoat3] {
    align-items: stretch;
    display: flex;
    gap: 1rem;
}

.patient-dashboard-follow-row > section[b-kh5t4aoat3] {
    flex: 1 1 0;
    min-width: 0;
}

.patient-dashboard-follow-card[b-kh5t4aoat3] {
    align-items: center;
    background: color-mix(in srgb, var(--colour-light-blue) 42%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-primary-blue) 20%, var(--colour-border));
    border-radius: var(--app-card-radius);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--colour-primary-blue) 8%, transparent);
    color: var(--colour-patient-dark);
    display: flex;
    gap: 1rem;
    min-height: 7.25rem;
    padding: 0.5rem 1.2rem;
    width: 100%;
}

.patient-dashboard-follow-icon[b-kh5t4aoat3] {
    align-items: center;
    background: var(--colour-light-blue-strong);
    border: 1px solid color-mix(in srgb, var(--colour-primary-blue) 16%, var(--colour-border));
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 3rem;
    font-size: 1.2rem;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    width: 3rem;
}

.patient-dashboard-follow-content[b-kh5t4aoat3] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.patient-dashboard-follow-title[b-kh5t4aoat3] {
    color: var(--colour-patient-dark);
    display: block;
    font-size: 1.05rem;
    font-weight: 750;
}

.patient-referral-section[b-kh5t4aoat3] {
    display: grid;
    flex: 1 1 0;
    min-width: 0;
}

.patient-dashboard-feature-row .patient-review-card[b-kh5t4aoat3],
.patient-dashboard-feature-row .patient-referral-card[b-kh5t4aoat3] {
    height: 100%;
}

.patient-dashboard-feature-row .patient-referral-card[b-kh5t4aoat3] {
    --patient-referral-accent: #6F42D9;
    --patient-referral-background-start: #E9DEFF;
    --patient-referral-background-end: #FBF9FF;
    --patient-referral-icon-border: #C9B3F5;
    align-items: center;
    background: linear-gradient(90deg, var(--patient-referral-background-start), var(--patient-referral-background-end));
    border: 0;
    gap: var(--app-card-gap);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: calc(var(--app-card-padding) + 1px);
}

.patient-dashboard-feature-row .patient-referral-card:hover[b-kh5t4aoat3] {
    box-shadow: var(--app-shadow-card), inset 0 0 0 1px var(--patient-referral-accent);
}

.patient-referral-icon[b-kh5t4aoat3] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--patient-referral-icon-border);
    border-radius: 50%;
    color: var(--patient-referral-accent);
    display: inline-flex;
    flex: 0 0 3rem;
    font-size: 1.2rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.patient-referral-copy[b-kh5t4aoat3] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.patient-referral-copy strong[b-kh5t4aoat3] {
    color: var(--colour-text);
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.patient-referral-copy > span:last-child[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
    overflow-wrap: anywhere;
}

.patient-referral-meta[b-kh5t4aoat3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.65rem;
}

.patient-referral-meta .detail-label[b-kh5t4aoat3] {
    color: var(--patient-referral-accent);
}

.patient-referral-count[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    line-height: 1.2;
}

.patient-referral-action[b-kh5t4aoat3] {
    --btn-app-active-bg: var(--patient-referral-accent);
    --btn-app-active-border: var(--patient-referral-accent);
    --btn-app-active-text: var(--colour-surface);
    --btn-app-bg: transparent;
    --btn-app-border: var(--patient-referral-accent);
    --btn-app-hover-bg: color-mix(in srgb, var(--patient-referral-accent) 12%, var(--colour-surface));
    --btn-app-hover-border: var(--patient-referral-accent);
    --btn-app-hover-text: var(--patient-referral-accent);
    --btn-app-text: var(--patient-referral-accent);
    white-space: nowrap;
}

.patient-review-icon[b-kh5t4aoat3] {
    align-items: center;
    background: var(--colour-warning-light);
    border: 1px solid var(--colour-warning);
    border-radius: 50%;
    color: var(--colour-warning);
    display: inline-flex;
    font-size: 1.25rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.patient-review-copy[b-kh5t4aoat3] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.patient-review-copy strong[b-kh5t4aoat3] {
    color: var(--colour-text);
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.patient-review-copy > span:last-child[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
}

.patient-review-action[b-kh5t4aoat3] {
    --btn-app-active-bg: var(--colour-warning);
    --btn-app-active-border: var(--colour-warning);
    --btn-app-active-text: var(--colour-surface);
    --btn-app-bg: transparent;
    --btn-app-border: var(--colour-warning);
    --btn-app-hover-bg: color-mix(in srgb, var(--colour-warning) 12%, var(--colour-surface));
    --btn-app-hover-border: var(--colour-warning);
    --btn-app-hover-text: var(--colour-warning);
    --btn-app-text: var(--colour-warning);
    white-space: nowrap;
}

.patient-social-icon[b-kh5t4aoat3] {
    color: var(--colour-primary-blue);
}

.patient-social-links[b-kh5t4aoat3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.patient-social-link[b-kh5t4aoat3] {
    --patient-social-colour: var(--colour-primary-blue);
    --btn-app-active-bg: transparent;
    --btn-app-active-border: transparent;
    --btn-app-active-text: var(--patient-social-colour);
    --btn-app-bg: transparent;
    --btn-app-border: transparent;
    --btn-app-hover-bg: transparent;
    --btn-app-hover-border: transparent;
    --btn-app-hover-text: var(--patient-social-colour);
    --btn-app-text: var(--patient-social-colour);
    border: 0;
    border-radius: 0;
    height: 2.75rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0;
    transition: transform 200ms ease;
    width: 2.75rem;
}

.patient-social-link:hover[b-kh5t4aoat3],
.patient-social-link:focus-visible[b-kh5t4aoat3] {
    transform: translateY(-2px);
}

.patient-social-link img[b-kh5t4aoat3] {
    display: block;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

.patient-social-link:hover img[b-kh5t4aoat3],
.patient-social-link:focus-visible img[b-kh5t4aoat3] {
    animation: patient-social-glow-in-b-kh5t4aoat3 200ms ease forwards;
}

@keyframes patient-social-glow-in-b-kh5t4aoat3 {
    from {
        filter:
            drop-shadow(0 0 0 color-mix(in srgb, var(--patient-social-colour) 70%, transparent))
            drop-shadow(0 0 0 color-mix(in srgb, var(--patient-social-colour) 45%, transparent));
    }

    to {
        filter:
            drop-shadow(0 0 5px color-mix(in srgb, var(--patient-social-colour) 70%, transparent))
            drop-shadow(0 0 12px color-mix(in srgb, var(--patient-social-colour) 45%, transparent));
    }
}

.patient-social-link-facebook[b-kh5t4aoat3] {
    --patient-social-colour: #1877f2;
}

.patient-social-link-x[b-kh5t4aoat3],
.patient-social-link-tiktok[b-kh5t4aoat3] {
    --patient-social-colour: #111111;
}

.patient-social-link-instagram[b-kh5t4aoat3] {
    --patient-social-colour: #c13584;
}

.patient-social-link-youtube[b-kh5t4aoat3] {
    --patient-social-colour: #ff0000;
}

.patient-social-link-whatsapp[b-kh5t4aoat3] {
    --patient-social-colour: #128c7e;
}

.patient-social-link-linkedin[b-kh5t4aoat3] {
    --patient-social-colour: #0a66c2;
}

.patient-current-phase-heading[b-kh5t4aoat3] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.35rem 0.15rem 0;
}

.patient-current-phase-heading .eyebrow[b-kh5t4aoat3] {
    margin-bottom: 0.2rem;
}

.patient-current-phase-heading h2[b-kh5t4aoat3] {
    color: var(--colour-text);
    font-size: 1.45rem;
    margin: 0;
}

.patient-current-plan-grid[b-kh5t4aoat3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.patient-progress-grid[b-kh5t4aoat3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.65fr);
}

.patient-progress-grid > :only-child[b-kh5t4aoat3] {
    grid-column: 1 / -1;
}

.patient-plan-card[b-kh5t4aoat3] {
    background: var(--colour-surface);
}

.patient-guidance-care[b-kh5t4aoat3],
.patient-guidance-avoid[b-kh5t4aoat3] {
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    min-width: 0;
    padding: 1rem;
}

.patient-guidance-care[b-kh5t4aoat3] {
    background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-success) 30%, var(--colour-border));
}

.patient-guidance-avoid[b-kh5t4aoat3] {
    background: color-mix(in srgb, var(--colour-destructive) 6%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-destructive) 28%, var(--colour-border));
}

.patient-instructions-card[b-kh5t4aoat3] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.patient-plan-card-header[b-kh5t4aoat3] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.patient-plan-card-header h3[b-kh5t4aoat3] {
    color: var(--colour-text);
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.patient-plan-card-header > i[b-kh5t4aoat3] {
    color: var(--colour-primary-blue);
    font-size: 1.2rem;
}

.patient-guidance-care .patient-plan-card-header[b-kh5t4aoat3],
.patient-guidance-avoid .patient-plan-card-header[b-kh5t4aoat3],
.patient-guidance-important .patient-plan-card-header[b-kh5t4aoat3] {
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-start;
}

.patient-guidance-care .patient-plan-card-header h3[b-kh5t4aoat3],
.patient-guidance-avoid .patient-plan-card-header h3[b-kh5t4aoat3],
.patient-guidance-important .patient-plan-card-header h3[b-kh5t4aoat3] {
    font-size: 0.98rem;
    margin: 0;
}

.patient-plan-card-icon[b-kh5t4aoat3] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.patient-guidance-care .patient-plan-card-icon[b-kh5t4aoat3] {
    background: var(--colour-surface);
    color: var(--colour-success);
}

.patient-guidance-avoid .patient-plan-card-icon[b-kh5t4aoat3] {
    background: var(--colour-surface);
    color: var(--colour-destructive);
}

.patient-guidance-important[b-kh5t4aoat3] {
    background: color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-warning) 32%, var(--colour-border));
    border-radius: 10px;
    min-width: 0;
    padding: 1rem;
}

.patient-guidance-important .patient-plan-card-icon[b-kh5t4aoat3] {
    background: var(--colour-surface);
    color: var(--colour-warning);
    font-size: 1rem;
}

.patient-instruction-list[b-kh5t4aoat3],
.patient-note-list[b-kh5t4aoat3] {
    display: grid;
    gap: 0.65rem;
    margin: 0.8rem 0 0;
    padding-left: 1.25rem;
}

.patient-instruction-list[b-kh5t4aoat3] {
    list-style-type: disc;
}

.patient-instruction-list li[b-kh5t4aoat3] {
    color: var(--colour-text);
    overflow-wrap: anywhere;
    padding-left: 0.2rem;
}

.patient-instruction-list li[b-kh5t4aoat3]::marker {
    color: var(--colour-success);
    font-weight: 800;
}

.patient-instruction-copy[b-kh5t4aoat3] {
    color: var(--colour-text);
    overflow-wrap: anywhere;
}

.patient-instruction-guide[b-kh5t4aoat3] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.9rem;
    height: 1.75rem;
    justify-content: center;
    margin-left: 0.25rem;
    text-decoration: none;
    transition: transform 160ms ease;
    vertical-align: middle;
    width: 1.75rem;
}

.patient-instruction-guide:hover[b-kh5t4aoat3],
.patient-instruction-guide:focus-visible[b-kh5t4aoat3] {
    text-decoration: none;
    transform: translateY(-1px);
}

.patient-instruction-guide:focus-visible[b-kh5t4aoat3] {
    box-shadow: 0 0 0 0.12rem var(--colour-surface), 0 0 0 0.28rem var(--theme-focus);
    outline: 0;
}

.patient-instruction-guide:active[b-kh5t4aoat3] {
    transform: translateY(0);
}

.patient-full-plan-link[b-kh5t4aoat3] {
    align-items: center;
    border-top: 1px solid var(--colour-border);
    color: var(--colour-success);
    display: flex;
    font-weight: 750;
    gap: 0.55rem;
    justify-content: center;
    margin: auto -1rem -1rem;
    padding: 0.9rem 1rem;
    text-decoration: none;
}

.patient-full-plan-link:hover[b-kh5t4aoat3] {
    background: var(--colour-success-light);
    color: var(--colour-success);
}

.patient-full-plan-link i:last-child[b-kh5t4aoat3] {
    margin-left: auto;
}

.patient-instruction-list + .patient-full-plan-link[b-kh5t4aoat3],
.patient-plan-empty + .patient-full-plan-link[b-kh5t4aoat3] {
    margin-top: 1rem;
}

.patient-note-list li[b-kh5t4aoat3] {
    color: var(--colour-text);
    overflow-wrap: anywhere;
    padding-left: 0.2rem;
}

.patient-note-list li[b-kh5t4aoat3]::marker {
    color: var(--colour-destructive);
}

.patient-guidance-important .patient-note-list[b-kh5t4aoat3] {
    columns: 2 18rem;
    column-gap: 7rem;
    display: block;
    padding-left: 1.2rem;
}

.patient-guidance-important .patient-note-list li[b-kh5t4aoat3] {
    break-inside: avoid;
    margin-bottom: 0.85rem;
    padding-left: 0.15rem;
}

.patient-guidance-important .patient-note-list li[b-kh5t4aoat3]::marker {
    color: var(--colour-warning);
}

.patient-plan-empty[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
    margin: 1rem 0 0;
}

.patient-happening-card p[b-kh5t4aoat3] {
    color: var(--colour-text-secondary);
    margin: 0.75rem 0 0;
    overflow-wrap: anywhere;
}

.patient-happening-card[b-kh5t4aoat3] {
    background: var(--colour-light-blue);
    border-color: color-mix(in srgb, var(--colour-primary-blue) 18%, var(--colour-border));
}

.patient-happening-card .patient-plan-card-header[b-kh5t4aoat3] {
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-start;
}

.patient-happening-card .patient-plan-card-header h3[b-kh5t4aoat3] {
    margin: 0;
}

.patient-happening-heading h4[b-kh5t4aoat3] {
    color: var(--colour-text);
    font-size: 0.95rem;
    font-weight: 400;
    margin: 0.3rem 0 0;
    overflow-wrap: anywhere;
}

.patient-happening-card .patient-plan-card-icon[b-kh5t4aoat3] {
    background: var(--colour-surface);
    color: var(--colour-primary-blue);
}

.patient-happening-card > p[b-kh5t4aoat3],
.patient-guidance-care > .patient-instruction-list[b-kh5t4aoat3],
.patient-guidance-care > .patient-plan-empty[b-kh5t4aoat3],
.patient-guidance-avoid > .patient-note-list[b-kh5t4aoat3],
.patient-guidance-avoid > .patient-plan-empty[b-kh5t4aoat3],
.patient-guidance-important > .patient-note-list[b-kh5t4aoat3] {
    margin-left: 2.6rem;
}

.patient-helpful-section[b-kh5t4aoat3] {
    display: grid;
    gap: 0.55rem;
}

.patient-helpful-title[b-kh5t4aoat3] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-self: start;
}

.patient-helpful-title > i[b-kh5t4aoat3] {
    color: var(--colour-primary-blue);
    font-size: 1rem;
}

.patient-tip-icon[b-kh5t4aoat3] {
    color: var(--colour-warning-icon);
}

.patient-tip-card p[b-kh5t4aoat3] {
    color: color-mix(in srgb, var(--colour-text-secondary) 78%, var(--colour-patient-dark));
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
}

@media (max-width: 1400px) {
    .patient-dashboard-feature-row[b-kh5t4aoat3] {
        flex-direction: column;
    }
}

@media (max-width: 1300px) {
    .patient-contact-details .patient-contact-item[b-kh5t4aoat3] {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1100px) {
    .patient-contact-card[b-kh5t4aoat3] {
        grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.8fr);
    }

    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3]  .patient-recovery-hero-summary {
        gap: 1rem;
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: flex-start;
        margin-top: 0.4rem;
        transform: none;
    }
}

@media (min-width: 901px) and (max-width: 1000px) {
    .patient-contact-main[b-kh5t4aoat3] {
        align-items: stretch;
        flex-direction: column;
    }

    .patient-contact-message[b-kh5t4aoat3] {
        align-self: center;
    }
}

@media (max-width: 900px) {
    .patient-profile-grid[b-kh5t4aoat3],
    .patient-current-plan-grid[b-kh5t4aoat3],
    .patient-progress-grid[b-kh5t4aoat3] {
        grid-template-columns: 1fr;
    }

    .patient-review-action[b-kh5t4aoat3],
    .patient-referral-action[b-kh5t4aoat3] {
        justify-content: center;
    }

    .patient-dashboard-feature-row .patient-referral-card[b-kh5t4aoat3] {
        grid-template-columns: 1fr;
    }

    .patient-current-phase-heading[b-kh5t4aoat3] {
        align-items: start;
        flex-direction: column;
        gap: 0.5rem;
    }
}

@media (max-width: 760px) {
    .patient-dashboard-follow-row[b-kh5t4aoat3] {
        flex-direction: column;
    }

    .patient-contact-card[b-kh5t4aoat3] {
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 1rem;
    }

    .patient-contact-intro[b-kh5t4aoat3] {
        border-bottom: 1px solid var(--colour-border);
        border-right: 0;
        padding-bottom: 1rem;
        padding-right: 0;
    }

    .patient-contact-main[b-kh5t4aoat3] {
        align-items: stretch;
        flex-direction: column;
    }

    .patient-contact-message[b-kh5t4aoat3] {
        align-self: stretch;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3]  .patient-recovery-hero-summary {
        justify-self: center;
        max-width: 100%;
        width: fit-content;
    }

    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3]  .patient-recovery-hero-stat {
        display: grid;
        grid-template-columns: 2rem auto;
        width: 100%;
    }

    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3]  .patient-recovery-hero-stat + .patient-recovery-hero-stat {
        padding-left: 0;
    }

    .patient-dashboard-page > .admin-hero[b-kh5t4aoat3]  .patient-recovery-hero-stat > i {
        justify-self: center;
        text-align: center;
        width: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-social-link[b-kh5t4aoat3] {
        transition: none;
    }

    .patient-social-link:hover[b-kh5t4aoat3],
    .patient-social-link:focus-visible[b-kh5t4aoat3] {
        transform: none;
    }

    .patient-social-link:hover img[b-kh5t4aoat3],
    .patient-social-link:focus-visible img[b-kh5t4aoat3] {
        animation: none;
        filter:
            drop-shadow(0 0 5px color-mix(in srgb, var(--patient-social-colour) 70%, transparent))
            drop-shadow(0 0 12px color-mix(in srgb, var(--patient-social-colour) 45%, transparent));
    }

    .patient-instruction-guide[b-kh5t4aoat3] {
        transition: none;
    }
}
/* /Components/Pages/Patient/PatientProducts.razor.rz.scp.css */
.patient-product-recommendation-icon[b-x5zo9fwk58] {
    font-size: 1.2rem;
}

.patient-product-carousel-track:focus-visible[b-x5zo9fwk58] {
    border-radius: 8px;
    outline: 2px solid var(--app-focus);
    outline-offset: 3px;
}

.patient-product-carousel-header[b-x5zo9fwk58] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.patient-product-carousel-controls-slot[b-x5zo9fwk58] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 2rem;
    min-width: 4.5rem;
}

.patient-product-carousel-pagination-slot[b-x5zo9fwk58] {
    min-height: 0.9rem;
}

.patient-product-results-slot[b-x5zo9fwk58] {
    align-items: start;
    display: grid;
    min-height: 29rem;
    min-width: 0;
}

.patient-product-results-slot.is-empty[b-x5zo9fwk58] {
    align-items: stretch;
}

.patient-product-carousel-title-row[b-x5zo9fwk58] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.patient-product-carousel-title-row > span[b-x5zo9fwk58] {
    background: var(--theme-light);
    border-radius: 999px;
    color: var(--theme-primary);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.5rem;
}

.patient-product-carousel-track[b-x5zo9fwk58] {
    display: grid;
    gap: 1rem;
    grid-auto-columns: clamp(260px, 24%, 300px);
    grid-auto-flow: column;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    padding: 0.25rem 0 1rem;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.patient-product-carousel-track[b-x5zo9fwk58]::-webkit-scrollbar {
    display: none;
}

.patient-product-card[b-x5zo9fwk58] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    color: var(--colour-text);
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    overflow: hidden;
    scroll-snap-align: start;
    text-decoration: none;
    transition: border-color 150ms ease, transform 150ms ease;
}

.patient-product-card:hover[b-x5zo9fwk58],
.patient-product-popular-card:hover[b-x5zo9fwk58] {
    border-color: color-mix(in srgb, var(--theme-primary) 38%, var(--colour-border));
    color: var(--colour-text);
    transform: translateY(-2px);
}

.patient-product-card:focus-visible[b-x5zo9fwk58] {
    outline: 2px solid var(--app-focus);
    outline-offset: 3px;
}

.patient-product-card-media[b-x5zo9fwk58] {
    align-self: start;
    aspect-ratio: 16 / 9;
    background: color-mix(in srgb, var(--theme-primary) 10%, var(--colour-surface));
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.patient-product-card-media img[b-x5zo9fwk58] {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    position: absolute;
    width: 100%;
}

.patient-product-card-placeholder[b-x5zo9fwk58] {
    align-items: center;
    color: var(--theme-primary);
    display: flex;
    font-size: 2rem;
    height: 100%;
    justify-content: center;
}

.patient-product-card-body[b-x5zo9fwk58] {
    display: grid;
    gap: 0.42rem;
    padding: 0.9rem 0.9rem 3.35rem;
    position: relative;
}

.patient-product-card-body h3[b-x5zo9fwk58] {
    font-size: 0.98rem;
    line-height: 1.3;
    margin: 0;
}

.patient-product-card-body p[b-x5zo9fwk58] {
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.8rem;
    line-height: 1.45;
    margin: 0;
    max-height: calc(2 * 1.45em);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.patient-product-seller[b-x5zo9fwk58] {
    color: var(--colour-text-secondary);
    font-size: 0.72rem;
}

.patient-product-price[b-x5zo9fwk58] {
    color: var(--colour-text);
    font-size: 0.86rem;
}

.patient-product-card-meta[b-x5zo9fwk58] {
    align-items: center;
    bottom: 0.9rem;
    display: flex;
    gap: 0.45rem;
    left: 0.9rem;
    max-width: calc(100% - 4.5rem);
    position: absolute;
    width: calc(100% - 4.5rem);
}

.patient-product-meta-pill[b-x5zo9fwk58] {
    min-width: 0;
    overflow: hidden;
}

.patient-product-meta-pill-text[b-x5zo9fwk58] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-product-open[b-x5zo9fwk58] {
    --btn-app-text: var(--colour-text-secondary);
    bottom: 0.7rem;
    position: absolute;
    right: 0.9rem;
}

.patient-product-popular-media img[b-x5zo9fwk58] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

@media (min-width: 1201px) {
    .patient-product-carousel-track[b-x5zo9fwk58] {
        grid-auto-columns: calc((100% - 3rem) / 4);
    }
}

.patient-product-carousel-controls[hidden][b-x5zo9fwk58] {
    display: none;
}

@media (max-width: 700px) {
    .patient-product-recommendation-stat[b-x5zo9fwk58] {
        column-gap: 0.25rem;
        grid-template-columns: auto auto;
    }
}
/* /Components/Pages/Patient/PatientProgressPhotos.razor.rz.scp.css */
.progress-photo-hero[b-xuq58l2s0r] { grid-template-columns: auto minmax(0, 1fr) auto; }
.progress-photo-hero > .progress-photo-hero-action[b-xuq58l2s0r] { align-self: center; grid-column: 3; grid-row: 1 / span 2; justify-self: end; margin-right: -1.4rem; }
.progress-photo-upload-grid[b-xuq58l2s0r] { display: grid; gap: 1rem; padding: 1.25rem; }
.progress-photo-location-grid[b-xuq58l2s0r] { display: grid; gap: 1rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1370px) {
    .progress-photo-location-grid[b-xuq58l2s0r] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1220px) {
    .progress-photo-location-grid[b-xuq58l2s0r] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1105px) {
    .progress-photo-hero[b-xuq58l2s0r] { grid-template-columns: auto minmax(0, 1fr); }
    .progress-photo-hero > .progress-photo-hero-action[b-xuq58l2s0r] { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; margin-right: 0; margin-top: 0.4rem; width: 100%; }
}

@media (max-width: 900px) {
    .admin-landing-page[b-xuq58l2s0r]  .progress-photo-history-header { align-items: center; flex-direction: row; text-align: left; }
    .admin-landing-page[b-xuq58l2s0r]  .progress-photo-carousel-controls { margin-left: auto; }
}

@media (max-width: 700px) {
    .progress-photo-location-grid[b-xuq58l2s0r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
    .progress-photo-location-grid[b-xuq58l2s0r] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Patient/PatientSupport.razor.rz.scp.css */
.patient-support-results[b-jodi53xrce] {
    min-width: 0;
}

.patient-support-workspace[b-jodi53xrce] {
    --support-ticket-row-height: calc(6rem + 20px);
}

.patient-support-toolbar-pagination[b-jodi53xrce] {
    justify-self: end;
    padding-bottom: 0.4rem;
}

.support-ticket-list[b-jodi53xrce] {
    display: grid;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.support-ticket-list-item[b-jodi53xrce] {
    min-width: 0;
}

.support-ticket-card[b-jodi53xrce] {
    --support-ticket-card-radius: 8px;
    --support-ticket-meta-width: 17.5rem;
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--support-ticket-card-radius);
    color: var(--colour-text);
    display: grid;
    gap: 0.85rem 0.75rem;
    grid-template-areas: "activity icon copy meta chevron";
    grid-template-columns: 0.55rem 3.5rem minmax(0, 1fr) var(--support-ticket-meta-width) auto;
    min-height: var(--support-ticket-row-height);
    padding: 1.1rem 1rem;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.support-ticket-card.is-unread[b-jodi53xrce] {
    animation: support-reply-border-breathe-b-jodi53xrce 3000ms ease-in-out infinite;
}

@keyframes support-reply-border-breathe-b-jodi53xrce {
    0%, 100% {
        border-color: var(--colour-border);
        box-shadow: none;
    }

    50% {
        border-color: var(--colour-primary-blue);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--colour-primary-blue) 14%, transparent);
    }
}

.support-ticket-card:hover[b-jodi53xrce] {
    background: color-mix(in srgb, var(--theme-primary) 3%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 10%, transparent);
    color: var(--colour-text);
    transform: translateY(-1px);
}

.support-ticket-card:focus-visible[b-jodi53xrce] {
    background: color-mix(in srgb, var(--theme-primary) 3%, var(--colour-surface));
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 18%, transparent);
    color: var(--colour-text);
    outline: none;
    transform: translateY(-1px);
}

.support-ticket-card.is-unread:focus-visible[b-jodi53xrce] {
    animation: none;
}

.support-ticket-activity[b-jodi53xrce],
.support-ticket-activity-placeholder[b-jodi53xrce] {
    border-radius: 50%;
    grid-area: activity;
    height: 0.5rem;
    width: 0.5rem;
}

.support-ticket-activity.unread[b-jodi53xrce] {
    background: var(--colour-primary-blue);
}

.support-ticket-card-icon[b-jodi53xrce] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 1.375rem;
    grid-area: icon;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

.support-ticket-card-icon i[b-jodi53xrce] {
    line-height: 1;
}

.support-ticket-card-copy[b-jodi53xrce] {
    align-self: start;
    display: grid;
    gap: 0.25rem;
    grid-area: copy;
    min-width: 0;
}

.support-ticket-card-subject[b-jodi53xrce],
.support-ticket-card-preview[b-jodi53xrce] {
    min-width: 0;
    overflow: hidden;
}

.support-ticket-card-subject[b-jodi53xrce] {
    color: var(--colour-text);
    font-size: 0.96rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-ticket-card-preview[b-jodi53xrce] {
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.86rem;
    line-height: 1.4;
    max-height: 2.8em;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.support-ticket-card-meta[b-jodi53xrce] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-area: meta;
    grid-template-columns: 8.25rem minmax(0, 1fr);
    justify-items: start;
    width: 100%;
}

.support-ticket-card-time[b-jodi53xrce] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    white-space: nowrap;
}

.support-ticket-card-chevron[b-jodi53xrce] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    grid-area: chevron;
}

.patient-support-action-grid[b-jodi53xrce] {
    display: grid;
    gap: var(--app-card-gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.75rem;
}

@media (min-width: 1501px) {
    .patient-support-action-grid.has-two-action-cards[b-jodi53xrce] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.patient-support-action-card[b-jodi53xrce] {
    --support-action-content-gap: 0.75rem;
    --support-action-icon-size: 2.6rem;
    align-items: center;
    box-shadow: none;
    column-gap: var(--support-action-content-gap);
    grid-template-areas:
        "icon title title"
        "icon content content"
        "icon action .";
    grid-template-columns: var(--support-action-icon-size) minmax(0, 1fr) var(--support-action-icon-size);
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    min-height: var(--support-ticket-row-height);
    padding: 1rem;
    row-gap: 4px;
}

.patient-support-action-card.is-question[b-jodi53xrce] {
    background: var(--colour-light-blue);
    border-color: color-mix(in srgb, var(--colour-primary-blue) 35%, var(--colour-border));
}

.patient-support-action-card.is-call[b-jodi53xrce] {
    --support-call-colour: #489D3F;
    --support-call-colour-hover: #3f8f37;
    --support-call-light: #EEF8EE;
    background: var(--support-call-light);
    border-color: color-mix(in srgb, var(--support-call-colour) 35%, var(--colour-border));
}

.patient-support-action-card.is-emergency[b-jodi53xrce] {
    background: color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-warning) 32%, var(--colour-border));
}

.patient-support-action-icon[b-jodi53xrce] {
    align-items: center;
    background: var(--colour-surface);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 1.1rem;
    grid-area: icon;
    height: var(--support-action-icon-size);
    justify-content: center;
    width: var(--support-action-icon-size);
}

.patient-support-action-card.is-call .patient-support-action-icon[b-jodi53xrce] {
    color: var(--support-call-colour);
}

.patient-support-action-card.is-emergency .patient-support-action-icon[b-jodi53xrce] {
    color: var(--colour-warning);
}

.patient-support-emergency-notice[b-jodi53xrce] {
    align-items: center;
    background: var(--colour-destructive-light);
    border: 1px solid var(--colour-destructive);
    border-radius: 8px;
    color: var(--colour-destructive);
    display: flex;
    gap: 0.65rem;
    grid-column: 1 / -1;
    justify-content: center;
    padding: 0.9rem 1rem;
    text-align: center;
}

.patient-support-emergency-notice i[b-jodi53xrce] {
    flex: 0 0 auto;
}

.patient-support-emergency-notice p[b-jodi53xrce] {
    margin: 0;
}

.patient-support-emergency-notice strong[b-jodi53xrce] {
    display: inline;
}

.patient-support-action-title[b-jodi53xrce] {
    align-self: start;
    color: var(--colour-text);
    font-size: 0.96rem;
    font-weight: 750;
    grid-area: title;
    line-height: 1.3;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}

.support-action-description[b-jodi53xrce] {
    align-self: start;
    color: var(--colour-text-secondary);
    font-size: 0.78rem;
    grid-area: content;
    line-height: 1.35;
    margin: 0;
    max-width: none;
    overflow-wrap: break-word;
    text-align: left;
    width: 100%;
    white-space: normal;
}

.patient-support-action-button[b-jodi53xrce] {
    align-self: end;
    grid-area: action;
    justify-self: center;
    margin-top: 0.25rem;
}

.patient-support-call-button[b-jodi53xrce] {
    --support-call-hover-bg: color-mix(in srgb, var(--support-call-colour) 12%, var(--support-call-light));
    --btn-app-bg: var(--colour-surface);
    --btn-app-border: var(--support-call-colour);
    --btn-app-text: var(--support-call-colour);
    --btn-app-hover-bg: var(--support-call-hover-bg);
    --btn-app-hover-border: var(--support-call-colour);
    --btn-app-hover-text: var(--support-call-colour);
    --btn-app-active-bg: var(--support-call-colour-hover);
    --btn-app-active-border: var(--support-call-colour-hover);
    --btn-app-active-text: var(--colour-surface);
    background: var(--btn-app-bg);
    color: var(--btn-app-text);
}

.patient-support-call-button:hover[b-jodi53xrce],
.patient-support-call-button:focus-visible[b-jodi53xrce] {
    background: var(--support-call-hover-bg);
    border-color: var(--support-call-colour);
    color: var(--support-call-colour);
}

@media (min-width: 901px) and (max-width: 1500px), (max-width: 890px) {
    .patient-support-action-grid[b-jodi53xrce] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .patient-support-toolbar[b-jodi53xrce] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-support-toolbar-pagination[b-jodi53xrce] {
        justify-content: flex-end;
        width: 100%;
    }

    .support-ticket-card[b-jodi53xrce] {
        gap: 0.55rem 0.75rem;
        grid-template-areas:
            "activity icon copy chevron"
            "activity icon meta chevron";
        grid-template-columns: 0.5rem 3.125rem minmax(0, 1fr) auto;
        padding: 0.85rem;
    }

    .support-ticket-card-icon[b-jodi53xrce] {
        font-size: 1.25rem;
        height: 3.125rem;
        width: 3.125rem;
    }

    .support-ticket-card-meta[b-jodi53xrce] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: auto;
    }

    .support-ticket-card-chevron[b-jodi53xrce] {
        align-self: center;
    }
}

@media (max-width: 520px) {
    .patient-support-page > .support-ticket-hero > .patient-support-hero-actions[b-jodi53xrce] {
        grid-column: 1 / -1;
        justify-content: center;
        justify-self: stretch;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .support-ticket-card[b-jodi53xrce] {
        transition: none;
    }

    .support-ticket-card:hover[b-jodi53xrce],
    .support-ticket-card:focus-visible[b-jodi53xrce] {
        transform: none;
    }

    .support-ticket-card.is-unread[b-jodi53xrce] {
        animation: none;
        border-color: var(--colour-primary-blue);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--colour-primary-blue) 10%, transparent);
    }
}
/* /Components/Shared/AcknowledgementModal.razor.rz.scp.css */
.acknowledgement-content[b-6cuggevw2t]  .acknowledgement-notice {
    display: grid;
    gap: 1rem;
    color: var(--colour-text);
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.acknowledgement-content[b-6cuggevw2t]  .acknowledgement-notice p { margin: 0; }
.acknowledgement-content[b-6cuggevw2t]  .acknowledgement-notice .form-check {
    display: flex;
    align-items: start;
    gap: .75rem;
    padding: 0;
    margin: 0;
    min-height: 44px;
}
.acknowledgement-content[b-6cuggevw2t]  .acknowledgement-notice input {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin: .2rem 0 0;
    float: none;
}
.acknowledgement-shell[b-6cuggevw2t]  .acknowledgement-modal { grid-template-columns: minmax(0, 1fr); }
.acknowledgement-shell[b-6cuggevw2t]  .generic-modal-footer .btn-app {
    min-height: 2.75rem;
    justify-content: center;
    white-space: normal;
}
@media (max-width: 540px) {
    .acknowledgement-shell[b-6cuggevw2t]  .generic-modal-footer {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: .5rem;
    }
    .acknowledgement-shell[b-6cuggevw2t]  .generic-modal-footer .btn-app { width: 100%; }
}

.acknowledgement-content[b-6cuggevw2t]  input:focus-visible {
    outline: 2px solid var(--colour-primary);
    outline-offset: 3px;
}
/* /Components/Shared/AdministrativeMfaResetModal.razor.rz.scp.css */
.security-reset-flow[b-lbbo2dsb2g]  .btn-app {
    white-space: normal;
    min-height: 44px;
}

.security-reset-flow[b-lbbo2dsb2g]  .generic-modal-close {
    min-width: 44px;
}

.security-reset-flow[b-lbbo2dsb2g]  .password-toggle {
    width: 44px;
}

.security-reset-flow[b-lbbo2dsb2g]  .generic-modal-footer .btn-app {
    width: auto;
    min-width: 0;
    flex: 0 1 auto;
    justify-content: center;
}

.security-reset-flow[b-lbbo2dsb2g]  .generic-modal {
    grid-template-columns: minmax(0, 1fr);
}

.security-reset-flow[b-lbbo2dsb2g]  .generic-modal-header {
    overflow-wrap: anywhere;
}
/* /Components/Shared/AnnouncementFormModal.razor.rz.scp.css */
.announcement-form-grid[b-xqw889v5af] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.announcement-form-wide[b-xqw889v5af] {
    grid-column: 1 / -1;
}

@media (max-width: 720px) {
    .announcement-form-grid[b-xqw889v5af] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AppFileDropZone.razor.rz.scp.css */
.app-file-dropzone-shell[b-ssjpqn9z9c] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.app-file-dropzone-shell[b-ssjpqn9z9c]  .app-file-dropzone-input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.app-file-dropzone[b-ssjpqn9z9c] {
    border-color: var(--colour-primary-blue);
    color: var(--colour-primary-blue);
    flex-direction: column;
    gap: 0.18rem;
    min-height: 96px;
    padding: 0.85rem 1rem;
    width: 100%;
}

.app-file-dropzone:hover:not(.disabled)[b-ssjpqn9z9c],
.app-file-dropzone.is-drag-over[b-ssjpqn9z9c] {
    background: color-mix(in srgb, var(--colour-primary-blue) 7%, var(--colour-surface));
    border-color: var(--colour-primary-blue);
    border-style: solid;
}

.app-file-dropzone-shell[b-ssjpqn9z9c]  .app-file-dropzone-input:focus-visible + .app-file-dropzone {
    border-color: var(--colour-primary-blue);
    border-style: solid;
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.app-file-dropzone.disabled[b-ssjpqn9z9c] {
    cursor: not-allowed;
    opacity: 0.58;
}

.app-file-dropzone-icon[b-ssjpqn9z9c] {
    color: var(--colour-primary-blue);
    font-size: 1.35rem;
    line-height: 1;
}

.app-file-dropzone strong[b-ssjpqn9z9c],
.app-file-dropzone span[b-ssjpqn9z9c],
.app-file-dropzone small[b-ssjpqn9z9c] {
    line-height: 1.3;
}

.app-file-dropzone strong[b-ssjpqn9z9c] {
    color: var(--colour-primary-blue);
}

.app-file-dropzone span[b-ssjpqn9z9c],
.app-file-dropzone small[b-ssjpqn9z9c] {
    color: var(--colour-text-secondary);
    font-weight: 400;
}

.app-file-dropzone span[b-ssjpqn9z9c] {
    font-size: 0.78rem;
}

.app-file-dropzone small[b-ssjpqn9z9c] {
    font-size: 0.7rem;
}

.app-file-dropzone-selected[b-ssjpqn9z9c] {
    display: grid;
    gap: 0.4rem;
}

.app-file-dropzone-file[b-ssjpqn9z9c] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: 0.45rem 0.55rem 0.45rem 0.7rem;
}

.app-file-dropzone-file > i[b-ssjpqn9z9c] {
    color: var(--colour-primary-blue);
    font-size: 1.15rem;
}

.app-file-dropzone-file-details[b-ssjpqn9z9c] {
    display: grid;
    min-width: 0;
}

.app-file-dropzone-file-details strong[b-ssjpqn9z9c] {
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-file-dropzone-file-details small[b-ssjpqn9z9c] {
    color: var(--colour-text-secondary);
    font-size: 0.7rem;
}

.app-file-dropzone-file .btn-app[b-ssjpqn9z9c] {
    color: var(--colour-text-secondary);
    min-height: 1.75rem;
    width: 1.75rem;
}

@media (max-width: 700px) {
    .app-file-dropzone[b-ssjpqn9z9c] {
        min-height: 88px;
        padding: 0.75rem;
    }
}
/* /Components/Shared/AppImagePreviewModal.razor.rz.scp.css */
.app-image-preview-modal-host[b-a285lmvm2y]  .app-image-preview-modal > .generic-modal-header .generic-modal-icon {
    background: var(--colour-surface);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 40%, var(--colour-border));
    color: var(--theme-primary);
}

.app-image-preview-modal-host[b-a285lmvm2y]  .app-image-preview-modal > .generic-modal-body {
    background: var(--colour-background);
    padding: 1rem;
}

.app-image-preview[b-a285lmvm2y] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: min(65vh, 34rem);
    overflow: hidden;
}

.app-image-preview.show img[b-a285lmvm2y] {
    animation: app-image-preview-tv-on-b-a285lmvm2y 460ms cubic-bezier(0.2, 0.75, 0.25, 1) forwards;
    clip-path: inset(50% 0);
    transform: scale(0.9, 0.06);
}

.app-image-preview img[b-a285lmvm2y] {
    border-radius: 8px;
    display: block;
    max-height: min(65vh, 34rem);
    max-width: 100%;
    object-fit: contain;
}

@keyframes app-image-preview-tv-on-b-a285lmvm2y {
    0% {
        clip-path: inset(50% 0);
        transform: scale(0.9, 0.06);
    }

    55% {
        clip-path: inset(46% 0);
        transform: scale(0.97, 0.16);
    }

    100% {
        clip-path: inset(0);
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-image-preview.show img[b-a285lmvm2y] {
        animation: none;
        clip-path: inset(0);
        transform: scale(1);
    }
}
/* /Components/Shared/ApplicationLogResults.razor.rz.scp.css */
.audit-log-results[b-zx03swpkyt] {
    container-type: inline-size;
    min-width: 0;
    width: 100%;
}

.audit-log-table[b-zx03swpkyt] {
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

.audit-log-date-column[b-zx03swpkyt] {
    width: 130px;
}

.audit-log-type-column[b-zx03swpkyt] {
    width: 180px;
}

.audit-log-user-column[b-zx03swpkyt] {
    width: 205px;
}

.audit-log-role-column[b-zx03swpkyt] {
    width: 140px;
}

.audit-log-description-column[b-zx03swpkyt] {
    width: auto;
}

.audit-log-action-column[b-zx03swpkyt] {
    width: 70px;
}

.audit-log-table th[b-zx03swpkyt],
.audit-log-table td[b-zx03swpkyt] {
    min-width: 0;
    padding-inline: 0.75rem;
}

.audit-log-table thead th[b-zx03swpkyt] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.audit-log-table th:last-child[b-zx03swpkyt],
.audit-log-action[b-zx03swpkyt] {
    text-align: right;
}

.audit-log-cell-label[b-zx03swpkyt] {
    color: var(--colour-text-secondary);
    display: none;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.audit-log-date time[b-zx03swpkyt] {
    display: grid;
    gap: 0.1rem;
}

.audit-log-date time > span:last-child[b-zx03swpkyt] {
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
}

.audit-log-event-pill[b-zx03swpkyt] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--colour-border));
    border-radius: 999px;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
    max-width: 100%;
    padding: 0.3rem 0.6rem;
    white-space: normal;
}

.audit-log-user[b-zx03swpkyt],
.audit-log-description[b-zx03swpkyt] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.audit-log-roles[b-zx03swpkyt] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    min-width: 0;
}

.audit-log-role[b-zx03swpkyt] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 999px;
    color: var(--colour-text-secondary);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.22rem 0.5rem;
    white-space: nowrap;
}

.audit-log-row > td[b-zx03swpkyt] {
    transition: background-color 160ms ease, color 160ms ease;
}

.audit-log-results-static-rows .audit-log-row:hover > td[b-zx03swpkyt] {
    background: transparent;
}

.audit-log-entry.expanded > .audit-log-row > td[b-zx03swpkyt] {
    background: var(--colour-light-blue);
    color: var(--colour-text);
}

.audit-log-entry.expanded .audit-log-chevron-control[b-zx03swpkyt] {
    --btn-app-border: color-mix(in srgb, var(--colour-primary-blue) 34%, var(--colour-border));
    --btn-app-text: var(--colour-primary-blue);
}

.audit-log-chevron-control:focus-visible[b-zx03swpkyt] {
    outline: 3px solid var(--app-focus) !important;
    outline-offset: 2px !important;
}

.audit-log-chevron-control i[b-zx03swpkyt] {
    line-height: 1;
    transition: transform 180ms ease;
}

.audit-log-entry.expanded .audit-log-chevron-control i[b-zx03swpkyt] {
    transform: rotate(-180deg);
}

.audit-log-details-cell[b-zx03swpkyt] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-border));
    max-width: 100%;
    min-width: 0;
    padding: 0.9rem !important;
    width: 100%;
}

.audit-log-details[b-zx03swpkyt] {
    background: var(--colour-background);
    border: 1px solid var(--app-border-soft);
    border-radius: 8px;
    display: grid;
    gap: 0.85rem;
    max-width: 100%;
    min-width: 0;
    padding: 0.9rem;
    width: 100%;
}

.audit-log-details-list[b-zx03swpkyt] {
    display: grid;
    gap: 0.65rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.audit-log-details-list > div[b-zx03swpkyt] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.audit-log-details dt[b-zx03swpkyt],
.audit-log-metadata > strong[b-zx03swpkyt] {
    color: var(--colour-text-secondary);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.audit-log-details dd[b-zx03swpkyt] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.audit-log-metadata[b-zx03swpkyt] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.audit-log-metadata pre[b-zx03swpkyt] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 6px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@container (max-width: 65rem) {
    .audit-log-date-column[b-zx03swpkyt] {
        width: 120px;
    }

    .audit-log-type-column[b-zx03swpkyt] {
        width: 145px;
    }

    .audit-log-user-column[b-zx03swpkyt] {
        width: 180px;
    }

    .audit-log-role-column[b-zx03swpkyt] {
        width: 125px;
    }
}

@container (max-width: 56rem) {
    .audit-log-table[b-zx03swpkyt],
    .audit-log-entry[b-zx03swpkyt],
    .audit-log-row[b-zx03swpkyt],
    .audit-log-details-row[b-zx03swpkyt],
    .audit-log-row > td[b-zx03swpkyt],
    .audit-log-details-cell[b-zx03swpkyt] {
        display: block;
        width: 100%;
    }

    .audit-log-table colgroup[b-zx03swpkyt] {
        display: none;
    }

    .audit-log-table > thead[b-zx03swpkyt] {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .audit-log-entry[b-zx03swpkyt] {
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        margin: 0.75rem;
        overflow: hidden;
        width: calc(100% - 1.5rem);
    }

    .audit-log-row[b-zx03swpkyt] {
        align-items: start;
        display: grid;
        gap: 0.8rem 1rem;
        grid-template-areas:
            "date type action"
            "user role action"
            "description description action";
        grid-template-columns: minmax(9rem, 0.85fr) minmax(0, 1.15fr) 2.75rem;
        padding: 1rem;
    }

    .audit-log-row > td[b-zx03swpkyt] {
        border: 0;
        padding: 0;
        text-align: left;
    }

    .audit-log-cell-label[b-zx03swpkyt] {
        display: block;
        margin-bottom: 0.3rem;
    }

    .audit-log-date[b-zx03swpkyt] {
        grid-area: date;
    }

    .audit-log-type[b-zx03swpkyt] {
        grid-area: type;
    }

    .audit-log-user[b-zx03swpkyt] {
        grid-area: user;
    }

    .audit-log-role-cell[b-zx03swpkyt] {
        grid-area: role;
    }

    .audit-log-description[b-zx03swpkyt] {
        grid-area: description;
    }

    .audit-log-action[b-zx03swpkyt] {
        align-self: start;
        grid-area: action;
        justify-self: end;
    }

    .audit-log-chevron-control[b-zx03swpkyt] {
        min-height: 2.75rem;
        width: 2.75rem;
    }

    .audit-log-entry.expanded > .audit-log-row[b-zx03swpkyt] {
        background: var(--colour-light-blue);
    }

    .audit-log-entry.expanded > .audit-log-row > td[b-zx03swpkyt] {
        background: transparent;
    }

    .audit-log-details-cell[b-zx03swpkyt] {
        border: 0;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-border));
        padding: 0.85rem !important;
    }
}

@container (max-width: 40rem) {
    .audit-log-row[b-zx03swpkyt] {
        grid-template-areas:
            "type action"
            "date date"
            "user user"
            "role role"
            "description description";
        grid-template-columns: minmax(0, 1fr) 2.75rem;
    }

    .audit-log-details-list[b-zx03swpkyt] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .audit-log-row > td[b-zx03swpkyt],
    .audit-log-chevron-control i[b-zx03swpkyt] {
        transition: none;
    }
}
/* /Components/Shared/AppListEndMarker.razor.rz.scp.css */
.app-list-end-marker[b-3vwhnm4o75] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.75rem;
    grid-template-columns: minmax(1rem, 1fr) auto minmax(1rem, 1fr);
    letter-spacing: 0;
    padding: 0.8rem 1.25rem 0.95rem;
    text-transform: uppercase;
}

.app-list-end-marker[b-3vwhnm4o75]::before,
.app-list-end-marker[b-3vwhnm4o75]::after {
    background: var(--colour-border);
    content: "";
    height: 1px;
}

.app-list-end-marker span[b-3vwhnm4o75] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
}
/* /Components/Shared/AppListPagination.razor.rz.scp.css */
.app-list-pagination[b-fast3symrg] {
    align-items: center;
    border-top: 1px solid var(--colour-border);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.85rem 1.25rem;
}

.app-list-pagination-actions[b-fast3symrg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.app-list-pagination.app-list-pagination-compact[b-fast3symrg] {
    border-top: 0;
    padding: 0;
}

.app-list-pagination-copy-compact[b-fast3symrg] {
    display: none;
}

@media (max-width: 700px) {
    .app-list-pagination[b-fast3symrg] {
        align-items: center;
        flex-direction: row;
        width: 100%;
    }

    .app-list-pagination-summary[b-fast3symrg] {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .app-list-pagination-summary[b-fast3symrg],
    .app-list-pagination-page-summary[b-fast3symrg] {
        margin: 0;
    }

    .app-list-pagination-actions[b-fast3symrg] {
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-left: auto;
    }

    .app-list-pagination-page-summary[b-fast3symrg],
    .app-list-pagination-copy-compact[b-fast3symrg] {
        white-space: nowrap;
    }

    .app-list-pagination-summary .app-list-pagination-copy-compact[b-fast3symrg] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .app-list-pagination-large-mobile-controls .btn-app.btn-app-icon[b-fast3symrg] {
        min-height: 2.75rem;
        width: 2.75rem;
    }

    .app-list-pagination-compact-mobile-controls .btn-app.btn-app-icon[b-fast3symrg] {
        min-height: 2rem;
        width: 2rem;
    }

    .app-list-pagination-copy-default[b-fast3symrg] {
        display: none;
    }

    .app-list-pagination-copy-compact[b-fast3symrg] {
        display: inline;
    }
}
/* /Components/Shared/AppListPanel.razor.rz.scp.css */
.app-list-results[b-s97btb5ki5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

@supports not selector(::-webkit-scrollbar) {
    .app-list-results[b-s97btb5ki5] {
        scrollbar-color: #cbd2dc transparent;
        scrollbar-width: thin;
    }
}

.app-list-results[b-s97btb5ki5]::-webkit-scrollbar {
    width: 6px;
}

.app-list-results[b-s97btb5ki5]::-webkit-scrollbar-track {
    background: transparent;
}

.app-list-results[b-s97btb5ki5]::-webkit-scrollbar-button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    display: none;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 0;
}

.app-list-results[b-s97btb5ki5]::-webkit-scrollbar-thumb {
    background-color: #cbd2dc;
    border-radius: 999px;
}

.app-list-results[b-s97btb5ki5]::-webkit-scrollbar-thumb:hover {
    background-color: #9aa8ba;
}

.app-list-results .admin-empty-state[b-s97btb5ki5] {
    border: 0;
}
/* /Components/Shared/AppListToolbar.razor.rz.scp.css */
.app-list-tools[b-1gnfgoj6gc] {
    align-items: center;
    background: var(--colour-background);
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, 460px) 1fr;
    padding: 1rem 1.25rem;
}

.app-list-tools-filter-only[b-1gnfgoj6gc] {
    grid-template-columns: 1fr;
}

.app-list-tools-custom-filter[b-1gnfgoj6gc] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.app-list-tools-search-with-filter[b-1gnfgoj6gc] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.app-list-tools-filter-only.app-list-tools-custom-filter[b-1gnfgoj6gc] {
    grid-template-columns: 1fr;
}

.app-list-filter-content[b-1gnfgoj6gc] {
    align-items: center;
    display: flex;
    min-width: 0;
}

.app-list-leading-tools[b-1gnfgoj6gc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-width: 0;
}

.app-list-leading-tools .app-list-search-field[b-1gnfgoj6gc] {
    flex: 1 1 320px;
    max-width: 460px;
    min-width: 220px;
}

.app-list-leading-tools .app-list-filter-content[b-1gnfgoj6gc] {
    flex: 0 0 auto;
}

.app-list-filter-content .form-select[b-1gnfgoj6gc],
.app-list-filter-content .form-control[b-1gnfgoj6gc] {
    max-width: 100%;
}

.app-list-actions[b-1gnfgoj6gc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
}

.app-list-actions .btn-app[b-1gnfgoj6gc] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.app-list-filter-button-count[b-1gnfgoj6gc] {
    align-items: center;
    background: var(--theme-light);
    border-radius: 999px;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    min-height: 1.25rem;
    min-width: 1.25rem;
    padding: 0.15rem 0.35rem;
}

.app-list-extra-actions[b-1gnfgoj6gc] {
    display: contents;
}

@media (min-width: 1101px) {
    .app-list-tools-centred-filter[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .app-list-tools-centred-filter.app-list-tools-search-with-filter .app-list-leading-tools[b-1gnfgoj6gc] {
        display: contents;
    }

    .app-list-tools-centred-filter .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1;
        justify-self: start;
        width: min(100%, 15rem);
    }

    .app-list-tools-centred-filter .app-list-filter-content[b-1gnfgoj6gc] {
        grid-column: 2;
        justify-self: center;
    }

    .app-list-tools-centred-filter .app-list-actions[b-1gnfgoj6gc] {
        grid-column: 3;
        justify-self: end;
    }

    .app-list-tools-centred-filter.app-list-tools-inline-actions[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr) auto max-content;
    }
}

.app-list-tools-inline-actions .app-list-actions[b-1gnfgoj6gc] {
    flex-wrap: nowrap;
}

@media (max-width: 1100px) {
    .app-list-tools[b-1gnfgoj6gc] {
        grid-template-columns: 1fr;
    }

    .app-list-tools-custom-filter:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .app-list-tools-search-with-filter:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (min-width: 701px) and (max-width: 1180px) {
    .app-list-tools-two-row-centred-filter[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr) max-content;
        grid-template-rows: auto auto;
    }

    .app-list-tools-two-row-centred-filter.app-list-tools-filter-only[b-1gnfgoj6gc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .app-list-tools-two-row-centred-filter > .app-list-leading-tools[b-1gnfgoj6gc] {
        display: contents;
    }

    .app-list-tools-two-row-centred-filter .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        min-width: 0;
        width: min(100%, 15rem);
    }

    .app-list-tools-two-row-centred-filter .app-list-filter-content[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
    }

    .app-list-tools-two-row-centred-filter > .app-list-actions[b-1gnfgoj6gc] {
        flex-wrap: nowrap;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }
}

@media (max-width: 700px) {
    .app-list-tools-custom-filter:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        grid-template-columns: 1fr;
    }

    .app-list-tools-search-with-filter:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        grid-template-columns: 1fr;
    }

    .app-list-leading-tools[b-1gnfgoj6gc] {
        align-items: stretch;
        flex-direction: column;
    }

    .app-list-leading-tools .app-list-search-field[b-1gnfgoj6gc] {
        flex: 0 1 auto;
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .app-list-actions[b-1gnfgoj6gc] {
        justify-content: stretch;
    }

    .app-list-actions .btn-app[b-1gnfgoj6gc] {
        flex: 1 1 120px;
        justify-content: center;
    }

    .app-list-tools-inline-actions .app-list-actions .btn-app[b-1gnfgoj6gc] {
        flex: 1 1 0;
    }
}

@media (max-width: 520px) {
    .app-list-tools-compact-primary-action[b-1gnfgoj6gc] {
        gap: 0.6rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .app-list-tools-compact-primary-action > .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1 / 4;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    .app-list-tools-compact-primary-action > .app-list-actions[b-1gnfgoj6gc] {
        display: contents;
    }

    .app-list-tools-compact-primary-action > .app-list-actions > .status-pill[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: start;
    }

    .app-list-tools-compact-primary-action > .app-list-actions > .btn-app:first-of-type[b-1gnfgoj6gc] {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .app-list-tools-compact-primary-action > .app-list-actions > .btn-app:last-of-type[b-1gnfgoj6gc] {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    .app-list-tools-compact-primary-action .app-list-extra-actions[b-1gnfgoj6gc] {
        display: block;
        grid-column: 4 / 7;
        grid-row: 1;
        min-width: 0;
    }

    .app-list-tools-compact-primary-action > .app-list-actions > .btn-app[b-1gnfgoj6gc],
    .app-list-tools-compact-primary-action .app-list-extra-actions[b-1gnfgoj6gc]  .btn-app {
        justify-content: center;
        width: 100%;
    }

    .app-list-tools-compact-primary-action .app-list-extra-actions[b-1gnfgoj6gc]  .btn-app {
        font-size: 0.8rem;
        padding-inline: 0.35rem;
        white-space: nowrap;
    }

    .app-list-tools.app-list-tools-compact-primary-action.app-list-tools-stacked-phone-primary-action > .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: stretch;
        max-width: none;
        width: 100%;
    }

    .app-list-tools.app-list-tools-compact-primary-action.app-list-tools-stacked-phone-primary-action > .app-list-search-field[b-1gnfgoj6gc]  .pg-search-input,
    .app-list-tools.app-list-tools-compact-primary-action.app-list-tools-stacked-phone-primary-action > .app-list-search-field[b-1gnfgoj6gc]  .form-control {
        max-width: none;
        width: 100%;
    }

    .app-list-tools-compact-primary-action.app-list-tools-stacked-phone-primary-action > .app-list-actions > .status-pill[b-1gnfgoj6gc] {
        grid-row: 4;
    }

    .app-list-tools-compact-primary-action.app-list-tools-stacked-phone-primary-action .app-list-extra-actions[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 3;
    }
}

@media (min-width: 701px) and (max-width: 1100px) {
    .app-list-tools-search-with-filter.app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        gap: 0.6rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1 / 3;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions .app-list-filter-content[b-1gnfgoj6gc] {
        grid-column: 3 / 6;
        grid-row: 1;
        justify-self: center;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions > .app-list-actions[b-1gnfgoj6gc] {
        display: contents;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions > .app-list-actions > .status-pill[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: start;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions > .app-list-actions > .btn-app:first-of-type[b-1gnfgoj6gc] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions > .app-list-actions > .btn-app:last-of-type[b-1gnfgoj6gc] {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions .app-list-extra-actions[b-1gnfgoj6gc] {
        display: block;
        grid-column: 6;
        grid-row: 1;
        min-width: 0;
    }

    .app-list-tools-narrow-filtered-primary-action.app-list-tools-inline-actions .app-list-extra-actions[b-1gnfgoj6gc]  .btn-app {
        font-size: 0.8rem;
        justify-content: center;
        padding-inline: 0.35rem;
        white-space: nowrap;
        width: 100%;
    }
}

@media (max-width: 510px) {
    .app-list-tools-search-with-filter.app-list-tools-narrow-filtered-primary-action:not(.app-list-tools-filter-only)[b-1gnfgoj6gc] {
        gap: 0.6rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .app-list-tools-narrow-filtered-primary-action > .app-list-leading-tools[b-1gnfgoj6gc],
    .app-list-tools-narrow-filtered-primary-action > .app-list-actions[b-1gnfgoj6gc] {
        display: contents;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1 / 4;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    .app-list-tools.app-list-tools-narrow-filtered-primary-action.app-list-tools-expanded-phone-search .app-list-search-field[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        max-width: none;
    }

    .app-list-tools.app-list-tools-narrow-filtered-primary-action.app-list-tools-expanded-phone-search .app-list-search-field[b-1gnfgoj6gc]  .pg-search-input,
    .app-list-tools.app-list-tools-narrow-filtered-primary-action.app-list-tools-expanded-phone-search .app-list-search-field[b-1gnfgoj6gc]  .form-control {
        max-width: none;
        width: 100%;
    }

    .app-list-tools.app-list-tools-narrow-filtered-primary-action.app-list-tools-expanded-phone-search .app-list-extra-actions[b-1gnfgoj6gc] {
        display: none;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-filter-content[b-1gnfgoj6gc] {
        align-items: stretch;
        display: flex;
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-filter-content[b-1gnfgoj6gc]  [role="tablist"] {
        flex-direction: column;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-filter-content[b-1gnfgoj6gc]  [role="tablist"] > [role="tab"] {
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action > .app-list-actions > .status-pill[b-1gnfgoj6gc] {
        grid-column: 1 / -1;
        grid-row: 4;
        justify-self: start;
    }

    .app-list-tools-narrow-filtered-primary-action > .app-list-actions > .btn-app:first-of-type[b-1gnfgoj6gc] {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    .app-list-tools-narrow-filtered-primary-action > .app-list-actions > .btn-app:last-of-type[b-1gnfgoj6gc] {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-extra-actions[b-1gnfgoj6gc] {
        display: block;
        grid-column: 4 / 7;
        grid-row: 1;
        min-width: 0;
    }

    .app-list-tools-narrow-filtered-primary-action > .app-list-actions > .btn-app[b-1gnfgoj6gc],
    .app-list-tools-narrow-filtered-primary-action .app-list-extra-actions[b-1gnfgoj6gc]  .btn-app {
        justify-content: center;
        width: 100%;
    }

    .app-list-tools-narrow-filtered-primary-action .app-list-extra-actions[b-1gnfgoj6gc]  .btn-app {
        font-size: 0.8rem;
        padding-inline: 0.35rem;
        white-space: nowrap;
    }
}
/* /Components/Shared/AppPoweredByFooter.razor.rz.scp.css */
.app-powered-by-footer[b-fx7goxnpir] {
    align-items: center;
    color: var(--colour-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.25rem;
    justify-content: center;
    line-height: 1.4;
    margin-top: 2rem;
    text-align: center;
}

.app-powered-by-footer strong[b-fx7goxnpir] {
    color: var(--theme-primary);
    font-weight: 700;
}

.footer-legal-links[b-fx7goxnpir] {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: center;
    margin-top: 0.25rem;
}

.footer-legal-links a[b-fx7goxnpir] {
    color: var(--colour-text-secondary);
    text-underline-offset: 0.2em;
}

.footer-legal-links a:hover[b-fx7goxnpir],
.footer-legal-links a:focus-visible[b-fx7goxnpir] {
    color: var(--theme-primary);
}

.app-powered-by-footer.is-stacked[b-fx7goxnpir] {
    align-items: start;
    display: grid;
    gap: 0.1rem;
    justify-content: start;
    line-height: 1.15;
    text-align: left;
}

.app-powered-by-footer.is-stacked span[b-fx7goxnpir] {
    font-size: 0.75rem;
}

.app-powered-by-footer.is-stacked strong[b-fx7goxnpir] {
    font-size: 0.9rem;
}
/* /Components/Shared/AppWindowedCarousel.razor.rz.scp.css */
.app-windowed-carousel[b-tpaacu2tvl] {
    --app-windowed-carousel-gap: 0.75rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.app-windowed-carousel-header[b-tpaacu2tvl] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.app-windowed-carousel-controls[b-tpaacu2tvl] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.app-windowed-carousel-controls[hidden][b-tpaacu2tvl],
.app-windowed-carousel-controls:not([data-carousel-ready="true"])[b-tpaacu2tvl] {
    display: none;
}

.app-windowed-carousel-track[b-tpaacu2tvl] {
    display: flex;
    gap: var(--app-windowed-carousel-gap);
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: inline mandatory;
}

.app-windowed-carousel-track[b-tpaacu2tvl]::-webkit-scrollbar {
    display: none;
}

.app-windowed-carousel-pagination.is-hidden[b-tpaacu2tvl] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .app-windowed-carousel-track[b-tpaacu2tvl] {
        scroll-behavior: auto;
    }
}

.app-windowed-carousel-track[data-mouse-drag="true"][b-tpaacu2tvl] {
    cursor: grab;
    user-select: none;
}

.app-windowed-carousel-track.is-mouse-dragging[b-tpaacu2tvl] {
    cursor: grabbing;
    scroll-snap-type: none;
    scroll-behavior: auto;
}
/* /Components/Shared/AsideInstructionCard.razor.rz.scp.css */
.aside-instruction-card[b-v58qvgnn7t] {
    align-items: start;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--colour-border));
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.aside-instruction-card > i[b-v58qvgnn7t] {
    color: var(--theme-primary);
    font-size: 1.25rem;
    line-height: 1.25;
}

.aside-instruction-copy > strong[b-v58qvgnn7t] {
    color: var(--colour-text);
    display: block;
    line-height: 1.3;
    margin-bottom: 0.3rem;
}

.aside-instruction-copy p[b-v58qvgnn7t] {
    margin: 0;
}

.aside-instruction-checklist strong[b-v58qvgnn7t] {
    color: inherit;
    display: inline;
    margin: 0;
}

.aside-instruction-actions[b-v58qvgnn7t] {
    grid-column: 1 / -1;
    margin-top: 0.25rem;
}
/* /Components/Shared/AspectRatioImageCropModal.razor.rz.scp.css */
.aspect-image-cropper[b-klox8nb61o] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    justify-items: center;
}

.aspect-image-cropper-canvas[b-klox8nb61o] {
    aspect-ratio: 16 / 9;
    background:
        linear-gradient(45deg, var(--colour-background) 25%, transparent 25%),
        linear-gradient(-45deg, var(--colour-background) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--colour-background) 75%),
        linear-gradient(-45deg, transparent 75%, var(--colour-background) 75%);
    background-position: 0 0, 0 0.5rem, 0.5rem -0.5rem, -0.5rem 0;
    background-size: 1rem 1rem;
    border: 3px solid var(--theme-primary);
    border-radius: 8px;
    box-shadow: 0 0 0 0.35rem var(--theme-light);
    cursor: grab;
    height: auto;
    max-width: 100%;
    touch-action: none;
    width: min(100%, 42rem, 76vh);
}

.aspect-image-cropper-canvas:active[b-klox8nb61o] {
    cursor: grabbing;
}

.aspect-image-cropper-controls[b-klox8nb61o] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(17rem, auto) minmax(14rem, 1fr);
    width: min(100%, 42rem);
}

.aspect-image-cropper-presets[b-klox8nb61o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.aspect-image-cropper-presets .btn-app[b-klox8nb61o] {
    flex: 1 1 auto;
}

.aspect-image-cropper-help[b-klox8nb61o] {
    color: var(--colour-text-secondary);
    font-size: 0.875rem;
    margin: 0;
    text-align: center;
}

@media (max-width: 640px) {
    .aspect-image-cropper-controls[b-klox8nb61o] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AuthSecurityIcon.razor.rz.scp.css */
.auth-security-icon[b-tcjpoexewv] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--colour-border));
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1.35rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}
/* /Components/Shared/AutomatedMessageConditionSummary.razor.rz.scp.css */
.automated-message-condition-summary[b-z5qfp2myg8] {
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 999px;
    color: var(--colour-text-secondary);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0.76rem;
    gap: 0.25rem;
    line-height: 1.35;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 0.2rem 0.55rem;
    white-space: normal;
}

.automated-message-condition-summary strong[b-z5qfp2myg8] {
    color: var(--colour-text);
    font-size: inherit;
}

.automated-message-condition-items[b-z5qfp2myg8] {
    display: grid;
    gap: 0.18rem;
    width: 100%;
}

.automated-message-condition-item[b-z5qfp2myg8] {
    display: block;
    padding-left: 0.8rem;
    position: relative;
}

.automated-message-condition-item[b-z5qfp2myg8]::before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 0.22rem;
    left: 0.1rem;
    position: absolute;
    top: 0.55em;
    width: 0.22rem;
}
/* /Components/Shared/AutomatedMessageListToolbar.razor.rz.scp.css */
.clinic-guide-list-toolbar[b-7udcw376zx] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

.clinic-guide-tabs[b-7udcw376zx] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 0.35rem;
    min-width: 0;
    overflow-x: auto;
    padding: 0.1rem 0;
    scrollbar-width: none;
}

.clinic-guide-tabs[b-7udcw376zx]::-webkit-scrollbar {
    display: none;
}

.clinic-guide-view-button[b-7udcw376zx] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--colour-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.25rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.7rem;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    white-space: nowrap;
}

.clinic-guide-view-button:hover:not(:disabled)[b-7udcw376zx] {
    background: var(--theme-light);
    color: var(--theme-primary);
}

.clinic-guide-view-button:focus-visible[b-7udcw376zx] {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.clinic-guide-view-button.active[b-7udcw376zx] {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: var(--colour-surface);
}

.clinic-guide-view-button:disabled[b-7udcw376zx] {
    cursor: not-allowed;
    opacity: 0.58;
}

.clinic-guide-inline-filters[b-7udcw376zx] {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: .6rem;
    margin-left: auto;
    min-width: 0;
    max-width: 100%;
}
.clinic-guide-search[b-7udcw376zx] { flex: 1 1 12rem; width: 12rem; max-width: 18rem; }


.clinic-guide-search[b-7udcw376zx],
.clinic-guide-inline-filters[b-7udcw376zx]  .pg-search-input,
.clinic-guide-inline-filters[b-7udcw376zx]  .form-control,
.clinic-guide-inline-filters[b-7udcw376zx]  .form-select {
    min-width: 0;
    width: 100%;
}


@media (max-width: 700px) {
    .clinic-guide-inline-filters[b-7udcw376zx] { width: 100%; }
    .clinic-guide-search[b-7udcw376zx] { flex-basis: 100%; max-width: none; }
}
/* /Components/Shared/CarePlanAddRow.razor.rz.scp.css */
.care-plan-add-row[b-17wmyi64zi] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px dashed var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-weight: 700;
    gap: 0.55rem;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    width: 100%;
}

.care-plan-add-row:hover[b-17wmyi64zi] {
    background: var(--theme-light);
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    color: var(--theme-primary);
}

button.care-plan-add-row[b-17wmyi64zi] {
    border-color: var(--colour-border);
    border-style: dashed;
}

button.care-plan-add-row:hover[b-17wmyi64zi] {
    border-color: var(--colour-primary-blue);
    border-style: solid;
}

.care-plan-add-row-dropzone:hover[b-17wmyi64zi],
.care-plan-add-row-dropzone:focus-within[b-17wmyi64zi] {
    background: color-mix(in srgb, var(--theme-primary) 7%, var(--colour-surface));
    border-color: var(--theme-primary);
    border-style: solid;
    color: var(--theme-primary);
}

.care-plan-add-row:focus-visible[b-17wmyi64zi],
.care-plan-add-row:focus-within[b-17wmyi64zi] {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.care-plan-add-row-icon[b-17wmyi64zi] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.care-plan-add-row-icon i[b-17wmyi64zi] {
    font-size: 0.75rem;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .care-plan-add-row[b-17wmyi64zi] {
        transition: none;
    }
}
/* /Components/Shared/CarePlanCardOverview.razor.rz.scp.css */
.care-plan-card-overview[b-ou9pmiklkp] {
    grid-column: 1 / -1;
    min-width: 0;
    container-type: inline-size;
}

.care-plan-summary-tiles[b-ou9pmiklkp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.care-plan-duration-tile[b-ou9pmiklkp] {
    display: grid;
    min-width: 0;
}

.care-plan-summary-tiles[b-ou9pmiklkp]  .dashboard-stat-card {
    min-height: 76px;
    align-items: center;
    height: 100%;
    padding: 0.65rem 1rem;
    box-shadow: none;
    background: color-mix(in srgb, var(--colour-primary-blue) 4%, var(--colour-surface));
}

.care-plan-summary-tiles[b-ou9pmiklkp]  .dashboard-stat-icon {
    align-self: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
}

.care-plan-summary-tiles[b-ou9pmiklkp]  .dashboard-stat-content strong {
    font-size: 1.35rem;
    color: var(--colour-text);
}

.care-plan-summary-tiles[b-ou9pmiklkp]  .dashboard-stat-label {
    font-size: 0.8rem;
    color: var(--colour-text-secondary);
}

.care-plan-phase-overview[b-ou9pmiklkp] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--colour-border);
    min-width: 0;
}

.care-plan-phase-overview h4[b-ou9pmiklkp] {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    color: var(--colour-text);
}

.care-plan-empty-phases[b-ou9pmiklkp] {
    margin: 0;
    color: var(--colour-text-secondary);
}

@container (max-width: 850px) {
    .care-plan-summary-tiles[b-ou9pmiklkp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .care-plan-duration-tile[b-ou9pmiklkp] {
        grid-column: span 2;
    }
}

@container (max-width: 550px) {
    .care-plan-summary-tiles[b-ou9pmiklkp]  .dashboard-stat-card {
        padding: 0.65rem 0.85rem;
    }

    .care-plan-summary-tiles[b-ou9pmiklkp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .care-plan-duration-tile[b-ou9pmiklkp] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@container (max-width: 240px) {
    .care-plan-summary-tiles[b-ou9pmiklkp] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Shared/CarePlanForm.razor.rz.scp.css */
.care-plan-inactive-summary[b-qbumya7onl] {
    background: var(--colour-background);
    border-radius: var(--radius-md);
    color: var(--colour-text-secondary);
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
}

.care-plan-inactive-summary summary[b-qbumya7onl] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.care-plan-inactive-summary summary[b-qbumya7onl]::marker {
    content: "";
}

.care-plan-inactive-review[b-qbumya7onl] {
    color: var(--theme-primary);
    font-weight: 700;
    white-space: nowrap;
}

.care-plan-inactive-summary p[b-qbumya7onl] {
    margin: 0.75rem 0 0;
}

.care-plan-inactive-summary ul[b-qbumya7onl] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.care-plan-phase-selector[b-qbumya7onl] {
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.care-plan-phase-selector-count-1[b-qbumya7onl] { grid-template-columns: repeat(1, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-2[b-qbumya7onl] { grid-template-columns: repeat(2, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-3[b-qbumya7onl] { grid-template-columns: repeat(3, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-4[b-qbumya7onl] { grid-template-columns: repeat(4, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-5[b-qbumya7onl] { grid-template-columns: repeat(5, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-6[b-qbumya7onl] { grid-template-columns: repeat(6, minmax(10rem, 1fr)); }
.care-plan-phase-selector-count-7[b-qbumya7onl] { grid-template-columns: repeat(7, minmax(10rem, 1fr)); }

.care-plan-phase-carousel-controls[b-qbumya7onl] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.care-plan-phase-carousel-controls > span[b-qbumya7onl] {
    color: var(--colour-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    margin-right: 0.15rem;
}

.care-plan-phase-selector-option[b-qbumya7onl] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.22rem;
    justify-items: center;
    min-height: 3.75rem;
    min-width: 10rem;
    padding: 0.55rem 0.75rem 0.5rem;
    position: relative;
    text-align: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.care-plan-phase-selector-option[b-qbumya7onl]::after {
    background: var(--colour-border);
    content: "";
    height: 1.8rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.care-plan-phase-selector-option:last-child[b-qbumya7onl]::after {
    display: none;
}

.care-plan-phase-selector-option:hover[b-qbumya7onl] {
    background: color-mix(in srgb, var(--theme-light) 55%, transparent);
    color: var(--theme-primary);
}

.care-plan-phase-selector-option.active[b-qbumya7onl] {
    border-bottom-color: var(--theme-primary);
    color: var(--theme-primary);
}

.care-plan-phase-selector-option:focus-visible[b-qbumya7onl] {
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
    z-index: 1;
}

.care-plan-phase-selector-option > span[b-qbumya7onl] {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.care-plan-phase-selector-option > small[b-qbumya7onl] {
    color: var(--colour-text-secondary);
    font-size: 0.65rem;
    line-height: 1.2;
    white-space: nowrap;
}

.care-plan-phase-selector-add[b-qbumya7onl] {
    color: var(--theme-primary);
}

.care-plan-phase-selector-add > span[b-qbumya7onl] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

@media (max-width: 640px) {
    .care-plan-phase-selector-option[b-qbumya7onl] {
        min-width: 8.5rem;
        padding-inline: 0.5rem;
    }
}
/* /Components/Shared/CarePlanTemplatePreviewModal.razor.rz.scp.css */
.clinic-care-plan-preview[b-mnt7wimdbi] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.care-plan-template-patient-preview[b-mnt7wimdbi] {
    --theme-primary: var(--colour-primary-blue);
    --theme-primary-hover: var(--colour-primary-blue-hover);
    --theme-light: var(--colour-light-blue);
    --theme-focus: rgba(39, 95, 234, 0.28);
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 0 1.25rem 1.25rem;
}

.care-plan-template-phase-panel[b-mnt7wimdbi] {
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 760px) {
    .care-plan-template-patient-preview[b-mnt7wimdbi] {
        padding: 0 0.85rem 0.85rem;
    }
}
/* /Components/Shared/CircularImageCropModal.razor.rz.scp.css */
.circular-image-cropper[b-b9pge5pvx8] {
    align-items: center;
    display: grid;
    gap: 1rem;
    justify-items: center;
}

.circular-image-cropper-canvas[b-b9pge5pvx8] {
    background: var(--colour-background);
    border: 3px solid var(--theme-primary);
    border-radius: 50%;
    box-shadow: 0 0 0 0.5rem var(--theme-light);
    cursor: grab;
    height: min(20rem, 70vw);
    max-width: 100%;
    touch-action: none;
    width: min(20rem, 70vw);
}

.circular-image-cropper-canvas:active[b-b9pge5pvx8] {
    cursor: grabbing;
}

.circular-image-zoom[b-b9pge5pvx8] {
    max-width: 20rem;
    width: 100%;
}

.circular-image-cropper-help[b-b9pge5pvx8] {
    color: var(--colour-text-secondary);
    margin: 0;
}
/* /Components/Shared/ClinicDetailPill.razor.rz.scp.css */
.clinic-detail-pill[b-71j7h9b7s3] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 999px;
    color: var(--colour-text-secondary);
    display: inline-flex;
    font-size: 0.84rem;
    gap: 0.35rem;
    line-height: 1.25;
    min-height: 1.8rem;
    max-width: 100%;
    padding: 0.28rem 0.58rem;
}

.clinic-detail-pill i[b-71j7h9b7s3] {
    color: var(--theme-primary);
}
/* /Components/Shared/ClinicFaqFormModal.razor.rz.scp.css */
.clinic-faq-stacked-form-grid[b-iz468ix6op] {
    grid-template-columns: minmax(0, 1fr);
}
/* /Components/Shared/ClinicInfoLanguages.razor.rz.scp.css */
.clinic-info-languages[b-6309m9l2yb],
.clinic-language-version[b-6309m9l2yb],
.clinic-language-original[b-6309m9l2yb] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.clinic-info-languages > p[b-6309m9l2yb],
.clinic-language-original > p[b-6309m9l2yb],
.clinic-language-version > p[b-6309m9l2yb] {
    margin: 0;
}

.clinic-language-version[b-6309m9l2yb] {
    border-top: 1px solid var(--colour-border);
    padding-top: .75rem;
}

.clinic-language-actions[b-6309m9l2yb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}
/* /Components/Shared/ClinicOwnerTransferModal.razor.rz.scp.css */
.clinic-owner-transfer-modal[b-io2a5xsb57] {
    display: grid;
    gap: 1rem;
}

.clinic-owner-transfer-search[b-io2a5xsb57] {
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
}

.clinic-owner-transfer-search i[b-io2a5xsb57] {
    color: var(--colour-text-secondary);
    margin-right: -1.75rem;
    padding-left: 0.65rem;
    z-index: 1;
}

.clinic-owner-transfer-search .form-control[b-io2a5xsb57] {
    padding-left: 2rem;
}

.clinic-owner-transfer-list[b-io2a5xsb57] {
    display: grid;
    gap: 0.65rem;
}

.clinic-owner-transfer-row[b-io2a5xsb57] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem;
    text-align: left;
    width: 100%;
}

.clinic-owner-transfer-row.selected[b-io2a5xsb57] {
    border-color: color-mix(in srgb, var(--theme-primary) 68%, var(--colour-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

.clinic-owner-transfer-row span:first-child[b-io2a5xsb57] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.clinic-owner-transfer-row small[b-io2a5xsb57] {
    color: var(--colour-text-secondary);
    overflow-wrap: anywhere;
}
/* /Components/Shared/ClinicReviewLinksEditor.razor.rz.scp.css */
.clinic-review-editor[b-vgqorrg9r2], .clinic-review-rows[b-vgqorrg9r2] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}
.clinic-review-editor > p[b-vgqorrg9r2] { margin: 0; }
.clinic-review-row[b-vgqorrg9r2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) 2rem 2rem;
    gap: .75rem;
    align-items: start;
    padding-block: .75rem;
    border-bottom: 1px solid var(--colour-border);
    min-width: 0;
}
.clinic-review-name[b-vgqorrg9r2], .clinic-review-url[b-vgqorrg9r2] { min-width: 0; }
.review-original-name[b-vgqorrg9r2] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    min-width: 0;
    overflow-wrap: anywhere;
}
.clinic-review-row-actions[b-vgqorrg9r2] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    grid-column: 3 / -1;
    padding-top: 1.75rem;
}
.clinic-review-row-original .clinic-review-url[b-vgqorrg9r2] { grid-column: 2 / 4; }
.clinic-review-row-original .clinic-review-row-actions[b-vgqorrg9r2] { grid-column: 4; }
.clinic-review-row-actions[b-vgqorrg9r2]  .clinic-review-translate {
    border-color: var(--colour-border);
}
.clinic-review-language-toolbar[b-vgqorrg9r2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    gap: .75rem;
}
.clinic-review-language-toolbar[b-vgqorrg9r2]  .compact-tab-strip { align-self: center; }
.clinic-review-language-toolbar > p[b-vgqorrg9r2] { flex-basis: 100%; margin: 0; }

@media (max-width: 640px) {
    .clinic-review-row[b-vgqorrg9r2] { grid-template-columns: minmax(0, 1fr) 2rem 2rem; }
    .clinic-review-name[b-vgqorrg9r2] { grid-column: 1 / -1; }
    .clinic-review-row-actions[b-vgqorrg9r2] { grid-column: 2 / -1; }
    .clinic-review-row-original .clinic-review-url[b-vgqorrg9r2] { grid-column: 1 / 3; }
    .clinic-review-row-original .clinic-review-row-actions[b-vgqorrg9r2] { grid-column: 3; }
}
/* /Components/Shared/CompactTabStrip.razor.rz.scp.css */
.compact-tab-strip[b-la4uqe9cic] {
    display: flex;
    align-items: center;
    align-self: start;
    justify-self: start;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    gap: .5rem;
}
.compact-tab-track[b-la4uqe9cic] {
    display: flex;
    min-width: 0;
    border-bottom: 1px solid var(--colour-border);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
}
.compact-tab-track[b-la4uqe9cic]::-webkit-scrollbar { display: none; }
.compact-tab-controls[b-la4uqe9cic] { display: flex; flex: 0 0 auto; gap: .5rem; }
.compact-tab-controls[hidden][b-la4uqe9cic] { display: none; }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: .22rem;
    min-width: 6.5rem;
    max-width: 12rem;
    min-height: 3.75rem;
    box-sizing: border-box;
    padding: .55rem .75rem .5rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--colour-text-secondary);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    scroll-snap-align: start;
}
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.8rem;
    background: var(--colour-border);
}
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab:last-child::after { display: none; }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab.selected { border-bottom-color: var(--theme-primary); color: var(--theme-primary); }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab:hover { background: color-mix(in srgb, var(--theme-light) 55%, transparent); }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab:focus-visible { outline: 2px solid var(--theme-primary); outline-offset: -2px; }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab:disabled { cursor: not-allowed; opacity: .65; }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab small { color: var(--colour-text-secondary); font-size: .65rem; font-weight: 400; }
.compact-tab-track[b-la4uqe9cic]  .content-editor-language-tab select { width: auto; min-width: 9rem; max-width: 100%; font-size: .8rem; min-height: 2rem; padding-block: .25rem; }
/* /Components/Shared/ContentCardGrid.razor.rz.scp.css */
.content-card-grid-container[b-jscxs2wldy] {
    container: content-cards / inline-size;
}

.content-card-grid[b-jscxs2wldy] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
}

@container content-cards (min-width: 600px) {
    .content-card-grid[b-jscxs2wldy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container content-cards (min-width: 840px) {
    .content-card-grid[b-jscxs2wldy] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@container content-cards (min-width: 1080px) {
    .content-card-grid:not(.three-column-limit)[b-jscxs2wldy] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* /Components/Shared/ContentCategoryEditorRow.razor.rz.scp.css */
.content-category-editor-row[b-osqd66li5f] {
    align-items: start;
    background: var(--colour-surface);
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(9rem, 0.8fr) minmax(4rem, auto);
    min-width: 0;
    padding: 0.65rem 0.75rem;
}

.content-category-editor-row:last-child[b-osqd66li5f] {
    border-bottom: 0;
}

.content-category-editor-cell[b-osqd66li5f] {
    min-width: 0;
}

.content-category-editor-name[b-osqd66li5f]  .pg-text-control {
    width: 100%;
}

.content-category-editor-linked[b-osqd66li5f] {
    color: var(--colour-text-secondary);
    font-size: var(--font-size-small);
    display: flex;
    align-items: center;
    min-height: 2.125rem;
}

.content-category-editor-actions[b-osqd66li5f] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 2.125rem;
}

.category-row-actions[b-osqd66li5f] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.content-category-editor-mobile-label[b-osqd66li5f] {
    color: var(--colour-text-secondary);
    display: none;
    font-size: 0.72rem;
    font-weight: 700;
}

.content-category-editor-name[b-osqd66li5f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
}

.category-original-name[b-osqd66li5f] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .5rem;
    align-items: center;
    overflow-wrap: anywhere;
    min-height: 2.125rem;
}

.category-editing-original[b-osqd66li5f] { grid-template-columns: minmax(0, 1fr) auto; }
.category-editing-original .category-selected-name[b-osqd66li5f] { order: -1; }

.category-selected-name[b-osqd66li5f] {
    min-width: 0;
}

@media (max-width: 760px) {
    .content-category-editor-name[b-osqd66li5f],
    .category-editing-original[b-osqd66li5f] {
        grid-template-columns: minmax(0, 1fr);
    }

    .content-category-editor-row[b-osqd66li5f] {
        align-items: stretch;
        gap: 0.75rem;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .content-category-editor-name[b-osqd66li5f],
    .content-category-editor-linked[b-osqd66li5f] {
        grid-column: 1 / -1;
    }

    .content-category-editor-linked[b-osqd66li5f] {
        display: block;
        min-height: 0;
    }

    .content-category-editor-actions[b-osqd66li5f] {
        align-items: flex-start;
        display: grid;
        gap: 0.35rem;
        justify-content: stretch;
        justify-items: end;
    }

    .content-category-editor-mobile-label[b-osqd66li5f] {
        display: block;
        margin-bottom: 0.3rem;
    }
}

@media (max-width: 430px) {
    .content-category-editor-row[b-osqd66li5f] {
        grid-template-columns: 1fr;
    }

    .content-category-editor-name[b-osqd66li5f],
    .content-category-editor-linked[b-osqd66li5f],
    .content-category-editor-actions[b-osqd66li5f] {
        grid-column: 1;
    }

    .content-category-editor-actions[b-osqd66li5f] {
        justify-items: start;
    }
}
/* /Components/Shared/ContentCategoryManager.razor.rz.scp.css */
.content-category-manager[b-zwia9as6o9] {
    display: contents;
}

.clinic-content-grid[b-zwia9as6o9] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
}

.content-category-manager-selector[b-zwia9as6o9] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    width: 100%;
}

.content-category-workspace[b-zwia9as6o9] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(24, 49, 40, 0.06);
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
}

.clinic-admin-card[b-zwia9as6o9] {
    background: var(--colour-surface, #fff);
    border: 1px solid var(--colour-border);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(24, 49, 40, 0.06);
    display: grid;
    gap: 0.85rem;
    padding: 1.1rem;
}

.clinic-admin-card-header h2[b-zwia9as6o9],
.clinic-admin-card-header p[b-zwia9as6o9] {
    margin: 0;
}

.clinic-admin-card-header[b-zwia9as6o9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.content-category-save-all[b-zwia9as6o9] {
    margin-left: auto;
    flex-shrink: 0;
}

.clinic-admin-card-header p[b-zwia9as6o9] {
    color: var(--colour-text-muted, #66756f);
    font-size: 0.9rem;
    margin-top: 0.2rem;
}

.guide-asset-item[b-zwia9as6o9] {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
}

.guide-asset-item .form-field[b-zwia9as6o9] {
    margin: 0;
}

.guide-asset-item small[b-zwia9as6o9] {
    color: var(--colour-text-muted, #66756f);
}

.guide-asset-actions[b-zwia9as6o9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.content-category-workspace .clinic-admin-card[b-zwia9as6o9] {
    box-shadow: none;
    gap: 1rem;
    padding: 1rem;
}

.content-category-workspace .clinic-admin-card-header h2[b-zwia9as6o9] {
    font-size: 1.5rem;
}

.content-category-panel-icon[b-zwia9as6o9] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 2.75rem;
    font-size: 1.25rem;
    height: 2.75rem;
    justify-content: center;
}

.content-category-panel-icon.guide[b-zwia9as6o9] {
    background: color-mix(in srgb, var(--colour-primary-blue) 14%, var(--colour-surface));
    color: var(--colour-primary-blue);
}

.content-category-panel-icon.product[b-zwia9as6o9] {
    background: color-mix(in srgb, var(--colour-success) 14%, var(--colour-surface));
    color: var(--colour-success);
}

.content-category-panel-icon.faq[b-zwia9as6o9] {
    background: color-mix(in srgb, var(--bs-purple) 14%, var(--colour-surface));
    color: var(--bs-purple);
}

.content-category-workspace .clinic-modal-form-grid[b-zwia9as6o9] {
    grid-template-columns: minmax(0, 1fr);
}

.content-category-table[b-zwia9as6o9] {
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    overflow: visible;
}

.content-category-table-header[b-zwia9as6o9] {
    color: var(--colour-text-secondary);
    display: grid;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(9rem, 0.8fr) minmax(4rem, auto);
    padding: 0.55rem 0.75rem;
}

.content-category-table-header > :nth-child(3)[b-zwia9as6o9] {
    text-align: right;
}

.content-category-workspace .content-category-create-row[b-zwia9as6o9]  .pg-text-control {
    flex: 1 1 20rem;
    min-width: 0;
}

.guide-asset-actions .btn-app:not(.btn-app-icon)[b-zwia9as6o9] {
    padding-inline: 0.75rem;
    width: auto;
}

@media (max-width: 640px) {
    .guide-asset-item[b-zwia9as6o9] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .guide-asset-actions[b-zwia9as6o9] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .content-category-table-header[b-zwia9as6o9] {
        display: none;
    }
}

.category-language-toolbar[b-zwia9as6o9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    gap: .75rem;
}

.category-language-toolbar[b-zwia9as6o9]  .compact-tab-strip {
    align-self: center;
}

.category-language-toolbar p[b-zwia9as6o9] {
    flex-basis: 100%;
    margin: 0;
}
/* /Components/Shared/ContentLanguageControl.razor.rz.scp.css */
.content-language-badges[b-t9nfuuxige] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .125rem .375rem;
    min-width: 0;
    max-width: 100%;
    margin-block: .375rem;
}
.content-language-entry[b-t9nfuuxige] { display: inline-flex; align-items: center; flex: 0 0 auto; }
.content-language-entry + .content-language-entry[b-t9nfuuxige]::before {
    content: "·";
    color: var(--colour-text-secondary);
    margin-inline-end: .375rem;
}
.content-language-code[b-t9nfuuxige] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    padding: .125rem;
    border: 0;
    border-radius: .25rem;
    background: transparent;
    color: var(--colour-text-secondary);
    font: inherit;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .025em;
    white-space: nowrap;
    cursor: help;
}
.content-language-code:focus-visible[b-t9nfuuxige] { outline: 2px solid var(--theme-primary); outline-offset: 2px; }
.content-language-dot[b-t9nfuuxige] { width: .375rem; height: .375rem; flex: 0 0 .375rem; border-radius: 50%; }
.content-language-dot.draft[b-t9nfuuxige] { background: var(--colour-text-secondary); }
.content-language-dot.needs-review[b-t9nfuuxige] { background: var(--colour-warning); }
.content-language-tooltip[b-t9nfuuxige] {
    display: none;
    position: absolute;
    z-index: 10;
    inset-inline-start: 0;
    top: 100%;
    width: max-content;
    max-width: min(100%, 18rem);
    box-sizing: border-box;
    padding: .375rem .5rem;
    border-radius: .375rem;
    background: var(--colour-text);
    color: var(--colour-surface);
    font-size: .75rem;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 6px var(--shadow-blue-soft);
}
.content-language-entry:hover .content-language-tooltip[b-t9nfuuxige],
.content-language-entry:focus-within .content-language-tooltip[b-t9nfuuxige] { display: block; }
.content-language-entry.tooltip-dismissed .content-language-tooltip[b-t9nfuuxige] { display: none; }
@media (pointer: coarse) {
    .content-language-code[b-t9nfuuxige] { min-height: 2.75rem; min-width: 2.75rem; }
}

.published-language-badge[b-t9nfuuxige] {
    position: absolute;
    inset-block-start: .625rem;
    inset-inline-end: .625rem;
    z-index: 1;
    max-width: calc(100% - 1.25rem);
    padding: .1875rem .4375rem;
    border-radius: .375rem;
    background: color-mix(in srgb, var(--colour-surface) 92%, transparent);
    color: var(--colour-text);
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .025em;
    overflow-wrap: anywhere;
    pointer-events: none;
}

.published-language-badge--inline[b-t9nfuuxige] {
    position: static;
    max-width: 100%;
    padding: 0;
    background: transparent;
    color: var(--colour-text-secondary);
    align-self: center;
}
/* /Components/Shared/ContentLanguageHint.razor.rz.scp.css */
.content-editor-language-tabs[b-bercb8yi7j] { min-width: 0; margin-bottom: 1.25rem; }

.content-editor-language-tabs.has-translation-actions[b-bercb8yi7j] { margin-bottom: 0.5rem; }

.content-language-actions[b-bercb8yi7j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    min-width: 0;
    margin-bottom: 0.25rem;
}
/* /Components/Shared/ContentRowActions.razor.rz.scp.css */
.clinic-guide-action-menu[b-c9r81osu3a] {
    display: inline-flex;
    position: relative;
}

.clinic-guide-action-menu.is-open[b-c9r81osu3a] {
    z-index: 40;
}

.clinic-guide-action-menu-toggle[b-c9r81osu3a] {
    position: relative;
    z-index: 2;
}

.clinic-guide-action-menu-dropdown[b-c9r81osu3a] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgb(15 23 42 / 16%);
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    max-width: min(20rem, calc(100vw - 2rem));
    padding: 0.35rem;
    z-index: 3;
}

[b-c9r81osu3a] .clinic-guide-action-menu-item {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 650;
    gap: 0.65rem;
    justify-content: flex-start;
    line-height: 1.25;
    box-sizing: border-box;
    min-height: 2.75rem;
    overflow-wrap: anywhere;
    padding: 0.5rem 0.65rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

[b-c9r81osu3a] .clinic-guide-action-menu-item:hover:not(:disabled),
[b-c9r81osu3a] .clinic-guide-action-menu-item:focus-visible {
    background: var(--theme-light);
    color: #000;
    outline: none;
}

[b-c9r81osu3a] .clinic-guide-action-menu-item:focus-visible {
    box-shadow: inset 0 0 0 2px var(--app-focus);
}

[b-c9r81osu3a] .clinic-guide-action-menu-item:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

[b-c9r81osu3a] .clinic-guide-action-menu-item > i {
    align-items: center;
    display: inline-flex;
    flex: 0 0 1rem;
    font-size: 0.95rem;
    height: 1rem;
    justify-content: center;
    line-height: 1;
    text-align: center;
}

[b-c9r81osu3a] .clinic-guide-action-menu-item > i::before {
    vertical-align: 0;
}

.clinic-guide-action-menu-dropdown[hidden][b-c9r81osu3a] {
    display: none;
}

/* All action menus use the browser top layer to escape scrolling/containment clips.
   Coordinates are fitted to the viewport by the shared floating popup utility. */
.clinic-guide-action-menu-dropdown[b-c9r81osu3a] {
    /* Explicit intrinsic sizing avoids browser popover defaults stretching the grid. */
    inset: auto;
    width: max-content;
    height: max-content;
    min-width: min(12.5rem, calc(100vw - 1rem));
    box-sizing: border-box;
    margin: 0;
    overflow-y: auto;
    position: fixed;
}

.clinic-guide-action-menu-dropdown[b-c9r81osu3a]::backdrop {
    background: transparent;
    pointer-events: none;
}

.clinic-guide-action-menu-dropdown:not(:popover-open)[b-c9r81osu3a] {
    display: none;
}

/* Action menus use the same monochrome foreground for every action and state. */
.clinic-guide-action-menu-dropdown[b-c9r81osu3a]  .clinic-guide-action-menu-item :is(i, span) {
    color: #000;
}
/* /Components/Shared/DashboardChart.razor.rz.scp.css */
.dashboard-chart[b-lbexeiogha] { min-width: 0; }
.is-donut[b-lbexeiogha] { display: grid; grid-template-columns: minmax(120px, 170px) minmax(0, 1fr); align-items: center; gap: 1.75rem; }
.chart-ring[b-lbexeiogha] { width: 100%; max-width: 170px; aspect-ratio: 1; border-radius: 50%; position: relative; box-sizing: border-box; margin: auto; }
.chart-centre[b-lbexeiogha] { border-radius: 50%; background: #fff; position: absolute; inset: 23%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.chart-centre strong[b-lbexeiogha] { color: #0f172a; font-size: clamp(1.2rem, 2vw, 1.9rem); letter-spacing: -.04em; }
.chart-centre span[b-lbexeiogha] { color: #64748b; font-size: .75rem; }
.chart-values[b-lbexeiogha] { display: grid; gap: 1rem; list-style: none; padding: 0; margin: 0; min-width: 0; }
.chart-values li[b-lbexeiogha] { min-width: 0; }
.chart-label[b-lbexeiogha] { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; color: #475569; font-size: .85rem; }
.chart-label > span[b-lbexeiogha] { overflow-wrap: anywhere; }
.chart-label strong[b-lbexeiogha] { color: #0f172a; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.chart-key[b-lbexeiogha] { display: inline-block; width: 8px; height: 8px; border-radius: 3px; background: var(--chart-colour); margin-right: .5rem; }
.chart-values small[b-lbexeiogha] { display: block; color: #64748b; font-size: .75rem; margin-top: .3rem; }
.chart-track[b-lbexeiogha] { display: block; width: 100%; height: 9px; border-radius: 6px; background: #edf1f5; margin-top: .55rem; overflow: hidden; }
.chart-fill[b-lbexeiogha] { fill: var(--chart-colour); }
.chart-empty[b-lbexeiogha] { display: grid; min-height: 64px; place-items: center; padding: 1rem; text-align: center; color: #64748b; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 12px; grid-column: 1 / -1; }
@media (max-width: 480px) { .is-donut[b-lbexeiogha] { grid-template-columns: 1fr; gap: 1.25rem; } .chart-ring[b-lbexeiogha] { max-width: 165px; } }

.chart-ring-svg[b-lbexeiogha] { display: block; width: 100%; height: 100%; }
.chart-tone-0[b-lbexeiogha] { --chart-colour: #489d3f; }
.chart-tone-1[b-lbexeiogha] { --chart-colour: #3274d9; }
.chart-tone-2[b-lbexeiogha] { --chart-colour: #b77916; }
.chart-tone-3[b-lbexeiogha] { --chart-colour: #8060bd; }
.chart-tone-4[b-lbexeiogha] { --chart-colour: #c84c59; }
/* /Components/Shared/DashboardMetricItem.razor.rz.scp.css */
.dashboard-metric-item[b-4zqhmug7mn] {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    text-align: center;
}

.dashboard-metric-icon[b-4zqhmug7mn] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1rem;
}

.dashboard-metric-label[b-4zqhmug7mn],
.dashboard-metric-note[b-4zqhmug7mn] {
    max-width: 12rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.35;
}

.dashboard-metric-item strong[b-4zqhmug7mn] {
    color: #0f5fff;
    font-size: 1.75rem;
    line-height: 1;
    letter-spacing: 0;
}

.dashboard-metric-item-blue strong[b-4zqhmug7mn] {
    color: #0f5fff;
}

.dashboard-metric-item-red strong[b-4zqhmug7mn] {
    color: #dc2626;
}

.dashboard-metric-item-green strong[b-4zqhmug7mn] {
    color: #16a34a;
}

.dashboard-metric-item-amber strong[b-4zqhmug7mn] {
    color: #d97706;
}

.dashboard-metric-item-blue .dashboard-metric-icon[b-4zqhmug7mn] {
    color: #0f5fff;
    background: #e8f0ff;
}

.dashboard-metric-item-green .dashboard-metric-icon[b-4zqhmug7mn] {
    color: #16a34a;
    background: #dcfce7;
}

.dashboard-metric-item-amber .dashboard-metric-icon[b-4zqhmug7mn] {
    color: #d97706;
    background: #fef3c7;
}

.dashboard-metric-item-red .dashboard-metric-icon[b-4zqhmug7mn] {
    color: #dc2626;
    background: #fee2e2;
}
/* /Components/Shared/DashboardPanel.razor.rz.scp.css */
.dashboard-panel[b-kpu3lsyk71] {
    min-height: 220px;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)),
        #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.05);
}

.dashboard-panel-header[b-kpu3lsyk71] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1.25rem;
}

.dashboard-panel-header h2[b-kpu3lsyk71] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.3;
}

.dashboard-panel-header p[b-kpu3lsyk71] {
    margin: 0.15rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.35;
}

.dashboard-panel-icon[b-kpu3lsyk71] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #16a34a;
    background: #dcfce7;
}

.dashboard-panel-body[b-kpu3lsyk71] {
    min-width: 0;
}
/* /Components/Shared/DashboardStatCard.razor.rz.scp.css */
.dashboard-stat-card[b-nkt7mjvf87] {
    min-height: 100px;
    min-width: 0;
    container-type: inline-size;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
        #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.05);
}

.dashboard-stat-card.is-highlighted[b-nkt7mjvf87] {
    border-color: rgba(239, 68, 68, 0.36);
    box-shadow: 0 18px 45px rgba(239, 68, 68, 0.12);
}

.dashboard-stat-icon[b-nkt7mjvf87] {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.25rem;
}

.dashboard-stat-content[b-nkt7mjvf87] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.3rem 0.75rem;
}

.dashboard-stat-label[b-nkt7mjvf87] {
    grid-column: 2;
    grid-row: 2;
}

.dashboard-stat-note[b-nkt7mjvf87] {
    grid-column: 2;
    grid-row: 3;
    margin-top: 0.25rem;
}

.dashboard-stat-label[b-nkt7mjvf87],
.dashboard-stat-note[b-nkt7mjvf87] {
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-stat-content strong[b-nkt7mjvf87] {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    text-align: left;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    color: #0f172a;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0;
}

.dashboard-stat-action[b-nkt7mjvf87] {
    grid-column: 2;
    grid-row: 4;
    max-width: 100%;
    white-space: normal;
    width: fit-content;
    margin-top: 0.25rem;
}

.dashboard-stat-card-blue .dashboard-stat-icon[b-nkt7mjvf87] {
    color: #0f5fff;
    background: #e8f0ff;
}

.dashboard-stat-card-green .dashboard-stat-icon[b-nkt7mjvf87] {
    color: #15803d;
    background: #dcfce7;
}

.dashboard-stat-card-amber .dashboard-stat-icon[b-nkt7mjvf87] {
    color: #d97706;
    background: #fef3c7;
}

.dashboard-stat-card-red .dashboard-stat-icon[b-nkt7mjvf87] {
    color: #dc2626;
    background: #fee2e2;
}

@media (max-width: 640px) {
    .dashboard-stat-card[b-nkt7mjvf87] {
        padding: 1rem;
    }
}

@container (min-width: 280px) {
    .dashboard-stat-content:has(.dashboard-stat-action)[b-nkt7mjvf87] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .dashboard-stat-content:has(.dashboard-stat-action) .dashboard-stat-label[b-nkt7mjvf87],
    .dashboard-stat-content:has(.dashboard-stat-action) .dashboard-stat-note[b-nkt7mjvf87] {
        grid-column: 2 / -1;
    }

    .dashboard-stat-action[b-nkt7mjvf87] {
        grid-column: 3;
        grid-row: 1 / 3;
        align-self: start;
        justify-self: end;
        margin-top: 0;
    }
}

@container (max-width: 279px) {
    .dashboard-stat-action[b-nkt7mjvf87] {
        min-height: 44px;
    }
}
/* /Components/Shared/DemoPatientViewAction.razor.rz.scp.css */
.demo-patient-view-notice[b-r78y6ciwx2] {
    max-width: 24rem;
    white-space: normal;
    font-size: 0.8rem;
    line-height: 1.4;
}

.demo-patient-view-action.is-mobile-sidebar[b-r78y6ciwx2] {
    display: none;
}

.demo-patient-view-action .btn-app[b-r78y6ciwx2] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .demo-patient-view-action.is-desktop-topbar[b-r78y6ciwx2] {
        display: none;
    }

    .demo-patient-view-action.is-mobile-sidebar[b-r78y6ciwx2] {
        display: block;
    }

    .demo-patient-view-action.is-mobile-sidebar .btn-app[b-r78y6ciwx2] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Shared/ErrorContent.razor.rz.scp.css */
.error-card[b-n4m5o7dxk8] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: var(--app-card-radius);
    box-shadow: var(--app-shadow-card);
    color: var(--app-text);
    margin: 0 auto;
    max-width: 40rem;
    padding: var(--app-card-padding-lg);
    width: 100%;
}

.error-status[b-n4m5o7dxk8] { align-items: center; display: flex; gap: 0.75rem; margin-bottom: 1.25rem; }
.error-icon[b-n4m5o7dxk8] {
    align-items: center;
    background: var(--theme-light);
    border-radius: var(--radius-md);
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1.4rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}
.error-code[b-n4m5o7dxk8] { color: var(--app-muted); font-size: var(--font-size-small); font-weight: var(--font-weight-strong); }
.error-card h1[b-n4m5o7dxk8] {
    font-size: clamp(1.5rem, 4vw, var(--font-size-heading-lg));
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    margin: 0 0 0.75rem;
}
.error-message[b-n4m5o7dxk8] { color: var(--app-muted); line-height: var(--line-height-body); margin: 0; }
.error-actions[b-n4m5o7dxk8] { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.error-reference[b-n4m5o7dxk8] {
    border-top: 1px solid var(--app-border);
    color: var(--app-muted);
    font-size: var(--font-size-small);
    margin: 1.5rem 0 0;
    padding-top: 1rem;
}
.error-reference code[b-n4m5o7dxk8] { color: var(--app-text); display: block; margin-top: 0.35rem; overflow-wrap: anywhere; }

@media (max-width: 480px) {
    .error-actions[b-n4m5o7dxk8] { flex-direction: column; }
    .error-actions a[b-n4m5o7dxk8] { white-space: normal; }
}
/* /Components/Shared/FaqCommonTopicsCard.razor.rz.scp.css */
.faq-common-topics-card[b-65kr7j2hld] {
    box-shadow: none;
    gap: 0.65rem;
    padding: 1rem;
}

.faq-common-topics-card h2[b-65kr7j2hld] {
    color: var(--colour-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.faq-common-topics-list[b-65kr7j2hld] {
    display: grid;
    gap: 0.4rem;
}

.faq-common-topic-link[b-65kr7j2hld] {
    --btn-app-bg: var(--colour-light-blue);
    background: var(--colour-light-blue);
    color: var(--colour-text);
    display: grid;
    font-size: 0.78rem;
    font-weight: 400;
    gap: 0.55rem;
    grid-template-columns: 1.15rem minmax(0, 1fr) auto;
    justify-content: initial;
    line-height: 1.3;
    min-width: 0;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.faq-common-topic-link > span[b-65kr7j2hld] {
    min-width: 0;
}

.faq-common-topic-icon[b-65kr7j2hld],
.faq-common-topic-chevron[b-65kr7j2hld],
.faq-common-topics-all[b-65kr7j2hld] {
    color: var(--colour-primary-blue);
}

.faq-common-topic-icon[b-65kr7j2hld],
.faq-common-topic-chevron[b-65kr7j2hld] {
    align-self: center;
    line-height: 1;
}

.faq-common-topic-chevron[b-65kr7j2hld] {
    font-size: 0.72rem;
    justify-self: end;
}

.faq-common-topics-all[b-65kr7j2hld] {
    grid-template-columns: minmax(0, 1fr) auto;
    font-weight: 700;
}
/* /Components/Shared/FaqManagementRow.razor.rz.scp.css */
.management-faq-row[b-bxg2vhcgth] {
    border-bottom: 1px solid var(--colour-border);
    min-width: 0;
    padding: 0.85rem;
}

.management-faq-header[b-bxg2vhcgth] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.management-faq-icon[b-bxg2vhcgth],
.management-faq-answer-icon[b-bxg2vhcgth] {
    align-items: center;
    background: var(--theme-light);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    justify-content: center;
}

.management-faq-icon[b-bxg2vhcgth] { height: 2.5rem; width: 2.5rem; font-size: 1.2rem; }
.management-faq-summary[b-bxg2vhcgth] { min-width: 0; }
.management-faq-summary h3[b-bxg2vhcgth] { margin: 0; font-size: 0.9rem; line-height: 1.45; }
.management-faq-question[b-bxg2vhcgth] {
    background: transparent;
    border: 0;
    color: var(--colour-text);
    cursor: pointer;
    display: block;
    font: inherit;
    font-weight: 650;
    overflow-wrap: anywhere;
    padding: 0;
    text-align: left;
    width: 100%;
}
.management-faq-question:focus-visible[b-bxg2vhcgth] { outline: 2px solid var(--theme-primary); outline-offset: 3px; border-radius: 3px; }
.management-faq-pills[b-bxg2vhcgth] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.35rem; }
.management-faq-pills .guide-meta-pill[b-bxg2vhcgth] { white-space: normal; overflow-wrap: anywhere; }
.management-faq-actions[b-bxg2vhcgth] { display: flex; gap: 0.5rem; }
.management-faq-answer[b-bxg2vhcgth] {
    background: var(--theme-light);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-top: 0.75rem;
    padding: 0.85rem;
}
.management-faq-answer[hidden][b-bxg2vhcgth] { display: none; }
.management-faq-answer-icon[b-bxg2vhcgth] { height: 1.75rem; width: 1.75rem; font-weight: 700; background: var(--colour-surface); }
.management-faq-answer p[b-bxg2vhcgth] { color: var(--colour-text-secondary); font-size: 0.85rem; line-height: 1.6; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }

@media (max-width: 480px) {
    .management-faq-header[b-bxg2vhcgth] { gap: 0.5rem; }
    .management-faq-icon[b-bxg2vhcgth] { height: 1.75rem; width: 1.75rem; font-size: 1rem; }
    .management-faq-actions[b-bxg2vhcgth] { gap: 0.25rem; }
}
/* /Components/Shared/FloatingAsideTrigger.razor.rz.scp.css */
@property --floating-aside-trigger-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

.floating-aside-trigger[b-bbtbvvqqz0] {
    display: none;
}

.floating-aside-trigger[hidden][b-bbtbvvqqz0] {
    display: none;
}

@media (max-width: 1105px) {
    .floating-aside-trigger[b-bbtbvvqqz0] {
        align-items: center;
        background: var(--colour-surface);
        border: 1px solid transparent;
        border-radius: 0.875rem;
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        box-shadow: 0 10px 28px rgba(29, 65, 110, 0.2);
        color: var(--theme-primary);
        cursor: pointer;
        display: inline-flex;
        height: 3.25rem;
        isolation: isolate;
        justify-content: center;
        line-height: 1;
        opacity: 1;
        padding: 0;
        position: fixed;
        right: calc(1rem + env(safe-area-inset-right, 0px));
        transition: box-shadow 160ms ease, color 160ms ease, opacity 120ms ease;
        visibility: visible;
        width: 3.25rem;
        z-index: 22;
    }

    .floating-aside-trigger[b-bbtbvvqqz0]::before {
        animation: floating-aside-trigger-outline-b-bbtbvvqqz0 3.2s linear infinite;
        background: conic-gradient(
            from var(--floating-aside-trigger-angle),
            var(--colour-primary-blue),
            var(--colour-light-blue-strong) 24%,
            var(--colour-primary-blue-hover) 48%,
            var(--colour-light-blue) 72%,
            var(--colour-primary-blue));
        border-radius: calc(0.875rem + 2px);
        content: "";
        inset: -2px;
        padding: 2px;
        pointer-events: none;
        position: absolute;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    .floating-aside-trigger > i[b-bbtbvvqqz0] {
        font-size: 1.2rem;
    }

    .floating-aside-trigger:hover[b-bbtbvvqqz0] {
        box-shadow: 0 12px 32px rgba(29, 65, 110, 0.26);
        color: var(--colour-primary-blue-hover);
    }

    .floating-aside-trigger:hover[b-bbtbvvqqz0]::before,
    .floating-aside-trigger:focus-visible[b-bbtbvvqqz0]::before,
    .floating-aside-trigger.is-drawer-open[b-bbtbvvqqz0]::before {
        animation-play-state: paused;
    }

    .floating-aside-trigger:focus-visible[b-bbtbvvqqz0] {
        outline: 3px solid var(--app-focus);
        outline-offset: 4px;
    }

    .floating-aside-trigger.is-drawer-open[b-bbtbvvqqz0] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
}

@media (min-width: 1106px) and (max-width: 1600px) {
    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"]:not([hidden])[b-bbtbvvqqz0] {
        align-items: center;
        background: var(--colour-surface);
        border: 1px solid transparent;
        border-radius: 0.875rem;
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        box-shadow: 0 10px 28px rgba(29, 65, 110, 0.2);
        color: var(--theme-primary);
        cursor: pointer;
        display: inline-flex;
        height: 3.25rem;
        isolation: isolate;
        justify-content: center;
        line-height: 1;
        opacity: 1;
        padding: 0;
        position: fixed;
        right: calc(1rem + env(safe-area-inset-right, 0px));
        transition: box-shadow 160ms ease, color 160ms ease, opacity 120ms ease;
        visibility: visible;
        width: 3.25rem;
        z-index: 22;
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"][b-bbtbvvqqz0]::before {
        animation: floating-aside-trigger-outline-b-bbtbvvqqz0 3.2s linear infinite;
        background: conic-gradient(
            from var(--floating-aside-trigger-angle),
            var(--colour-primary-blue),
            var(--colour-light-blue-strong) 24%,
            var(--colour-primary-blue-hover) 48%,
            var(--colour-light-blue) 72%,
            var(--colour-primary-blue));
        border-radius: calc(0.875rem + 2px);
        content: "";
        inset: -2px;
        padding: 2px;
        pointer-events: none;
        position: absolute;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"] > i[b-bbtbvvqqz0] {
        font-size: 1.2rem;
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"]:hover[b-bbtbvvqqz0] {
        box-shadow: 0 12px 32px rgba(29, 65, 110, 0.26);
        color: var(--colour-primary-blue-hover);
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"]:hover[b-bbtbvvqqz0]::before,
    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"]:focus-visible[b-bbtbvvqqz0]::before,
    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"].is-drawer-open[b-bbtbvvqqz0]::before {
        animation-play-state: paused;
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"]:focus-visible[b-bbtbvvqqz0] {
        outline: 3px solid var(--app-focus);
        outline-offset: 4px;
    }

    .floating-aside-trigger[data-responsive-aside-breakpoint="1600"].is-drawer-open[b-bbtbvvqqz0] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
}

@keyframes floating-aside-trigger-outline-b-bbtbvvqqz0 {
    to { --floating-aside-trigger-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
    .floating-aside-trigger[b-bbtbvvqqz0],
    .floating-aside-trigger[b-bbtbvvqqz0]::before {
        animation: none;
        transition: none;
    }
}
/* /Components/Shared/GenericModal.razor.rz.scp.css */
.generic-modal-backdrop[b-mvobbayheb] {
    align-items: center;
    background: rgba(31, 45, 38, 0.42);
    border: 0;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    inset: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    max-height: none;
    max-width: none;
    justify-content: center;
    padding: 1rem;
    position: fixed;
}

dialog.generic-modal-backdrop:not([open])[b-mvobbayheb] {
    display: none;
}

/* The full-viewport dialog supplies the scrim, including on visual-viewport resize. */
.generic-modal-backdrop[b-mvobbayheb]::backdrop {
    background: transparent;
}

.generic-modal[b-mvobbayheb] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(31, 45, 38, 0.2);
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-height: min(720px, calc(100vh - 2rem));
    max-height: min(720px, calc(100dvh - 2rem));
    max-width: min(var(--generic-modal-max-width, 760px), calc(100vw - 2rem));
    overflow: hidden;
    width: 100%;
}

.generic-modal-narrow[b-mvobbayheb] {
    --generic-modal-max-width: 520px;
}

.generic-modal-default[b-mvobbayheb] {
    --generic-modal-max-width: 760px;
}

.generic-modal-wide[b-mvobbayheb] {
    --generic-modal-max-width: 1120px;
}

.generic-modal-extra-wide[b-mvobbayheb] {
    --generic-modal-max-width: 1240px;
}

.generic-modal-header[b-mvobbayheb],
.generic-modal-footer[b-mvobbayheb] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.generic-modal-header[b-mvobbayheb] {
    align-items: flex-start;
    border-bottom: 1px solid var(--colour-border);
}

.generic-modal-footer[b-mvobbayheb] {
    border-top: 1px solid var(--colour-border);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.generic-modal-footer .btn-app[b-mvobbayheb] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.generic-modal-title[b-mvobbayheb] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 0.75rem;
    min-width: 0;
}

.generic-modal-title > div[b-mvobbayheb] {
    min-width: 0;
}

.generic-modal-header-content[b-mvobbayheb] {
    align-items: center;
    align-self: center;
    display: flex;
    flex: 0 0 auto;
}

.generic-modal-title h2[b-mvobbayheb] {
    color: var(--colour-text);
    font-size: 1.1rem;
    margin: 0;
}

.generic-modal-title p[b-mvobbayheb] {
    color: var(--colour-text-secondary);
    font-size: 0.9rem;
    margin: 0.15rem 0 0;
}

.generic-modal-icon[b-mvobbayheb] {
    align-items: center;
    background: var(--colour-light-green);
    border-radius: 8px;
    color: var(--colour-primary-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.generic-modal.patient-review-modal .generic-modal-icon[b-mvobbayheb] {
    background: var(--colour-surface);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 40%, var(--colour-border));
    color: var(--theme-primary);
}

.generic-modal-close[b-mvobbayheb] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-left: auto;
    min-width: 2rem;
    width: 2rem;
}

.generic-modal-body[b-mvobbayheb] {
    min-height: 0;
    overflow: auto;
    padding: 1.25rem;
}

.generic-modal-body[b-mvobbayheb]  .form-field {
    align-content: start;
}

.generic-modal-search-expanded > .generic-modal-body:has(.search-select-menu)[b-mvobbayheb] {
    min-height: min(20rem, calc(100vh - 11rem));
}

.generic-modal-search-expanded.generic-modal-height-persistent[b-mvobbayheb] {
    height: min(720px, calc(100vh - 2rem));
}

.generic-modal-search-expanded.generic-modal-height-persistent > .generic-modal-body:has(.search-select-menu)[b-mvobbayheb] {
    height: auto;
}

.generic-modal-native-select-expanded > .generic-modal-body:has(.form-select:focus)[b-mvobbayheb] {
    height: min(13rem, calc(100vh - 11rem));
}

@media (max-width: 700px) {
    .generic-modal-backdrop[b-mvobbayheb] {
        --generic-modal-available-height: calc(var(--generic-modal-viewport-height, 100dvh) - 1.5rem);
        --generic-modal-viewport-gutter: 1.5rem;
        padding: 0.75rem;
    }

    .generic-modal[b-mvobbayheb] {
        max-height: calc(100vh - 1.5rem);
        max-height: calc(100dvh - 1.5rem);
        max-width: min(var(--generic-modal-max-width, 760px), calc(100vw - 1.5rem));
    }

    .generic-modal-search-expanded.generic-modal-height-persistent[b-mvobbayheb] {
        height: calc(100vh - 1.5rem);
        height: calc(100dvh - 1.5rem);
    }
}

@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
    .generic-modal-backdrop[b-mvobbayheb] {
        box-sizing: border-box;
        height: 100vh;
        height: var(--generic-modal-viewport-height, 100dvh);
        inset: auto;
        left: var(--generic-modal-viewport-left, 0px);
        overflow: hidden;
        overscroll-behavior: none;
        top: var(--generic-modal-viewport-top, 0px);
        width: 100vw;
        width: var(--generic-modal-viewport-width, 100vw);
    }

    .generic-modal[b-mvobbayheb] {
        max-height: var(
            --generic-modal-available-height,
            min(720px, calc(var(--generic-modal-viewport-height, 100dvh) - 2rem)));
        max-width: min(
            var(--generic-modal-max-width, 760px),
            calc(var(--generic-modal-viewport-width, 100vw) - var(--generic-modal-viewport-gutter, 2rem)));
    }

    .generic-modal-search-expanded.generic-modal-height-persistent[b-mvobbayheb] {
        height: var(
            --generic-modal-available-height,
            min(720px, calc(var(--generic-modal-viewport-height, 100dvh) - 2rem)));
    }

    .generic-modal:has(.search-select-open, .search-multi-select-open)[b-mvobbayheb] {
        height: var(
            --generic-modal-available-height,
            calc(var(--generic-modal-viewport-height, 100dvh) - 2rem));
        max-height: var(
            --generic-modal-available-height,
            calc(var(--generic-modal-viewport-height, 100dvh) - 2rem));
    }

    .generic-modal-body[b-mvobbayheb] {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        overflow-x: hidden;
        overflow-y: auto;
    }

    /*
     * Touch layouts use the modal body as the only vertical scrolling surface.
     * SearchSelect's desktop menu is absolutely positioned and internally
     * scrollable, so return it to document flow inside a modal.
     */
    .generic-modal-body[b-mvobbayheb]  .search-select-menu {
        bottom: auto !important;
        margin: 0.25rem 0 0 !important;
        max-height: none;
        overflow-y: visible;
        position: relative !important;
        top: auto !important;
        touch-action: pan-y;
        z-index: 1050;
    }

    /* Keep the open input above SearchSelect's fixed outside-click backdrop. */
    .generic-modal-body[b-mvobbayheb]  .search-select-open .search-select-control {
        z-index: 1051;
    }

    /*
     * SearchMultiSelect is already in flow. Remove its nested 200px scroller
     * and Bootstrap's overflow-hidden utility so all results remain reachable.
     */
    .generic-modal-body[b-mvobbayheb]  .search-multi-select-menu {
        overflow: visible !important;
        touch-action: pan-y;
    }

    .generic-modal-body[b-mvobbayheb]  .search-multi-select-options {
        max-height: none;
        overflow-y: visible;
    }

    .generic-modal-body[b-mvobbayheb]  .search-multi-select-actions {
        flex-wrap: wrap;
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .generic-modal-body[b-mvobbayheb]  .search-multi-select-actions .btn-app,
    .generic-modal-body[b-mvobbayheb]  .search-select-option,
    .generic-modal-body[b-mvobbayheb]  .search-multi-select-option {
        min-height: 2.75rem;
    }

    .generic-modal-body:has(.search-select-menu, .search-multi-select-menu)[b-mvobbayheb] {
        scroll-padding-block: 3.25rem 1rem;
    }

    /* The old minimum-height workaround is only needed by the desktop menu. */
    .generic-modal-search-expanded > .generic-modal-body:has(.search-select-menu)[b-mvobbayheb] {
        min-height: 0;
    }
}
/* /Components/Shared/GuideAssetAltTextModal.razor.rz.scp.css */
.guide-asset-alt-preview[b-g8t08gpvpg] {
    display: grid;
    gap: 0.45rem;
    margin: 0 0 1rem;
}

.guide-asset-alt-preview img[b-g8t08gpvpg] {
    display: block;
    width: 100%;
    max-height: min(42vh, 22rem);
    object-fit: contain;
    border: 1px solid var(--colour-border);
    border-radius: 0.75rem;
    background: var(--colour-light-blue);
}

.guide-asset-alt-preview figcaption[b-g8t08gpvpg] {
    color: var(--colour-text-secondary);
    font-size: 0.82rem;
}
/* /Components/Shared/GuideAssetEditor.razor.rz.scp.css */
.guide-asset-editor[b-ykdq6jegf9] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.guide-asset-target-notice[b-ykdq6jegf9] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--theme-light) 68%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--theme-primary) 45%, var(--colour-border));
    border-radius: 8px;
    color: var(--colour-text);
    display: flex;
    gap: 0.65rem;
    padding: 0.75rem;
}

.guide-asset-target-notice > i[b-ykdq6jegf9] {
    color: var(--theme-primary);
    font-size: 1.05rem;
    margin-top: 0.05rem;
}

.guide-asset-target-notice strong[b-ykdq6jegf9],
.guide-asset-target-notice span[b-ykdq6jegf9] {
    display: block;
}

.guide-asset-target-notice span[b-ykdq6jegf9] {
    font-size: 0.82rem;
}

.guide-asset-summary[b-ykdq6jegf9] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
}

.guide-asset-summary > div[b-ykdq6jegf9],
.guide-asset-summary strong[b-ykdq6jegf9],
.guide-asset-occurrence-count[b-ykdq6jegf9] {
    display: block;
    min-width: 0;
}

.guide-asset-summary strong[b-ykdq6jegf9] {
    overflow-wrap: anywhere;
}

.guide-asset-thumbnail[b-ykdq6jegf9] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 6px;
    height: 3.25rem;
    object-fit: cover;
    width: 3.25rem;
}

.guide-asset-occurrence-count[b-ykdq6jegf9] {
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.guide-asset-editor[b-ykdq6jegf9]  .guide-asset-item {
    align-items: flex-start;
}

.guide-asset-editor[b-ykdq6jegf9]  .guide-asset-actions {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-width: 0;
}

.guide-asset-editor[b-ykdq6jegf9]  .guide-asset-url {
    grid-column: 1 / -1;
}

.guide-asset-editor[b-ykdq6jegf9]  .guide-asset-insert {
    grid-column: 1;
    padding-inline: 0.75rem;
    width: auto;
}

.guide-asset-editor[b-ykdq6jegf9]  .guide-asset-alt-edit {
    grid-column: 3;
}

.guide-asset-add-control.disabled[b-ykdq6jegf9] {
    opacity: 0.58;
    pointer-events: none;
}

.guide-asset-disabled-message[b-ykdq6jegf9] {
    margin: 0;
}
/* /Components/Shared/GuideCarousel.razor.rz.scp.css */
.guide-carousel[b-eku9g6lqap] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 0;
}

.guide-carousel-header[b-eku9g6lqap] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.guide-carousel-header h2[b-eku9g6lqap],
.guide-carousel-header h3[b-eku9g6lqap],
.guide-carousel-header h4[b-eku9g6lqap] {
    font-size: 1.1rem;
    margin: 0;
}

.guide-carousel-title-row[b-eku9g6lqap] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.guide-carousel-title-row > span[b-eku9g6lqap] {
    background: var(--theme-light);
    border-radius: 999px;
    color: var(--theme-primary);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.5rem;
}

.guide-carousel-controls[b-eku9g6lqap] {
    display: flex;
    gap: 0.5rem;
}

.guide-carousel-controls[hidden][b-eku9g6lqap] {
    display: none;
}

.guide-carousel-controls-slot[b-eku9g6lqap],
.guide-carousel-pagination-slot[b-eku9g6lqap] {
    display: contents;
}

.guide-carousel.preserve-navigation-space .guide-carousel-controls-slot[b-eku9g6lqap] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 2rem;
    min-width: 4.5rem;
}

.guide-carousel.preserve-navigation-space .guide-carousel-pagination-slot[b-eku9g6lqap] {
    display: block;
    min-height: 0.9rem;
}

.guide-carousel-track[b-eku9g6lqap] {
    display: grid;
    gap: 1rem;
    grid-auto-columns: clamp(260px, 24%, 300px);
    grid-auto-flow: column;
    margin: 0;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    padding: 0.25rem 0 1rem;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

@media (min-width: 1201px) {
    .guide-carousel-track[b-eku9g6lqap] {
        grid-auto-columns: calc((100% - 3rem) / 4);
    }
}

.guide-carousel-track[b-eku9g6lqap]::-webkit-scrollbar {
    display: none;
}

.guide-carousel-track:focus-visible[b-eku9g6lqap] {
    border-radius: 8px;
    outline: 2px solid var(--app-focus);
    outline-offset: 3px;
}

.guide-carousel-card[b-eku9g6lqap] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    color: var(--colour-text);
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    overflow: hidden;
    scroll-snap-align: start;
    text-decoration: none;
    transition: border-color 150ms ease, transform 150ms ease;
}

.guide-carousel-card:hover[b-eku9g6lqap] {
    border-color: color-mix(in srgb, var(--theme-primary) 38%, var(--colour-border));
    color: var(--colour-text);
    transform: translateY(-2px);
}

.guide-carousel-card:focus-visible[b-eku9g6lqap] {
    outline: 2px solid var(--app-focus);
    outline-offset: 3px;
}

.guide-carousel-media[b-eku9g6lqap] {
    aspect-ratio: 16 / 9;
    background: color-mix(in srgb, var(--theme-primary) 10%, var(--colour-surface));
    display: block;
    overflow: hidden;
}

.guide-carousel-media img[b-eku9g6lqap] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.guide-carousel:not(.is-compact) .guide-carousel-media[b-eku9g6lqap] {
    align-self: start;
    position: relative;
    width: 100%;
}

.guide-carousel:not(.is-compact) .guide-carousel-media img[b-eku9g6lqap] {
    inset: 0;
    position: absolute;
}

.guide-carousel-placeholder[b-eku9g6lqap] {
    align-items: center;
    color: var(--theme-primary);
    display: flex;
    font-size: 2rem;
    height: 100%;
    justify-content: center;
}

.guide-carousel-body[b-eku9g6lqap] {
    display: grid;
    gap: 0.45rem;
    padding: 0.9rem 0.9rem 3.35rem;
    position: relative;
}

.guide-carousel:not(.is-compact) .guide-carousel-body[b-eku9g6lqap] {
    box-sizing: border-box;
    min-height: 9.6rem;
}

.guide-carousel-body h3[b-eku9g6lqap] {
    font-size: 0.98rem;
    line-height: 1.3;
    margin: 0;
}

.guide-carousel-body h3[b-eku9g6lqap] {
    color: var(--colour-text);
}

.guide-carousel-body p[b-eku9g6lqap] {
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.8rem;
    line-height: 1.45;
    margin: 0;
    max-height: calc(2 * 1.45em);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.guide-carousel-meta[b-eku9g6lqap] {
    align-items: center;
    bottom: 0.9rem;
    display: flex;
    gap: 0.45rem;
    left: 0.9rem;
    max-width: calc(100% - 4.5rem);
    position: absolute;
    width: calc(100% - 4.5rem);
}

.guide-carousel-read[b-eku9g6lqap] {
    --btn-app-text: var(--colour-text-secondary);
    bottom: 0.7rem;
    position: absolute;
    right: 0.9rem;
}

.guide-carousel.is-compact .guide-carousel-track[b-eku9g6lqap] {
    gap: 0.75rem;
    grid-auto-columns: calc((100% - 0.75rem) / 2);
    padding: 0.15rem 0 0.5rem;
}

.guide-carousel.is-compact .guide-carousel-card[b-eku9g6lqap] {
    border-radius: 9px;
    grid-template-columns: minmax(7.5rem, 46%) minmax(0, 1fr);
    grid-template-rows: 6.125rem;
    height: 6.125rem;
}

.guide-carousel.is-compact .guide-carousel-media[b-eku9g6lqap] {
    background: var(--colour-surface);
    height: 100%;
    min-height: 0;
}

.guide-carousel.is-compact .guide-carousel-body[b-eku9g6lqap] {
    gap: 0.25rem;
    grid-template-rows: auto 1fr;
    height: 100%;
    min-width: 0;
    padding: 0.5rem;
}

.guide-carousel.is-compact .guide-carousel-body h3[b-eku9g6lqap] {
    font-size: 0.74rem;
    line-height: 1.35;
}

.guide-carousel.is-compact .guide-carousel-body p[b-eku9g6lqap] {
    display: none;
}

.guide-carousel.is-compact .guide-carousel-meta[b-eku9g6lqap] {
    align-self: end;
    bottom: auto;
    gap: 0.25rem;
    left: auto;
    max-width: 100%;
    position: static;
    width: 100%;
}

.guide-carousel.is-compact .guide-meta-pill[b-eku9g6lqap] {
    align-items: center;
    background: var(--colour-light-green);
    border-radius: 999px;
    color: var(--colour-primary-green);
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 0.55rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 100%;
    padding: 0.12rem 0.32rem;
    width: max-content;
}

.guide-carousel.is-compact .guide-carousel-read[b-eku9g6lqap] {
    bottom: auto;
    font-size: 0.7rem;
    margin-left: auto;
    min-height: 1.7rem;
    position: static;
    right: auto;
    width: 1.7rem;
}

@media (max-width: 700px) {
    .guide-carousel-track[b-eku9g6lqap] {
        grid-auto-columns: min(86vw, 280px);
    }

    .guide-carousel.is-compact .guide-carousel-track[b-eku9g6lqap] {
        grid-auto-columns: min(82vw, 280px);
    }
}
/* /Components/Shared/GuideForm.razor.rz.scp.css */
.guide-editor-form-grid:not(.guide-editor-step-layout) > .guide-editor-card[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-editor-main[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-editor-fields[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-editor-step[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-details-secondary-row[b-en2pjei49y] {
    display: contents;
}

.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-editor-step-heading[b-en2pjei49y] {
    display: none;
}

.guide-editor-form-grid:not(.guide-editor-step-layout) .clinic-modal-full[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout) .guide-editor-preview-panel[b-en2pjei49y],
.guide-editor-form-grid:not(.guide-editor-step-layout)[b-en2pjei49y]  .guide-content-form-field {
    grid-column: 1 / -1;
    min-width: 0;
}

.guide-editor-step-layout[b-en2pjei49y] {
    align-items: start;
    gap: 1.25rem;
    grid-template-columns: minmax(17rem, 1fr) minmax(30rem, 2fr) minmax(17rem, 1fr);
    padding: 0;
}

.guide-editor-card[b-en2pjei49y],
.guide-editor-main[b-en2pjei49y],
.guide-editor-preview-panel[b-en2pjei49y],
.guide-editor-side-rail[b-en2pjei49y],
.guide-editor-side-card[b-en2pjei49y],
.guide-editor-fields[b-en2pjei49y],
.guide-editor-step[b-en2pjei49y] {
    min-width: 0;
}

.guide-editor-step-layout .guide-editor-card[b-en2pjei49y] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    display: grid;
    overflow: hidden;
}

.guide-editor-details-header[b-en2pjei49y],
.guide-editor-content-header[b-en2pjei49y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.25rem;
}

.guide-editor-step-layout .guide-editor-main[b-en2pjei49y] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.25rem;
}

.guide-editor-step-layout .guide-editor-fields[b-en2pjei49y] {
    display: grid;
    gap: 1.25rem;
}

.guide-editor-step-layout .guide-editor-step[b-en2pjei49y] {
    display: grid;
    gap: 1rem;
}

.guide-editor-details-card .guide-editor-step + .guide-editor-step[b-en2pjei49y] {
    border-top: 1px solid var(--app-border-soft);
    padding-top: 1.25rem;
}

.guide-editor-step-layout .guide-details-secondary-row[b-en2pjei49y] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.guide-editor-step-layout .guide-sort-field[b-en2pjei49y] {
    max-width: none;
}

.guide-editor-step-heading[b-en2pjei49y] {
    color: var(--colour-text);
    font-size: 1.05rem;
    margin: 0;
}

.guide-editor-step-layout .guide-main-image-editor[b-en2pjei49y] {
    grid-template-columns: minmax(0, 1fr);
}

.guide-editor-step-layout .guide-main-image-preview[b-en2pjei49y],
.guide-editor-step-layout .guide-main-image-controls[b-en2pjei49y] {
    width: 100%;
}

.guide-main-image-controls[b-en2pjei49y] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.guide-main-image-controls[b-en2pjei49y]  .guide-main-image-remove {
    width: 100%;
}

.guide-main-image-controls .guide-card-meta[b-en2pjei49y] {
    margin: 0;
}

.guide-editor-content-card[b-en2pjei49y] {
    align-self: stretch;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: visible !important;
}

.guide-editor-content-card .guide-editor-main[b-en2pjei49y] {
    align-content: stretch;
    min-height: 0;
}

.guide-editor-content-card[b-en2pjei49y]  .guide-content-form-field {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
}

.guide-editor-content-card[b-en2pjei49y]  .guide-content-editor {
    grid-template-rows: auto auto minmax(20rem, 1fr);
    height: 100%;
    min-height: 0;
}

.guide-editor-content-card[b-en2pjei49y]  .guide-simple-editor,
.guide-editor-content-card[b-en2pjei49y]  .guide-html-editor {
    height: 100%;
    min-height: 100%;
}

.guide-editor-side-rail[b-en2pjei49y] {
    align-self: start;
    display: grid;
    gap: 1.25rem;
}

.guide-editor-side-card[b-en2pjei49y] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.guide-editor-side-card-header[b-en2pjei49y] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.guide-editor-side-card-header h2[b-en2pjei49y] {
    color: var(--colour-text);
    font-size: 1.05rem;
    margin: 0;
}

.guide-editor-side-card-title[b-en2pjei49y] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.guide-editor-side-card-header p[b-en2pjei49y] {
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0.25rem 0 0;
}

.guide-editor-side-card[b-en2pjei49y]  .care-plan-editor-section {
    margin-top: 0 !important;
}

@media (min-width: 1201px) {
    .guide-editor-step-layout > .guide-editor-details-card[b-en2pjei49y],
    .guide-editor-step-layout > .guide-editor-side-rail[b-en2pjei49y] {
        max-height: calc(100vh - 5.1rem);
        max-height: calc(100dvh - 5.1rem);
        position: sticky;
        top: 0.25rem;
    }

    .guide-editor-step-layout > .guide-editor-details-card[b-en2pjei49y] {
        grid-template-rows: auto minmax(0, 1fr);
        overflow: hidden;
    }

    .guide-editor-step-layout > .guide-editor-details-card > .guide-editor-main[b-en2pjei49y],
    .guide-editor-step-layout > .guide-editor-side-rail[b-en2pjei49y] {
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-gutter: stable;
    }
}

@media (max-width: 1200px) {
    .guide-editor-step-layout[b-en2pjei49y] {
        grid-template-columns: minmax(17rem, 1fr) minmax(28rem, 2fr);
    }

    .guide-editor-side-rail[b-en2pjei49y] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

.guide-editor-assets-card[b-en2pjei49y] {
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.guide-editor-assets-card.is-targeting[b-en2pjei49y] {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--theme-primary) 20%, transparent), var(--shadow-card);
}

@media (max-width: 800px) {
    .guide-editor-step-layout[b-en2pjei49y] {
        grid-template-columns: minmax(0, 1fr);
    }

    .guide-editor-side-rail[b-en2pjei49y] {
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .guide-editor-details-header[b-en2pjei49y],
    .guide-editor-content-header[b-en2pjei49y],
    .guide-editor-step-layout .guide-editor-main[b-en2pjei49y] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guide-editor-assets-card[b-en2pjei49y] {
        transition: none;
    }
}
/* /Components/Shared/GuideHeaderMedia.razor.rz.scp.css */
.guide-header-media[b-revgmu1ukr] {
    width: 100%;
}

.guide-header-media:empty[b-revgmu1ukr] {
    display: none;
}

.guide-header-media img[b-revgmu1ukr],
.guide-header-media video[b-revgmu1ukr],
.guide-header-media iframe[b-revgmu1ukr] {
    aspect-ratio: 16 / 9;
    background: var(--colour-surface);
    border: 0;
    border-radius: 8px;
    display: block;
    height: auto;
    margin-inline: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.guide-header-media iframe[b-revgmu1ukr] {
    height: auto;
}

.guide-external-video-consent[b-revgmu1ukr] {
    align-items: center;
    aspect-ratio: 16 / 9;
    background: var(--colour-surface);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.guide-external-video-consent > img[b-revgmu1ukr] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    opacity: 0.3;
    position: absolute;
    width: 100%;
}

.guide-external-video-consent-content[b-revgmu1ukr] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 34rem;
    padding: 1.25rem;
    position: relative;
    text-align: center;
}

.guide-external-video-consent-content p[b-revgmu1ukr] {
    margin: 0;
}
/* /Components/Shared/GuideManagementList.razor.rz.scp.css */
.clinic-guides-panel[b-b9da32909m] {
    container: management-guides / inline-size;
}

.management-guide-grid[b-b9da32909m] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
}

.management-guide-card[b-b9da32909m] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.management-guide-media[b-b9da32909m] {
    aspect-ratio: 16 / 9;
    background: var(--colour-light-blue);
    border-radius: 9px 9px 0 0;
    flex: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.management-guide-media > img[b-b9da32909m],
.management-guide-media > .guide-card-placeholder[b-b9da32909m] {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.management-guide-media > img[b-b9da32909m] {
    display: block;
    object-fit: contain;
}

.management-guide-summary[b-b9da32909m] {
    padding: 0.85rem 0.85rem 0;
    overflow-wrap: anywhere;
}

.management-guide-summary h3[b-b9da32909m] {
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.35;
    margin: 0;
}

.management-guide-summary p[b-b9da32909m] {
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0.4rem 0 0;
}

.management-guide-footer[b-b9da32909m] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: auto;
    padding: 0.85rem;
}

.management-guide-pills[b-b9da32909m] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.management-guide-pills .guide-meta-pill[b-b9da32909m] {
    margin: 0;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
}

.management-guide-actions[b-b9da32909m] {
    display: flex;
    justify-content: end;
}

@container management-guides (min-width: 600px) {
    .management-guide-grid[b-b9da32909m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container management-guides (min-width: 840px) {
    .management-guide-grid[b-b9da32909m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container management-guides (min-width: 1080px) {
    .management-guide-grid[b-b9da32909m] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Keep a usable scrolling results area when the toolbar occupies most of a
   phone or landscape viewport, matching the app's other mobile list panels. */
@media (max-width: 700px), (max-height: 700px) {
    .admin-landing-page.clinic-list-page.clinic-guides-page[b-b9da32909m] {
        grid-template-rows: auto auto auto;
        height: auto;
        margin-bottom: 0;
        min-height: 0;
        overflow: visible;
    }

    .clinic-guides-page > .clinic-guides-panel[b-b9da32909m] {
        height: auto;
    }

    .clinic-guides-panel[b-b9da32909m]  .app-list-results {
        flex: 0 0 clamp(22rem, 55dvh, 30rem);
        height: clamp(22rem, 55dvh, 30rem);
        min-height: clamp(22rem, 55dvh, 30rem);
    }
}

@media (max-width: 700px) {
    .clinic-guides-hero.editor-action-hero > .editor-action-hero-actions[b-b9da32909m] {
        grid-column: 1 / -1;
    }
}
/* /Components/Shared/GuidePreviewContent.razor.rz.scp.css */
.guide-preview-content[b-f34nk4nver] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.guide-preview-content[b-f34nk4nver]  .guide-header-media {
    margin-inline: auto;
    max-width: 900px;
}

.guide-preview-header[b-f34nk4nver] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.guide-preview-header h2[b-f34nk4nver] {
    color: var(--colour-text);
    font-size: 1.35rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.guide-preview-header p[b-f34nk4nver],
.guide-preview-description[b-f34nk4nver] {
    color: var(--colour-text-secondary);
    margin: 0.3rem 0 0;
    overflow-wrap: anywhere;
}

.guide-preview-description[b-f34nk4nver] {
    font-size: 1rem;
    margin-top: 0;
    max-width: 72ch;
}

.guide-preview-html[b-f34nk4nver] {
    color: var(--colour-text);
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.guide-preview-html[b-f34nk4nver]  img {
    border-radius: 8px;
    display: block;
    height: auto;
    max-width: 100%;
}

@media (max-width: 640px) {
    .guide-preview-header[b-f34nk4nver] {
        display: grid;
    }
}
/* /Components/Shared/InfoHint.razor.rz.scp.css */
.info-hint[b-geuqxcxlpv] {
    align-items: center;
    color: var(--colour-text-secondary);
    cursor: default;
    display: inline-flex;
    font-size: 0.9rem;
    justify-content: center;
    position: relative;
}

.info-hint:focus-visible[b-geuqxcxlpv] {
    border-radius: 50%;
    box-shadow: 0 0 0 0.15rem rgba(14, 143, 111, 0.18);
    outline: 0;
}

.info-hint:hover[b-geuqxcxlpv],
.info-hint:focus-visible[b-geuqxcxlpv] {
    color: var(--colour-primary-green);
}

.info-hint-popover[b-geuqxcxlpv] {
    background: var(--colour-text);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(7, 27, 82, 0.22);
    color: var(--colour-surface);
    font-size: 0.78rem;
    font-weight: 650;
    left: 50%;
    line-height: 1.35;
    max-width: min(16rem, 72vw);
    opacity: 0;
    padding: 0.55rem 0.65rem;
    pointer-events: none;
    position: absolute;
    text-transform: none;
    top: calc(100% + 0.55rem);
    transform: translate(-50%, -0.25rem);
    transition: opacity 0.15s ease, transform 0.15s ease;
    visibility: hidden;
    width: max-content;
    z-index: 10;
}

.info-hint-popover[b-geuqxcxlpv]::before {
    background: var(--colour-text);
    content: "";
    height: 0.55rem;
    left: 50%;
    position: absolute;
    top: -0.28rem;
    transform: translateX(-50%) rotate(45deg);
    width: 0.55rem;
}

.info-hint-align-left .info-hint-popover[b-geuqxcxlpv] {
    left: auto;
    right: 0;
    transform: translate(0, -0.25rem);
}

.info-hint-align-left .info-hint-popover[b-geuqxcxlpv]::before {
    left: auto;
    right: 0.18rem;
}

.info-hint-align-right .info-hint-popover[b-geuqxcxlpv] {
    left: -8px;
    transform: translate(0, -0.25rem);
}

.info-hint-align-right .info-hint-popover[b-geuqxcxlpv]::before {
    left: 16px;
}

.info-hint:hover .info-hint-popover[b-geuqxcxlpv],
.info-hint:focus-visible .info-hint-popover[b-geuqxcxlpv] {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.info-hint-align-left:hover .info-hint-popover[b-geuqxcxlpv],
.info-hint-align-left:focus-visible .info-hint-popover[b-geuqxcxlpv],
.info-hint-align-right:hover .info-hint-popover[b-geuqxcxlpv],
.info-hint-align-right:focus-visible .info-hint-popover[b-geuqxcxlpv] {
    transform: translate(0, 0);
}
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
.language-selector[b-alp7qgjol5] { margin: 0; flex: 0 0 auto; width: fit-content; max-width: 100%; }
.language-picker[b-alp7qgjol5] { position: relative; }
.language-trigger[b-alp7qgjol5] { list-style: none; min-height: 2.75rem; gap: 0.5rem; white-space: nowrap; }
.language-trigger[b-alp7qgjol5]::-webkit-details-marker { display: none; }
.language-chevron[b-alp7qgjol5] { font-size: 0.7em; flex-shrink: 0; }
.language-trigger > .bi-globe2[b-alp7qgjol5] { flex-shrink: 0; }
.language-current[b-alp7qgjol5] { min-width: 0; max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.language-divider[b-alp7qgjol5] { width: 1px; height: 1.125rem; background: var(--colour-border); }
.language-picker[open] .language-chevron[b-alp7qgjol5] { transform: rotate(180deg); }
.language-options[b-alp7qgjol5] {
    position: absolute;
    left: 0;
    top: calc(100% + 0.25rem);
    width: 100%;
    box-sizing: border-box;
    max-width: calc(100vw - 2rem);
    max-height: min(20rem, 60dvh);
    overflow-y: auto;
    padding: 0.25rem;
    background: var(--colour-surface);
    color: var(--colour-text);
    border: 1px solid var(--colour-border);
    border-radius: var(--control-radius);
    box-shadow: 0 14px 32px rgba(26, 26, 26, 0.11);
    z-index: 1050;
}
.language-options button[b-alp7qgjol5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 0.4rem;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    overflow-wrap: anywhere;
    cursor: pointer;
}
.language-options button:hover[b-alp7qgjol5], .language-options button[aria-pressed="true"][b-alp7qgjol5] { background: var(--theme-light); color: var(--theme-primary); }
.language-options button > span[b-alp7qgjol5] { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.language-options button > i[b-alp7qgjol5] { flex-shrink: 0; }
.language-trigger:focus-visible[b-alp7qgjol5], .language-options button:focus-visible[b-alp7qgjol5] { outline: 2px solid var(--app-focus); outline-offset: 2px; }
.language-selector-inline[b-alp7qgjol5] { width: 100%; min-width: 0; }
.language-selector-inline .language-trigger[b-alp7qgjol5] {
    display: grid;
    grid-template-columns: auto auto auto minmax(0, 1fr) auto;
    width: 100%;
    column-gap: 0.5rem;
}
.language-selector-inline .language-divider[b-alp7qgjol5] { margin-inline: 0.25rem; }
.language-selector-inline .language-current[b-alp7qgjol5] { max-width: 100%; text-align: end; }
.language-selector-inline .language-options[b-alp7qgjol5] {
    position: static;
    width: 100%;
    margin-top: 0.25rem;
    box-shadow: none;
    max-height: min(20rem, 45dvh);
}
@media (max-width: 900px) {
    .language-trigger[b-alp7qgjol5] { gap: 0.35rem; padding-inline: 0.5rem; }
}
/* /Components/Shared/LegalDocumentShell.razor.rz.scp.css */
.legal-document[b-rfj0jkmk9z] {
    width: 100%;
    max-width: var(--app-page-max-width);
    margin-inline: auto;
}

.legal-document h1[b-rfj0jkmk9z] {
    color: var(--colour-text);
    font-size: clamp(1.5rem, 4vw, 2rem);
    margin: 0;
}
/* /Components/Shared/ListToolbar.razor.rz.scp.css */
/* The component owns the full toolbar surface and spacing on every content page. */
.content-list-toolbar[b-je7v6bljho] {
    background: var(--colour-surface);
    border-bottom: 1px solid var(--colour-border);
    padding: 0.8rem 1.25rem;
}

.clinic-guide-list-toolbar[b-je7v6bljho] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

[b-je7v6bljho] .clinic-guide-tabs {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 0.35rem;
    min-width: 0;
    overflow-x: auto;
    padding: 0.1rem 0;
    scrollbar-width: none;
}

[b-je7v6bljho] .clinic-guide-tabs::-webkit-scrollbar {
    display: none;
}

[b-je7v6bljho] .clinic-guide-view-button {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--colour-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.25rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.7rem;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    white-space: nowrap;
}

[b-je7v6bljho] .clinic-guide-view-button:hover:not(:disabled) {
    background: var(--theme-light);
    color: var(--theme-primary);
}

[b-je7v6bljho] .clinic-guide-view-button:focus-visible {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

[b-je7v6bljho] .clinic-guide-view-button.active {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: var(--colour-surface);
}

[b-je7v6bljho] .clinic-guide-view-button:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.clinic-guide-inline-filters[b-je7v6bljho] {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: .6rem;
    margin-left: auto;
    min-width: 0;
    max-width: 100%;
}
[b-je7v6bljho] .clinic-guide-search { flex: 1 1 12rem; max-width: 18rem; }
.clinic-guide-inline-filters[b-je7v6bljho]  .search-select { flex: 1 1 10rem; width: 10rem !important; min-width: 0; max-width: 13rem; }

[b-je7v6bljho] .clinic-guide-search,
.clinic-guide-inline-filters[b-je7v6bljho]  .pg-search-input,
.clinic-guide-inline-filters[b-je7v6bljho]  .form-control,
.clinic-guide-inline-filters[b-je7v6bljho]  .form-select {
    min-width: 0;
    width: 100%;
}

@media (max-width: 700px) {
    .clinic-guide-inline-filters[b-je7v6bljho] { width: 100%; }
    [b-je7v6bljho] .clinic-guide-search { flex-basis: 100%; max-width: none; }
    .clinic-guide-inline-filters[b-je7v6bljho]  .search-select { max-width: 100%; }
}

[b-je7v6bljho] .content-list-additional-filters {
    flex: 0 0 100%;
    min-width: 0;
    font-size: 0.875rem;
}

[b-je7v6bljho] .content-list-additional-filters .form-check {
    margin-bottom: 0;
}
/* /Components/Shared/NoActiveCarePlanTipModal.razor.rz.scp.css */
[b-x8y7n3wdw4] .generic-modal-footer {
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    [b-x8y7n3wdw4] .generic-modal-footer {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 0.65rem;
    }

    [b-x8y7n3wdw4] .generic-modal-footer .btn-app {
        justify-content: center;
        min-height: 2.75rem;
        width: 100%;
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-menu[b-x8exjtw955] {
    position: relative;
}

.notification-menu summary[b-x8exjtw955] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--theme-primary);
    cursor: pointer;
    display: inline-flex;
    height: 2.4rem;
    justify-content: center;
    list-style: none;
    position: relative;
    width: 2.4rem;
}

.notification-menu summary[b-x8exjtw955]::-webkit-details-marker {
    display: none;
}

.notification-menu summary:hover[b-x8exjtw955],
.notification-menu summary:focus-visible[b-x8exjtw955] {
    background: var(--theme-light);
    outline: none;
}

.notification-badge[b-x8exjtw955] {
    align-items: center;
    background: #d92d20;
    border: 2px solid var(--colour-surface);
    border-radius: 999px;
    color: var(--colour-surface);
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    min-height: 1.15rem;
    min-width: 1.15rem;
    padding: 0 0.22rem;
    position: absolute;
    right: -0.35rem;
    top: -0.35rem;
}

.notification-dropdown[b-x8exjtw955] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(29, 65, 110, 0.14);
    display: grid;
    gap: 0.75rem;
    max-width: min(92vw, 360px);
    min-width: min(92vw, 340px);
    padding: 0.85rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.65rem);
    z-index: 35;
}

.notification-dropdown-header[b-x8exjtw955] {
    align-items: center;
    border-bottom: 1px solid var(--colour-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding-bottom: 0.65rem;
}

.notification-list[b-x8exjtw955] {
    display: grid;
    gap: 0.35rem;
}

.notification-item[b-x8exjtw955] {
    align-items: start;
    border: 1px solid transparent;
    border-radius: 8px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.55rem;
    position: relative;
}

.notification-item.unread[b-x8exjtw955] {
    background: var(--theme-light);
    border-color: var(--colour-border);
}

.notification-item-content[b-x8exjtw955] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.notification-item-content strong[b-x8exjtw955] {
    color: var(--colour-text);
    min-width: 0;
}

.notification-item-open[b-x8exjtw955] {
    border-radius: inherit;
    inset: 0;
    position: absolute;
    z-index: 1;
}

.notification-item-open:focus-visible[b-x8exjtw955] {
    box-shadow: inset 0 0 0 2px var(--theme-primary);
    outline: 0;
}

.notification-item-preview-text[b-x8exjtw955] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.83rem;
    line-clamp: 3;
    line-height: 1.35;
    max-height: 3.4rem;
    overflow: hidden;
    overflow-wrap: anywhere;
    position: relative;
}

.notification-icon-button[b-x8exjtw955] {
    height: 1.9rem;
    min-height: 1.9rem;
    position: relative;
    width: 1.9rem;
    z-index: 2;
}

.notification-item-actions[b-x8exjtw955] {
    display: flex;
    gap: 0.35rem;
    position: relative;
    z-index: 2;
}

.notification-empty[b-x8exjtw955] {
    color: var(--colour-text-secondary);
    padding: 0.6rem;
}

.notification-view-all[b-x8exjtw955] {
    border-top: 1px solid var(--colour-border);
    color: var(--theme-primary);
    font-weight: 800;
    padding-top: 0.65rem;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 900px) {
    .notification-dropdown[b-x8exjtw955] {
        left: 50%;
        max-width: none;
        min-width: 0;
        position: fixed;
        right: auto;
        top: calc(4rem + 0.65rem);
        transform: translateX(-50%);
        width: min(calc(100vw - 2rem), 22.5rem);
    }
}

@media (max-height: 600px) {
    .notification-list[b-x8exjtw955] {
        max-height: calc(100dvh - 12rem);
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}
/* /Components/Shared/NotificationDropdownPreview.razor.rz.scp.css */
.automated-message-preview-phone[b-sgkqvahpuc] {
    background: #f5f8f6;
    border: 1px solid var(--app-border-color, #dfe5e2);
    border-radius: 1rem;
    padding: .75rem;
}

.automated-message-preview-topbar[b-sgkqvahpuc] {
    align-items: center;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    justify-content: space-between;
    padding: .15rem .2rem .7rem;
}

.automated-message-preview-topbar i[b-sgkqvahpuc] {
    font-size: .85rem;
}

.automated-message-preview-card[b-sgkqvahpuc] {
    background: #fff;
    border-radius: .8rem;
    box-shadow: 0 6px 18px rgba(24, 54, 43, .08);
    display: grid;
    gap: .65rem;
    padding: .8rem;
}

.automated-message-preview-card-header[b-sgkqvahpuc] {
    align-items: center;
    display: flex;
    gap: .45rem;
    min-width: 0;
}

.automated-message-preview-card-header .status-pill[b-sgkqvahpuc] {
    font-size: .7rem;
    min-width: 0;
    overflow: hidden;
    padding: .32rem .55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automated-message-preview-card-content[b-sgkqvahpuc] {
    min-width: 0;
}

.automated-message-preview-card h3[b-sgkqvahpuc] {
    font-size: .95rem;
    line-height: 1.3;
    margin: 0 0 .3rem;
    overflow-wrap: anywhere;
}

.automated-message-preview-card small[b-sgkqvahpuc] {
    color: #6c757d;
    display: block;
    font-size: .78rem;
    margin-top: .6rem;
}

.automated-message-preview-icon[b-sgkqvahpuc] {
    background: var(--theme-primary);
    border-radius: 50%;
    color: #fff;
    display: grid;
    flex: 0 0 1.65rem;
    font-size: .72rem;
    height: 1.65rem;
    place-items: center;
    width: 1.65rem;
}

.automated-message-preview-body[b-sgkqvahpuc] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #46524d;
    display: -webkit-box;
    font-size: .82rem;
    line-clamp: 3;
    line-height: 1.45;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.automated-message-preview-link[b-sgkqvahpuc] {
    align-items: center;
    color: var(--bs-primary, #198754);
    display: inline-flex;
    font-size: .88rem;
    font-weight: 700;
    gap: .35rem;
    margin-top: .65rem;
}
/* /Components/Shared/OriginalLanguageBadge.razor.rz.scp.css */
.original-language-badge[b-egdafd8et5] {
    align-items: center;
    gap: .2rem;
    padding: .1rem .4rem;
    line-height: 1.2;
    max-width: 100%;
    background: var(--colour-background);
    color: var(--colour-text-secondary);
    border: 1px solid var(--colour-border);
    font-weight: 400;
    font-size: .65rem;
}
/* /Components/Shared/PageLoadingSkeleton.razor.rz.scp.css */
.page-loading-skeleton[b-7w0sxb7czt] {
    display: contents;
}

.page-loading-skeleton-shapes[b-7w0sxb7czt] {
    display: contents;
}

.page-loading-skeleton-hero[b-7w0sxb7czt],
.page-loading-skeleton-card[b-7w0sxb7czt] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: var(--app-surface, #fff);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.page-loading-skeleton-hero[b-7w0sxb7czt] {
    align-items: center;
    background: linear-gradient(90deg, var(--theme-light) 0%, transparent 100%);
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    display: grid;
    gap: 1rem;
    grid-template-columns: 3rem minmax(0, 1fr);
    min-height: 5rem;
    padding: 1rem 1.4rem;
}

.page-loading-skeleton-hero-copy[b-7w0sxb7czt] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.page-loading-skeleton-line[b-7w0sxb7czt],
.page-loading-skeleton-icon[b-7w0sxb7czt],
.page-loading-skeleton-card--metric[b-7w0sxb7czt],
.page-loading-skeleton-field[b-7w0sxb7czt],
.page-loading-skeleton-button[b-7w0sxb7czt],
.page-loading-skeleton-search[b-7w0sxb7czt],
.page-loading-skeleton-avatar[b-7w0sxb7czt],
.page-loading-skeleton-pill[b-7w0sxb7czt],
.page-loading-skeleton-block[b-7w0sxb7czt] {
    display: block;
    border-radius: 0.65rem;
    background: linear-gradient(90deg, rgba(226, 232, 240, 0.72) 25%, rgba(241, 245, 249, 0.98) 50%, rgba(226, 232, 240, 0.72) 75%);
    background-size: 200% 100%;
    animation: page-skeleton-shimmer-b-7w0sxb7czt 1.45s ease-in-out infinite;
}

.page-loading-skeleton-icon[b-7w0sxb7czt] {
    background: var(--app-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 24%, rgba(148, 163, 184, 0.35));
    border-radius: 8px;
    display: block;
    height: 3rem;
    width: 3rem;
}

.page-loading-skeleton-line[b-7w0sxb7czt] { height: 0.85rem; }
.page-loading-skeleton-line--title[b-7w0sxb7czt] { width: min(22rem, 42%); height: 1.65rem; }
.page-loading-skeleton-line--copy[b-7w0sxb7czt] { width: min(34rem, 78%); }
.page-loading-skeleton-line--section[b-7w0sxb7czt] { width: 12rem; height: 1.25rem; }
.page-loading-skeleton-line--wide[b-7w0sxb7czt] { width: 100%; }
.page-loading-skeleton-line--medium[b-7w0sxb7czt] { width: 64%; }
.page-loading-skeleton-line--row-title[b-7w0sxb7czt] { width: min(18rem, 72%); }
.page-loading-skeleton-line--row-copy[b-7w0sxb7czt] { width: min(28rem, 92%); height: 0.7rem; }

.page-loading-skeleton-metrics[b-7w0sxb7czt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.page-loading-skeleton-card--metric[b-7w0sxb7czt] { min-height: 8rem; }

.page-loading-skeleton-panels[b-7w0sxb7czt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.page-loading-skeleton-card--panel[b-7w0sxb7czt] { min-height: 12rem; }

.page-loading-skeleton-form[b-7w0sxb7czt],
.page-loading-skeleton-detail[b-7w0sxb7czt],
.page-loading-skeleton-list[b-7w0sxb7czt] {
    padding: 1.5rem;
    min-width: 0;
}

.page-loading-skeleton--auth .page-loading-skeleton-hero[b-7w0sxb7czt],
.page-loading-skeleton--auth-wide .page-loading-skeleton-hero[b-7w0sxb7czt] {
    display: none;
}

.page-loading-skeleton--auth .page-loading-skeleton-form[b-7w0sxb7czt],
.page-loading-skeleton--auth-wide .page-loading-skeleton-form[b-7w0sxb7czt] {
    justify-self: center;
    min-height: 28rem;
    padding: 2rem;
    width: min(100%, 20.75rem);
}

.page-loading-skeleton--auth-wide .page-loading-skeleton-form[b-7w0sxb7czt] {
    width: min(100%, 38rem);
}

.page-loading-skeleton-form[b-7w0sxb7czt],
.page-loading-skeleton-detail[b-7w0sxb7czt] {
    display: grid;
    gap: 1.25rem;
}

.page-loading-skeleton-fields[b-7w0sxb7czt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.page-loading-skeleton-field[b-7w0sxb7czt] { height: 3.5rem; }
.page-loading-skeleton-button[b-7w0sxb7czt] { width: 8rem; height: 2.4rem; }
.page-loading-skeleton-block[b-7w0sxb7czt] { width: 100%; height: 12rem; }

.page-loading-skeleton-toolbar[b-7w0sxb7czt],
.page-loading-skeleton-row[b-7w0sxb7czt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-loading-skeleton-toolbar[b-7w0sxb7czt] {
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

.page-loading-skeleton-search[b-7w0sxb7czt] { width: min(24rem, 55%); height: 2.4rem; }

.page-loading-skeleton-row[b-7w0sxb7czt] {
    min-height: 4.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.page-loading-skeleton-avatar[b-7w0sxb7czt] { width: 2.75rem; height: 2.75rem; border-radius: 50%; flex: 0 0 auto; }
.page-loading-skeleton-row-copy[b-7w0sxb7czt] { display: grid; flex: 1; gap: 0.55rem; }
.page-loading-skeleton-pill[b-7w0sxb7czt] { width: 5rem; height: 1.6rem; border-radius: 999px; }

@keyframes page-skeleton-shimmer-b-7w0sxb7czt {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .page-loading-skeleton-line[b-7w0sxb7czt],
    .page-loading-skeleton-icon[b-7w0sxb7czt],
    .page-loading-skeleton-card--metric[b-7w0sxb7czt],
    .page-loading-skeleton-field[b-7w0sxb7czt],
    .page-loading-skeleton-button[b-7w0sxb7czt],
    .page-loading-skeleton-search[b-7w0sxb7czt],
    .page-loading-skeleton-avatar[b-7w0sxb7czt],
    .page-loading-skeleton-pill[b-7w0sxb7czt],
    .page-loading-skeleton-block[b-7w0sxb7czt] {
        animation: none;
    }
}
/* /Components/Shared/PatientCarePlanPhaseCards.razor.rz.scp.css */
.patient-full-plan[b-5q08j7prua] {
    display: grid;
    gap: 0.75rem;
    padding: 1.25rem;
}

.patient-full-plan-phase[b-5q08j7prua] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    min-width: 0;
    overflow: hidden;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.patient-full-plan-phase.current[b-5q08j7prua] {
    border-color: color-mix(in srgb, var(--theme-primary) 45%, var(--colour-border));
}

.patient-full-plan-phase.is-expanded[b-5q08j7prua] {
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 7%, transparent);
}

.patient-full-plan-phase-toggle[b-5q08j7prua] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--colour-text);
    cursor: pointer;
    display: grid;
    column-gap: 20px;
    grid-template-columns: auto minmax(8rem, 0.3fr) minmax(7rem, auto) minmax(0, 1fr) 8.5rem auto;
    padding: 1rem;
    text-align: left;
    width: 100%;
}

.patient-full-plan-phase-toggle:hover[b-5q08j7prua] {
    background: color-mix(in srgb, var(--theme-light) 45%, transparent);
}

.patient-full-plan-phase-toggle:focus-visible[b-5q08j7prua] {
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
}

.patient-full-plan-index[b-5q08j7prua] {
    align-items: center;
    background: var(--colour-light-blue);
    border-radius: 50%;
    color: var(--colour-primary-blue);
    display: flex;
    font-size: 0.8rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.patient-full-plan-phase.current .patient-full-plan-index[b-5q08j7prua] {
    background: var(--theme-primary);
    color: var(--colour-surface);
}

.patient-full-plan-summary[b-5q08j7prua],
.patient-full-plan-phase-details[b-5q08j7prua] {
    display: contents;
    min-width: 0;
}

.patient-full-plan-summary strong[b-5q08j7prua] {
    grid-column: 2;
}

.patient-full-plan-summary small[b-5q08j7prua] {
    grid-column: 3;
    color: var(--colour-text-secondary);
}

.patient-full-plan-summary strong[b-5q08j7prua],
.patient-full-plan-summary small[b-5q08j7prua] {
    overflow-wrap: anywhere;
}

.patient-full-plan-current-status[b-5q08j7prua] {
    grid-column: 5;
    justify-self: start;
}

.patient-full-plan-current-status.is-placeholder[b-5q08j7prua] {
    visibility: hidden;
}

.patient-full-plan-phase-toggle > i[b-5q08j7prua] {
    grid-column: 6;
    justify-self: end;
    transition: transform 180ms ease;
}

.patient-full-plan-phase.is-expanded .patient-full-plan-phase-toggle > i[b-5q08j7prua] {
    transform: rotate(180deg);
}

.patient-full-plan-phase-content[b-5q08j7prua] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 220ms ease;
}

.patient-full-plan-phase-content.is-expanded[b-5q08j7prua] {
    grid-template-rows: 1fr;
}

.patient-full-plan-phase-content > div[b-5q08j7prua] {
    min-height: 0;
    overflow: hidden;
}

.patient-full-plan-body[b-5q08j7prua] {
    border-top: 1px solid var(--colour-border);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.patient-full-plan-happening[b-5q08j7prua] {
    align-items: start;
    background: var(--colour-light-blue);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, var(--colour-border));
    border-radius: 10px;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.patient-full-plan-happening-icon[b-5q08j7prua],
.patient-full-plan-important-icon[b-5q08j7prua],
.patient-full-plan-guidance-icon[b-5q08j7prua] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.patient-full-plan-happening-icon[b-5q08j7prua] {
    background: var(--colour-surface);
    color: var(--theme-primary);
    font-size: 1.05rem;
}

.patient-full-plan-happening h3[b-5q08j7prua] {
    color: var(--colour-text);
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}

.patient-full-plan-happening h4[b-5q08j7prua] {
    color: var(--colour-text);
    font-size: 0.95rem;
    font-weight: 400;
    margin: 0.3rem 0 0;
    overflow-wrap: anywhere;
}

.patient-full-plan-happening p[b-5q08j7prua],
.patient-full-plan-empty[b-5q08j7prua] {
    color: var(--colour-text-secondary);
    margin: 0.45rem 0 0;
    overflow-wrap: anywhere;
}

.patient-full-plan-columns[b-5q08j7prua] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.patient-full-plan-guidance-card[b-5q08j7prua] {
    align-items: start;
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 1rem;
}

.patient-full-plan-guidance-card.is-care[b-5q08j7prua] {
    background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-success) 30%, var(--colour-border));
}

.patient-full-plan-guidance-card.is-avoid[b-5q08j7prua] {
    background: color-mix(in srgb, var(--colour-destructive) 6%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-destructive) 28%, var(--colour-border));
}

.patient-full-plan-guidance-card.is-care .patient-full-plan-guidance-icon[b-5q08j7prua] {
    background: var(--colour-surface);
    color: var(--colour-success);
}

.patient-full-plan-guidance-card.is-avoid .patient-full-plan-guidance-icon[b-5q08j7prua] {
    background: var(--colour-surface);
    color: var(--colour-destructive);
}

.patient-full-plan-guidance-copy h3[b-5q08j7prua],
.patient-full-plan-important-notes h3[b-5q08j7prua],
.patient-full-plan-helpful-heading h3[b-5q08j7prua] {
    font-size: 0.98rem;
    font-weight: 700;
    margin: 0;
}

.patient-full-plan-instructions[b-5q08j7prua],
.patient-full-plan-notes[b-5q08j7prua] {
    display: grid;
    gap: 0.65rem;
    margin: 0.8rem 0 0;
    padding-left: 1.25rem;
}

.patient-full-plan-instructions[b-5q08j7prua] {
    list-style-type: disc;
}

.patient-full-plan-instructions li[b-5q08j7prua],
.patient-full-plan-notes li[b-5q08j7prua] {
    color: var(--colour-text);
    overflow-wrap: anywhere;
    padding-left: 0.2rem;
}

.patient-full-plan-instructions li[b-5q08j7prua]::marker {
    color: var(--colour-success);
    font-weight: 800;
}

.patient-full-plan-guide[b-5q08j7prua] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    margin-left: 0.45rem;
    vertical-align: middle;
    width: 1.75rem;
}

.patient-full-plan-guide:hover[b-5q08j7prua],
.patient-full-plan-guide:focus-visible[b-5q08j7prua] {
    text-decoration: none;
}

.patient-full-plan-guide:focus-visible[b-5q08j7prua] {
    box-shadow: 0 0 0 0.12rem var(--colour-surface), 0 0 0 0.28rem var(--theme-focus);
    outline: 0;
}

.patient-full-plan-guide > i[b-5q08j7prua] {
    transition: transform 160ms ease;
}

.patient-full-plan-guide:hover > i[b-5q08j7prua],
.patient-full-plan-guide:focus-visible > i[b-5q08j7prua] {
    transform: translateY(-1px);
}

.patient-full-plan-notes li[b-5q08j7prua]::marker {
    color: var(--colour-destructive);
}

.patient-full-plan-important-notes[b-5q08j7prua] {
    align-items: start;
    background: color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-warning) 32%, var(--colour-border));
    border-radius: 10px;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.patient-full-plan-important-icon[b-5q08j7prua] {
    background: var(--colour-surface);
    color: var(--colour-warning);
    font-size: 1rem;
}

.patient-full-plan-important-list[b-5q08j7prua] {
    columns: 2 18rem;
    column-gap: 7rem;
    margin: 0.7rem 0 0;
    padding-left: 1.2rem;
}

.patient-full-plan-important-list li[b-5q08j7prua] {
    break-inside: avoid;
    color: var(--colour-text);
    margin-bottom: 0.85rem;
    padding-left: 0.15rem;
}

.patient-full-plan-important-list li[b-5q08j7prua]::marker {
    color: var(--colour-warning);
}

.patient-full-plan-helpful[b-5q08j7prua] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.patient-full-plan-helpful-heading[b-5q08j7prua] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.patient-full-plan-helpful-heading > span[b-5q08j7prua] {
    color: var(--theme-primary);
    flex: 0 0 auto;
    font-size: 1.05rem;
    line-height: 1;
}

@media (max-width: 760px) {
    .patient-full-plan[b-5q08j7prua] {
        padding: 0.85rem;
    }

    .patient-full-plan-phase-toggle[b-5q08j7prua] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .patient-full-plan-summary[b-5q08j7prua] {
        display: grid;
        gap: 0.15rem;
        grid-column: 2;
    }

    .patient-full-plan-phase-details[b-5q08j7prua] {
        align-items: start;
        display: grid;
        gap: 0.35rem;
    }

    .patient-full-plan-summary strong[b-5q08j7prua],
    .patient-full-plan-summary small[b-5q08j7prua],
    .patient-full-plan-current-status[b-5q08j7prua] {
        grid-column: auto;
    }

    .patient-full-plan-phase-toggle > i[b-5q08j7prua] {
        grid-column: 3;
        grid-row: 1;
    }

    .patient-full-plan-columns[b-5q08j7prua] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-full-plan-phase[b-5q08j7prua],
    .patient-full-plan-phase-content[b-5q08j7prua],
    .patient-full-plan-phase-toggle > i[b-5q08j7prua],
    .patient-full-plan-guide > i[b-5q08j7prua] {
        transition: none;
    }
}
/* /Components/Shared/PatientCarePlanTimeline.razor.rz.scp.css */
.patient-care-plan-timeline-panel[b-ca6kyvbplu] {
    --timeline-step-basis: 33.333333%;
    background-color: var(--colour-surface);
    background-image: url("/images/care-plan/care-plan-night-sky.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    color: var(--colour-text);
    column-gap: 0.75rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto;
    isolation: isolate;
    min-width: 0;
    overflow: hidden;
    padding: 1.25rem;
    position: relative;
    row-gap: 0.55rem;
}

.patient-care-plan-timeline-panel.has-finish-effect[b-ca6kyvbplu] {
    background-image:
        linear-gradient(
            to right,
            color-mix(in srgb, var(--colour-primary-blue) 4%, transparent) 0%,
            color-mix(in srgb, var(--colour-primary-blue) 5.5%, transparent) 48%,
            color-mix(in srgb, var(--colour-primary-blue) 7%, transparent) 72%,
            color-mix(in srgb, var(--colour-primary-blue) 9%, transparent) 100%
        );
}

.patient-care-plan-timeline-finish-effect[b-ca6kyvbplu] {
    background:
        conic-gradient(
            from 90deg,
            color-mix(in srgb, var(--colour-primary-blue) 28%, transparent) 25%,
            transparent 0 50%,
            color-mix(in srgb, var(--colour-primary-blue) 28%, transparent) 0 75%,
            transparent 0
        ) 0 0 / 1.25rem 1.25rem;
    bottom: 0;
    height: 100%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0.5) 52%, #000 88%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0.5) 52%, #000 88%);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 33.333333%;
    z-index: 0;
}

.patient-care-plan-timeline-finish-effect[b-ca6kyvbplu]::after {
    background:
        radial-gradient(
            ellipse 40% 46% at 38% 56%,
            color-mix(in srgb, var(--colour-surface) 92%, transparent) 0%,
            color-mix(in srgb, var(--colour-surface) 68%, transparent) 42%,
            transparent 78%
        );
    content: "";
    inset: 0;
    position: absolute;
}

.patient-care-plan-timeline-carousel[b-ca6kyvbplu] {
    display: contents;
}

.patient-care-plan-timeline[b-ca6kyvbplu] {
    cursor: grab;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    z-index: 1;
}

.patient-care-plan-timeline.is-dragging[b-ca6kyvbplu] {
    cursor: grabbing;
}

.patient-care-plan-timeline-track[b-ca6kyvbplu] {
    display: flex;
    min-width: 0;
    transform: translateX(calc((var(--timeline-offset, 0) * -1 * var(--timeline-step-basis, 33.333333%)) + var(--timeline-drag-x, 0px)));
    transition: transform 220ms ease;
    width: 100%;
}

.patient-care-plan-timeline.is-dragging .patient-care-plan-timeline-track[b-ca6kyvbplu] {
    transition: none;
}

.patient-care-plan-timeline.is-snapping .patient-care-plan-timeline-track[b-ca6kyvbplu] {
    transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.patient-care-plan-timeline-step[b-ca6kyvbplu] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--colour-text-secondary);
    cursor: pointer;
    display: grid;
    flex: 0 0 var(--timeline-step-basis, 33.333333%);
    gap: 0.55rem;
    grid-template-rows: auto minmax(0, 1fr);
    justify-items: center;
    min-width: var(--timeline-step-basis, 33.333333%);
    padding: 0.45rem 0.75rem 0.7rem;
    position: relative;
    text-align: center;
}

.patient-care-plan-timeline-step[b-ca6kyvbplu]::before,
.patient-care-plan-timeline-step[b-ca6kyvbplu]::after {
    content: "";
    height: 2px;
    left: calc(50% + 1rem);
    position: absolute;
    top: 1.4rem;
    width: calc(100% - 2rem);
}

.patient-care-plan-timeline-step[b-ca6kyvbplu]::after {
    background: color-mix(in srgb, var(--colour-patient-dark-text) 78%, transparent);
    z-index: 0;
}

.patient-care-plan-timeline-step[b-ca6kyvbplu]::before {
    background: var(--colour-primary-blue-hover);
    transform: scaleX(var(--phase-progress, 0));
    transform-origin: left center;
    z-index: 1;
}

.patient-care-plan-timeline-step.is-current[b-ca6kyvbplu]::before {
    animation: patient-care-plan-progress-pulse-b-ca6kyvbplu 2.4s ease-in-out infinite;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            color-mix(in srgb, var(--colour-patient-dark-text) 35%, transparent) 28%,
            color-mix(in srgb, var(--colour-patient-dark-text) 78%, transparent) 62%,
            var(--colour-primary-blue) 84%,
            transparent 100%
        ) no-repeat,
        var(--colour-primary-blue-hover);
    background-position: -55% 50%, 0 0;
    background-size: 38% 100%, auto;
    will-change: background-position;
}

@keyframes patient-care-plan-progress-pulse-b-ca6kyvbplu {
    0%, 12% {
        background-position: -55% 50%, 0 0;
    }

    78%, 100% {
        background-position: 155% 50%, 0 0;
    }
}

.patient-care-plan-timeline-step:last-child[b-ca6kyvbplu]::before,
.patient-care-plan-timeline-step:last-child[b-ca6kyvbplu]::after {
    display: none;
}

.patient-care-plan-timeline-step:hover[b-ca6kyvbplu],
.patient-care-plan-timeline-step.is-selected[b-ca6kyvbplu] {
    color: var(--colour-primary-blue);
}

.patient-care-plan-timeline-step:focus-visible[b-ca6kyvbplu] {
    border-radius: 8px;
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
}

.patient-care-plan-timeline-index[b-ca6kyvbplu] {
    align-items: center;
    background: var(--colour-surface);
    border: 2px solid color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    border-radius: 50%;
    color: var(--colour-text-secondary);
    display: flex;
    font-size: 0.78rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    position: relative;
    width: 2rem;
    z-index: 2;
}

.patient-care-plan-timeline-step.is-complete .patient-care-plan-timeline-index[b-ca6kyvbplu],
.patient-care-plan-timeline-step.is-current .patient-care-plan-timeline-index[b-ca6kyvbplu],
.patient-care-plan-timeline-step.is-selected .patient-care-plan-timeline-index[b-ca6kyvbplu] {
    background: var(--colour-primary-blue);
    border-color: var(--colour-primary-blue-hover);
    color: var(--colour-surface);
}

.patient-care-plan-timeline-end[b-ca6kyvbplu] {
    cursor: default;
}

.patient-care-plan-timeline-end .patient-care-plan-timeline-index[b-ca6kyvbplu] {
    border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    color: var(--colour-primary-blue);
}

.patient-care-plan-timeline-end .patient-care-plan-timeline-index i[b-ca6kyvbplu] {
    font-size: 0.72rem;
}

.patient-care-plan-timeline-copy[b-ca6kyvbplu] {
    align-content: start;
    display: grid;
    gap: 0.18rem;
    justify-items: center;
    min-width: 0;
}

.patient-care-plan-timeline-copy strong[b-ca6kyvbplu] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--colour-text);
    display: -webkit-box;
    font-size: 0.82rem;
    line-height: 1.25;
    max-width: 100%;
    min-height: calc(1.25em * 2);
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.patient-care-plan-timeline-copy small[b-ca6kyvbplu] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--colour-text-secondary);
    display: -webkit-box;
    font-size: 0.7rem;
    line-height: 1.25;
    max-width: 100%;
    min-height: 1.25em;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: normal;
}

.patient-care-plan-timeline-copy .status-pill[b-ca6kyvbplu] {
    font-size: 0.62rem;
    margin-top: 0.18rem;
    padding: 0.18rem 0.45rem;
}

.patient-care-plan-current-badge.is-placeholder[b-ca6kyvbplu] {
    visibility: hidden;
}

.patient-care-plan-timeline-control[b-ca6kyvbplu] {
    --btn-app-active-border: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    --btn-app-border: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    --btn-app-hover-border: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border));
    align-self: center;
    flex: 0 0 auto;
    grid-row: 1;
    position: relative;
    z-index: 1;
}

.patient-care-plan-timeline-control:first-child[b-ca6kyvbplu] {
    grid-column: 1;
}

.patient-care-plan-timeline-control:last-child[b-ca6kyvbplu] {
    grid-column: 3;
}

@media (max-width: 760px) {
    .patient-care-plan-timeline-panel[b-ca6kyvbplu] {
        --timeline-step-basis: 50%;
        column-gap: 0.35rem;
        padding: 0.85rem;
    }

    .patient-care-plan-timeline-step[b-ca6kyvbplu] {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-care-plan-timeline-step.is-current[b-ca6kyvbplu]::before {
        animation: none;
    }

    .patient-care-plan-timeline-track[b-ca6kyvbplu] {
        transition: none;
    }
}

/* The management overview uses the same phase visuals without patient progress. */
.patient-care-plan-timeline-overview[b-ca6kyvbplu] {
    min-width: 0;
}

.patient-care-plan-timeline-overview h4[b-ca6kyvbplu] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--colour-text);
}

.patient-care-plan-timeline-overview[b-ca6kyvbplu]  .app-windowed-carousel {
    --app-windowed-carousel-gap: 0;
    gap: 0.75rem;
}

.patient-care-plan-timeline-overview[b-ca6kyvbplu]  .app-windowed-carousel-track:focus-visible {
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
    border-radius: 8px;
}
.patient-care-plan-timeline-overview .patient-care-plan-timeline-step[b-ca6kyvbplu] {
    align-items: start;
    flex: 1 0 9.5rem;
    min-width: 9.5rem;
    cursor: inherit;
    scroll-snap-align: start;
    align-content: start;
}

.patient-care-plan-timeline-overview .patient-care-plan-timeline-index[b-ca6kyvbplu] {
    background: var(--colour-primary-blue);
    border-color: var(--colour-primary-blue);
    color: white;
}

.patient-care-plan-timeline-overview .patient-care-plan-timeline-step[b-ca6kyvbplu]::after {
    background: var(--colour-primary-blue);
}

.patient-care-plan-timeline-overview .patient-care-plan-timeline-copy[b-ca6kyvbplu] {
    width: 100%;
}

.patient-care-plan-timeline-overview .patient-care-plan-timeline-copy strong[b-ca6kyvbplu],
.patient-care-plan-timeline-overview .patient-care-plan-timeline-copy small[b-ca6kyvbplu] {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .patient-care-plan-timeline-overview .patient-care-plan-timeline-step[b-ca6kyvbplu] {
        flex-basis: min(11.5rem, 50vw);
        min-width: min(11.5rem, 50vw);
    }
}
/* /Components/Shared/PatientCarouselNoResults.razor.rz.scp.css */
.patient-carousel-no-results[b-hyop74bdl7] {
    align-content: center;
    justify-items: center;
    min-height: inherit;
}

.patient-carousel-no-results-message[b-hyop74bdl7] {
    align-items: center;
    display: flex;
    gap: 0.85rem;
    justify-content: center;
    max-width: 100%;
}

.patient-carousel-no-results-message > i[b-hyop74bdl7] {
    color: var(--theme-primary);
    flex: 0 0 auto;
    font-size: 1.5rem;
}

.patient-carousel-no-results-copy[b-hyop74bdl7] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    text-align: center;
}

.patient-carousel-no-results > .btn-app[b-hyop74bdl7] {
    justify-self: center;
}

@media (max-width: 500px) {
    .patient-carousel-no-results > .btn-app[b-hyop74bdl7] {
        justify-self: stretch;
        width: 100%;
    }
}
/* /Components/Shared/PatientClinicBrand.razor.rz.scp.css */
.patient-clinic-brand[b-uv1y2zeewq] {
    align-items: center;
    color: var(--colour-text);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 0.55rem;
    justify-self: start;
    min-width: 0;
}

.patient-clinic-brand-mark[b-uv1y2zeewq] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.2rem;
    justify-content: center;
    overflow: hidden;
    width: 6rem;
}

.patient-clinic-brand-mark img[b-uv1y2zeewq] {
    display: block;
    height: auto;
    max-height: 2rem;
    max-width: 5.6rem;
    object-fit: contain;
    width: auto;
}

.patient-clinic-brand-mark > span[b-uv1y2zeewq] {
    align-items: center;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-weight: 800;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.patient-clinic-brand strong[b-uv1y2zeewq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .patient-clinic-brand strong[b-uv1y2zeewq] {
        max-width: 34vw;
    }
}

@media (max-width: 600px) {
    .patient-clinic-brand strong[b-uv1y2zeewq] {
        display: none;
    }
}

@media (max-width: 440px) {
    .patient-clinic-brand[b-uv1y2zeewq] {
        display: none;
    }
}
/* /Components/Shared/PatientContentLanguageControl.razor.rz.scp.css */
.patient-content-language-control[b-7kc0rlyl2d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    color: var(--colour-text-secondary);
    font-size: .8125rem;
    min-height: 2.75rem;
}
.patient-content-language-change[b-7kc0rlyl2d] {
    border: 0;
    background: transparent;
    color: var(--theme-primary, var(--colour-primary-blue));
    padding: .6rem .25rem;
    min-height: 2.75rem;
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: .15em;
}
.patient-content-language-change:focus-visible[b-7kc0rlyl2d] { outline: 2px solid var(--app-focus); outline-offset: 2px; }
.patient-content-language-change:disabled[b-7kc0rlyl2d] { opacity: .6; cursor: wait; }
.patient-content-language-options[b-7kc0rlyl2d] { display: grid; gap: .75rem; }

.patient-content-language-notice[b-7kc0rlyl2d] {
    grid-column: 1 / -1;
    margin: 0;
}
/* /Components/Shared/PatientDisabledMessagingDetails.razor.rz.scp.css */
.patient-disabled-messaging-card[b-5opmmcoxys] {
    gap: 0;
    padding: var(--app-card-padding-lg);
    width: 100%;
}

.patient-disabled-messaging-header[b-5opmmcoxys] {
    align-items: center;
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding-bottom: 1.6rem;
}

.patient-disabled-messaging-icon[b-5opmmcoxys] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--colour-border));
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    width: 3rem;
}

.patient-disabled-messaging-icon.has-avatar[b-5opmmcoxys] {
    background: var(--colour-surface);
}

.patient-disabled-messaging-icon img[b-5opmmcoxys] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.patient-disabled-messaging-header h2[b-5opmmcoxys] {
    color: var(--colour-patient-dark);
    font-size: clamp(1.375rem, 2vw, 1.55rem);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    margin: 0;
}

.patient-disabled-messaging-header p[b-5opmmcoxys] {
    color: var(--colour-text-secondary);
    line-height: 1.5;
    margin: 0.35rem 0 0;
}

.patient-support-additional-info[b-5opmmcoxys] {
    color: var(--colour-text);
    line-height: 1.65;
    margin-top: 1.6rem;
    max-width: 820px;
}

.patient-support-additional-info[b-5opmmcoxys]  p {
    margin: 0 0 1rem;
}

.patient-support-additional-info[b-5opmmcoxys]  h2,
.patient-support-additional-info[b-5opmmcoxys]  h3,
.patient-support-additional-info[b-5opmmcoxys]  h4 {
    color: var(--colour-patient-dark);
    font-weight: var(--font-weight-heading);
    line-height: 1.25;
    margin: 1.5rem 0 0.65rem;
}

.patient-support-additional-info[b-5opmmcoxys]  h2 {
    font-size: 1.3rem;
}

.patient-support-additional-info[b-5opmmcoxys]  h3 {
    font-size: 1.15rem;
}

.patient-support-additional-info[b-5opmmcoxys]  h4 {
    font-size: 1.025rem;
}

.patient-support-additional-info[b-5opmmcoxys]  > :first-child {
    margin-top: 0;
}

.patient-support-additional-info[b-5opmmcoxys]  > :last-child {
    margin-bottom: 0;
}

.patient-support-additional-info[b-5opmmcoxys]  strong,
.patient-support-additional-info[b-5opmmcoxys]  b {
    color: var(--colour-patient-dark);
    font-weight: var(--font-weight-strong);
}

.patient-support-additional-info[b-5opmmcoxys]  p > strong:first-child,
.patient-support-additional-info[b-5opmmcoxys]  p > b:first-child {
    font-size: 1.025rem;
    line-height: 1.4;
}

.patient-support-additional-info[b-5opmmcoxys]  a {
    color: var(--colour-primary-blue);
    font-weight: 650;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--colour-primary-blue) 45%, transparent);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.16em;
}

.patient-support-additional-info[b-5opmmcoxys]  a:hover {
    color: var(--colour-primary-blue-hover);
    text-decoration-color: currentColor;
}

.patient-support-additional-info[b-5opmmcoxys]  a:focus-visible {
    border-radius: 3px;
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.patient-support-additional-info[b-5opmmcoxys]  ul,
.patient-support-additional-info[b-5opmmcoxys]  ol {
    margin: 0 0 1rem;
    padding-left: 1.4rem;
}

.patient-support-additional-info[b-5opmmcoxys]  li + li {
    margin-top: 0.35rem;
}

.patient-support-additional-info[b-5opmmcoxys]  blockquote {
    background: var(--colour-background);
    border-left: 3px solid var(--theme-primary);
    color: var(--colour-text-secondary);
    margin: 1.25rem 0;
    padding: 0.85rem 1rem;
}

.patient-disabled-messaging-footer[b-5opmmcoxys] {
    border-top: 1px solid var(--colour-border);
    display: flex;
    justify-content: flex-end;
    margin-top: 1.6rem;
    padding-top: 1.6rem;
}

.patient-disabled-messaging-footer.has-contact-details[b-5opmmcoxys] {
    display: grid;
    grid-template-areas:
        "contact-heading"
        "contact-grid";
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.85rem;
}

.patient-disabled-messaging-footer.has-contact-details.has-emergency-contact[b-5opmmcoxys] {
    column-gap: 1.5rem;
    grid-template-areas:
        "contact-heading ."
        "contact-grid emergency";
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
}

.patient-support-contact-details[b-5opmmcoxys] {
    display: contents;
}

.patient-support-contact-details h3[b-5opmmcoxys] {
    color: var(--colour-patient-dark);
    font-size: var(--font-size-heading-sm);
    font-weight: var(--font-weight-heading);
    grid-area: contact-heading;
    margin: 0;
}

.patient-support-contact-grid[b-5opmmcoxys] {
    background: color-mix(in srgb, var(--theme-light) 68%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--theme-primary) 16%, var(--colour-border));
    border-radius: var(--app-card-radius);
    display: grid;
    gap: 0.25rem;
    grid-area: contact-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.patient-support-contact-row[b-5opmmcoxys] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.patient-support-contact-icon[b-5opmmcoxys] {
    align-items: center;
    background: var(--colour-surface);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.patient-support-contact-row > div[b-5opmmcoxys] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.patient-support-contact-label[b-5opmmcoxys] {
    color: var(--colour-text-secondary);
    font-size: 0.75rem;
    font-weight: var(--font-weight-strong);
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.patient-support-contact-value[b-5opmmcoxys] {
    color: var(--colour-text);
    font-size: 0.95rem;
    font-weight: var(--font-weight-strong);
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.patient-support-contact-address[b-5opmmcoxys] {
    white-space: normal;
}

a.patient-support-contact-value[b-5opmmcoxys] {
    color: var(--colour-primary-blue);
    text-decoration: none;
}

a.patient-support-contact-value:hover[b-5opmmcoxys] {
    color: var(--colour-primary-blue-hover);
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

a.patient-support-contact-value:focus-visible[b-5opmmcoxys] {
    border-radius: 3px;
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.patient-disabled-messaging-emergency[b-5opmmcoxys] {
    grid-area: emergency;
    height: 100%;
    width: min(100%, 22rem);
}

.patient-disabled-messaging-emergency[b-5opmmcoxys]  .patient-emergency-card {
    height: 100%;
    width: 100%;
}

@media (max-width: 900px) {
    .patient-disabled-messaging-footer.has-contact-details.has-emergency-contact[b-5opmmcoxys] {
        grid-template-areas:
            "contact-heading"
            "contact-grid"
            "emergency";
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-disabled-messaging-emergency[b-5opmmcoxys] {
        justify-self: end;
    }
}

@media (max-width: 700px) {
    .patient-disabled-messaging-card[b-5opmmcoxys] {
        padding: 1.1rem;
    }

    .patient-disabled-messaging-header[b-5opmmcoxys] {
        align-items: start;
        gap: 0.75rem;
        padding-bottom: 1.25rem;
    }

    .patient-disabled-messaging-icon[b-5opmmcoxys] {
        font-size: 1.1rem;
        height: 2.6rem;
        width: 2.6rem;
    }

    .patient-support-additional-info[b-5opmmcoxys] {
        margin-top: 1.25rem;
    }

    .patient-disabled-messaging-footer[b-5opmmcoxys] {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
    }

    .patient-support-contact-grid[b-5opmmcoxys] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-disabled-messaging-emergency[b-5opmmcoxys] {
        width: 100%;
    }
}
/* /Components/Shared/PatientEmergencyCard.razor.rz.scp.css */
.patient-emergency-card[b-6ke79xqm5m] {
    align-content: center;
    background: color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface));
    border: 1px solid color-mix(in srgb, var(--colour-warning) 32%, var(--colour-border));
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.8rem;
    grid-template-rows: max-content max-content;
    padding: 1rem;
}

.patient-emergency-heading[b-6ke79xqm5m] {
    align-items: center;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.patient-emergency-copy[b-6ke79xqm5m] {
    text-align: left;
}

.patient-emergency-icon[b-6ke79xqm5m] {
    align-items: center;
    background: var(--colour-surface);
    border-radius: 50%;
    color: var(--colour-warning);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.patient-emergency-copy h2[b-6ke79xqm5m] {
    color: var(--colour-text);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.25rem;
}

.patient-emergency-copy p[b-6ke79xqm5m] {
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0;
}

.patient-emergency-action-row[b-6ke79xqm5m] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.patient-emergency-action[b-6ke79xqm5m] {
    flex: 0 0 auto;
    justify-content: center;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    width: 190px;
}
/* /Components/Shared/PatientFaqSupportAside.razor.rz.scp.css */
.patient-faq-powered-by[b-sm1iq8gwj6] {
    display: none;
}

@media (max-width: 900px) {
    .patient-faq-powered-by[b-sm1iq8gwj6] {
        display: block;
        grid-column: 1;
        grid-row: 3;
        padding: 0 1.5rem 1.5rem;
    }

    .patient-faq-powered-by[b-sm1iq8gwj6]  .app-powered-by-footer.is-stacked {
        align-items: center;
        justify-content: center;
        margin-top: 0;
        text-align: center;
    }
}

.patient-faq-support-action[b-sm1iq8gwj6] {
    justify-content: center;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    width: 190px;
}
/* /Components/Shared/PatientFiltersModal.razor.rz.scp.css */
.patient-filter-modal-grid[b-tdb6r5fzzp] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 700px) {
    .patient-filter-modal-grid[b-tdb6r5fzzp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/PatientFilterTabs.razor.rz.scp.css */
.patient-product-phase-section[b-qxd1go397f] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.patient-product-phase-header[b-qxd1go397f] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.patient-product-phase-header h2[b-qxd1go397f] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
}

.patient-product-phase-options[b-qxd1go397f] {
    --phase-item-base-min-width: 8.5rem;
    border-bottom: 1px solid var(--colour-border);
    display: grid;
    grid-auto-columns: minmax(var(--phase-item-min-width, var(--phase-item-base-min-width)), 1fr);
    grid-auto-flow: column;
    min-width: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.patient-product-phase-options.is-overflowing[b-qxd1go397f] {
    grid-auto-columns: var(--phase-item-min-width, var(--phase-item-base-min-width));
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
}

.patient-product-phase-options[b-qxd1go397f]::-webkit-scrollbar {
    display: none;
}

.patient-product-phase-options:focus-visible[b-qxd1go397f] {
    border-radius: 8px;
    outline: 2px solid var(--app-focus);
    outline-offset: 3px;
}

.patient-product-phase-option[b-qxd1go397f] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.22rem;
    justify-items: center;
    min-height: 3.75rem;
    min-width: var(--phase-item-base-min-width);
    padding: 0.55rem 0.75rem 0.5rem;
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.patient-product-phase-option[b-qxd1go397f]::after {
    background: var(--colour-border);
    content: "";
    height: 1.8rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.patient-product-phase-option:last-child[b-qxd1go397f]::after {
    display: none;
}

.patient-product-phase-option:hover[b-qxd1go397f] {
    background: color-mix(in srgb, var(--theme-light) 55%, transparent);
    color: var(--theme-primary);
}

.patient-product-phase-option.active[b-qxd1go397f] {
    border-bottom-color: var(--theme-primary);
    color: var(--theme-primary);
}

.patient-product-phase-option:focus-visible[b-qxd1go397f] {
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
    z-index: 1;
}

.patient-product-phase-option > span[b-qxd1go397f] {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    width: max-content;
}

.patient-product-phase-option > small[b-qxd1go397f] {
    color: var(--colour-text-secondary);
    font-size: 0.65rem;
    line-height: 1.2;
    white-space: nowrap;
}

.patient-product-carousel-controls[hidden][b-qxd1go397f] {
    display: none;
}

@media (max-width: 620px) {
    .patient-product-phase-options[b-qxd1go397f] {
        --phase-items-per-page: 3;
        grid-auto-columns: minmax(0, 1fr);
    }

    .patient-product-phase-options.is-overflowing[b-qxd1go397f] {
        grid-auto-columns: calc(100% / var(--phase-items-per-page));
    }

    .patient-product-phase-option[b-qxd1go397f] {
        min-width: 0;
        padding-inline: 0.35rem;
    }
}
/* /Components/Shared/PatientInviteModal.razor.rz.scp.css */
.patient-invite-input-field[b-c4m5bg3qtu] {
    align-content: start;
}
/* /Components/Shared/PatientProgressPhotoSetModal.razor.rz.scp.css */
.progress-photo-manage-grid[b-347mhea9mi] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.progress-photo-manage-toolbar[b-347mhea9mi] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.progress-photo-manage-toolbar[b-347mhea9mi]  .remove-photo-set-icon {
    color: var(--colour-destructive);
    display: inline-block;
    flex: 0 0 auto;
}

.progress-photo-manage-modal-host[b-347mhea9mi]  .progress-photo-manage-modal > .generic-modal-header {
    background: var(--colour-surface);
    padding: 1rem 1.4rem;
}

.progress-photo-manage-modal-host[b-347mhea9mi]  .progress-photo-manage-modal > .generic-modal-header .generic-modal-icon {
    background: var(--colour-surface);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 40%, var(--colour-border));
    border-radius: 8px;
    color: var(--theme-primary);
    font-size: 1.5rem;
    height: 3rem;
    width: 3rem;
}

.progress-photo-manage-modal-host[b-347mhea9mi]  .progress-photo-manage-modal > .generic-modal-header .generic-modal-icon i {
    line-height: 1;
}

.progress-photo-manage-card[b-347mhea9mi] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    overflow: hidden;
}

.progress-photo-manage-media[b-347mhea9mi] {
    aspect-ratio: 1;
    background: #f5f8fc;
    overflow: hidden;
}

.progress-photo-manage-media > img[b-347mhea9mi] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.progress-photo-manage-media.is-empty[b-347mhea9mi] {
    align-items: center;
    color: color-mix(in srgb, var(--theme-primary) 65%, var(--colour-text-secondary));
    display: flex;
    font-size: 1.75rem;
    justify-content: center;
}

.progress-photo-manage-card-body[b-347mhea9mi] {
    align-content: space-between;
    display: grid;
    gap: 0.75rem;
    padding: 0.8rem;
}

.progress-photo-manage-card-body > div[b-347mhea9mi] {
    min-width: 0;
}

.progress-photo-manage-card-body h3[b-347mhea9mi] {
    font-size: 0.9rem;
    margin: 0;
}

.progress-photo-manage-card-body span[b-347mhea9mi] {
    color: var(--colour-text-secondary);
    display: block;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress-photo-manage-card-body[b-347mhea9mi]  .progress-photo-remove-button {
    justify-content: center;
    width: 100%;
}

.progress-photo-manage-card-body[b-347mhea9mi]  .progress-photo-remove-button span {
    color: inherit;
    display: inline;
    font-size: inherit;
    overflow: visible;
}

.progress-photo-placeholder-upload[b-347mhea9mi] {
    box-sizing: border-box;
    color: var(--theme-primary);
    font-size: var(--font-size-small);
    margin-inline: auto;
    min-width: 0;
    padding-inline: 0.45rem;
    width: 100%;
}

.progress-photo-placeholder-upload span[b-347mhea9mi] {
    color: var(--theme-primary);
    font-size: inherit;
}

.progress-photo-placeholder-upload[aria-disabled="true"][b-347mhea9mi] {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

@media (max-width: 1100px) {
    .progress-photo-manage-grid[b-347mhea9mi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .progress-photo-manage-grid[b-347mhea9mi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .progress-photo-manage-grid[b-347mhea9mi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/PatientRecommendationPanels.razor.rz.scp.css */
.patient-recommendation-grid[b-kq0a1o7gwj] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.patient-recommendation-panel[b-kq0a1o7gwj] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: grid;
    gap: 1rem;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 1rem;
}

.patient-recommendation-panel:only-child[b-kq0a1o7gwj] {
    grid-column: 1 / -1;
}

.patient-recommendation-heading[b-kq0a1o7gwj] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    min-width: 0;
}

.patient-recommendation-heading > i[b-kq0a1o7gwj] {
    color: var(--colour-primary-blue);
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.patient-recommendation-heading h4[b-kq0a1o7gwj] {
    color: var(--colour-text);
    font-size: 0.98rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.patient-recommendation-count[b-kq0a1o7gwj] {
    background: var(--theme-light);
    border-radius: 999px;
    color: var(--theme-primary);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.5rem;
}

.patient-recommendation-card[b-kq0a1o7gwj] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text);
    display: grid;
    flex: 0 0 calc((100% - var(--app-windowed-carousel-gap)) / 2);
    grid-template-rows: auto auto;
    min-width: 0;
    overflow: hidden;
    scroll-snap-align: start;
    text-decoration: none;
}

@media (min-width: 901px) {
    .patient-recommendation-grid-four-card-single-panel .patient-recommendation-panel:only-child .patient-recommendation-card[b-kq0a1o7gwj] {
        flex-basis: calc(
            (100% - var(--app-windowed-carousel-gap) - var(--app-windowed-carousel-gap) - var(--app-windowed-carousel-gap)) / 4
        );
    }
}

.patient-recommendation-card:hover[b-kq0a1o7gwj] {
    border-color: var(--colour-primary-blue-hover);
    color: var(--colour-primary-blue);
}

.patient-recommendation-card.is-preview[b-kq0a1o7gwj] {
    cursor: default;
}

.patient-recommendation-card.is-preview:hover[b-kq0a1o7gwj] {
    border-color: var(--colour-border);
    color: var(--colour-text);
}

.patient-recommendation-card img[b-kq0a1o7gwj],
.patient-recommendation-placeholder[b-kq0a1o7gwj] {
    aspect-ratio: 16 / 9;
    display: block;
    width: 100%;
}

.patient-recommendation-card img[b-kq0a1o7gwj] {
    object-fit: cover;
}

.patient-recommendation-placeholder[b-kq0a1o7gwj] {
    align-items: center;
    background: var(--colour-light-blue);
    color: var(--colour-primary-blue);
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
}

.patient-recommendation-card strong[b-kq0a1o7gwj] {
    font-size: 0.9rem;
    overflow-wrap: anywhere;
    padding: 0.75rem;
}

.patient-recommendation-view-all[b-kq0a1o7gwj] {
    align-items: center;
    color: var(--colour-primary-blue);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 750;
    gap: 0.5rem;
    justify-self: start;
    text-decoration: none;
}

.patient-recommendation-view-all i[b-kq0a1o7gwj] {
    transition: transform 160ms ease;
}

.patient-recommendation-view-all:hover[b-kq0a1o7gwj],
.patient-recommendation-view-all:focus-visible[b-kq0a1o7gwj] {
    color: var(--colour-primary-blue-hover);
    outline: none;
    text-decoration: none;
}

.patient-recommendation-view-all:hover i[b-kq0a1o7gwj],
.patient-recommendation-view-all:focus-visible i[b-kq0a1o7gwj] {
    transform: translateX(0.2rem);
}

@media (max-width: 900px) {
    .patient-recommendation-grid[b-kq0a1o7gwj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .patient-recommendation-view-all i[b-kq0a1o7gwj] {
        transition: none;
    }

    .patient-recommendation-view-all:hover i[b-kq0a1o7gwj],
    .patient-recommendation-view-all:focus-visible i[b-kq0a1o7gwj] {
        transform: none;
    }
}
/* /Components/Shared/PatientRecoveryHeroSummary.razor.rz.scp.css */
.patient-recovery-hero-summary[b-5paqs5xrcu] {
    align-self: center;
    display: flex;
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-content: flex-end;
    transform: translateX(1.4rem);
    width: 100%;
}

.patient-recovery-hero-stat[b-5paqs5xrcu] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.85rem;
    min-width: 0;
    padding: 0.15rem 1.25rem;
}

.patient-recovery-hero-stat:first-child[b-5paqs5xrcu] {
    padding-left: 0;
    padding-right: 0.75rem;
}

.patient-recovery-hero-stat + .patient-recovery-hero-stat[b-5paqs5xrcu] {
    border-left: 1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--colour-border));
    padding-left: 0.85rem;
    padding-right: 0;
}

.patient-recovery-hero-stat > i[b-5paqs5xrcu] {
    color: var(--theme-primary);
    flex: 0 0 auto;
    font-size: 2rem;
    line-height: 1;
}

.patient-recovery-hero-stat > span[b-5paqs5xrcu] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.patient-recovery-hero-stat small[b-5paqs5xrcu] {
    color: var(--colour-text);
    font-size: 0.78rem;
    line-height: 1.2;
    white-space: nowrap;
}

.patient-recovery-hero-stat strong[b-5paqs5xrcu] {
    color: var(--colour-text);
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .patient-recovery-hero-summary[b-5paqs5xrcu] {
        gap: 1rem;
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: flex-start;
        margin-top: 0.4rem;
        transform: none;
    }
}

@media (max-width: 520px) {
    .patient-recovery-hero-summary[b-5paqs5xrcu] {
        display: grid;
        gap: 0.75rem;
    }

    .patient-recovery-hero-stat[b-5paqs5xrcu] {
        padding: 0;
    }

    .patient-recovery-hero-stat + .patient-recovery-hero-stat[b-5paqs5xrcu] {
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--colour-border));
        padding-top: 0.75rem;
    }
}
/* /Components/Shared/PatientReferralModal.razor.rz.scp.css */
.patient-referral-modal-content[b-z8vlpr14gh] {
    display: grid;
    gap: 1rem;
}

.patient-referral-modal-content > div[b-z8vlpr14gh] {
    display: grid;
    gap: .2rem;
}

.patient-referral-modal-content p[b-z8vlpr14gh] {
    margin: 0;
}

.patient-referral-modal-name[b-z8vlpr14gh] {
    align-items: center;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

@media (max-width: 480px) {
    .patient-referral-modal-name[b-z8vlpr14gh] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-referral-modal-name .btn-app[b-z8vlpr14gh] {
        justify-content: center;
    }
}
/* /Components/Shared/PatientReferralTermsModal.razor.rz.scp.css */
.patient-referral-terms-modal-copy[b-bi7rrtj7i2] {
    color: var(--colour-text-secondary);
    line-height: 1.5;
    margin: 0;
}
/* /Components/Shared/PatientReviewModal.razor.rz.scp.css */
.patient-review-modal-options[b-8jn732rwa4] {
    display: grid;
    gap: 0.7rem;
}

.patient-review-modal-link[b-8jn732rwa4] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.85rem;
    text-decoration: none;
}

.patient-review-modal-link:hover[b-8jn732rwa4],
.patient-review-modal-link:focus-visible[b-8jn732rwa4] {
    border-color: var(--colour-primary-blue);
    box-shadow: 0 10px 24px rgba(23, 105, 255, 0.1);
    color: var(--colour-text);
    outline: none;
    text-decoration: none;
}

.patient-review-modal-icon[b-8jn732rwa4] {
    align-items: center;
    background: var(--colour-light-blue);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-primary-blue);
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.patient-review-modal-link strong[b-8jn732rwa4],
.patient-review-modal-link small[b-8jn732rwa4] {
    display: block;
    overflow-wrap: anywhere;
}

.patient-review-modal-link small[b-8jn732rwa4] {
    color: var(--colour-text-secondary);
    margin-top: 0.1rem;
}

.patient-review-modal-chevron[b-8jn732rwa4] {
    color: var(--colour-primary-blue);
    transition: transform 160ms ease;
}

.patient-review-modal-link:hover .patient-review-modal-chevron[b-8jn732rwa4],
.patient-review-modal-link:focus-visible .patient-review-modal-chevron[b-8jn732rwa4] {
    transform: translateX(0.2rem);
}

@media (prefers-reduced-motion: reduce) {
    .patient-review-modal-chevron[b-8jn732rwa4] {
        transition: none;
    }

    .patient-review-modal-link:hover .patient-review-modal-chevron[b-8jn732rwa4],
    .patient-review-modal-link:focus-visible .patient-review-modal-chevron[b-8jn732rwa4] {
        transform: none;
    }
}
/* /Components/Shared/PatientSidebarActionCard.razor.rz.scp.css */
.sidebar-patient-action[b-twoi7e13mt] {
    --sidebar-action-accent: var(--colour-warning);
    --sidebar-action-background: linear-gradient(135deg, var(--colour-warning-light) 0%, var(--colour-surface) 58%, var(--colour-light-blue) 100%);
    --sidebar-action-border: var(--colour-warning-light);
    --sidebar-action-border-accent: var(--colour-warning);
    --sidebar-action-focus-shadow: rgba(31, 45, 38, 0.1);
    --sidebar-action-icon-background: var(--colour-warning-light);
    --sidebar-action-icon-border: var(--colour-warning);
    --sidebar-action-orbit-highlight: #f6d270;
    --sidebar-action-orbit-light: var(--colour-warning-light);
    align-items: center;
    background: var(--sidebar-action-background);
    border: 1px solid var(--sidebar-action-border);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 12px 30px rgba(31, 45, 38, 0.07);
    color: var(--colour-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    isolation: isolate;
    margin-top: 0.5rem;
    min-height: 3.25rem;
    padding: 0.6rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 100%;
}

.sidebar-patient-action.is-referral[b-twoi7e13mt] {
    --sidebar-action-accent: #6F42D9;
    --sidebar-action-background: linear-gradient(90deg, #E9DEFF, #FBF9FF);
    --sidebar-action-border: #F3EEFF;
    --sidebar-action-border-accent: #9B7BE5;
    --sidebar-action-focus-shadow: rgba(111, 66, 217, 0.16);
    --sidebar-action-icon-background: #FBF9FF;
    --sidebar-action-icon-border: #C9B3F5;
    --sidebar-action-orbit-highlight: #A980EE;
    --sidebar-action-orbit-light: #E9DEFF;
}

@property --sidebar-action-border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

.sidebar-patient-action[b-twoi7e13mt]::before {
    animation: sidebar-action-border-orbit-b-twoi7e13mt 3.2s linear infinite;
    background: conic-gradient(
        from var(--sidebar-action-border-angle),
        var(--sidebar-action-border-accent) 0deg,
        var(--sidebar-action-orbit-highlight) 52deg,
        rgba(205, 209, 216, 0.95) 124deg,
        rgba(176, 181, 190, 0.65) 220deg,
        var(--sidebar-action-orbit-light) 304deg,
        var(--sidebar-action-border-accent) 360deg);
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    inset: 0;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

@keyframes sidebar-action-border-orbit-b-twoi7e13mt {
    to {
        --sidebar-action-border-angle: 360deg;
    }
}

.sidebar-patient-action:focus-visible[b-twoi7e13mt] {
    border-color: var(--sidebar-action-accent);
    box-shadow: 0 14px 32px var(--sidebar-action-focus-shadow);
    color: var(--colour-text);
    outline: none;
    text-decoration: none;
}

.sidebar-patient-action-icon[b-twoi7e13mt] {
    align-items: center;
    background: var(--sidebar-action-icon-background);
    border: 1px solid var(--sidebar-action-icon-border);
    border-radius: 50%;
    color: var(--sidebar-action-accent);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.9rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.sidebar-patient-action-copy[b-twoi7e13mt] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.sidebar-patient-action-copy strong[b-twoi7e13mt] {
    color: var(--colour-text);
    font-size: 0.8125rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.sidebar-patient-action-copy small[b-twoi7e13mt] {
    color: var(--colour-text-secondary);
    font-size: 0.76rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.sidebar-patient-action-arrow[b-twoi7e13mt] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--sidebar-action-accent);
    border-radius: var(--control-radius);
    box-sizing: border-box;
    color: var(--sidebar-action-accent);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.8rem;
    height: 1.75rem;
    justify-content: center;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
    width: 1.75rem;
}

.sidebar-patient-action:hover .sidebar-patient-action-arrow[b-twoi7e13mt],
.sidebar-patient-action:focus-visible .sidebar-patient-action-arrow[b-twoi7e13mt] {
    background: color-mix(in srgb, var(--sidebar-action-accent) 12%, var(--colour-surface));
    border-color: var(--sidebar-action-accent);
    color: var(--sidebar-action-accent);
    transform: translateX(2px);
}

.sidebar-patient-action:active .sidebar-patient-action-arrow[b-twoi7e13mt] {
    background: var(--sidebar-action-accent);
    color: var(--colour-surface);
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-patient-action[b-twoi7e13mt]::before {
        animation: none;
        --sidebar-action-border-angle: 35deg;
    }
}
/* /Components/Shared/PatientSignupShareModal.razor.rz.scp.css */
.patient-signup-share-content[b-nmb18mizbf] {
    display: grid;
    gap: 1rem;
}

.patient-signup-qr[b-nmb18mizbf] {
    align-self: center;
    background: #fff;
    border: 1px solid var(--colour-border);
    border-radius: 12px;
    justify-self: center;
    max-width: 280px;
    padding: 0.75rem;
    width: 100%;
}

.patient-signup-qr[b-nmb18mizbf]  svg {
    display: block;
    height: auto;
    width: 100%;
}

.patient-signup-share-code[b-nmb18mizbf] {
    align-items: center;
    background: var(--colour-light-green);
    border: 1px solid #b9d8c1;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1rem;
}

.patient-signup-share-code span[b-nmb18mizbf],
.patient-signup-share-link label[b-nmb18mizbf] {
    color: var(--colour-text-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.patient-signup-share-code strong[b-nmb18mizbf] {
    color: var(--colour-primary-green);
    font-size: 1.1rem;
    letter-spacing: 0.08em;
}

.patient-signup-share-link[b-nmb18mizbf] {
    display: grid;
    gap: 0.4rem;
}

.patient-signup-share-link > div[b-nmb18mizbf] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.patient-signup-share-link input[b-nmb18mizbf] {
    font-size: 0.85rem;
}

.patient-signup-share-link small[b-nmb18mizbf] {
    color: var(--colour-primary-green);
    font-weight: 700;
}
/* /Components/Shared/PeopleManagementPage.razor.rz.scp.css */
.people-tab-panel[hidden][b-r86sepz9cx] { display: none !important; }
.people-tab-panel[b-r86sepz9cx] { min-width: 0; }
/* /Components/Shared/PgPhoneInput.razor.rz.scp.css */
.pg-phone-shell[b-hflrxas721] {
    align-items: center;
    border: 1px solid var(--colour-border);
    border-radius: 6px;
    display: flex;
    gap: 0.45rem;
    min-height: 2.45rem;
    min-width: 0;
    padding: 0 0.8rem;
}

.pg-phone-shell:focus-within[b-hflrxas721] {
    border-color: var(--pg-phone-focus-colour, var(--colour-primary-blue));
    box-shadow: 0 0 0 0.2rem var(--pg-phone-focus-shadow, var(--focus-blue-soft));
}

.pg-phone-shell i[b-hflrxas721] {
    color: var(--colour-text-secondary);
    flex: 0 0 auto;
}

.pg-phone-shell .phone-country-select[b-hflrxas721] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--colour-text);
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.9rem;
    max-width: min(10rem, 45%);
    min-height: 2.4rem;
    min-width: 0;
    outline: 0;
    padding: 0 0.65rem 0 0;
    margin-right: 0.25rem;
    border-right: 1px solid var(--colour-border);
    width: auto;
}

.pg-phone-shell .phone-country-select:focus[b-hflrxas721] {
    border-bottom: 0;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid var(--colour-border);
    box-shadow: none;
    outline: 0;
}

.pg-phone-shell .phone-country-select-chevron[b-hflrxas721] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 0.65rem center;
    background-repeat: no-repeat;
    background-size: 0.7rem 0.7rem;
    padding-right: 1.75rem;
}

.pg-phone-shell .form-control[b-hflrxas721] {
    border: 0;
    box-shadow: none;
    min-height: 2.4rem;
    min-width: 0;
    padding-left: 0;
    width: 100%;
}

.clinic-phone-shell[b-hflrxas721] {
    --pg-phone-focus-colour: var(--colour-primary-green);
    --pg-phone-focus-shadow: rgba(14, 143, 111, 0.13);
}

@media (max-width: 520px) {
    .pg-phone-shell[b-hflrxas721] {
        align-items: center;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0 0.45rem;
        padding: 0.35rem 0.75rem;
    }

    .pg-phone-shell i[b-hflrxas721] {
        grid-column: 1;
        grid-row: 1;
    }

    .pg-phone-shell .phone-country-select[b-hflrxas721] {
        grid-column: 2;
        grid-row: 1;
        border-bottom: 1px solid var(--colour-border);
        border-right: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
        padding-right: 0;
    }

    .pg-phone-shell .phone-country-select:focus[b-hflrxas721] {
        border-bottom: 1px solid var(--colour-border);
        border-right: 0;
    }

    .pg-phone-shell .form-control[b-hflrxas721] {
        grid-column: 2;
        grid-row: 2;
    }

    .pg-phone-shell .phone-country-select-chevron[b-hflrxas721] {
        padding-right: 1.75rem;
    }
}
/* /Components/Shared/PortalViewModeBanner.razor.rz.scp.css */
.portal-view-mode-banner[b-p5vno59w88] {
    align-items: center;
    background: var(--colour-destructive-light);
    border: 1px solid var(--colour-destructive);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--colour-destructive);
    display: flex;
    gap: 0.55rem;
    min-height: 2.4rem;
    min-width: 0;
    padding: 0 0.18rem 0 0.7rem;
    position: relative;
    z-index: 1900;
}

.portal-view-mode-banner.is-desktop[b-p5vno59w88] {
    max-width: min(44vw, 32rem);
}

.portal-view-mode-banner.is-mobile[b-p5vno59w88] {
    display: none;
}

.portal-view-mode-copy[b-p5vno59w88],
.portal-view-mode-details[b-p5vno59w88] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    min-width: 0;
}

.portal-view-mode-label[b-p5vno59w88] {
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.portal-view-mode-details strong[b-p5vno59w88],
.portal-view-mode-details span[b-p5vno59w88] {
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-view-mode-details strong[b-p5vno59w88] {
    flex: 0 1 auto;
    font-size: 0.88rem;
}

.portal-view-mode-details span[b-p5vno59w88] {
    font-size: 0.75rem;
    font-weight: 800;
}

.portal-view-mode-banner form[b-p5vno59w88] {
    flex: 0 0 auto;
    margin: 0;
}

.portal-view-mode-banner .btn-app[b-p5vno59w88] {
    --btn-app-bg: var(--colour-surface);
    --btn-app-text: var(--colour-text);
    --btn-app-hover-text: var(--colour-text);
    --btn-app-active-text: var(--colour-text);
    background: var(--btn-app-bg);
    color: var(--btn-app-text);
    min-height: calc(var(--control-height-sm) - 0.15rem);
    padding: 0.24rem 0.58rem;
}

@media (max-width: 1100px) {
    .portal-view-mode-banner.is-desktop[b-p5vno59w88] {
        display: none;
    }

    .portal-view-mode-banner.is-mobile[b-p5vno59w88] {
        display: grid;
        flex: 0 0 auto;
        gap: 0.7rem;
        grid-template-columns: minmax(0, 1fr) auto;
        margin: 0.5rem 0.5rem 0;
        max-width: none;
        min-height: 2.7rem;
        padding: 0.35rem 0.25rem 0.35rem 0.7rem;
    }

    .portal-view-mode-banner.is-mobile .portal-view-mode-copy[b-p5vno59w88] {
        overflow: hidden;
    }
}

@media (max-width: 520px) {
    .portal-view-mode-banner.is-mobile .portal-view-mode-copy[b-p5vno59w88] {
        align-items: start;
        display: grid;
        gap: 0.2rem;
    }

    .portal-view-mode-banner.is-mobile .portal-view-mode-details[b-p5vno59w88] {
        gap: 0.4rem;
        overflow: hidden;
    }
}
/* /Components/Shared/ProductFormModal.razor.rz.scp.css */
.product-template-field[b-g89yiv8894] {
    margin-bottom: 1rem;
}

.product-form-phase-links[b-g89yiv8894] {
    margin-top: 1rem;
}

.product-form-phase-links[b-g89yiv8894]  .care-plan-editor-section {
    margin-top: 0 !important;
}

.product-image-edit[b-g89yiv8894] {
    align-content: start;
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    margin-top: 1rem;
    min-width: 0;
    padding: 1rem;
}

.product-image-title[b-g89yiv8894],
.product-image-edit > .guide-main-image-preview[b-g89yiv8894],
.product-image-controls[b-g89yiv8894] {
    max-width: 24rem;
    width: 100%;
}

.product-image-title[b-g89yiv8894] {
    color: var(--colour-text);
    font-size: 1rem;
    justify-self: center;
    margin: 0;
}

.product-image-controls[b-g89yiv8894] {
    display: grid;
    gap: 0.75rem;
}

.product-image-controls[b-g89yiv8894]  .product-image-remove {
    width: 100%;
}

.product-image-controls .guide-card-meta[b-g89yiv8894] {
    margin: 0;
}
/* /Components/Shared/ProductManagementCard.razor.rz.scp.css */
.management-product-card[b-lmx22mz5ck] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.management-product-media[b-lmx22mz5ck] {
    aspect-ratio: 16 / 9;
    background: var(--colour-light-blue);
    border-radius: 9px 9px 0 0;
    flex: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.management-product-media > img[b-lmx22mz5ck],
.management-product-media > .guide-card-placeholder[b-lmx22mz5ck] {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.management-product-media > img[b-lmx22mz5ck] {
    display: block;
    object-fit: contain;
}

.management-product-summary[b-lmx22mz5ck] {
    padding: 0.85rem 0.85rem 0;
    overflow-wrap: anywhere;
}

.management-product-summary h3[b-lmx22mz5ck] {
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.35;
    margin: 0;
}

.management-product-summary p[b-lmx22mz5ck] {
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0.4rem 0 0;
}

.management-product-footer[b-lmx22mz5ck] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: auto;
    padding: 0.4rem 0.85rem 0.65rem;
}

.management-product-pills[b-lmx22mz5ck] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.management-product-pills .guide-meta-pill[b-lmx22mz5ck] {
    margin: 0;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
}
/* /Components/Shared/ProfileAvatar.razor.rz.scp.css */
.profile-avatar[b-lawo0bcu5v] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid var(--colour-border);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    height: 2.25rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 2.25rem;
}

.profile-avatar img[b-lawo0bcu5v] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.profile-avatar-large[b-lawo0bcu5v] {
    font-size: 2rem;
    height: 7rem;
    width: 7rem;
}
/* /Components/Shared/ProgressPhotoComparison.razor.rz.scp.css */
.progress-photo-compare-toolbar[b-o3mupo8xak] {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
}

.progress-photo-compare-label[b-o3mupo8xak] { flex: 0 0 auto; font-size: 0.9rem; }
.progress-photo-compare-selectors[b-o3mupo8xak] { align-items: center; display: flex; flex: 1 1 auto; gap: 0.75rem; min-width: 0; }
.progress-photo-date-select[b-o3mupo8xak] { align-items: center; background: var(--colour-surface); border: 1px solid var(--colour-border); border-radius: 8px; display: grid; flex: 1 1 0; grid-template-columns: auto minmax(0, 1fr); min-width: 10rem; padding-left: 0.75rem; }
.progress-photo-date-select > i[b-o3mupo8xak] { color: var(--theme-primary); font-size: 1rem; }
.progress-photo-date-select[b-o3mupo8xak]  .search-select-input { background-color: transparent; border: 0; font-weight: 650; min-height: 2.75rem; }
.progress-photo-date-select[b-o3mupo8xak]  .search-select-input:focus { box-shadow: none; }
.progress-photo-date-option[b-o3mupo8xak] { align-items: center; display: flex; gap: 0.65rem; justify-content: space-between; width: 100%; }
.progress-photo-date-option > span[b-o3mupo8xak] { color: var(--colour-text-secondary); font-size: 0.75rem; }
.progress-photo-versus[b-o3mupo8xak] { align-items: center; background: var(--theme-light); border-radius: 999px; color: var(--theme-primary); display: inline-flex; flex: 0 0 auto; font-size: 0.75rem; font-weight: 800; height: 2.5rem; justify-content: center; width: 2.5rem; }
.progress-photo-add-comparison[b-o3mupo8xak] { flex: 0 0 auto; margin-left: auto; }
.progress-photo-comparison-scroll[b-o3mupo8xak] { overflow-x: auto; padding: 0 1.25rem 1.25rem; }
.progress-photo-set-compare[b-o3mupo8xak] { --comparison-column-min: 12rem; display: grid; }
.progress-photo-set-compare-1[b-o3mupo8xak] { --comparison-count: 1; min-width: 328px; }
.progress-photo-set-compare-2[b-o3mupo8xak] { --comparison-count: 2; min-width: 520px; }
.progress-photo-set-compare-3[b-o3mupo8xak] { --comparison-count: 3; min-width: 712px; }
.progress-photo-set-compare-4[b-o3mupo8xak] { --comparison-count: 4; min-width: 904px; }
.progress-photo-comparison-header[b-o3mupo8xak],
.progress-photo-comparison-row[b-o3mupo8xak] { display: grid; gap: 0.45rem; grid-template-columns: 8rem repeat(var(--comparison-count), minmax(var(--comparison-column-min), 1fr)); }
.progress-photo-comparison-header[b-o3mupo8xak] { margin-bottom: 0.45rem; }
.progress-photo-comparison-heading[b-o3mupo8xak] { background: var(--theme-light); border: 1px solid var(--colour-border); border-radius: 8px 8px 0 0; display: grid; gap: 0.15rem; padding: 0.75rem; text-align: center; }
.progress-photo-comparison-heading strong[b-o3mupo8xak] { font-size: 0.82rem; }
.progress-photo-comparison-heading time[b-o3mupo8xak] { color: var(--colour-text-secondary); font-size: 0.72rem; }
.progress-photo-mobile-comparison-heading[b-o3mupo8xak] { display: none; }
.progress-photo-comparison-row[b-o3mupo8xak] { border-bottom: 1px solid var(--colour-border); padding: 0.45rem 0; }
.progress-photo-comparison-row:last-child[b-o3mupo8xak] { border-bottom: 0; }
.progress-photo-view-cell[b-o3mupo8xak] { align-items: center; display: grid; gap: 0.65rem; grid-template-columns: auto minmax(0, 1fr); padding-right: 0.4rem; }
.progress-photo-view-icon[b-o3mupo8xak] { align-items: center; background: var(--theme-light); border-radius: 999px; color: var(--theme-primary); display: inline-flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.progress-photo-view-cell strong[b-o3mupo8xak],
.progress-photo-view-cell small[b-o3mupo8xak] { display: block; }
.progress-photo-view-cell strong[b-o3mupo8xak] { font-size: 0.78rem; }
.progress-photo-view-cell small[b-o3mupo8xak] { color: var(--colour-text-secondary); font-size: 0.66rem; line-height: 1.3; margin-top: 0.15rem; }
.progress-photo-compare-pane[b-o3mupo8xak] { background: var(--colour-background); border: 1px solid var(--colour-border); border-radius: 8px; min-width: 0; overflow: hidden; transition: border-color 150ms ease, box-shadow 150ms ease; }
.progress-photo-compare-pane.is-clickable:hover[b-o3mupo8xak] { border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 12%, transparent); }
.progress-photo-compare-pane img[b-o3mupo8xak] { aspect-ratio: 4 / 3; display: block; height: auto; object-fit: contain; width: 100%; }
.progress-photo-compare-image-button[b-o3mupo8xak] { appearance: none; background: transparent; border: 0; cursor: zoom-in; display: block; padding: 0; width: 100%; }
.progress-photo-compare-placeholder[b-o3mupo8xak] { align-items: center; aspect-ratio: 4 / 3; display: flex; flex-direction: column; gap: 0.65rem; justify-content: center; padding: 1rem; text-align: center; width: 100%; }
.progress-photo-compare-placeholder-icon[b-o3mupo8xak] { align-items: center; background: var(--theme-light); border-radius: 999px; color: var(--theme-primary); display: inline-flex; flex: 0 0 auto; font-size: 1rem; height: 2.5rem; justify-content: center; width: 2.5rem; }
.progress-photo-compare-placeholder p[b-o3mupo8xak] { color: var(--colour-text-secondary); font-size: 0.72rem; line-height: 1.4; margin: 0; max-width: 11rem; }

@media (max-width: 1100px) {
    .progress-photo-compare-toolbar[b-o3mupo8xak] { align-items: stretch; flex-wrap: wrap; }
    .progress-photo-compare-label[b-o3mupo8xak] { align-self: center; }
    .progress-photo-compare-selectors[b-o3mupo8xak] { flex-basis: calc(100% - 5rem); overflow-x: auto; padding-bottom: 0.2rem; }
}

@media (max-width: 760px) {
    .progress-photo-compare-toolbar[b-o3mupo8xak] { padding: 1rem; }
    .progress-photo-compare-label[b-o3mupo8xak] { width: 100%; }
    .progress-photo-compare-selectors[b-o3mupo8xak] { align-items: stretch; display: grid; flex-basis: 100%; grid-template-columns: 1fr; overflow: visible; }
    .progress-photo-versus[b-o3mupo8xak] { height: 2rem; justify-self: center; width: 2rem; }
    .progress-photo-comparison-scroll[b-o3mupo8xak] { overflow-x: visible; padding: 0 1rem 1rem; }
    .progress-photo-set-compare[b-o3mupo8xak] { min-width: 0; width: 100%; }
    .progress-photo-comparison-header[b-o3mupo8xak] { display: none; }
    .progress-photo-comparison-row[b-o3mupo8xak] { gap: 0.65rem; grid-template-columns: minmax(0, 1fr); padding: 0.75rem 0; }
    .progress-photo-view-cell[b-o3mupo8xak] { padding-right: 0; }
    .progress-photo-mobile-comparison-heading[b-o3mupo8xak] { background: var(--theme-light); border-bottom: 1px solid var(--colour-border); display: grid; gap: 0.15rem; padding: 0.65rem 0.75rem; text-align: center; }
    .progress-photo-mobile-comparison-heading strong[b-o3mupo8xak] { font-size: 0.82rem; }
    .progress-photo-mobile-comparison-heading time[b-o3mupo8xak] { color: var(--colour-text-secondary); font-size: 0.72rem; }
}
/* /Components/Shared/ProgressPhotoTimeline.razor.rz.scp.css */
.progress-photo-history-panel[b-dwmmkdl7sg] { background: transparent; border: 0; box-shadow: none; overflow: hidden; }
.progress-photo-history-header[b-dwmmkdl7sg] { align-items: center; border-bottom: 0; padding-bottom: 0.5rem; padding-inline: 0; }
.progress-photo-history-empty[b-dwmmkdl7sg] { background: var(--colour-background); border-radius: 10px; }
.progress-photo-carousel-controls[b-dwmmkdl7sg] { display: flex; flex: 0 0 auto; gap: 0.5rem; }
.progress-photo-timeline[b-dwmmkdl7sg] { display: flex; gap: 0.85rem; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; padding: 0.5rem 0 1.25rem; scroll-behavior: smooth; scroll-padding-inline: 0; scroll-snap-type: inline mandatory; scrollbar-width: none; touch-action: pan-x pan-y; }
.progress-photo-timeline[b-dwmmkdl7sg]::-webkit-scrollbar { display: none; }
.progress-photo-timeline:focus-visible[b-dwmmkdl7sg] { border-radius: 8px; outline: 2px solid var(--app-focus); outline-offset: -2px; }
.progress-photo-timeline-card[b-dwmmkdl7sg] { appearance: none; background: var(--colour-background); border: 1px solid var(--colour-border); border-radius: 10px; color: var(--colour-text); cursor: pointer; display: grid; flex: 0 0 calc((100% - 2.55rem) / 4); font: inherit; gap: 0.7rem; padding: 0.8rem; scroll-snap-align: start; text-align: left; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
.progress-photo-timeline-card:hover[b-dwmmkdl7sg] { border-color: color-mix(in srgb, var(--theme-primary) 55%, var(--colour-border)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 12%, transparent); transform: translateY(-1px); }
.progress-photo-timeline-card:focus-visible[b-dwmmkdl7sg] { border-color: var(--theme-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 18%, transparent); outline: none; }
.progress-photo-timeline-card-header[b-dwmmkdl7sg] { align-items: flex-start; display: flex; gap: 0.75rem; justify-content: space-between; }
.progress-photo-timeline-card-header h3[b-dwmmkdl7sg] { font-size: 0.82rem; line-height: 1.2; margin: 0; }
.progress-photo-timeline-card-header time[b-dwmmkdl7sg] { color: var(--colour-text-secondary); display: block; font-size: 0.68rem; margin-top: 0.18rem; }
.progress-photo-set-status[b-dwmmkdl7sg] { align-items: center; background: color-mix(in srgb, var(--theme-primary) 12%, #fff); border-radius: 999px; color: var(--theme-primary); display: inline-flex; flex: 0 0 auto; font-size: 0.62rem; height: 1.25rem; justify-content: center; width: 1.25rem; }
.progress-photo-set-status.is-complete[b-dwmmkdl7sg] { background: #e9f8ef; color: #1d9b58; }
.progress-photo-thumbnail-strip[b-dwmmkdl7sg] { display: grid; gap: 0.35rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.progress-photo-thumbnail[b-dwmmkdl7sg] { aspect-ratio: 1; background: #f2f5f9; border: 1px solid color-mix(in srgb, var(--colour-border) 75%, transparent); border-radius: 7px; min-width: 0; overflow: hidden; position: relative; }
.progress-photo-thumbnail > img[b-dwmmkdl7sg] { display: block; height: 100%; object-fit: cover; width: 100%; }
.progress-photo-thumbnail.is-empty[b-dwmmkdl7sg] { align-items: center; color: color-mix(in srgb, var(--colour-text-secondary) 55%, transparent); display: flex; font-size: 0.72rem; justify-content: center; }

@media (max-width: 700px) {
    .progress-photo-history-header[b-dwmmkdl7sg] { align-items: center; flex-direction: row; }
    .progress-photo-carousel-controls[b-dwmmkdl7sg] { margin-left: auto; }
    .progress-photo-timeline[b-dwmmkdl7sg] { padding-inline: 0; scroll-padding-inline: 0; }
    .progress-photo-timeline-card[b-dwmmkdl7sg] { flex-basis: min(78vw, 230px); }
}
/* /Components/Shared/ProgressPhotoUploadCard.razor.rz.scp.css */
.progress-photo-location-card[b-t95ludzxlj] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgb(25 45 85 / 5%);
    display: grid;
    gap: 0.7rem;
    min-width: 0;
    padding: 0.8rem;
}

.progress-photo-location-heading h3[b-t95ludzxlj] {
    font-size: 0.95rem;
    margin: 0;
}

.progress-photo-location-heading span[b-t95ludzxlj],
.progress-photo-file-name[b-t95ludzxlj] {
    color: var(--colour-text-secondary);
    display: block;
    font-size: 0.78rem;
}

.progress-photo-location-heading span[b-t95ludzxlj] {
    margin-top: 0.15rem;
}

.progress-photo-preview[b-t95ludzxlj] {
    aspect-ratio: 1;
    background: #f5f8fc;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.progress-photo-preview img[b-t95ludzxlj] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.progress-photo-preview.has-photo img[b-t95ludzxlj] {
    object-fit: cover;
}

.progress-photo-selected-badge[b-t95ludzxlj] {
    align-items: center;
    background: rgb(22 101 52 / 90%);
    border-radius: 999px;
    bottom: 0.55rem;
    color: #fff;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.2rem;
    left: 0.55rem;
    padding: 0.25rem 0.5rem;
    position: absolute;
}

[b-t95ludzxlj] .progress-photo-input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

[b-t95ludzxlj] .progress-photo-input:focus-visible + .progress-photo-upload-button {
    outline: none;
}

.progress-photo-selection-remove[b-t95ludzxlj] {
    --btn-app-bg: #fff;
    min-height: 42px;
    width: 100%;
}

.progress-photo-file-name[b-t95ludzxlj] {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/RecoveryCodeGrid.razor.rz.scp.css */
.mfa-recovery-code-shell[b-k1wg2w4iu7] {
    display: grid;
    gap: 0.5rem;
}

.mfa-recovery-code-actions[b-k1wg2w4iu7] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
}

.mfa-recovery-codes[b-k1wg2w4iu7] {
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.mfa-recovery-codes code[b-k1wg2w4iu7] {
    color: var(--colour-text);
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .mfa-recovery-codes[b-k1wg2w4iu7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/ReferralLogModal.razor.rz.scp.css */
.clinic-referral-settings-grid[b-ke4byzm54z] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinic-referral-wide[b-ke4byzm54z] {
    grid-column: 1 / -1;
}

.clinic-referral-patient-select[b-ke4byzm54z] {
    margin-bottom: 1rem;
}

.clinic-referral-search-option[b-ke4byzm54z] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr) auto;
    width: 100%;
}

.clinic-referral-search-option span[b-ke4byzm54z] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.clinic-referral-search-option strong[b-ke4byzm54z],
.clinic-referral-search-option small[b-ke4byzm54z] {
    overflow-wrap: anywhere;
}

.clinic-referral-search-option small[b-ke4byzm54z] {
    color: #53635a;
    font-weight: 650;
}

.clinic-referral-search-option i[b-ke4byzm54z] {
    color: #287a46;
    font-size: 1.1rem;
}

@media (max-width: 900px) {
    .clinic-referral-settings-grid[b-ke4byzm54z],
    .clinic-referral-search-option[b-ke4byzm54z] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/ReferralSettingsModal.razor.rz.scp.css */
.clinic-referral-settings-grid[b-yeeavhyrp7] {
    display: grid;
    gap: 1.25rem 1rem;
    grid-template-columns: minmax(0, calc(50% - 0.5rem)) repeat(2, minmax(0, 1fr));
}

.clinic-referral-settings-grid .form-field[b-yeeavhyrp7] {
    display: grid;
    gap: 0.45rem;
}

.clinic-referral-wide[b-yeeavhyrp7] {
    grid-column: 1 / -1;
}

.referral-percentage-field[b-yeeavhyrp7] {
    grid-column: 2 / -1;
}

@media (max-width: 900px) {
    .clinic-referral-settings-grid[b-yeeavhyrp7] {
        grid-template-columns: 1fr;
    }

    .referral-percentage-field[b-yeeavhyrp7] {
        grid-column: auto;
    }
}
/* /Components/Shared/ResponsiveAsideDrawer.razor.rz.scp.css */
.responsive-aside-drawer-scrim[b-e27zm4zbgi],
.responsive-aside-drawer-header[b-e27zm4zbgi],
.responsive-aside-drawer-close[b-e27zm4zbgi] {
    display: none;
}

.responsive-aside-drawer-body[b-e27zm4zbgi] {
    display: contents;
}

@media (max-width: 1105px) {
    aside.patient-guide-navigator.responsive-aside-drawer[b-e27zm4zbgi] {
        background: var(--colour-surface);
        border: 0;
        border-left: 1px solid var(--colour-border);
        border-radius: 0;
        bottom: 0;
        box-shadow: -18px 0 45px rgba(29, 65, 110, 0.18);
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        left: auto;
        margin: 0;
        max-height: none;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: var(--responsive-aside-shell-top);
        transform: translate3d(105%, 0, 0);
        transition: none;
        visibility: hidden;
        width: min(88vw, 22rem);
        z-index: 29;
    }

    aside.patient-guide-navigator.responsive-aside-drawer.is-motion-enabled[b-e27zm4zbgi] {
        transition: transform 0.2s ease, visibility 0s linear 0.2s;
    }

    aside.patient-guide-navigator.responsive-aside-drawer.is-open[b-e27zm4zbgi] {
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
        visibility: visible;
    }

    .responsive-aside-drawer-scrim[b-e27zm4zbgi] {
        background: rgba(7, 27, 82, 0.34);
        border: 0;
        bottom: 0;
        display: block;
        left: var(--responsive-aside-shell-left);
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        touch-action: none;
        top: var(--responsive-aside-shell-top);
        transition: none;
        visibility: hidden;
        z-index: 28;
    }

    .responsive-aside-drawer-scrim.is-motion-enabled[b-e27zm4zbgi] {
        transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    }

    .responsive-aside-drawer-scrim.is-open[b-e27zm4zbgi] {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
    }

    .responsive-aside-drawer-header[b-e27zm4zbgi] {
        align-items: center;
        background: var(--colour-surface);
        border-bottom: 1px solid var(--colour-border);
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        padding: 1rem;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .responsive-aside-drawer-header > strong[b-e27zm4zbgi] {
        color: var(--colour-text);
        font-size: 1rem;
        line-height: 1.3;
    }

    .responsive-aside-drawer-close[b-e27zm4zbgi] {
        align-items: center;
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        color: var(--colour-text-secondary);
        display: inline-flex;
        height: 2.25rem;
        justify-content: center;
        width: 2.25rem;
    }

    .responsive-aside-drawer-close:hover[b-e27zm4zbgi],
    .responsive-aside-drawer-close:focus-visible[b-e27zm4zbgi] {
        border-color: var(--theme-primary);
        color: var(--theme-primary);
    }

    .responsive-aside-drawer-body[b-e27zm4zbgi] {
        align-content: start;
        display: grid;
        flex: 1 1 auto;
        gap: 0.75rem;
        grid-auto-rows: max-content;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 1rem;
    }
}

@media (min-width: 1106px) and (max-width: 1600px) {
    aside.patient-guide-navigator.responsive-aside-drawer[data-responsive-aside-breakpoint="1600"][b-e27zm4zbgi] {
        background: var(--colour-surface);
        border: 0;
        border-left: 1px solid var(--colour-border);
        border-radius: 0;
        bottom: 0;
        box-shadow: -18px 0 45px rgba(29, 65, 110, 0.18);
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        left: auto;
        margin: 0;
        max-height: none;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: var(--responsive-aside-shell-top);
        transform: translate3d(105%, 0, 0);
        transition: none;
        visibility: hidden;
        width: min(88vw, 22rem);
        z-index: 29;
    }

    aside.patient-guide-navigator.responsive-aside-drawer[data-responsive-aside-breakpoint="1600"].is-motion-enabled[b-e27zm4zbgi] {
        transition: transform 0.2s ease, visibility 0s linear 0.2s;
    }

    aside.patient-guide-navigator.responsive-aside-drawer[data-responsive-aside-breakpoint="1600"].is-open[b-e27zm4zbgi] {
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
        visibility: visible;
    }

    .responsive-aside-drawer-scrim[data-responsive-aside-breakpoint="1600"][b-e27zm4zbgi] {
        background: rgba(7, 27, 82, 0.34);
        border: 0;
        bottom: 0;
        display: block;
        left: var(--responsive-aside-shell-left);
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        touch-action: none;
        top: var(--responsive-aside-shell-top);
        transition: none;
        visibility: hidden;
        z-index: 28;
    }

    .responsive-aside-drawer-scrim[data-responsive-aside-breakpoint="1600"].is-motion-enabled[b-e27zm4zbgi] {
        transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    }

    .responsive-aside-drawer-scrim[data-responsive-aside-breakpoint="1600"].is-open[b-e27zm4zbgi] {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
    }

    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-header[b-e27zm4zbgi] {
        align-items: center;
        background: var(--colour-surface);
        border-bottom: 1px solid var(--colour-border);
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        padding: 1rem;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-header > strong[b-e27zm4zbgi] {
        color: var(--colour-text);
        font-size: 1rem;
        line-height: 1.3;
    }

    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-close[b-e27zm4zbgi] {
        align-items: center;
        background: var(--colour-surface);
        border: 1px solid var(--colour-border);
        border-radius: 8px;
        color: var(--colour-text-secondary);
        display: inline-flex;
        height: 2.25rem;
        justify-content: center;
        width: 2.25rem;
    }

    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-close:hover[b-e27zm4zbgi],
    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-close:focus-visible[b-e27zm4zbgi] {
        border-color: var(--theme-primary);
        color: var(--theme-primary);
    }

    aside[data-responsive-aside-breakpoint="1600"] .responsive-aside-drawer-body[b-e27zm4zbgi] {
        align-content: start;
        display: grid;
        flex: 1 1 auto;
        gap: 0.75rem;
        grid-auto-rows: max-content;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    aside.patient-guide-navigator.responsive-aside-drawer[b-e27zm4zbgi],
    aside.patient-guide-navigator.responsive-aside-drawer.is-motion-enabled[b-e27zm4zbgi],
    .responsive-aside-drawer-scrim[b-e27zm4zbgi],
    .responsive-aside-drawer-scrim.is-motion-enabled[b-e27zm4zbgi] {
        transition: none;
    }
}
/* /Components/Shared/RoleAccessPreview.razor.rz.scp.css */
.role-access-preview[b-4v70t9p3ca] { display: grid; gap: 1rem; }
.role-access-preview h4[b-4v70t9p3ca] { font-size: 1rem; margin: 0; }
.role-access-preview p[b-4v70t9p3ca] { margin: 0; }
.role-notification-list[b-4v70t9p3ca] { display: grid; gap: 0.75rem; container-type: inline-size; }
.role-notification-row[b-4v70t9p3ca] { display: grid; grid-template-columns: minmax(0, 1fr) 8.5rem; align-items: start; gap: 1rem; }
.role-notification-row + .role-notification-row[b-4v70t9p3ca] { border-top: 1px solid var(--colour-border); padding-top: 0.75rem; }
.role-notification-row > span:first-child[b-4v70t9p3ca] { min-width: 0; overflow-wrap: anywhere; }
.role-notification-channels[b-4v70t9p3ca] { display: flex; gap: 0.5rem 1rem; font-size: 0.875rem; }
.role-notification-channels > span[b-4v70t9p3ca] { display: inline-flex; align-items: center; gap: 0.35rem; white-space: nowrap; }
.role-notification-channels i[b-4v70t9p3ca] { color: var(--colour-primary-blue); }

@container (max-width: 28rem) {
    .role-notification-row[b-4v70t9p3ca] { grid-template-columns: minmax(0, 1fr) 4.5rem; }
    .role-notification-channels[b-4v70t9p3ca] { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
}
/* /Components/Shared/SearchMultiSelect.razor.rz.scp.css */
.search-multi-select[b-8byf7brlgn] {
    min-width: 0;
}

.search-multi-select-input[b-8byf7brlgn] {
    box-shadow: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-multi-select-input:disabled[b-8byf7brlgn] {
    cursor: not-allowed;
}

.search-multi-select-menu[b-8byf7brlgn] {
    left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--control-radius);
    box-shadow: 0 14px 32px rgba(26, 26, 26, 0.11);
    color: var(--colour-text);
    margin-top: 0.25rem;
    z-index: 1050;
}

.search-multi-select-actions[b-8byf7brlgn] {
    align-items: center;
    background: var(--colour-background);
    border-bottom: 1px solid var(--colour-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
    padding: 0.35rem 0.45rem;
}

.search-multi-select-actions .btn-app[b-8byf7brlgn] {
    min-height: 1.8rem;
    padding-block: 0.2rem;
}

.search-multi-select-option[b-8byf7brlgn] {
    align-items: center;
    background-color: var(--colour-surface);
    border-color: var(--colour-border);
    color: var(--colour-text);
    cursor: pointer;
    font-size: var(--font-size-small);
    line-height: 1.35;
    min-height: 2.35rem;
    overflow-wrap: anywhere;
    white-space: normal;
    padding: 0.5rem 0.75rem;
}

.search-multi-select-option > span[b-8byf7brlgn] {
    min-width: 0;
}

.search-multi-select-option:hover[b-8byf7brlgn],
.search-multi-select-option:focus[b-8byf7brlgn] {
    background-color: var(--theme-light);
    color: var(--colour-text);
}

.search-multi-select-option:active[b-8byf7brlgn],
.search-multi-select-option.active[b-8byf7brlgn] {
    background-color: var(--theme-light);
    border-color: var(--colour-border);
    color: var(--colour-text);
}

.search-multi-select-checkbox[b-8byf7brlgn] {
    border-color: #b8c2cc;
    height: 1rem;
    margin-top: 0.1rem !important;
    width: 1rem;
}

.search-multi-select-checkbox:checked[b-8byf7brlgn] {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.search-multi-select-options[b-8byf7brlgn] {
    --bs-list-group-action-active-bg: var(--theme-light);
    --bs-list-group-action-active-color: var(--colour-text);
    --bs-list-group-action-color: var(--colour-text);
    --bs-list-group-action-hover-bg: var(--theme-light);
    --bs-list-group-action-hover-color: var(--colour-text);
    --bs-list-group-bg: var(--colour-surface);
    --bs-list-group-border-color: var(--colour-border);
    --bs-list-group-color: var(--colour-text);
    max-height: 200px;
    overflow-y: auto;
}

.search-multi-select-empty[b-8byf7brlgn] {
    background-color: var(--colour-surface);
    color: var(--colour-text-secondary);
    padding: 0.65rem 0.75rem;
}
/* /Components/Shared/SearchSelect.razor.rz.scp.css */
.search-select[b-b1xre3lxva] {
    min-width: 0;
}

.search-select-input[b-b1xre3lxva] {
    box-shadow: none;
    overflow: hidden;
    padding-right: 2.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.search-select-input:disabled[b-b1xre3lxva] {
    cursor: not-allowed;
}

.search-select-button[b-b1xre3lxva] {
    cursor: pointer;
    text-align: left;
}

.search-select-input:focus-visible[b-b1xre3lxva] {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 0.12rem var(--colour-surface), 0 0 0 0.32rem var(--app-focus) !important;
    outline: 0 !important;
}

.search-select-backdrop[b-b1xre3lxva] {
    inset: 0;
    position: fixed;
    z-index: 1040;
}

.search-select-menu[b-b1xre3lxva] {
    --bs-list-group-action-active-bg: var(--theme-light);
    --bs-list-group-action-active-color: var(--colour-text);
    --bs-list-group-action-color: var(--colour-text);
    --bs-list-group-action-hover-bg: var(--theme-light);
    --bs-list-group-action-hover-color: var(--colour-text);
    --bs-list-group-bg: var(--colour-surface);
    --bs-list-group-border-color: var(--colour-border);
    --bs-list-group-border-radius: var(--control-radius);
    --bs-list-group-color: var(--colour-text);
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--control-radius);
    box-shadow: 0 14px 32px rgba(26, 26, 26, 0.11);
    color: var(--colour-text);
    left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.25rem;
    z-index: 1050;
}

.search-select-menu-down[b-b1xre3lxva] {
    margin-top: 0.25rem;
    top: 100%;
}

.search-select-menu-up[b-b1xre3lxva] {
    bottom: 100%;
    margin-bottom: 0.25rem;
}

.search-select-option[b-b1xre3lxva] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--colour-text);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-small);
    line-height: 1.35;
    min-height: 2.15rem;
    overflow-wrap: anywhere;
    white-space: normal;
    padding: 0.45rem 0.55rem !important;
}

.search-select-option:hover[b-b1xre3lxva],
.search-select-option:focus[b-b1xre3lxva],
.search-select-option.is-active[b-b1xre3lxva] {
    background: var(--theme-light);
    color: var(--colour-text);
}

.search-select-option:active[b-b1xre3lxva] {
    background: var(--theme-primary);
    color: var(--colour-surface);
}

.search-select-none[b-b1xre3lxva] {
    color: var(--colour-text-secondary) !important;
    font-weight: 650;
}

.search-select-empty[b-b1xre3lxva] {
    cursor: default;
}

.search-select-compact .search-select-input[b-b1xre3lxva] {
    font-size: 0.875rem;
    min-height: 2.15rem;
}
/* /Components/Shared/SecurityFlow.razor.rz.scp.css */
.security-flow[b-pb0wzuqsbo]  .generic-modal {
    grid-template-columns: minmax(0, 1fr);
}

.security-flow[b-pb0wzuqsbo]  .generic-modal-header {
    overflow-wrap: anywhere;
}

.security-flow[b-pb0wzuqsbo]  .generic-modal-body,
.security-flow[b-pb0wzuqsbo]  .security-flow-content {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.security-flow[b-pb0wzuqsbo]  .generic-modal-body {
    overscroll-behavior: contain;
}

.security-flow[b-pb0wzuqsbo]  .generic-modal-body > p,
.security-flow[b-pb0wzuqsbo]  .security-flow-content > p {
    margin: 0;
}

.security-flow[b-pb0wzuqsbo]  .auth-form {
    min-width: 0;
    width: 100%;
    max-width: none;
    gap: 1.25rem;
}

.security-flow[b-pb0wzuqsbo]  .form-field {
    min-width: 0;
    width: 100%;
}

.security-flow[b-pb0wzuqsbo]  .generic-modal-footer .btn-app {
    width: auto;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    flex: 0 1 auto;
    justify-content: center;
}

.security-flow[b-pb0wzuqsbo]  .btn-app {
    white-space: normal;
    text-align: center;
}

.security-flow[b-pb0wzuqsbo]  .mfa-qr-code {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.security-flow[b-pb0wzuqsbo]  code {
    overflow-wrap: anywhere;
}

.security-flow[b-pb0wzuqsbo]  [hidden] {
    display: none !important;
}

.security-flow[b-pb0wzuqsbo]  h1 {
    font-size: 1.35rem;
}

.security-flow[b-pb0wzuqsbo]  .security-verification-grid {
    grid-template-columns: minmax(0, 1fr);
}

.security-flow[b-pb0wzuqsbo]  .btn-app-icon {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
}

.security-flow[b-pb0wzuqsbo]  .security-flow-progress,
.security-flow[b-pb0wzuqsbo]  .security-flow-notice {
    margin-bottom: 0;
}
/* /Components/Shared/SecurityFlowNotice.razor.rz.scp.css */
.security-flow-notice[b-612qivq3n4] { padding: .75rem; border: 1px solid var(--colour-border); border-radius: var(--app-card-radius); overflow-wrap: anywhere; margin-bottom: 1rem; }
.error[b-612qivq3n4] { color: var(--colour-destructive); background: var(--colour-destructive-light); }
.success[b-612qivq3n4] { color: var(--colour-text); background: var(--colour-success-light); }
/* /Components/Shared/SecurityFlowProgress.razor.rz.scp.css */
.security-flow-progress[b-w5h4023ks5] { margin-bottom: 1.25rem; }
.security-flow-progress p[b-w5h4023ks5] { margin: 0 0 .35rem; }
.security-flow-step-label[b-w5h4023ks5] { font-weight: 600; color: var(--colour-text); }
progress[b-w5h4023ks5] { display: block; width: 100%; height: .3rem; accent-color: var(--theme-primary); border: 0; border-radius: 1rem; overflow: hidden; }
progress[b-w5h4023ks5]::-webkit-progress-bar { background: var(--colour-border); }
progress[b-w5h4023ks5]::-webkit-progress-value { background: var(--theme-primary); }
/* /Components/Shared/SecurityVerificationFields.razor.rz.scp.css */
.security-verification-grid[b-6gmhh176og] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}
/* /Components/Shared/SignupPasswordRequirements.razor.rz.scp.css */
.signup-password-validation-slot[b-rz3ewhvf7r] {
    display: flow-root;
}

.signup-password-requirements[b-rz3ewhvf7r] {
    --signup-password-requirement-accent: var(--colour-primary-blue);
    color: var(--colour-text-secondary);
    margin-top: 0.65rem;
}

.signup-password-requirements.is-clinic[b-rz3ewhvf7r] {
    --signup-password-requirement-accent: var(--colour-primary-green);
}

.signup-password-requirements p[b-rz3ewhvf7r] {
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0 0 0.4rem;
}

.signup-password-requirements ul[b-rz3ewhvf7r] {
    display: grid;
    gap: 0.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.signup-password-requirements li[b-rz3ewhvf7r] {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    gap: 0.4rem;
    line-height: 1.25;
    transition: color 150ms ease;
}

.signup-password-requirement-icon[b-rz3ewhvf7r] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 0.95rem;
    justify-content: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    width: 0.95rem;
}

.signup-password-requirement-icon i[b-rz3ewhvf7r] {
    font-size: 0.65rem;
    font-weight: 700;
    opacity: 0;
    transition: opacity 150ms ease;
}

.signup-password-requirements li.is-met[b-rz3ewhvf7r] {
    color: var(--signup-password-requirement-accent);
    font-weight: 650;
}

.signup-password-requirements li.is-met .signup-password-requirement-icon[b-rz3ewhvf7r] {
    background: var(--signup-password-requirement-accent);
    border-color: var(--signup-password-requirement-accent);
    color: #fff;
}

.signup-password-requirements li.is-met .signup-password-requirement-icon i[b-rz3ewhvf7r] {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .signup-password-requirements li[b-rz3ewhvf7r],
    .signup-password-requirement-icon[b-rz3ewhvf7r],
    .signup-password-requirement-icon i[b-rz3ewhvf7r] {
        transition: none;
    }
}
/* /Components/Shared/SignupTurnstile.razor.rz.scp.css */
.signup-turnstile[b-vu2279nl4m] {
    --signup-check-accent: var(--colour-primary-blue);
    background: var(--colour-background);
    border: 1px solid var(--colour-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.85rem;
}

.signup-turnstile-clinic[b-vu2279nl4m] {
    --signup-check-accent: var(--colour-primary-green);
}

.signup-turnstile-heading[b-vu2279nl4m] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.signup-turnstile-heading i[b-vu2279nl4m] {
    color: var(--signup-check-accent);
}

.signup-turnstile-heading h3[b-vu2279nl4m] {
    color: var(--colour-text);
    font-size: 0.88rem;
    font-weight: 800;
    margin: 0;
}

.signup-turnstile-help[b-vu2279nl4m],
.signup-turnstile-status[b-vu2279nl4m],
.signup-turnstile noscript[b-vu2279nl4m] {
    color: var(--colour-text-secondary);
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
}

.signup-turnstile-widget[b-vu2279nl4m] {
    min-width: 0;
    max-width: 100%;
}

.signup-turnstile[data-state="verified"] .signup-turnstile-status[b-vu2279nl4m] {
    color: var(--colour-primary-green);
    font-weight: 650;
}

.signup-turnstile[data-state="error"] .signup-turnstile-status[b-vu2279nl4m] {
    color: var(--colour-destructive);
}

.signup-turnstile-retry[b-vu2279nl4m] {
    background: var(--colour-surface);
    border: 1px solid var(--signup-check-accent);
    border-radius: var(--control-radius);
    color: var(--signup-check-accent);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-self: start;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
}

.signup-turnstile-retry:focus-visible[b-vu2279nl4m],
.signup-turnstile-status:focus-visible[b-vu2279nl4m] {
    outline: 2px solid var(--signup-check-accent);
    outline-offset: 3px;
}

.signup-turnstile-retry[hidden][b-vu2279nl4m] {
    display: none;
}
/* /Components/Shared/SupportConversationAside.razor.rz.scp.css */
.support-aside-card[b-eozpgsx4le] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.support-aside-card h2[b-eozpgsx4le] {
    color: var(--colour-text);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.support-clinic[b-eozpgsx4le] {
    align-items: start;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.support-clinic-avatar[b-eozpgsx4le] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid var(--colour-border);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 2.5rem;
}

.support-clinic-avatar img[b-eozpgsx4le] {
    border-radius: inherit;
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.support-clinic-copy[b-eozpgsx4le] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.support-clinic-copy > strong[b-eozpgsx4le] {
    color: var(--colour-text);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.support-clinic-copy > span:not(.support-clinic-response-time)[b-eozpgsx4le] {
    font-size: 0.78rem;
}

.support-clinic-response-time[b-eozpgsx4le] {
    align-items: baseline;
    display: flex;
    font-size: 0.75rem;
    gap: 0.35rem;
    line-height: 1.35;
    margin-top: 0.35rem;
}

.support-clinic-response-time.is-available[b-eozpgsx4le] {
    color: var(--colour-primary-green);
}

.support-clinic-response-time.is-closed[b-eozpgsx4le] {
    color: var(--colour-destructive);
}

.support-clinic-response-time i[b-eozpgsx4le] {
    flex: 0 0 auto;
    font-size: 0.42rem;
}

.support-aside-heading[b-eozpgsx4le] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
}

.support-aside-heading > i[b-eozpgsx4le] {
    color: var(--theme-primary);
    font-size: 1.1rem;
}

.support-emergency-card p[b-eozpgsx4le] {
    color: var(--colour-text-secondary);
    margin: 0;
}

.support-emergency-card[b-eozpgsx4le] {
    background: color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface));
    border-color: color-mix(in srgb, var(--colour-warning) 32%, var(--colour-border));
}

.support-emergency-card .support-aside-heading > i[b-eozpgsx4le] {
    color: var(--colour-warning);
}

.support-emergency-monitoring[b-eozpgsx4le],
.support-emergency-guidance[b-eozpgsx4le] {
    font-size: 0.78rem;
    line-height: 1.45;
}

.support-emergency-guidance[b-eozpgsx4le] {
    border-top: 1px solid color-mix(in srgb, var(--colour-warning) 20%, var(--colour-border));
    padding-top: 0.8rem;
}

.support-emergency-guidance a:any-link[b-eozpgsx4le] {
    color: var(--colour-text);
    text-decoration: none;
}

.support-clinic-phone[b-eozpgsx4le] {
    color: var(--colour-text);
    font-size: 1.05rem;
    font-weight: 750;
    justify-self: start;
    text-decoration: none;
}

.support-clinic-phone:hover[b-eozpgsx4le] {
    color: var(--colour-text);
    text-decoration: none;
}

.support-patient-details[b-eozpgsx4le] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
}

.support-patient-card[b-eozpgsx4le] {
    gap: 1rem;
}

.support-patient-section[b-eozpgsx4le] {
    border-top: 1px solid var(--app-border-soft);
    display: grid;
    gap: 0.8rem;
    padding-top: 1rem;
}

.support-patient-details > div[b-eozpgsx4le] {
    border-top: 1px solid var(--app-border-soft);
    display: grid;
    gap: 0.15rem;
    padding-top: 0.7rem;
}

.support-patient-details > div:first-child[b-eozpgsx4le] {
    border-top: 0;
    padding-top: 0;
}

.support-patient-details dt[b-eozpgsx4le] {
    color: var(--colour-text-secondary);
    font-size: 0.72rem;
    font-weight: 650;
}

.support-patient-details dd[b-eozpgsx4le] {
    color: var(--colour-text);
    font-size: 0.86rem;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.support-patient-photo-link[b-eozpgsx4le] {
    justify-content: center;
    width: 100%;
}
/* /Components/Shared/SupportImageAttachment.razor.rz.scp.css */
.support-image-attachment[b-w3no7cjk7g] {
    appearance: none;
    background: transparent;
    border: 0;
    cursor: zoom-in;
    font: inherit;
    padding: 0;
    text-align: left;
}

.support-image-attachment img[b-w3no7cjk7g] {
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.support-image-attachment:hover img[b-w3no7cjk7g],
.support-image-attachment:focus-visible img[b-w3no7cjk7g] {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 18%, transparent);
}

.support-image-attachment:focus-visible[b-w3no7cjk7g] {
    outline: none;
}
/* /Components/Shared/SupportOverviewAside.razor.rz.scp.css */
.support-overview-aside[b-15hynmogwf] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: var(--app-card-radius);
    display: grid;
    gap: 1.1rem;
    min-width: 0;
    padding: 1rem;
}

.support-overview-row[b-15hynmogwf] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.support-overview-icon[b-15hynmogwf] {
    align-items: center;
    background: var(--theme-light);
    border: 1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--colour-border));
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.support-overview-icon i[b-15hynmogwf] {
    line-height: 1;
}

.support-overview-copy[b-15hynmogwf] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
    padding-top: 0.1rem;
}

.support-overview-copy h2[b-15hynmogwf] {
    color: var(--colour-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.support-overview-copy p[b-15hynmogwf],
.support-overview-opening[b-15hynmogwf] {
    color: var(--colour-text-secondary);
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0;
}

.support-overview-opening[b-15hynmogwf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.45rem;
}

.support-overview-availability[b-15hynmogwf] {
    align-items: baseline;
    display: inline-flex;
    gap: 0.3rem;
    white-space: nowrap;
}

.support-overview-response-time[b-15hynmogwf] {
    align-items: baseline;
    display: inline-flex;
    gap: 0.3rem;
}

.support-overview-response-time > i[b-15hynmogwf] {
    flex: 0 0 auto;
    font-size: 0.42rem;
}

.support-overview-availability > i[b-15hynmogwf] {
    flex: 0 0 auto;
    font-size: 0.42rem;
}

.support-overview-availability.is-available[b-15hynmogwf],
.support-overview-response-time.is-available[b-15hynmogwf] {
    color: var(--colour-primary-green);
}

.support-overview-availability.is-closed[b-15hynmogwf],
.support-overview-response-time.is-closed[b-15hynmogwf] {
    color: var(--colour-destructive);
}
/* /Components/Shared/TemplateConsentModal.razor.rz.scp.css */
.template-consent-actions[b-rrvtlgwslg] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    width: 100%;
    min-width: 0;
}

.template-consent-actions .btn-app[b-rrvtlgwslg] {
    min-height: 2.75rem;
    justify-content: center;
    white-space: normal;
}

@media (max-width: 540px) {
    .template-consent-actions[b-rrvtlgwslg] {
        flex-direction: column-reverse;
        gap: .5rem;
    }

    .template-consent-actions .btn-app[b-rrvtlgwslg] { width: 100%; }
}
/* /Components/Shared/TemplateDuplicateWarningModal.razor.rz.scp.css */
.template-duplicate-warning[b-my51qtxu4s] {
    display: grid;
    gap: 0.75rem;
}

.template-duplicate-warning p[b-my51qtxu4s] {
    color: var(--colour-text-secondary);
    line-height: 1.55;
    margin: 0;
}

.template-duplicate-warning strong[b-my51qtxu4s] {
    color: var(--colour-text);
}
/* /Components/Shared/TipFormModal.razor.rz.scp.css */
.tip-form-template-field[b-ot2gozeg4b] {
    margin-bottom: 1rem;
}

.tip-form-availability[b-ot2gozeg4b] {
    margin-top: 1rem;
}

.tip-form-availability-note[b-ot2gozeg4b] {
    margin: 0.5rem 0 0;
}

.tip-form-phase-links[b-ot2gozeg4b] {
    display: grid;
    gap: 0.5rem;
    margin-top: 1rem;
}

.tip-form-phase-links[b-ot2gozeg4b]  .care-plan-editor-section {
    margin-top: 0 !important;
}
/* /Components/Shared/TipManagementCard.razor.rz.scp.css */
.management-tip-card[b-ihfbe9llzu] {
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0.85rem;
}

.management-tip-body[b-ihfbe9llzu] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.management-tip-icon[b-ihfbe9llzu] {
    align-items: center;
    background: var(--theme-light);
    border-radius: 50%;
    color: var(--theme-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.management-tip-body h3[b-ihfbe9llzu] {
    align-self: center;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.management-tip-footer[b-ihfbe9llzu] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: auto;
    padding-top: 0.85rem;
}

.management-tip-pills[b-ihfbe9llzu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.management-tip-pills[b-ihfbe9llzu]  .status-pill {
    font-size: 0.65rem;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 0.18rem 0.4rem;
    white-space: normal;
}

.management-tip-pills[b-ihfbe9llzu]  .tip-phase-summary {
    margin: 0;
    max-width: 100%;
}
/* /Components/Shared/TipPhaseSummary.razor.rz.scp.css */
.tip-phase-summary[b-5i3pmme2zj] {
    margin-top: 0.45rem;
    min-width: 0;
}

.tip-phase-summary-values[b-5i3pmme2zj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.tip-phase-summary-pill[b-5i3pmme2zj] {
    display: inline-flex;
    min-width: 0;
    line-height: 1.25;
    max-width: 100%;
}

.tip-phase-label[b-5i3pmme2zj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tip-phase-toggle[b-5i3pmme2zj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    cursor: pointer;
    font: inherit;
}

.tip-phase-toggle:hover[b-5i3pmme2zj] {
    border-color: var(--theme-primary);
}

.tip-phase-toggle:focus-visible[b-5i3pmme2zj],
.tip-phase-popover:focus-visible[b-5i3pmme2zj] {
    outline: 2px solid var(--theme-primary);
    outline-offset: 2px;
}

.tip-phase-toggle i[b-5i3pmme2zj] { font-size: 0.65rem; }

.tip-phase-popover[b-5i3pmme2zj] {
    position: fixed;
    inset: auto;
    margin: 0;
    width: 22rem;
    box-sizing: border-box;
    padding: 0.85rem;
    border: 1px solid var(--colour-border);
    border-radius: 10px;
    background: var(--colour-background, white);
    color: var(--colour-text);
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
    font-size: 0.8rem;
    line-height: 1.5;
    overflow-y: auto;
    overflow-wrap: anywhere;
}

.tip-phase-popover:not(:popover-open)[b-5i3pmme2zj] { display: none; }
.tip-phase-popover ul[b-5i3pmme2zj] { margin: 0.5rem 0 0; padding-left: 1.1rem; }
.tip-phase-popover li + li[b-5i3pmme2zj] { margin-top: 0.4rem; }
/* /Components/Shared/TypewriterSearchInput.razor.rz.scp.css */
.app-typewriter-search[b-51iod8464l] {
    align-items: center;
    background: var(--colour-surface);
    border: 1px solid var(--colour-border);
    border-radius: 8px;
    color: var(--colour-text-secondary);
    display: flex;
    gap: 0.55rem;
    max-width: 100%;
    padding: 0 0.8rem;
    width: 100%;
}

.app-typewriter-search:focus-within[b-51iod8464l] {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary) 15%, transparent);
}

.app-typewriter-search input[b-51iod8464l] {
    background: transparent;
    border: 0;
    color: var(--colour-text);
    min-height: 42px;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.app-typewriter-search input[b-51iod8464l]::placeholder {
    color: var(--colour-text-secondary);
}

.app-typewriter-search input[b-51iod8464l]::-webkit-search-cancel-button {
    display: none;
}

.app-typewriter-search-clear[b-51iod8464l] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--colour-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.app-typewriter-search-clear:hover[b-51iod8464l] {
    background: var(--theme-light);
    color: var(--theme-primary);
}

.app-typewriter-search-clear:focus-visible[b-51iod8464l] {
    outline: 2px solid var(--app-focus);
    outline-offset: 1px;
}
/* /Components/Shared/UnsavedChangesGuard.razor.rz.scp.css */
.unsaved-changes-scope[b-9lol275jr5] {
    display: contents;
}