/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-mobile-account[b-43kmxbg8kd] { border:1px solid #dce9ec; border-radius:18px; padding:10px; background:#f6fafb; }
.admin-home-link[b-43kmxbg8kd] { display:flex; align-items:center; gap:8px; min-height:44px; border-radius:12px; padding:10px; background:#e3f3f3; color:#166678; font-size:13px; font-weight:750; }
.admin-home-link i:last-child[b-43kmxbg8kd] { margin-inline-start:auto; }
.admin-account-profile[b-43kmxbg8kd] { display:flex; align-items:center; gap:9px; padding:14px 4px; }
.admin-account-profile > span[b-43kmxbg8kd] { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.admin-account-profile strong[b-43kmxbg8kd] { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-account-profile small[b-43kmxbg8kd] { font-size:11px; color:#647d86; }
.admin-account-profile > i[b-43kmxbg8kd] { font-size:10px; color:#647d86; }
.admin-account-tools[b-43kmxbg8kd] { display:flex; align-items:center; gap:6px; padding-bottom:8px; border-bottom:1px solid #dce9ec; margin-bottom:4px; }
.admin-account-tools > button[b-43kmxbg8kd],.admin-theme-control[b-43kmxbg8kd] { display:flex; flex:1; align-items:center; justify-content:center; gap:8px; min-height:44px; font-size:13px; }
.admin-notif-count[b-43kmxbg8kd] { border-radius:20px; background:#b83f51; padding:1px 6px; color:white; font-size:10px; margin-inline-start:2px; }
.admin-account-action[b-43kmxbg8kd] { display:flex; width:100%; align-items:center; gap:10px; min-height:44px; text-align:start; padding:8px 6px; font-size:13px; border-radius:10px; }
.admin-account-action:hover[b-43kmxbg8kd] { background:#e3f3f3; }
.admin-account-signout[b-43kmxbg8kd] { color:#b03c50; }
.admin-mobile-account a:focus-visible[b-43kmxbg8kd],.admin-mobile-account button:focus-visible[b-43kmxbg8kd] { outline:2px solid #198aa0; outline-offset:2px; }
.dark .admin-mobile-account[b-43kmxbg8kd] { background:#172e38; border-color:#314951; }
.dark .admin-home-link[b-43kmxbg8kd] { background:#214650; color:#b4edf0; }
.dark .admin-account-tools[b-43kmxbg8kd] { border-color:#314951; }
.dark .admin-account-profile small[b-43kmxbg8kd],.dark .admin-account-profile > i[b-43kmxbg8kd] { color:#a3b9c2; }
.dark .admin-account-action:hover[b-43kmxbg8kd] { background:#214650; }
.dark .admin-account-signout[b-43kmxbg8kd] { color:#f1a4af; }
@media(max-width:767px) { .admin-content[b-43kmxbg8kd] { padding-top:calc(0.5rem + env(safe-area-inset-top,0px)); } }

/* Closed = compact tab. Open = the same shell grows; menus fade in inside. */
.admin-account-drawer[b-43kmxbg8kd] {
    --admin-account-tab: 3.5rem;
    --admin-account-open: min(220px, calc(100vw - 24px));
    position:fixed;
    inset-inline-end:12px;
    top:0;
    z-index:60;
    width:var(--admin-account-tab);
    max-height:calc(3.85rem + env(safe-area-inset-top,0px));
    overflow:hidden;
    pointer-events:none;
    background:#fff;
    color:#28545f;
    border:1px solid #d9e7ea;
    border-top:0;
    border-radius:0 0 16px 16px;
    box-shadow:0 4px 15px #15454a0b;
    transition:
        width .36s cubic-bezier(0.22, 1, 0.36, 1),
        max-height .42s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius .3s ease,
        box-shadow .3s ease;
}
.admin-account-drawer.is-open[b-43kmxbg8kd],
.admin-account-drawer[open][b-43kmxbg8kd] {
    pointer-events:auto;
    width:var(--admin-account-open);
    max-height:min(460px, calc(100dvh - 16px));
    border-radius:0 0 18px 18px;
    box-shadow:0 14px 36px #18394222;
}
.admin-account-drawer > summary[b-43kmxbg8kd] {
    pointer-events:auto;
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    width:var(--admin-account-tab);
    margin-inline-start:auto;
    min-height:3.65rem;
    padding:calc(8px + env(safe-area-inset-top,0px)) 0 0;
    border:0;
    background:transparent;
    color:inherit;
    box-shadow:none;
    cursor:pointer;
    list-style:none;
}
.admin-account-drawer summary[b-43kmxbg8kd]::-webkit-details-marker { display:none; }
.admin-account-drawer summary[b-43kmxbg8kd]  .rounded-full { width:1.7rem; height:1.7rem; }
.admin-account-drawer summary[b-43kmxbg8kd]  img { width:100%; height:100%; }
.admin-account-drawer summary:focus-visible[b-43kmxbg8kd] { outline:3px solid #269aac; outline-offset:3px; }
.admin-account-summary-avatar[b-43kmxbg8kd] { position:relative; display:inline-flex; flex-shrink:0; margin-bottom:8px; }
.admin-account-summary-badge[b-43kmxbg8kd] {
    position:absolute;
    top:-1px;
    inset-inline-end:-2px;
    width:10px;
    height:10px;
    border-radius:999px;
    background:#e11d48;
    border:2px solid #fff;
    box-shadow:0 0 0 1px rgba(225,29,72,.25);
    pointer-events:none;
}
.admin-account-summary-grip[b-43kmxbg8kd] {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:.85rem;
    margin-top:auto;
    border-radius:0 0 15px 15px;
    border-top:1px solid #e4eff1;
    background:#e7f2f4;
    color:#3f7580;
    font-size:9px;
    line-height:1;
}
.admin-account-summary-grip i[b-43kmxbg8kd] { display:block; transform:translateY(-0.5px); transition:transform .22s ease; }
.admin-account-summary-grip.is-open[b-43kmxbg8kd] { background:#d5ebee; }
.admin-account-summary-grip.is-open i[b-43kmxbg8kd] { transform:rotate(180deg) translateY(0.5px); }

/* When open, tab chrome disappears quietly — no fly/scale (that caused the avatar jump). */
.admin-account-drawer.is-open > summary[b-43kmxbg8kd],
.admin-account-drawer[open] > summary[b-43kmxbg8kd] {
    position:absolute;
    inset-inline-end:0;
    top:0;
    margin:0;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
}

.admin-account-panel[b-43kmxbg8kd] {
    position:relative;
    padding:calc(6px + env(safe-area-inset-top,0px)) 8px 0;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
    animation:admin-account-menu-in-b-43kmxbg8kd .28s ease both;
}
.admin-account-panel .admin-mobile-account[b-43kmxbg8kd] { border:0; padding:0; background:transparent; }
.admin-account-panel .admin-account-profile[b-43kmxbg8kd] {
    padding:10px 2px 12px;
}
/* Same footprint as the closed tab avatar — avoids a size pop when the second img mounts. */
.admin-account-panel .admin-account-profile[b-43kmxbg8kd]  .admin-account-profile-avatar,
.admin-account-panel .admin-account-profile[b-43kmxbg8kd]  .rounded-full {
    width:1.7rem;
    height:1.7rem;
}
.admin-account-panel .admin-account-profile strong[b-43kmxbg8kd] { font-size:14px; }
.admin-account-panel .admin-account-action[b-43kmxbg8kd] { font-size:13px; min-height:42px; }
.admin-account-panel .admin-account-tools[b-43kmxbg8kd] {
    flex-direction:column;
    align-items:stretch;
    padding:6px 0;
    gap:4px;
}
.admin-account-panel .admin-account-tools > button[b-43kmxbg8kd],
.admin-account-panel .admin-theme-control[b-43kmxbg8kd] {
    flex:none;
    width:100%;
    justify-content:flex-start;
    font-size:13px;
    min-height:42px;
    padding-inline:8px;
    gap:8px;
    border-radius:10px;
}
.admin-account-panel .admin-theme-control-btn[b-43kmxbg8kd] {
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding-inline:8px;
    border-radius:10px;
    text-align:start;
    font-size:13px;
    font-weight:inherit;
    color:inherit;
    background:transparent;
    cursor:pointer;
}
.admin-theme-pair[b-43kmxbg8kd] {
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
    font-size:15px;
    line-height:1;
}
.admin-theme-pair i[b-43kmxbg8kd] {
    opacity:0.35;
    transition:opacity .15s ease, color .15s ease;
}
.admin-theme-pair .bi-sun-fill.is-active[b-43kmxbg8kd] { opacity:1; color:#f59e0b; }
.admin-theme-pair .bi-moon-fill.is-active[b-43kmxbg8kd] { opacity:1; color:#0e7490; }
.dark .admin-theme-pair .bi-sun-fill.is-active[b-43kmxbg8kd] { color:#fbbf24; }
.dark .admin-theme-pair .bi-moon-fill.is-active[b-43kmxbg8kd] { color:#67e8f9; }
.admin-account-panel .admin-account-tools > button:hover[b-43kmxbg8kd],
.admin-account-panel .admin-theme-control-btn:hover[b-43kmxbg8kd] {
    background:#e3f3f3;
}
.dark .admin-account-panel .admin-account-tools > button:hover[b-43kmxbg8kd],
.dark .admin-account-panel .admin-theme-control-btn:hover[b-43kmxbg8kd] {
    background:#214650;
}
.admin-account-panel .admin-theme-control[b-43kmxbg8kd] {
    justify-content:stretch;
}
.admin-account-panel .admin-home-link[b-43kmxbg8kd] { font-size:13px; min-height:40px; padding:8px 10px; }
.admin-account-close[b-43kmxbg8kd] { display:grid; place-items:center; width:100%; height:26px; }
.admin-account-close span[b-43kmxbg8kd] { width:30px; height:3px; border-radius:4px; background:#c3d4d8; }
.admin-account-scrim[b-43kmxbg8kd] { position:fixed; inset:0; z-index:55; background:#10293230; backdrop-filter:blur(4px); }

.dark .admin-account-drawer[b-43kmxbg8kd] { background:#172e38; color:#d9f0f2; border-color:#314951; }
.dark .admin-account-summary-badge[b-43kmxbg8kd] { border-color:#172e38; }
.dark .admin-account-summary-grip[b-43kmxbg8kd] { background:#214650; color:#b4edf0; border-top-color:#314951; }
.dark .admin-account-summary-grip.is-open[b-43kmxbg8kd] { background:#2a5560; }

@keyframes admin-account-menu-in-b-43kmxbg8kd {
    from { opacity:0; }
    to { opacity:1; }
}

@media(prefers-reduced-motion:reduce) {
    .admin-account-drawer[b-43kmxbg8kd],
    .admin-account-drawer.is-open[b-43kmxbg8kd],
    .admin-account-drawer[open][b-43kmxbg8kd] { transition:none; }
    .admin-account-panel[b-43kmxbg8kd] { animation:none; opacity:1; }
    .admin-account-summary-grip i[b-43kmxbg8kd] { transition:none; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-nzmh05ulyo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nzmh05ulyo] {
    flex: 1;
}

.sidebar[b-nzmh05ulyo] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-nzmh05ulyo] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nzmh05ulyo]  a, .top-row[b-nzmh05ulyo]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nzmh05ulyo]  a:hover, .top-row[b-nzmh05ulyo]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nzmh05ulyo]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nzmh05ulyo] {
        justify-content: space-between;
    }

    .top-row[b-nzmh05ulyo]  a, .top-row[b-nzmh05ulyo]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nzmh05ulyo] {
        flex-direction: row;
    }

    .sidebar[b-nzmh05ulyo] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nzmh05ulyo] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-nzmh05ulyo]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nzmh05ulyo], article[b-nzmh05ulyo] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-nzmh05ulyo] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-nzmh05ulyo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-haql1l0rid] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-haql1l0rid] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-haql1l0rid] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-haql1l0rid] {
    font-size: 1.1rem;
}

.bi[b-haql1l0rid] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-haql1l0rid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-haql1l0rid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-haql1l0rid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-haql1l0rid] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-haql1l0rid] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-haql1l0rid] {
        padding-bottom: 1rem;
    }

    .nav-item[b-haql1l0rid]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-haql1l0rid]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-haql1l0rid]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-haql1l0rid] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-haql1l0rid] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-haql1l0rid] {
        display: none;
    }

    .nav-scrollable[b-haql1l0rid] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/AboutPage.razor.rz.scp.css */
.saf-story-edge-art[b-nd2jihz17c] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7.25rem;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.saf-story-edge-fade[b-nd2jihz17c] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7.25rem;
    pointer-events: none;
    background:
        linear-gradient(to inline-end, #ffffff 0%, rgb(255 255 255 / 0) 55%);
}

:global(html.dark) .saf-story-edge-fade[b-nd2jihz17c],
:global(.dark) .saf-story-edge-fade[b-nd2jihz17c] {
    background:
        linear-gradient(to inline-end, #152033 0%, rgb(21 32 51 / 0) 55%);
}
/* /Components/Pages/Admin/AdminDashboardPage.razor.rz.scp.css */
.dashboard-home[b-q9ncdka4pj] { --dash-surface: #fff; --dash-ink: #153c47; --dash-muted: #687f88; --dash-line: #e1eaed; padding-bottom: 12px; }
.dark .dashboard-home[b-q9ncdka4pj] { --dash-surface: #152630; --dash-ink: #edf7fa; --dash-muted: #a3b9c2; --dash-line: #2b424d; }
.dash-greeting[b-q9ncdka4pj] { display:block; }
.dash-greeting-copy[b-q9ncdka4pj] { min-width:0; }
.dash-greeting-title-row[b-q9ncdka4pj] { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:4px; }
.dash-greeting h1[b-q9ncdka4pj] { color:var(--dash-ink); font-size:20px; font-weight:800; line-height:1.6; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dash-greeting h1 a[b-q9ncdka4pj] { color:inherit; border-radius:4px; text-decoration:none; }
.dash-greeting h1 a:hover[b-q9ncdka4pj] { text-decoration:underline; text-underline-offset:3px; }
.dash-greeting h1 a:focus-visible[b-q9ncdka4pj] { outline:2px solid #27869b; outline-offset:3px; }
.dash-eyebrow[b-q9ncdka4pj] { color:var(--dash-muted); font-size:11px; font-weight:600; }
/* Keep date clear of the fixed mobile account tab (3.5rem) on the inline-end edge. */
.dash-date[b-q9ncdka4pj] { font-size:11px; color:var(--dash-muted); flex-shrink:0; font-weight:650; margin-inline-end:3.5rem; }
@media(min-width:768px) { .dash-date[b-q9ncdka4pj] { margin-inline-end:0; } }
.dash-hero[b-q9ncdka4pj] { position:relative; display:flex; align-items:center; min-height:206px; border-radius:26px; overflow:hidden; background:#e7f4f1; border:1px solid #d2e9e4; }
.dash-hero-copy[b-q9ncdka4pj] { position:relative; z-index:1; width:62%; padding:22px; }
.dash-hero-kicker[b-q9ncdka4pj] { display:flex; align-items:center; gap:6px; font-size:11px; color:#266a64; font-weight:700; }
.dash-status-dot[b-q9ncdka4pj] { width:6px; height:6px; border-radius:50%; background:#248c78; }
.dash-hero h2[b-q9ncdka4pj] { color:#123e42; font-size:25px; font-weight:850; line-height:1.55; margin:8px 0; letter-spacing:-.6px; }
.dash-hero p[b-q9ncdka4pj] { color:#4c6e71; font-size:12px; line-height:1.9; max-width:320px; }
.dash-hero-art[b-q9ncdka4pj] { position:absolute; inset-inline-end:-22px; top:50%; transform:translateY(-50%); width:48%; height:100%; object-fit:cover; object-position:center; mix-blend-mode:multiply; }
.dash-hero-action[b-q9ncdka4pj] { display:inline-flex; align-items:center; gap:14px; border-radius:12px; background:#146778; color:white; min-height:42px; padding:8px 13px; font-size:11px; font-weight:700; margin-top:14px; }
.dark .dash-hero[b-q9ncdka4pj] { background:#203c40; border-color:#355255; }
.dark .dash-hero h2[b-q9ncdka4pj] { color:#effcf8; }
.dark .dash-hero p[b-q9ncdka4pj],.dark .dash-hero-kicker[b-q9ncdka4pj] { color:#c3ded8; }
.dark .dash-hero-art[b-q9ncdka4pj] { mix-blend-mode:normal; opacity:.8; border-radius:26px; }
.dash-priority-rail[b-q9ncdka4pj] { gap:12px; padding:0 1px 10px; }
.dash-priority-rail > *[b-q9ncdka4pj] { width:100%; min-height:206px; }
.dash-priority-card[b-q9ncdka4pj] { position:relative; display:flex; align-items:center; width:100%; overflow:hidden; border:1px solid #d2e9e4; border-radius:26px; background:#e7f4f1; color:var(--dash-ink); text-align:start; }
.dash-priority-card.is-from-create[b-q9ncdka4pj] { box-shadow:0 0 0 2px #399c8e,0 10px 24px rgba(57,156,142,.16); }
.dash-priority-card > div[b-q9ncdka4pj] { position:relative; z-index:1; width:62%; padding:22px; }
.dash-priority-card h2[b-q9ncdka4pj] { margin:8px 0; color:#123e42; font-size:23px; font-weight:850; line-height:1.55; letter-spacing:-.45px; }
.dash-priority-card p[b-q9ncdka4pj] { color:#4c6e71; font-size:12px; line-height:1.9; }
.dash-priority-card img[b-q9ncdka4pj] { position:absolute; inset-inline-end:0; top:50%; width:43%; height:auto; aspect-ratio:1; object-fit:contain; transform:translateY(-50%); filter:drop-shadow(0 14px 15px rgba(18,62,66,.18)); }
.dash-priority-profile[b-q9ncdka4pj] { background:#eef6f7; border-color:#d6e8ea; }
.dash-priority-trust[b-q9ncdka4pj] { background:#eaf5ef; border-color:#d3e7da; }
.dark .dash-priority-card[b-q9ncdka4pj] { background:#203c40; border-color:#355255; }
.dark .dash-priority-profile[b-q9ncdka4pj] { background:#20383d; border-color:#345159; }
.dark .dash-priority-trust[b-q9ncdka4pj] { background:#213a34; border-color:#36564b; }
.dark .dash-priority-card h2[b-q9ncdka4pj] { color:#effcf8; }
.dark .dash-priority-card p[b-q9ncdka4pj],.dark .dash-priority-card .dash-hero-kicker[b-q9ncdka4pj] { color:#c3ded8; }
.dash-shortcuts[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.dash-shortcuts a[b-q9ncdka4pj] { display:flex; flex-direction:column; align-items:center; gap:8px; font-size:11px; font-weight:650; color:var(--dash-ink); min-height:78px; justify-content:center; }
.dash-shortcut-copy[b-q9ncdka4pj] { display:block; text-align:center; min-width:0; }
.dash-shortcut-copy strong[b-q9ncdka4pj] { display:block; font:inherit; }
.dash-shortcut-copy small[b-q9ncdka4pj] { display:none; }
.dash-shortcut-icon[b-q9ncdka4pj] { width:68px; height:68px; display:block; overflow:hidden; border-radius:20px; background:var(--dash-surface); border:1px solid var(--dash-line); box-shadow:0 4px 10px #123e4208; }
.dash-shortcut-icon img[b-q9ncdka4pj] { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }
.dash-shortcuts a:hover .dash-shortcut-icon img[b-q9ncdka4pj] { transform:scale(1.05); }
@media(max-width:374px) { .dash-shortcut-icon[b-q9ncdka4pj] { width:56px; height:56px; border-radius:17px; } }
.dash-section-heading[b-q9ncdka4pj] { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.dash-section-heading h2[b-q9ncdka4pj] { color:var(--dash-ink); font-size:15px; font-weight:800; }
.dash-section-heading > span[b-q9ncdka4pj],.dash-section-heading > a[b-q9ncdka4pj] { font-size:11px; color:var(--dash-muted); }
.dash-rail[b-q9ncdka4pj] { display:flex; gap:12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding:2px 1px 10px; scrollbar-width:thin; scrollbar-color:#bed6dc transparent; }
.dash-rail > *[b-q9ncdka4pj] { scroll-snap-align:start; flex-shrink:0; }
.dash-metrics[b-q9ncdka4pj] { gap:6px; }
.dash-metric[b-q9ncdka4pj] { box-sizing:border-box; width:calc((100% - 18px) / 4); padding:8px 7px 9px; border-radius:14px; border:1px solid var(--dash-line); background:var(--dash-surface); display:flex; flex-direction:column; align-items:flex-start; }
.dash-metric i[b-q9ncdka4pj] { color:#277a8d; font-size:13px; }
.dash-metric strong[b-q9ncdka4pj] { font-size:20px; line-height:1.25; font-weight:800; color:var(--dash-ink); margin-top:4px; }
.dash-metric span[b-q9ncdka4pj] { font-size:10px; line-height:1.3; color:var(--dash-muted); }
.dash-metric.waiting[b-q9ncdka4pj] { background:#fff6e8; border-color:#f2e1c5; }
.dash-metric.waiting i[b-q9ncdka4pj] { color:#b67b22; }
.dash-metric.served i[b-q9ncdka4pj] { color:#338d72; }
.dash-metric.absent i[b-q9ncdka4pj],.dash-metric.cancelled i[b-q9ncdka4pj] { color:#b77578; }
.dark .dash-metric.waiting[b-q9ncdka4pj] { background:#3b3025; border-color:#5a4830; }
.dash-priority-profile progress[b-q9ncdka4pj] { display:block; width:100%; height:5px; border:0; border-radius:8px; overflow:hidden; appearance:none; background:#e3eeee; accent-color:#399c8e; margin-top:10px; }
.dash-priority-profile progress[b-q9ncdka4pj]::-webkit-progress-bar { background:#e3eeee; border-radius:8px; }
.dash-priority-profile progress[b-q9ncdka4pj]::-webkit-progress-value { background:#399c8e; border-radius:8px; }
.dash-priority-profile progress[b-q9ncdka4pj]::-moz-progress-bar { background:#399c8e; border-radius:8px; }
.dash-day-progress[b-q9ncdka4pj] { background:var(--dash-surface); border:1px solid var(--dash-line); border-radius:17px; padding:13px 15px; margin-top:2px; }
.dash-day-progress > div[b-q9ncdka4pj] { display:flex; justify-content:space-between; font-size:11px; color:var(--dash-ink); }
.dash-progress-track[b-q9ncdka4pj] { display:flex !important; justify-content:flex-start !important; width:100%; height:7px; overflow:hidden; border-radius:8px; background:#e3eeee; margin-top:10px; }
.dash-progress-track > span[b-q9ncdka4pj] { display:block; height:100%; flex:0 0 auto; }
.dash-progress-served[b-q9ncdka4pj] { background:#399c8e; }
.dash-progress-cancelled[b-q9ncdka4pj] { background:#e35d6a; }
.dash-day-progress p[b-q9ncdka4pj] { color:var(--dash-muted); font-size:10px; line-height:1.8; margin-top:8px; }
.dash-progress-cancelled-label[b-q9ncdka4pj] { display:inline-flex; align-items:center; gap:4px; margin-inline-start:8px; color:#c33f50; font-weight:700; white-space:nowrap; }
.dash-progress-cancelled-label i[b-q9ncdka4pj] { width:6px; height:6px; border-radius:999px; background:#e35d6a; }
.dark .dash-progress-track[b-q9ncdka4pj] { background:#294149; }
.dark .dash-progress-cancelled-label[b-q9ncdka4pj] { color:#ff98a4; }
.dash-setup-card[b-q9ncdka4pj] { display:flex; align-items:center; text-align:start; width:88%; max-width:450px; gap:4px; background:#edf4ff; border:1px solid #dce7f5; border-radius:22px; padding:17px; color:var(--dash-ink); }
.dash-setup-card.is-from-create[b-q9ncdka4pj] { box-shadow:0 0 0 2px #399c8e, 0 10px 24px rgba(57,156,142,.16); }
.dash-setup-card > div[b-q9ncdka4pj] { flex:1; min-width:0; }
.dash-setup-card h3[b-q9ncdka4pj] { font-size:15px; font-weight:800; margin:6px 0; }
.dash-setup-card p[b-q9ncdka4pj] { font-size:11px; line-height:1.9; color:var(--dash-muted); }
.dash-setup-card img[b-q9ncdka4pj] { flex-shrink:0; width:104px; height:120px; object-fit:contain; border-radius:20px; mix-blend-mode:multiply; }
.dark .dash-setup-card img[b-q9ncdka4pj] { mix-blend-mode:normal; }
@media(max-width:374px) { .dash-setup-card img[b-q9ncdka4pj] { width:82px; height:104px; } }
.dash-setup-trust[b-q9ncdka4pj] { background:#eef6ed; border-color:#dcebd7; }
.dash-inline-action[b-q9ncdka4pj] { display:inline-flex; gap:10px; align-items:center; min-height:38px; color:#226a78; font-weight:750; font-size:11px; }
.dark .dash-setup-card[b-q9ncdka4pj] { background:#243547; border-color:#33475d; }
.dark .dash-setup-trust[b-q9ncdka4pj] { background:#253b34; border-color:#355348; }
.dark .dash-inline-action[b-q9ncdka4pj] { color:#90d7df; }
.dash-marketing .dash-section-heading[b-q9ncdka4pj] { align-items:flex-end; }
.dash-marketing .dash-section-heading > div[b-q9ncdka4pj] { min-width:0; }
.dash-marketing .dash-section-heading h2[b-q9ncdka4pj] { margin-top:3px; }
.dash-marketing-rail[b-q9ncdka4pj] { gap:14px; }
.dash-marketing-card[b-q9ncdka4pj] { position:relative; isolation:isolate; display:block; width:92%; max-width:440px; height:190px; overflow:hidden; border:1px solid #d7e8e8; border-radius:22px; background:#173f45; color:#fff; box-shadow:0 10px 28px rgba(18,62,66,.07); transition:transform .2s ease,box-shadow .2s ease; }
.dash-marketing-card:hover[b-q9ncdka4pj] { transform:translateY(-2px); box-shadow:0 15px 34px rgba(18,62,66,.12); }
.dash-marketing-card picture[b-q9ncdka4pj],.dash-marketing-card img[b-q9ncdka4pj] { position:absolute; inset:0; display:block; width:100%; height:100%; }
.dash-marketing-card img[b-q9ncdka4pj] { object-fit:cover; object-position:left center; }
.dash-marketing-card[b-q9ncdka4pj]::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(8,32,35,.05) 0%,rgba(8,32,35,.22) 35%,rgba(7,28,31,.9) 58%,rgba(7,28,31,.97) 100%); pointer-events:none; }
.dash-marketing-copy[b-q9ncdka4pj] { position:absolute; z-index:2; top:0; right:0; bottom:0; left:auto; display:flex; width:58%; flex-direction:column; align-items:flex-start; justify-content:center; padding:13px 14px; }
.dash-marketing-chip[b-q9ncdka4pj] { display:inline-flex; align-items:center; gap:6px; min-height:27px; padding:4px 9px; border:1px solid rgba(255,255,255,.26); border-radius:999px; background:rgba(255,255,255,.16); backdrop-filter:blur(10px); color:#fff; font-size:10px; font-weight:750; }
.dash-marketing-card h3[b-q9ncdka4pj] { margin-top:7px; color:#fff; font-size:15px; font-weight:850; line-height:1.55; text-shadow:0 1px 12px rgba(0,0,0,.25); }
.dash-marketing-card p[b-q9ncdka4pj] { display:-webkit-box; margin-top:3px; overflow:hidden; color:rgba(255,255,255,.86); font-size:10px; line-height:1.65; text-shadow:0 1px 8px rgba(0,0,0,.3); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dash-marketing-action[b-q9ncdka4pj] { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; margin-top:9px; min-height:34px; padding:6px 10px; border:1px solid rgba(255,255,255,.22); border-radius:11px; background:rgba(255,255,255,.17); backdrop-filter:blur(10px); color:#fff; font-size:10px; font-weight:750; }
.dash-marketing-poster[b-q9ncdka4pj] { border-color:#d6c19e; background:#5a3820; }
.dash-marketing-poster[b-q9ncdka4pj]::after { background:linear-gradient(90deg,rgba(43,24,11,.05) 0%,rgba(43,24,11,.2) 35%,rgba(43,24,11,.9) 58%,rgba(43,24,11,.97) 100%); }
.dash-marketing-footnote[b-q9ncdka4pj] { display:flex; align-items:flex-start; gap:7px; margin:2px 4px 0; color:var(--dash-muted); font-size:10px; line-height:1.8; }
.dash-marketing-footnote i[b-q9ncdka4pj] { color:#238395; margin-top:2px; }
.dark .dash-marketing-card[b-q9ncdka4pj] { background:#1c3538; border-color:#315154; box-shadow:none; }
.dark .dash-marketing-poster[b-q9ncdka4pj] { background:#382f24; border-color:#59472f; }
.dark .dash-marketing-chip[b-q9ncdka4pj] { background:#285047; color:#b8e9dc; }
.dark .dash-marketing-poster .dash-marketing-chip[b-q9ncdka4pj] { background:#59462d; color:#f5d6a2; }
.dash-queue-rail[b-q9ncdka4pj] { gap:9px; padding:2px 2px 10px; }
.dash-queue-picker-card[b-q9ncdka4pj] { --branch-accent:#21889b; --branch-soft:#e9f6f8; position:relative; flex:0 0 46%; width:46%; min-width:0; min-height:76px; display:flex; flex-direction:column; justify-content:center; gap:8px; overflow:hidden; padding:12px 13px; border:1px solid color-mix(in srgb,var(--branch-accent) 25%,var(--dash-line)); border-radius:18px; background:linear-gradient(145deg,var(--branch-soft),var(--dash-surface) 72%); color:var(--dash-ink); text-align:start; box-shadow:0 5px 15px rgba(18,62,66,.045); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.dash-queue-picker-card[b-q9ncdka4pj]::before { content:""; position:absolute; inset-block:0; inset-inline-start:0; width:4px; background:var(--branch-accent); opacity:.78; }
.dash-queue-picker-card:hover[b-q9ncdka4pj] { transform:translateY(-2px); border-color:var(--branch-accent); box-shadow:0 9px 22px rgba(18,62,66,.09); }
.dash-queue-picker-card.is-selected[b-q9ncdka4pj] { border-color:var(--branch-accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--branch-accent) 22%,transparent),0 9px 22px rgba(18,62,66,.09); }
.dash-queue-picker-name[b-q9ncdka4pj] { display:flex; min-width:0; align-items:center; gap:6px; font-size:13px; font-weight:850; line-height:1.5; }
.dash-queue-picker-meta[b-q9ncdka4pj] { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:8px; }
.dash-queue-picker-branch[b-q9ncdka4pj],.dash-queue-detail-branch[b-q9ncdka4pj] { display:flex; min-width:0; align-items:center; gap:4px; color:color-mix(in srgb,var(--branch-accent) 78%,var(--dash-muted)); font-size:10px; font-weight:700; }
.dash-queue-picker-status[b-q9ncdka4pj] { display:inline-flex; flex:0 0 auto; align-items:center; gap:4px; color:var(--dash-muted); font-size:9px; font-weight:750; }
.dash-queue-picker-status > span[b-q9ncdka4pj] { width:6px; height:6px; border-radius:999px; background:currentColor; }
.dash-queue-picker-status.is-open[b-q9ncdka4pj] { color:#258063; }
.dash-queue-picker-status.is-closed[b-q9ncdka4pj] { color:#a65d5d; }
.dash-queue-alert-dot[b-q9ncdka4pj] { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; background:#fff0d8; color:#bd7412; font-size:11px; box-shadow:0 0 0 1px #edc98d; }
.dark .dash-queue-alert-dot[b-q9ncdka4pj] { background:#4d3820; color:#ffc86c; box-shadow:0 0 0 1px #76572d; }
.branch-tone-0[b-q9ncdka4pj] { --branch-accent:#16869a; --branch-soft:#e5f6f8; }
.branch-tone-1[b-q9ncdka4pj] { --branch-accent:#6c65b8; --branch-soft:#f0edfb; }
.branch-tone-2[b-q9ncdka4pj] { --branch-accent:#b16a45; --branch-soft:#fbefe8; }
.branch-tone-3[b-q9ncdka4pj] { --branch-accent:#2d8b68; --branch-soft:#e9f7f0; }
.branch-tone-4[b-q9ncdka4pj] { --branch-accent:#a15a83; --branch-soft:#f9edf4; }
.branch-tone-5[b-q9ncdka4pj] { --branch-accent:#9a7a27; --branch-soft:#faf5e5; }
.dark .dash-queue-picker-card[b-q9ncdka4pj],.dark .dash-queue-detail-card[b-q9ncdka4pj] { --branch-soft:#1d3038; }
#dash-queue-ops[b-q9ncdka4pj] { scroll-margin-top:85px; }
.dash-queue-detail-card[b-q9ncdka4pj] { display:flex; width:100%; min-width:0; flex-direction:column; gap:12px; padding:15px; border:1px solid color-mix(in srgb,var(--branch-accent) 30%,var(--dash-line)); border-radius:22px; background:linear-gradient(160deg,var(--branch-soft) 0,var(--dash-surface) 180px); box-shadow:0 9px 28px rgba(18,62,66,.07); outline:none; }
.dash-queue-detail-header[b-q9ncdka4pj] { display:grid; min-width:0; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px; }
.dash-queue-detail-identity[b-q9ncdka4pj] { min-width:0; }
.dash-queue-detail-title[b-q9ncdka4pj] { display:flex; min-width:0; flex-wrap:wrap; align-items:center; gap:5px 8px; }
.dash-queue-detail-identity h2[b-q9ncdka4pj] { flex:1 1 100%; min-width:0; overflow:visible; color:var(--dash-ink); font-size:15px; font-weight:850; line-height:1.55; overflow-wrap:anywhere; white-space:normal; }
.dash-queue-detail-branch[b-q9ncdka4pj] { margin-top:0; }
.dash-queue-detail-stats[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(3,50px); gap:5px; }
.dash-queue-detail-stats > span[b-q9ncdka4pj] { display:flex; min-height:42px; flex-direction:column; align-items:center; justify-content:center; padding:4px 7px; border:1px solid color-mix(in srgb,var(--branch-accent) 18%,var(--dash-line)); border-radius:11px; background:color-mix(in srgb,var(--dash-surface) 88%,var(--branch-soft)); }
.dash-queue-detail-stats small[b-q9ncdka4pj] { color:var(--dash-muted); font-size:8px; line-height:1.3; white-space:nowrap; }
.dash-queue-detail-stats strong[b-q9ncdka4pj] { margin-top:2px; color:var(--dash-ink); font-size:12px; line-height:1.3; }
.dash-queue-inline-alert[b-q9ncdka4pj] { display:flex; align-items:flex-start; gap:7px; padding:9px 11px; border:1px solid #edc98d; border-radius:12px; background:#fff8ea; color:#885710; font-size:11px; font-weight:650; line-height:1.7; }
.dark .dash-queue-inline-alert[b-q9ncdka4pj] { border-color:#76572d; background:#403421; color:#ffd28a; }
.dash-customer-serving[b-q9ncdka4pj] { position:relative; isolation:isolate; overflow:hidden; }
.dash-customer-serving[b-q9ncdka4pj]::after { content:""; position:absolute; z-index:-1; inset:-35% -45%; background:linear-gradient(105deg,transparent 36%,rgba(55,178,154,.16) 48%,rgba(55,178,154,.25) 52%,transparent 64%); transform:translateX(55%); animation:dash-serving-sweep-b-q9ncdka4pj 2.8s ease-in-out infinite; pointer-events:none; }
.dash-service-live[b-q9ncdka4pj] { position:relative; display:inline-flex; width:9px; height:9px; flex:0 0 9px; align-items:center; justify-content:center; }
.dash-service-live[b-q9ncdka4pj]::before { content:""; position:absolute; inset:0; border-radius:999px; background:rgba(38,155,130,.3); animation:dash-serving-pulse-b-q9ncdka4pj 1.65s ease-out infinite; }
.dash-service-live > span[b-q9ncdka4pj] { position:relative; width:6px; height:6px; border-radius:999px; background:#269b82; box-shadow:0 0 0 2px var(--dash-surface),0 0 10px rgba(38,155,130,.7); }
.dark .dash-service-live > span[b-q9ncdka4pj] { box-shadow:0 0 0 2px #203c40,0 0 12px rgba(91,218,190,.65); }
@keyframes dash-serving-sweep-b-q9ncdka4pj { 0%,24% { transform:translateX(58%); opacity:0; } 42% { opacity:1; } 76%,100% { transform:translateX(-58%); opacity:0; } }
@keyframes dash-serving-pulse-b-q9ncdka4pj { 0% { transform:scale(.7); opacity:.9; } 70%,100% { transform:scale(2.5); opacity:0; } }
.dash-day-nav[b-q9ncdka4pj] { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:4px; border:1px solid var(--dash-line); border-radius:16px; background:var(--dash-surface); }
.dash-day-nav[b-q9ncdka4pj]  button { min-height:44px; }
.dash-insight-rail > div[b-q9ncdka4pj] { width:170px; min-height:115px; border-radius:18px; background:var(--dash-surface); border:1px solid var(--dash-line); padding:16px; }
.dash-data-unavailable[b-q9ncdka4pj] { padding:20px; color:var(--dash-muted); font-size:13px; }
.dashboard-home a:focus-visible[b-q9ncdka4pj],.dashboard-home button:focus-visible[b-q9ncdka4pj],.dash-rail:focus-visible[b-q9ncdka4pj] { outline:3px solid #21a0b7; outline-offset:3px; }
@media(min-width:640px) {
 .dash-hero[b-q9ncdka4pj] { min-height:230px; }
 .dash-hero-copy[b-q9ncdka4pj] { padding:28px; }
 .dash-hero h2[b-q9ncdka4pj] { font-size:32px; }
 .dash-hero-art[b-q9ncdka4pj] { width:43%; object-fit:contain; inset-inline-end:10px; }
 .dash-priority-rail > *[b-q9ncdka4pj] { min-height:230px; }
 .dash-priority-card > div[b-q9ncdka4pj] { padding:28px; }
 .dash-priority-card h2[b-q9ncdka4pj] { font-size:32px; }
 .dash-priority-card img[b-q9ncdka4pj] { width:250px; inset-inline-end:5%; }
 .dash-shortcuts[b-q9ncdka4pj] { max-width:600px; }
 .dash-metrics[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
 .dash-metric[b-q9ncdka4pj] { width:auto; }
 .dash-setup-card[b-q9ncdka4pj] { width:calc(50% - 6px); max-width:none; }
 .dash-marketing-rail[b-q9ncdka4pj] { display:flex; overflow-x:auto; }
 .dash-marketing-card[b-q9ncdka4pj] { width:74%; max-width:760px; height:220px; }
 .dash-marketing-card img[b-q9ncdka4pj] { object-position:left center; }
 .dash-marketing-card[b-q9ncdka4pj]::after { background:linear-gradient(90deg,rgba(7,28,31,.06) 0%,rgba(7,28,31,.12) 34%,rgba(7,28,31,.78) 57%,rgba(7,28,31,.94) 100%); }
 .dash-marketing-copy[b-q9ncdka4pj] { top:0; right:0; bottom:0; left:auto; display:flex; width:48%; flex-direction:column; align-items:flex-start; justify-content:center; padding:22px 26px; }
 .dash-marketing-card h3[b-q9ncdka4pj] { font-size:19px; }
 .dash-marketing-card p[b-q9ncdka4pj] { max-width:27rem; }
 .dash-marketing-poster[b-q9ncdka4pj]::after { background:linear-gradient(90deg,rgba(43,24,11,.05) 0%,rgba(43,24,11,.12) 34%,rgba(43,24,11,.78) 57%,rgba(43,24,11,.94) 100%); }
 .dash-insight-rail[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .dash-insight-rail > div[b-q9ncdka4pj] { width:auto; }
}
@media(max-width:374px) {
 .dash-hero-copy[b-q9ncdka4pj] { padding:17px; width:66%; }
 .dash-hero h2[b-q9ncdka4pj] { font-size:21px; }
 .dash-priority-card > div[b-q9ncdka4pj] { padding:17px; width:66%; }
 .dash-priority-card h2[b-q9ncdka4pj] { font-size:21px; }
 .dash-greeting h1[b-q9ncdka4pj] { font-size:17px; }
 .dash-date[b-q9ncdka4pj] { font-size:10px; }
 .dash-queue-detail-header[b-q9ncdka4pj] { grid-template-columns:minmax(0,1fr) auto; gap:6px; }
 .dash-queue-detail-stats[b-q9ncdka4pj] { grid-template-columns:repeat(3,45px); gap:3px; }
 .dash-queue-detail-stats > span[b-q9ncdka4pj] { padding-inline:3px; }
}
@media(prefers-reduced-motion:reduce) { .dashboard-home[b-q9ncdka4pj]  * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media(min-width:768px) {
 .dashboard-home[b-q9ncdka4pj] { max-width:920px; }
 .dash-hero[b-q9ncdka4pj] { min-height:260px; }
 .dash-priority-rail[b-q9ncdka4pj] { display:flex; overflow-x:auto; padding-bottom:10px; }
 .dash-priority-rail > *[b-q9ncdka4pj] { width:100%; min-height:260px; }
 .dash-shortcuts[b-q9ncdka4pj] { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .dash-shortcuts a[b-q9ncdka4pj] { min-height:96px; flex-direction:row; justify-content:flex-start; align-items:center; gap:14px; padding:12px; border:1px solid var(--dash-line); border-radius:20px; background:var(--dash-surface); box-shadow:0 6px 18px rgba(18,62,66,.045); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
 .dash-shortcuts a:hover[b-q9ncdka4pj] { transform:translateY(-2px); border-color:#b9d9dc; box-shadow:0 10px 24px rgba(18,62,66,.08); }
 .dash-shortcut-icon[b-q9ncdka4pj] { flex:0 0 70px; width:70px; height:70px; }
 .dash-shortcut-copy[b-q9ncdka4pj] { flex:1; text-align:start; }
 .dash-shortcut-copy strong[b-q9ncdka4pj] { font-size:14px; font-weight:800; }
 .dash-shortcut-copy small[b-q9ncdka4pj] { display:block; margin-top:5px; color:var(--dash-muted); font-size:10px; font-weight:500; line-height:1.7; }
 .dash-day-nav[b-q9ncdka4pj] { gap:12px; padding:8px; min-height:64px; }
 .dash-day-nav[b-q9ncdka4pj]  button { min-height:46px; }
 .dash-day-nav[b-q9ncdka4pj]  .dash-day-nav-side { min-width:104px; }
 .dash-day-nav[b-q9ncdka4pj]  .dash-day-nav-current { max-width:300px; }
 .dash-queue-rail[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow-x:visible; padding-bottom:0; }
 .dash-queue-picker-card[b-q9ncdka4pj] { width:auto; min-height:82px; }
 .dash-queue-detail-stats[b-q9ncdka4pj] { grid-template-columns:repeat(3,minmax(64px,auto)); }
 .dash-marketing-rail[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow-x:visible; gap:14px; }
 .dash-marketing-card[b-q9ncdka4pj] { width:auto; max-width:none; }
 .dash-growth-rail[b-q9ncdka4pj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow-x:visible; gap:14px; }
 .dash-growth-card[b-q9ncdka4pj] { width:auto; max-width:none; }
 .dash-setup-rail[b-q9ncdka4pj] { flex-wrap:wrap; overflow-x:visible; }
 .dash-setup-card[b-q9ncdka4pj] { width:calc(50% - 6px); max-width:none; }
}
@media(min-width:1024px) {
 .dashboard-home[b-q9ncdka4pj] { max-width:1040px; }
 .dash-queue-rail[b-q9ncdka4pj] { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .dash-hero-art[b-q9ncdka4pj] { width:300px; inset-inline-end:4%; }
 .dash-hero h2[b-q9ncdka4pj] { font-size:36px; }
}
.dash-growth-card[b-q9ncdka4pj] { position:relative; isolation:isolate; display:block; width:92%; max-width:440px; height:190px; border:1px solid #d7e8e8; border-radius:22px; overflow:hidden; background:#173f45; color:#fff; box-shadow:0 10px 28px rgba(18,62,66,.07); transition:transform .2s ease,box-shadow .2s ease; }
.dash-growth-card:hover[b-q9ncdka4pj] { transform:translateY(-2px); box-shadow:0 15px 34px rgba(18,62,66,.12); }
.dash-growth-card img[b-q9ncdka4pj] { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:left center; }
.dash-growth-card[b-q9ncdka4pj]::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(8,32,35,.04) 0%,rgba(8,32,35,.2) 35%,rgba(7,28,31,.9) 58%,rgba(7,28,31,.97) 100%); pointer-events:none; }
.dash-growth-card > div[b-q9ncdka4pj] { position:absolute; z-index:2; top:0; right:0; bottom:0; display:flex; width:58%; flex-direction:column; align-items:flex-start; justify-content:center; padding:13px 14px; }
.dash-growth-card .dash-eyebrow[b-q9ncdka4pj] { display:inline-flex; align-items:center; min-height:27px; padding:4px 9px; border:1px solid rgba(255,255,255,.26); border-radius:999px; background:rgba(255,255,255,.16); backdrop-filter:blur(10px); color:#fff; font-size:10px; font-weight:750; }
.dash-growth-card h3[b-q9ncdka4pj] { margin-top:7px; color:#fff; font-size:15px; font-weight:850; line-height:1.55; text-shadow:0 1px 12px rgba(0,0,0,.25); }
.dash-growth-card p[b-q9ncdka4pj] { display:-webkit-box; margin-top:3px; overflow:hidden; color:rgba(255,255,255,.86); font-size:10px; line-height:1.65; text-shadow:0 1px 8px rgba(0,0,0,.3); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dash-growth-card .dash-inline-action[b-q9ncdka4pj] { min-height:34px; margin-top:9px; padding:6px 10px; border:1px solid rgba(255,255,255,.22); border-radius:11px; background:rgba(255,255,255,.17); backdrop-filter:blur(10px); color:#fff; }
.dark .dash-growth-card[b-q9ncdka4pj] { border-color:#315154; box-shadow:none; }
@media(min-width:640px) {
 .dash-growth-rail[b-q9ncdka4pj] { display:flex; overflow-x:auto; }
 .dash-growth-card[b-q9ncdka4pj] { width:74%; max-width:760px; height:220px; }
 .dash-growth-card > div[b-q9ncdka4pj] { width:48%; padding:22px 26px; }
 .dash-growth-card h3[b-q9ncdka4pj] { font-size:19px; }
}
.dash-hero-art[b-q9ncdka4pj] { width:43%; height:auto; aspect-ratio:1; object-fit:contain; inset-inline-end:0; filter:drop-shadow(0 14px 15px rgba(18,62,66,.18)); mask-image:radial-gradient(ellipse at center,#000 45%,transparent 74%); }
.dash-hero h2[b-q9ncdka4pj] { font-size:23px; }
@media(min-width:640px) { .dash-hero-art[b-q9ncdka4pj] { width:250px; inset-inline-end:5%; } .dash-hero h2[b-q9ncdka4pj] { font-size:32px; } }
/* /Components/Pages/Admin/OrganizationBlogPage.razor.rz.scp.css */
.blog-field[b-es7uftv73w] { display: block; font-size: .875rem; font-weight: 700; color: #334155; }
.blog-field input[b-es7uftv73w], .blog-field textarea[b-es7uftv73w] { margin-top: .375rem; width: 100%; border-radius: .75rem; border: 1px solid #e2e8f0; background: white; padding: .7rem .8rem; font-size: .875rem; font-weight: 400; line-height: 1.8; }
.blog-field.has-error input[b-es7uftv73w], .blog-field.has-error textarea[b-es7uftv73w] { border-color: #f43f5e; box-shadow: 0 0 0 3px rgb(244 63 94 / .08); }
.blog-validation[b-es7uftv73w] { display: block; margin-top: .35rem; color: #e11d48; font-size: .75rem; font-weight: 700; line-height: 1.6; }
.blog-count[b-es7uftv73w] { display: block; margin-top: .25rem; color: #64748b; font-size: .7rem; font-weight: 500; }
.publish-readiness[b-es7uftv73w] { border: 1px solid #e2e8f0; border-radius: 1rem; background: #f8fafc; padding: 1rem; }
.readiness-item[b-es7uftv73w] { display: flex; align-items: flex-start; gap: .5rem; border-radius: .75rem; padding: .65rem .75rem; font-size: .78rem; font-weight: 700; line-height: 1.7; }
.readiness-item.is-ready[b-es7uftv73w] { background: rgb(16 185 129 / .08); color: #047857; }
.readiness-item.is-missing[b-es7uftv73w] { background: rgb(245 158 11 / .1); color: #a16207; }
:global(.dark) .blog-field[b-es7uftv73w] { color: #e2e8f0; }
:global(.dark) .blog-field input[b-es7uftv73w], :global(.dark) .blog-field textarea[b-es7uftv73w] { border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .05); color: white; }
:global(.dark) .publish-readiness[b-es7uftv73w] { border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .03); }
:global(.dark) .readiness-item.is-ready[b-es7uftv73w] { color: #6ee7b7; }
:global(.dark) .readiness-item.is-missing[b-es7uftv73w] { color: #fcd34d; }
/* /Components/Pages/CreateOrganizationPage.razor.rz.scp.css */
[b-kruhmkpq8n] .org-artwork-card {
    padding: 0 !important;
    overflow: hidden;
    height: 100%;
}

.org-artwork-row[b-kruhmkpq8n] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 72px;
    height: 100%;
    padding-inline-start: 72px;
}

.org-artwork-row[b-kruhmkpq8n]  .org-artwork-image {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 72px;
    height: 100%;
    object-fit: cover;
    border: 0;
    border-radius: 0;
}

.org-artwork-copy[b-kruhmkpq8n] {
    display: block;
    padding: 12px;
}

@media (min-width: 640px) {
    .org-artwork-row[b-kruhmkpq8n] { min-height: 84px; padding-inline-start: 80px; }
    .org-artwork-row[b-kruhmkpq8n]  .org-artwork-image { width: 80px; }
}
/* /Components/Pages/CustomDomain/CustomDomainTourPage.razor.rz.scp.css */
.tour-shell[b-t2gqz0qdu3] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #061724;
}

.tour-frame[b-t2gqz0qdu3] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #061724;
}
/* /Components/Pages/HelpCenterPage.razor.rz.scp.css */
.saf-story-edge-art[b-8a0jxkzcxm] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7.25rem;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.saf-story-edge-fade[b-8a0jxkzcxm] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7.25rem;
    pointer-events: none;
    background:
        linear-gradient(to inline-end, #ffffff 0%, rgb(255 255 255 / 0) 55%);
}

:global(html.dark) .saf-story-edge-fade[b-8a0jxkzcxm],
:global(.dark) .saf-story-edge-fade[b-8a0jxkzcxm] {
    background:
        linear-gradient(to inline-end, #152033 0%, rgb(21 32 51 / 0) 55%);
}

.help-faq > summary[b-8a0jxkzcxm] {
    list-style: none;
}

.help-faq > summary[b-8a0jxkzcxm]::-webkit-details-marker {
    display: none;
}

.help-faq-chevron[b-8a0jxkzcxm] {
    transition: transform 160ms ease;
}

.help-faq[open] .help-faq-chevron[b-8a0jxkzcxm] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .help-faq-chevron[b-8a0jxkzcxm] {
        transition: none;
    }
}
/* /Components/Pages/Me/AppointmentsPage.razor.rz.scp.css */
.me-appointments[b-rfs4e3obzd] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding-top: env(safe-area-inset-top, 0px);
}

.me-appointments-filters[b-rfs4e3obzd] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.375rem;
    overflow-x: auto;
    padding-block: 0.1rem;
    -webkit-overflow-scrolling: touch;
}

.me-appointments-empty-art[b-rfs4e3obzd] {
    display: block;
    width: 100%;
    height: 14rem;
    object-fit: cover;
    object-position: center 42%;
    background: #e8f4f8;
}

@media (min-width: 768px) {
    .me-appointments[b-rfs4e3obzd] {
        padding-top: 0;
        gap: 1rem;
    }

    .me-appointments-filters[b-rfs4e3obzd] {
        flex-wrap: wrap;
        overflow: visible;
    }

    .me-appointments-empty-art[b-rfs4e3obzd] {
        height: 16rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .me-appointments-filters[b-rfs4e3obzd] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Me/PaymentComplaintsPage.razor.rz.scp.css */
.me-complaints[b-snxc66qvx7] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding-top: env(safe-area-inset-top, 0px);
}

.me-complaints-filters[b-snxc66qvx7] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.375rem;
    overflow-x: auto;
    padding-block: 0.1rem;
    -webkit-overflow-scrolling: touch;
}

.me-complaints-empty-art[b-snxc66qvx7] {
    display: block;
    width: 100%;
    height: 14rem;
    object-fit: cover;
    object-position: center 38%;
    background: #e8f4f8;
}

@media (min-width: 768px) {
    .me-complaints[b-snxc66qvx7] {
        padding-top: 0;
        gap: 1rem;
    }

    .me-complaints-filters[b-snxc66qvx7] {
        flex-wrap: wrap;
        overflow: visible;
    }

    .me-complaints-empty-art[b-snxc66qvx7] {
        height: 16rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .me-complaints-filters[b-snxc66qvx7] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Me/ProfessionalPage.razor.rz.scp.css */
.me-professional[b-9zvt6ulqdv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Full-bleed hero on the phone — no sticky stack (content must not slide under it). */
.me-professional-hero[b-9zvt6ulqdv] {
    margin-inline: 0;
}

.me-professional-body[b-9zvt6ulqdv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline: 0.75rem;
}

@media (min-width: 640px) {
    .me-professional[b-9zvt6ulqdv] {
        gap: 1.25rem;
    }

    .me-professional-body[b-9zvt6ulqdv] {
        padding-inline: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .me-professional *[b-9zvt6ulqdv] {
        transition: none !important;
    }
}
/* /Components/Pages/Me/ProfilePage.razor.rz.scp.css */
.profile-workspace[b-wlwin7v51h]{--profile-surface:#fff;--profile-line:#e8edf1;--profile-muted:#74818d;max-width:800px;margin:auto;padding-bottom:24px;color:#20343c}
.profile-topline[b-wlwin7v51h]{display:flex;align-items:center;justify-content:space-between;margin:0 2px 22px}.profile-topline h1[b-wlwin7v51h]{font-size:19px;font-weight:800}.profile-home[b-wlwin7v51h]{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--profile-line);border-radius:14px;background:var(--profile-surface);color:#49717b}
.profile-identity[b-wlwin7v51h]{border:1px solid var(--profile-line);border-radius:26px;overflow:hidden;background:var(--profile-surface);box-shadow:0 8px 28px #18384405}.profile-cover[b-wlwin7v51h]{height:144px;background:linear-gradient(115deg,#d5efe8,#b9e2df 55%,#d9e9f5);position:relative;overflow:hidden}.profile-cover span[b-wlwin7v51h]{position:absolute;display:block;border:1px solid #ffffff8a;width:340px;height:340px;border-radius:50%;inset-inline-start:-90px;top:-240px;box-shadow:0 0 0 28px #ffffff16,0 0 0 56px #ffffff16,0 0 0 84px #ffffff16}.profile-cover span:nth-child(2)[b-wlwin7v51h]{inset-inline-start:auto;inset-inline-end:-130px;top:20px;width:260px;height:260px}.profile-cover span:nth-child(3)[b-wlwin7v51h]{inset-inline-start:45%;top:35px;width:14px;height:14px;background:#ffffff80;box-shadow:none}
.profile-person[b-wlwin7v51h]{display:flex;align-items:center;gap:16px;padding:0 24px 24px;flex-wrap:wrap}.profile-avatar[b-wlwin7v51h]{position:relative;margin-top:-35px;border:6px solid var(--profile-surface);border-radius:50%;background:var(--profile-surface);flex-shrink:0}.profile-avatar[b-wlwin7v51h]  .profile-portrait{width:80px!important;height:80px!important}.profile-avatar[b-wlwin7v51h]  img{width:80px!important;height:80px!important}.profile-camera[b-wlwin7v51h]{position:absolute;bottom:-1px;inset-inline-end:-2px;display:grid;place-items:center;width:27px;height:27px;background:#167d88;color:white;border:3px solid var(--profile-surface);border-radius:50%;font-size:12px}.profile-name[b-wlwin7v51h]{min-width:0;flex:1;padding-top:18px}.profile-name h2[b-wlwin7v51h]{font-size:21px;font-weight:800;overflow-wrap:anywhere}.profile-name>span[b-wlwin7v51h]{display:inline-block;color:var(--profile-muted);font-size:13px;margin-top:6px;letter-spacing:.5px}.profile-person[b-wlwin7v51h] >button:last-child:not(.profile-avatar){margin-top:20px}
.profile-shortcuts[b-wlwin7v51h]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.profile-shortcuts>a[b-wlwin7v51h]{display:flex;align-items:center;gap:12px;padding:18px 16px;border:1px solid var(--profile-line);background:var(--profile-surface);border-radius:18px;font-size:13px;font-weight:700;transition:border-color .2s,transform .2s}.profile-shortcuts>a:hover[b-wlwin7v51h]{border-color:#87bcc1;transform:translateY(-2px)}.profile-shortcut-icon[b-wlwin7v51h],.profile-section-icon[b-wlwin7v51h]{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:13px;background:#eef7f6;color:#247d85;font-size:19px}.profile-shortcuts small[b-wlwin7v51h]{display:block;font-size:10px;font-weight:400;color:var(--profile-muted);margin-top:5px}.profile-chevron[b-wlwin7v51h]{margin-inline-start:auto;color:#8a9b9f;font-size:11px}
.profile-details[b-wlwin7v51h]{background:var(--profile-surface);border:1px solid var(--profile-line);border-radius:22px;overflow:hidden;margin-top:18px}.profile-section-title[b-wlwin7v51h]{display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid var(--profile-line)}.profile-section-title h2[b-wlwin7v51h]{font-size:15px;font-weight:800}.profile-section-title p[b-wlwin7v51h]{font-size:11px;color:var(--profile-muted);margin-top:5px;line-height:1.8}.profile-details[b-wlwin7v51h]  dl>div{padding:18px 24px;gap:18px}.profile-details[b-wlwin7v51h]  dd{overflow-wrap:anywhere;min-width:0;text-align:end}.profile-details[b-wlwin7v51h]  dt{font-size:12px}.profile-details[b-wlwin7v51h]  dd{font-size:13px}.profile-details[b-wlwin7v51h]  dl{border:0}.profile-details[b-wlwin7v51h]  dl>div+div{border-color:var(--profile-line)}
#professional-profile[b-wlwin7v51h]{margin-top:18px}
.profile-shortcuts+.profile-details[b-wlwin7v51h]{margin-top:0}
.profile-signout[b-wlwin7v51h]{display:flex;align-items:center;justify-content:space-between;padding:20px 8px}.profile-signout button[b-wlwin7v51h]{display:flex;align-items:center;gap:9px;color:#bd4257;font-size:13px;padding:10px 12px;border-radius:12px}.profile-signout button:hover[b-wlwin7v51h]{background:#fff0f2}.profile-signout>span[b-wlwin7v51h]{font-size:11px;color:#94a0a8}.profile-footer[b-wlwin7v51h]{border-top:1px solid var(--profile-line);padding-top:20px}.profile-workspace a:focus-visible[b-wlwin7v51h],.profile-workspace button:focus-visible[b-wlwin7v51h]{outline:3px solid #289ca5;outline-offset:4px}
.profile-workspace.profile-dark[b-wlwin7v51h]{--profile-surface:#15252e;--profile-line:#2a3b45;--profile-muted:#9aacb7;color:#edf5f7}
@media(max-width:540px){.profile-topline[b-wlwin7v51h]{margin-bottom:16px}.profile-cover[b-wlwin7v51h]{height:120px}.profile-person[b-wlwin7v51h]{padding:0 18px 20px;gap:12px}.profile-name h2[b-wlwin7v51h]{font-size:18px}.profile-name[b-wlwin7v51h]{padding-top:14px}.profile-shortcuts[b-wlwin7v51h]{gap:10px}.profile-shortcuts>a[b-wlwin7v51h]{padding:14px 12px;gap:8px;font-size:12px}.profile-shortcut-icon[b-wlwin7v51h]{width:33px;height:36px;font-size:17px}.profile-shortcuts small[b-wlwin7v51h]{font-size:9px;line-height:1.6}.profile-chevron[b-wlwin7v51h]{display:none}.profile-section-title[b-wlwin7v51h]{padding:18px}.profile-details[b-wlwin7v51h]  dl>div{padding:16px 18px}.profile-details[b-wlwin7v51h]  dt{font-size:11px}.profile-details[b-wlwin7v51h]  dd{font-size:12px}.profile-name>span[b-wlwin7v51h]{font-size:12px}}
@media(prefers-reduced-motion:reduce){.profile-shortcuts>a[b-wlwin7v51h]{transition:none}}
/* /Components/Pages/Payment/CustomerPaymentResult.razor.rz.scp.css */
.customer-payment-page[b-fd5qvodjpx]{min-height:100vh;padding:1rem 1rem 7rem;background:radial-gradient(circle at 50% -8%,rgb(102 205 190/.22),transparent 34%),linear-gradient(180deg,#f6fbfb 0%,#eef5f7 100%);color:#172b35}.customer-payment-wrap[b-fd5qvodjpx]{width:100%;max-width:44rem;margin:auto;display:grid;gap:1rem}.payment-hero[b-fd5qvodjpx]{--hero-a:#087d86;--hero-b:#075b69;--hero-soft:#d9fbf0;position:relative;isolation:isolate;overflow:hidden;border-radius:2rem;padding:1.5rem 1.25rem;background:linear-gradient(145deg,var(--hero-a),var(--hero-b));color:#fff;text-align:center;box-shadow:0 22px 55px rgb(12 83 92/.2)}.payment-hero--success[b-fd5qvodjpx]{--hero-a:#07956f;--hero-b:#066b70;--hero-soft:#d8fbed}.payment-hero--error[b-fd5qvodjpx]{--hero-a:#dc5b4c;--hero-b:#9f2f42;--hero-soft:#ffe4df}.payment-hero--pending[b-fd5qvodjpx]{--hero-a:#d58a13;--hero-b:#9c5a16;--hero-soft:#fff1cf}.payment-hero-pattern[b-fd5qvodjpx]{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 5%,rgb(255 255 255/.24),transparent 28%),radial-gradient(circle at 90% 80%,rgb(255 255 255/.12),transparent 32%)}.payment-hero-pattern[b-fd5qvodjpx]::before,.payment-hero-pattern[b-fd5qvodjpx]::after{content:"";position:absolute;border:1px solid rgb(255 255 255/.15);border-radius:50%}.payment-hero-pattern[b-fd5qvodjpx]::before{width:15rem;height:15rem;inset:-9rem auto auto -5rem;box-shadow:0 0 0 2rem rgb(255 255 255/.04),0 0 0 4rem rgb(255 255 255/.03)}.payment-hero-pattern[b-fd5qvodjpx]::after{width:8rem;height:8rem;inset:auto -3rem -4rem auto}.payment-status-icon[b-fd5qvodjpx]{width:5.25rem;height:5.25rem;margin:0 auto .85rem;display:grid;place-items:center;border-radius:1.65rem;background:rgb(255 255 255/.94);color:var(--hero-a);font-size:2.35rem;box-shadow:0 12px 30px rgb(5 35 45/.2),inset 0 0 0 1px rgb(255 255 255/.7);transform:rotate(-3deg)}.payment-status-icon i[b-fd5qvodjpx]{transform:rotate(3deg)}.payment-kicker[b-fd5qvodjpx]{font-size:.72rem;font-weight:700;opacity:.78}.payment-hero h1[b-fd5qvodjpx]{margin:.3rem 0 0;font-size:1.45rem;font-weight:900;line-height:1.55}.payment-hero-message[b-fd5qvodjpx]{max-width:32rem;margin:.45rem auto 0;font-size:.86rem;line-height:1.9;color:rgb(255 255 255/.84)}.payment-amount-hero[b-fd5qvodjpx]{display:inline-flex;align-items:baseline;gap:.65rem;margin-top:1rem;padding:.58rem 1rem;border:1px solid rgb(255 255 255/.18);border-radius:999px;background:rgb(0 0 0/.11);backdrop-filter:blur(8px)}.payment-amount-hero span[b-fd5qvodjpx]{font-size:.7rem;opacity:.75}.payment-amount-hero strong[b-fd5qvodjpx]{font-size:1rem;font-weight:900}.payment-hero-actions[b-fd5qvodjpx]{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.15rem}.payment-hero-actions[b-fd5qvodjpx]  .saf-button{min-height:2.65rem;border-radius:.9rem}.payment-hero-actions[b-fd5qvodjpx]  .saf-button:first-child{background:#fff;color:var(--hero-b);border-color:#fff}.payment-hero-actions[b-fd5qvodjpx]  .saf-button:first-child:hover{background:var(--hero-soft)}.payment-hero-actions[b-fd5qvodjpx]  .saf-button:not(:first-child){border-color:rgb(255 255 255/.55);color:#fff;background:rgb(255 255 255/.08)}.payment-receipt-card[b-fd5qvodjpx],.payment-loading-card[b-fd5qvodjpx]{overflow:hidden;border:1px solid rgb(188 211 217/.7);border-radius:1.75rem;background:rgb(255 255 255/.9);box-shadow:0 16px 45px rgb(20 70 80/.08);backdrop-filter:blur(14px)}.payment-loading-card[b-fd5qvodjpx]{padding:4rem 1.5rem;text-align:center}.payment-loading-orb[b-fd5qvodjpx]{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1rem;border-radius:1.5rem;background:#ddf7f1;color:#087d86;font-size:2rem}.payment-merchant[b-fd5qvodjpx]{display:flex;align-items:center;gap:.8rem;padding:1.1rem}.payment-merchant-icon[b-fd5qvodjpx]{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border-radius:1rem;background:linear-gradient(145deg,#daf5f0,#eaf3fb);color:#087d86;font-size:1.3rem}.payment-merchant-copy[b-fd5qvodjpx]{min-width:0;flex:1}.payment-merchant-copy span[b-fd5qvodjpx]{display:block;color:#718690;font-size:.7rem}.payment-merchant-copy strong[b-fd5qvodjpx]{display:block;margin-top:.15rem;font-size:1rem;font-weight:900}.payment-merchant-copy small[b-fd5qvodjpx]{display:block;margin-top:.15rem;color:#718690;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-breakdown[b-fd5qvodjpx]{margin:0 1rem;overflow:hidden;border:1px solid #dce8eb;border-radius:1.25rem;background:#fff}.payment-breakdown>div[b-fd5qvodjpx]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.payment-breakdown>div+div[b-fd5qvodjpx]{border-top:1px solid #e4ecef}.payment-breakdown span[b-fd5qvodjpx]{color:#617781;font-size:.78rem}.payment-breakdown strong[b-fd5qvodjpx]{font-size:.86rem;font-weight:800}.payment-breakdown-total[b-fd5qvodjpx]{background:linear-gradient(90deg,#edf8f7,#f4f8fb)}.payment-breakdown-total span[b-fd5qvodjpx]{color:#203d47;font-weight:800}.payment-breakdown-total strong[b-fd5qvodjpx]{color:#08768b;font-size:1.05rem}.payment-reference-grid[b-fd5qvodjpx]{display:grid;gap:.65rem;padding:1rem}.payment-reference-grid>div[b-fd5qvodjpx]{min-width:0;padding:.85rem 1rem;border-radius:1rem;background:#f2f7f8}.payment-reference-grid span[b-fd5qvodjpx]{display:flex;align-items:center;gap:.4rem;color:#6a7f89;font-size:.7rem}.payment-reference-grid span i[b-fd5qvodjpx]{color:#13899a}.payment-reference-grid code[b-fd5qvodjpx]{display:block;margin-top:.4rem;overflow:hidden;color:#243d47;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.payment-trust-note[b-fd5qvodjpx]{display:flex;align-items:flex-start;gap:.7rem;margin:0 1rem 1rem;padding:.9rem 1rem;border:1px solid #bce7e5;border-radius:1rem;background:#e9f9f7;color:#235b63}.payment-trust-note i[b-fd5qvodjpx]{margin-top:.15rem;color:#078599}.payment-trust-note p[b-fd5qvodjpx]{font-size:.73rem;line-height:1.85}.dark .customer-payment-page[b-fd5qvodjpx]{background:radial-gradient(circle at 50% -8%,rgb(18 125 126/.22),transparent 35%),linear-gradient(180deg,#102029,#0d1820);color:#eef7f8}.dark .payment-receipt-card[b-fd5qvodjpx],.dark .payment-loading-card[b-fd5qvodjpx]{border-color:rgb(255 255 255/.1);background:rgb(20 37 47/.92)}.dark .payment-breakdown[b-fd5qvodjpx]{border-color:rgb(255 255 255/.1);background:#172a34}.dark .payment-breakdown>div+div[b-fd5qvodjpx]{border-color:rgb(255 255 255/.08)}.dark .payment-breakdown-total[b-fd5qvodjpx]{background:rgb(255 255 255/.04)}.dark .payment-breakdown span[b-fd5qvodjpx],.dark .payment-merchant-copy span[b-fd5qvodjpx],.dark .payment-merchant-copy small[b-fd5qvodjpx]{color:#a7bac2}.dark .payment-breakdown strong[b-fd5qvodjpx],.dark .payment-merchant-copy strong[b-fd5qvodjpx]{color:#f4fafb}.dark .payment-reference-grid>div[b-fd5qvodjpx]{background:rgb(255 255 255/.05)}.dark .payment-reference-grid code[b-fd5qvodjpx]{color:#e8f2f4}.dark .payment-trust-note[b-fd5qvodjpx]{border-color:rgb(65 200 198/.25);background:rgb(14 112 118/.15);color:#c6e9e8}@media(min-width:640px){.customer-payment-page[b-fd5qvodjpx]{padding:2rem 1.25rem 4rem}.customer-payment-wrap[b-fd5qvodjpx]{gap:1.25rem}.payment-hero[b-fd5qvodjpx]{padding:2.2rem}.payment-hero h1[b-fd5qvodjpx]{font-size:1.8rem}.payment-reference-grid[b-fd5qvodjpx]{grid-template-columns:1fr 1fr}.payment-merchant[b-fd5qvodjpx]{padding:1.35rem}.payment-breakdown[b-fd5qvodjpx]{margin:0 1.35rem}.payment-reference-grid[b-fd5qvodjpx]{padding:1.35rem}.payment-trust-note[b-fd5qvodjpx]{margin:0 1.35rem 1.35rem}}

/* Explicit classes avoid relying on component-child order: Razor component boundaries made the
   old :first-child selector miss both calls to action, leaving low-contrast inherited colors. */
.payment-hero-actions[b-fd5qvodjpx]{display:grid;grid-template-columns:1fr;gap:.65rem;margin:1.15rem auto 0;max-width:30rem}
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--primary,
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--secondary{width:100%;min-height:3rem;border-radius:1rem;font-weight:900;box-shadow:0 10px 24px rgb(3 33 43/.18)}
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--primary{border-color:#fff!important;background:#fff!important;color:#07515d!important}
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--primary:hover{background:#e8fffa!important;color:#043e48!important}
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--secondary{border-color:#d5fff5!important;background:#d5fff5!important;color:#064752!important}
.payment-hero-actions[b-fd5qvodjpx]  .payment-hero-action--secondary:hover{background:#bff7ea!important;color:#033942!important}
@media(min-width:480px){.payment-hero-actions[b-fd5qvodjpx]{grid-template-columns:1fr 1fr}}
/* /Components/Pages/Public/ReservationPaymentPage.razor.rz.scp.css */
.reservation-payment-page[b-csokz7ui5j] {
    background:
        radial-gradient(circle at 12% 8%, rgba(20, 184, 166, .10), transparent 24rem),
        radial-gradient(circle at 88% 32%, rgba(249, 115, 22, .07), transparent 22rem),
        #f4f8fa;
}

.reservation-payment-hero[b-csokz7ui5j] {
    position: relative;
    isolation: isolate;
    background: linear-gradient(145deg, #062c37 0%, #0b4d59 52%, #116b70 100%);
}

.reservation-payment-hero[b-csokz7ui5j]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: .28;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}

.reservation-payment-hero__glow[b-csokz7ui5j] {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 12% 10%, rgba(45, 212, 191, .30), transparent 32%),
        radial-gradient(circle at 90% 85%, rgba(249, 115, 22, .17), transparent 33%);
}

.agreement-sheet-html[b-csokz7ui5j] {
    max-height: none;
    overflow: visible;
    padding: 1.25rem;
}

@media (prefers-color-scheme: dark) {
    .reservation-payment-page[b-csokz7ui5j] { background: #071a27; }
}
/* /Components/Pages/SuperAdmin/ContentArticlesPage.razor.rz.scp.css */
.article-field[b-big816also] { display: block; font-size: .875rem; font-weight: 700; color: #334155; }
.article-field input[b-big816also], .article-field textarea[b-big816also] { margin-top: .375rem; width: 100%; border-radius: .75rem; border: 1px solid #e2e8f0; background: white; padding: .7rem .8rem; font-size: .875rem; font-weight: 400; line-height: 1.8; }
.article-field.has-error input[b-big816also], .article-field.has-error textarea[b-big816also] { border-color: #f43f5e; box-shadow: 0 0 0 3px rgb(244 63 94 / .08); }
.article-validation[b-big816also] { display: block; margin-top: .35rem; color: #e11d48; font-size: .75rem; font-weight: 700; line-height: 1.6; }
.article-count[b-big816also] { display: block; margin-top: .25rem; color: #64748b; font-size: .7rem; font-weight: 500; }
.publish-readiness[b-big816also] { border: 1px solid #e2e8f0; border-radius: 1rem; background: #f8fafc; padding: 1rem; }
.readiness-item[b-big816also] { display: flex; align-items: flex-start; gap: .5rem; border-radius: .75rem; padding: .65rem .75rem; font-size: .78rem; font-weight: 700; line-height: 1.7; }
.readiness-item.is-ready[b-big816also] { background: rgb(16 185 129 / .08); color: #047857; }
.readiness-item.is-missing[b-big816also] { background: rgb(245 158 11 / .1); color: #a16207; }
:global(.dark) .article-field[b-big816also] { color: #e2e8f0; }
:global(.dark) .article-field input[b-big816also], :global(.dark) .article-field textarea[b-big816also] { border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .05); color: white; }
:global(.dark) .publish-readiness[b-big816also] { border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .03); }
:global(.dark) .readiness-item.is-ready[b-big816also] { color: #6ee7b7; }
:global(.dark) .readiness-item.is-missing[b-big816also] { color: #fcd34d; }
/* /Components/Shared/AuthModal.razor.rz.scp.css */
/* Auth modal — SafModal SoT: mobile flush bottom sheet, desktop centered card */

.auth-modal-backdrop[b-7uos4gv4nd] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    background: rgba(2, 6, 23, 0.35); /* slate-950/35 — same as SafModal */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

@media (min-width: 640px) {
    .auth-modal-backdrop[b-7uos4gv4nd] {
        align-items: center;
        padding: 1rem;
    }
}

.auth-modal-card[b-7uos4gv4nd] {
    position: relative;
    width: 100%;
    max-width: 100%; /* full-bleed sheet on phones */
    max-height: 92dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 1rem 1rem 0 0; /* rounded-t-2xl */
    background: #FFFFFF; /* safline-surface-0 */
    border: 1px solid #E2E8F0; /* safline-border */
    border-bottom: none; /* flush to screen edge */
    box-shadow: 0 4px 16px 0 rgb(15 23 42 / 0.08);
}

@media (min-width: 640px) {
    .auth-modal-card[b-7uos4gv4nd] {
        max-width: 22rem;
        border-radius: 1rem;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
}

.auth-modal-backdrop.is-dark .auth-modal-card[b-7uos4gv4nd] {
    background: #152033; /* safline-surface-dark */
    border-color: rgb(255 255 255 / 0.1);
    box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.55);
}

.auth-modal-close[b-7uos4gv4nd] {
    position: absolute;
    top: 0.625rem;
    inset-inline-end: 0.625rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #64748B; /* safline-ink-500 */
    z-index: 1;
}

.auth-modal-backdrop.is-dark .auth-modal-close[b-7uos4gv4nd] {
    color: #94A3B8;
}

.auth-modal-close:hover[b-7uos4gv4nd] {
    background: #EEF2F6; /* safline-canvas-100 */
    color: #334155;
}

.auth-modal-backdrop.is-dark .auth-modal-close:hover[b-7uos4gv4nd] {
    background: rgba(255, 255, 255, 0.05);
    color: #e5e7eb;
}

.auth-modal-body[b-7uos4gv4nd] {
    padding: 1.25rem 1.25rem max(1rem, env(safe-area-inset-bottom, 0px));
}

@media (min-width: 640px) {
    .auth-modal-body[b-7uos4gv4nd] {
        padding: 1.25rem 1.25rem 1rem;
    }
}

.auth-modal-icon[b-7uos4gv4nd] {
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 auto 0.5rem;
    background: linear-gradient(135deg, #00BCD4, #007EA8); /* primary-500 → 600 */
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px -2px rgba(0, 126, 168, 0.35);
}

.auth-modal-title[b-7uos4gv4nd] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1A2332; /* safline-ink-900 */
    margin: 0 0 0.25rem;
}

.auth-modal-backdrop.is-dark .auth-modal-title[b-7uos4gv4nd] {
    color: #f3f4f6;
}

.auth-modal-subtitle[b-7uos4gv4nd] {
    font-size: 0.8rem;
    color: #64748B; /* safline-ink-500 */
    margin: 0;
}

.auth-modal-backdrop.is-dark .auth-modal-subtitle[b-7uos4gv4nd] {
    color: #9ca3af;
}

.auth-alert-error[b-7uos4gv4nd] {
    margin-bottom: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: #FEF2F2; /* safline-danger-50 */
    border: 1px solid #fecaca;
    border-radius: 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.auth-modal-backdrop.is-dark .auth-alert-error[b-7uos4gv4nd] {
    background: rgba(127, 29, 29, 0.4);
    border-color: rgba(248, 113, 113, 0.35);
}

.auth-alert-error p[b-7uos4gv4nd] {
    color: #DC2626; /* safline-danger-600 */
    font-size: 0.8rem;
    flex: 1;
    margin: 0;
}

.auth-modal-backdrop.is-dark .auth-alert-error p[b-7uos4gv4nd] {
    color: #fecaca;
}

.auth-alert-success[b-7uos4gv4nd] {
    margin-bottom: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: #ECFDF5; /* safline-success-50 */
    border: 1px solid #bbf7d0;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.auth-modal-backdrop.is-dark .auth-alert-success[b-7uos4gv4nd] {
    background: rgba(6, 78, 59, 0.4);
    border-color: rgba(52, 211, 153, 0.35);
}

.auth-alert-success p[b-7uos4gv4nd] {
    color: #059669; /* safline-success-600 */
    font-size: 0.8rem;
    margin: 0;
}

.auth-modal-backdrop.is-dark .auth-alert-success p[b-7uos4gv4nd] {
    color: #a7f3d0;
}

.auth-accent-icon[b-7uos4gv4nd] {
    color: #007EA8;
    font-size: 0.875rem;
}

.auth-modal-backdrop.is-dark .auth-accent-icon[b-7uos4gv4nd] {
    color: #4ECADF;
}

.auth-label[b-7uos4gv4nd] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155; /* ink-700 */
    margin-bottom: 0.3rem;
}

.auth-modal-backdrop.is-dark .auth-label[b-7uos4gv4nd] {
    color: #d1d5db;
}

.auth-input[b-7uos4gv4nd] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 1rem;
    background: #F5F8FA; /* canvas-50 recessed */
    border: 2px solid #E2E8F0;
    border-radius: 0.75rem; /* rounded-xl — match SafInput / SafButton */
    outline: none;
    box-sizing: border-box;
    color: #1A2332;
}

.auth-modal-backdrop.is-dark .auth-input[b-7uos4gv4nd] {
    background: #0B1220;
    border-color: rgb(255 255 255 / 0.1);
    color: #f3f4f6;
}

.auth-input[b-7uos4gv4nd]::placeholder {
    color: #94A3B8;
}

.auth-modal-backdrop.is-dark .auth-input[b-7uos4gv4nd]::placeholder {
    color: #6b7280;
}

.auth-input:focus[b-7uos4gv4nd] {
    border-color: #007EA8 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 126, 168, 0.15) !important;
}

.auth-modal-backdrop.is-dark .auth-input:focus[b-7uos4gv4nd] {
    background-color: #152033 !important;
    box-shadow: 0 0 0 4px rgba(0, 126, 168, 0.25) !important;
}

.auth-hint[b-7uos4gv4nd] {
    margin-top: 0.25rem;
    font-size: 0.72rem;
    color: #64748B;
}

.auth-modal-backdrop.is-dark .auth-hint[b-7uos4gv4nd] {
    color: #9ca3af;
}

.auth-submit[b-7uos4gv4nd] {
    width: 100%;
    padding: 0.7rem 1rem;
    background: linear-gradient(135deg, #00BCD4, #007EA8);
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 0.75rem; /* rounded-xl — match SafButton */
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    box-shadow: 0 6px 12px -2px rgba(0, 126, 168, 0.35);
}

.auth-submit:not(:disabled):hover[b-7uos4gv4nd] {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.auth-submit:not(:disabled):active[b-7uos4gv4nd] {
    transform: translateY(0);
}

.auth-phone-card[b-7uos4gv4nd] {
    margin-bottom: 0.75rem;
    padding: 0.625rem;
    background: #F5F8FA;
    border-radius: 0.75rem; /* rounded-xl — match controls */
    text-align: center;
    border: 1px solid #E2E8F0;
}

.auth-modal-backdrop.is-dark .auth-phone-card[b-7uos4gv4nd] {
    background: #0B1220;
    border-color: rgb(255 255 255 / 0.1);
}

.auth-phone-card .muted[b-7uos4gv4nd] {
    font-size: 0.78rem;
    color: #64748B;
    margin: 0 0 0.25rem;
}

.auth-modal-backdrop.is-dark .auth-phone-card .muted[b-7uos4gv4nd] {
    color: #9ca3af;
}

.auth-phone-card .number[b-7uos4gv4nd] {
    font-size: 1rem;
    font-weight: 700;
    color: #1A2332;
}

.auth-modal-backdrop.is-dark .auth-phone-card .number[b-7uos4gv4nd] {
    color: #f3f4f6;
}

.auth-link[b-7uos4gv4nd] {
    font-size: 0.78rem;
    color: #007EA8;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.auth-modal-backdrop.is-dark .auth-link[b-7uos4gv4nd] {
    color: #4ECADF;
}

.auth-dev-otp[b-7uos4gv4nd] {
    margin-bottom: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: #FFF4E5; /* accent-50 */
    border: 1px solid #FFE4BF;
    border-radius: 0.75rem;
}

.auth-modal-backdrop.is-dark .auth-dev-otp[b-7uos4gv4nd] {
    background: rgba(204, 116, 0, 0.25);
    border-color: rgba(255, 184, 77, 0.35);
}

.auth-dev-otp code[b-7uos4gv4nd] {
    font-size: 1.25rem;
    font-family: monospace;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: #1A2332;
    background: white;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    display: inline-block;
}

.auth-modal-backdrop.is-dark .auth-dev-otp code[b-7uos4gv4nd] {
    color: #FFE4BF;
    background: #0B1220;
}

.auth-otp-input[b-7uos4gv4nd] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5em;
    background: #F5F8FA;
    border: 2px solid #E2E8F0;
    border-radius: 0.75rem; /* rounded-xl — match SafInput */
    outline: none;
    box-sizing: border-box;
    color: #1A2332;
}

.auth-modal-backdrop.is-dark .auth-otp-input[b-7uos4gv4nd] {
    background: #0B1220;
    border-color: rgb(255 255 255 / 0.1);
    color: #f3f4f6;
}

.auth-otp-input:focus[b-7uos4gv4nd] {
    border-color: #007EA8 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 126, 168, 0.15) !important;
}

.auth-modal-backdrop.is-dark .auth-otp-input:focus[b-7uos4gv4nd] {
    background-color: #152033 !important;
    box-shadow: 0 0 0 4px rgba(0, 126, 168, 0.25) !important;
}

.auth-countdown[b-7uos4gv4nd] {
    font-size: 0.78rem;
    color: #64748B;
}

.auth-modal-backdrop.is-dark .auth-countdown[b-7uos4gv4nd] {
    color: #9ca3af;
}

.auth-input[b-7uos4gv4nd], .auth-otp-input[b-7uos4gv4nd], .auth-submit[b-7uos4gv4nd], .auth-link[b-7uos4gv4nd], .auth-modal-close[b-7uos4gv4nd] {
    transition: all 180ms ease;
}

@keyframes spin-b-7uos4gv4nd {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.auth-spin[b-7uos4gv4nd] {
    animation: spin-b-7uos4gv4nd 1s linear infinite;
    height: 1rem;
    width: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .auth-input[b-7uos4gv4nd], .auth-otp-input[b-7uos4gv4nd], .auth-submit[b-7uos4gv4nd], .auth-link[b-7uos4gv4nd], .auth-modal-close[b-7uos4gv4nd], .auth-spin[b-7uos4gv4nd] {
        transition: none;
        animation: none;
    }
}
/* /Components/Shared/OrgLandingView.razor.rz.scp.css */
.org-redesign[b-hmb47v1edd] {
    --org-line: #E2E8F0;
    --org-muted: #64748B;
    --org-blue: #007EA8;
    --org-nav-fill: #fff;
    --org-sheet-fill: rgb(255 255 255 / 0.86);
    --org-nav-shadow: 0 4px 12px rgb(15 23 42 / 8%);
    --org-nav-gap: 0.35rem;
}

/* Same permanent white-on-cover material as SafCoverBackLink. That component's CSS is scoped to
   its own rendered anchor, so the share button needs the material here rather than borrowing only
   the class name (which left it transparent on the photograph). */
.org-cover-share-button[b-hmb47v1edd] {
    background: #fff;
    color: #007ea8;
    box-shadow: 0 4px 12px rgb(15 23 42 / 12%), 0 0 0 1px rgb(15 23 42 / 8%);
}
.org-cover-share-button:hover[b-hmb47v1edd] {
    background: #f8fafc;
    box-shadow: 0 8px 18px rgb(15 23 42 / 14%), 0 0 0 1px rgb(15 23 42 / 10%);
}
:global(.dark) .org-cover-share-button[b-hmb47v1edd] {
    background: #fff;
    color: #007ea8;
    box-shadow: 0 4px 12px rgb(15 23 42 / 18%), 0 0 0 1px rgb(15 23 42 / 10%);
}
.org-page-content[b-hmb47v1edd] {
    position: relative;
    z-index: 2;
    background: var(--org-sheet-fill);
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    box-shadow: none;
}
.org-page-content[b-hmb47v1edd]::after,
.org-page-content[b-hmb47v1edd]::before {
    content: none;
}
.org-page-content-inner[b-hmb47v1edd] { display: grid; gap: 1.75rem; padding-top: 0; }

.org-section-nav[b-hmb47v1edd] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: var(--org-nav-gap) .75rem;
    background: rgba(245, 248, 250, .94);
    backdrop-filter: blur(14px);
}
.org-section-nav > div[b-hmb47v1edd] {
    display: flex;
    max-width: 68rem;
    margin: auto;
    gap: 0;
    padding: 0;
    border: 1px solid var(--org-line);
    border-radius: .85rem;
    background: var(--org-nav-fill);
    box-shadow: var(--org-nav-shadow);
    overflow: hidden;
}
.org-section-nav a[b-hmb47v1edd] {
    display: inline-flex;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 2.25rem;
    padding: 0 .4rem;
    white-space: nowrap;
    border: 0;
    border-radius: .7rem;
    color: var(--org-muted);
    font-size: .75rem;
    font-weight: 700;
    transition: background 150ms, color 150ms;
}
.org-section-nav a + a[b-hmb47v1edd] { border-inline-start: 1px solid var(--org-line); border-start-start-radius: 0; border-end-start-radius: 0; }
.org-section-nav a:hover[b-hmb47v1edd], .org-section-nav a[aria-current][b-hmb47v1edd] { color: var(--org-blue); background: #E6F8FB; }
.org-section-nav a:focus-visible[b-hmb47v1edd] { outline-offset: -3px; }
@media (min-width: 768px) { .org-section-nav[b-hmb47v1edd] { padding-inline: 0; } }

.org-contact-group[b-hmb47v1edd] { display: grid; gap: 1rem; }
.org-visit-card[b-hmb47v1edd],
.org-contact-group[b-hmb47v1edd] { scroll-margin-top: 4.25rem; }
.org-redesign[b-hmb47v1edd]  section[id] { scroll-margin-top: 4.25rem; min-width: 0; }

.org-visit-card[b-hmb47v1edd] {
    border: 1px solid var(--org-line);
    border-radius: 1.25rem;
    background: #fff;
    overflow: hidden;
}
.org-visit-card[b-hmb47v1edd]  > .grid { gap: 0; }
.org-visit-card[b-hmb47v1edd]  > .grid > section {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid var(--org-line);
}
.org-visit-card[b-hmb47v1edd]  > .grid > section:last-child { border-bottom: 0; }

.org-redesign[b-hmb47v1edd]  .org-provider-filter-card {
    margin-inline: -0.75rem;
    margin-bottom: 0.625rem;
    padding: 0.75rem 0.75rem 0.5rem;
    border: 1px solid var(--org-line);
    border-inline: 0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 12px 28px -10px rgb(15 23 42 / 22%), 0 2px 8px -4px rgb(15 23 42 / 8%);
    overflow: hidden;
}
@media (min-width: 640px) {
    .org-redesign[b-hmb47v1edd]  .org-provider-filter-card {
        margin-inline: -1.25rem;
        padding-inline: 1.25rem;
    }
}
/* From md the page is a centred column with no side padding (same shell as home and search), so
   the card sits inside it — bleeding out would push it past the cover's edges. */
@media (min-width: 768px) {
    .org-redesign[b-hmb47v1edd]  .org-provider-filter-card {
        margin-inline: 0;
        padding-inline: 1.25rem;
        border-inline: 1px solid var(--org-line);
    }
}

.org-redesign[b-hmb47v1edd]  .org-provider-rail {
    display: flex;
    align-items: stretch;
    gap: 0.625rem;
    overflow-x: auto;
    /* Room for the selected ring + focus outline. Negative margin keeps chips
       aligned with the heading; overflow-x would otherwise clip the first chip
       on inline-start (the right edge in RTL). */
    padding: 0.125rem 0.45rem 0.5rem;
    margin-inline: -0.45rem;
    scroll-padding-inline: 0.45rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.org-redesign[b-hmb47v1edd]  .org-provider-rail::-webkit-scrollbar { display: none; }
.org-redesign[b-hmb47v1edd]  .org-branch-filter { min-width: 0; margin-bottom: 0.85rem; }

.org-redesign[b-hmb47v1edd]  .org-provider-all-chip,
.org-redesign[b-hmb47v1edd]  .org-provider-chip {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    align-self: stretch;
    gap: 0.5rem;
    box-sizing: border-box;
    height: 3.5rem;
    border: 1px solid var(--org-line);
    background: #fff;
    scroll-snap-align: start;
    transition: border-color 150ms, background 150ms, box-shadow 150ms;
}
.org-redesign[b-hmb47v1edd]  .org-provider-all-chip {
    width: 3.5rem;
    justify-content: center;
    border-radius: 999px;
    color: var(--org-blue);
    font-size: 1.25rem;
}
.org-redesign[b-hmb47v1edd]  .org-provider-chip {
    width: 14rem;
    padding: 0 0.625rem;
    border-radius: 1.5rem;
    overflow: hidden;
    text-align: start;
}
.org-redesign[b-hmb47v1edd]  .org-provider-chip img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    border-radius: 999px;
    border: 1px solid rgb(255 255 255 / 70%);
    box-shadow: 0 1px 2px rgb(15 23 42 / 10%);
}
.org-redesign[b-hmb47v1edd]  .org-provider-chip > span { min-width: 0; display: grid; flex: 1; }
.org-redesign[b-hmb47v1edd]  .org-provider-chip strong {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.org-redesign[b-hmb47v1edd]  .org-provider-chip em {
    display: block;
    font-size: 0.625rem;
    font-style: normal;
    color: var(--org-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.org-redesign[b-hmb47v1edd]  .org-provider-all-chip[aria-pressed=true],
.org-redesign[b-hmb47v1edd]  .org-provider-chip[aria-pressed=true] {
    border-color: var(--org-blue);
    background: #E6F8FB;
    box-shadow: 0 1px 2px rgb(15 23 42 / 8%);
}
.org-redesign[b-hmb47v1edd]  .org-service-tools { display: flex; align-items: center; gap: 0.75rem; margin: 0.15rem 0 0.85rem; }
.org-redesign[b-hmb47v1edd]  .org-service-tools > span { flex-shrink: 0; color: var(--org-muted); font-size: 0.7rem; }
.org-redesign[b-hmb47v1edd]  .org-service-search {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 0.6rem;
    min-width: 0;
    padding: 0 0.8rem;
    background: #fff;
    border: 1px solid var(--org-line);
    border-radius: 0.9rem;
    color: var(--org-muted);
}
.org-redesign[b-hmb47v1edd]  .org-service-search input { width: 100%; min-width: 0; height: 2.75rem; font-size: 0.75rem; background: transparent; border: 0; outline: none; }
.org-redesign[b-hmb47v1edd]  .org-service-search:focus-within { outline: 2px solid var(--org-blue); outline-offset: 2px; }

.org-redesign[b-hmb47v1edd]  .org-service-menu { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.85rem; }
@media (min-width: 768px) { .org-redesign[b-hmb47v1edd]  .org-service-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.org-redesign[b-hmb47v1edd]  .org-service-branch-heading {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.75rem;
    margin-top: 0.2rem;
    margin-inline: -0.75rem;
    border: 1px solid var(--org-line);
    border-inline: 0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 12px 28px -10px rgb(15 23 42 / 22%), 0 2px 8px -4px rgb(15 23 42 / 8%);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--org-muted);
}
@media (min-width: 640px) {
    .org-redesign[b-hmb47v1edd]  .org-service-branch-heading {
        margin-inline: -1.25rem;
        padding-inline: 1.25rem;
    }
}
/* From md the page is a centred column with no side padding (same shell as home and search), so
   the card sits inside it — bleeding out would push it past the cover's edges. */
@media (min-width: 768px) {
    .org-redesign[b-hmb47v1edd]  .org-service-branch-heading {
        margin-inline: 0;
        padding-inline: 1.25rem;
        border-inline: 1px solid var(--org-line);
    }
}
.org-redesign[b-hmb47v1edd]  .org-service-branch-heading:first-child {
    margin-top: 0;
}
.org-redesign[b-hmb47v1edd]  .org-service-branch-heading i { font-size: 0.8125rem; color: var(--org-blue); }
.org-redesign[b-hmb47v1edd]  .org-service-title h3 { overflow-wrap: anywhere; }
.org-redesign[b-hmb47v1edd]  .org-service-description {
    margin-top: 0.7rem;
    color: var(--org-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.org-redesign[b-hmb47v1edd]  .org-service-provider {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.7rem;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 650;
}
.org-redesign[b-hmb47v1edd]  .org-service-provider img {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    object-fit: cover;
}
.org-redesign[b-hmb47v1edd]  .org-service-provider i { font-size: 1.15rem; color: var(--org-muted); }
.org-redesign[b-hmb47v1edd]  .org-service-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.85rem;
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
    color: var(--org-muted);
    font-size: 0.75rem;
    font-weight: 650;
}
.org-redesign[b-hmb47v1edd]  .org-service-facts li {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.org-redesign[b-hmb47v1edd]  .org-messenger-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
.org-redesign[b-hmb47v1edd]  .org-messenger-card {
    position: relative;
    overflow: hidden;
    min-height: 6.5rem;
    padding: 1.1rem;
    padding-inline-end: 7.5rem;
    border: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.4rem;
}
.org-redesign[b-hmb47v1edd]  .org-messenger-telegram { background: #eaf5fc; }
.org-redesign[b-hmb47v1edd]  .org-messenger-bale { background: #e9f8ef; }
.org-redesign[b-hmb47v1edd]  .org-messenger-art { position: absolute; inset-inline-end: 0; top: 0; height: 100%; width: 7.25rem; object-fit: cover; mix-blend-mode: multiply; pointer-events: none; }
.org-redesign[b-hmb47v1edd]  .org-today-hours {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.15rem;
    min-height: 4.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.9rem;
}
.org-redesign[b-hmb47v1edd]  .org-today-hours--art {
    position: relative;
    overflow: hidden;
    padding-inline-end: 7.5rem;
}
.org-redesign[b-hmb47v1edd]  .org-messenger-card > span:first-of-type { display: none; }
.org-redesign[b-hmb47v1edd]  .org-messenger-card .truncate { white-space: normal; overflow-wrap: anywhere; }
.org-redesign[b-hmb47v1edd]  .org-messenger-card > span { position: relative; }

.org-redesign[b-hmb47v1edd]  .org-channel-row {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 4.25rem;
    padding: 0.7rem 0.9rem;
    padding-inline-end: 4.6rem;
    border: 0;
    border-radius: 0.9rem;
    text-decoration: none;
    transition: filter 180ms;
}
.org-redesign[b-hmb47v1edd]  .org-channel-row:hover { filter: brightness(0.97); }
.org-redesign[b-hmb47v1edd]  .org-channel-logo {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    height: 100%;
    width: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    pointer-events: none;
}
.org-redesign[b-hmb47v1edd]  .org-channel-name {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--org-blue);
}
.org-redesign[b-hmb47v1edd]  .org-channel-value {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #1a2332;
}
.org-redesign[b-hmb47v1edd]  .org-channel-phone { background: #e6f8fb; }
.org-redesign[b-hmb47v1edd]  .org-channel-phone .org-channel-logo { color: #006b8f; }
.org-redesign[b-hmb47v1edd]  .org-channel-instagram { background: #fce8f0; }
.org-redesign[b-hmb47v1edd]  .org-channel-instagram .org-channel-logo { color: #be185d; }
.org-redesign[b-hmb47v1edd]  .org-channel-instagram .org-channel-name { color: #9d174d; }
.org-redesign[b-hmb47v1edd]  .org-channel-web { background: #eef2f6; }
.org-redesign[b-hmb47v1edd]  .org-channel-web .org-channel-logo,
.org-redesign[b-hmb47v1edd]  .org-channel-web .org-channel-name { color: #1e293b; }
.org-redesign[b-hmb47v1edd]  .org-channel-email { background: #f5f8fa; }
.org-redesign[b-hmb47v1edd]  .org-channel-email .org-channel-logo,
.org-redesign[b-hmb47v1edd]  .org-channel-email .org-channel-name { color: #64748b; }

.org-redesign[b-hmb47v1edd]  .org-no-results { padding: 1.25rem; color: var(--org-muted); font-size: 0.8125rem; }
.org-redesign[b-hmb47v1edd]  button:focus-visible,
.org-redesign a:focus-visible[b-hmb47v1edd] { outline: 2px solid var(--org-blue); outline-offset: 3px; }

.org-redesign[b-hmb47v1edd]  .org-show-services {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 2.75rem;
    margin-top: 0.65rem;
    border: 1px solid var(--org-line);
    border-radius: 0.9rem;
    font-size: 0.8125rem;
    font-weight: 650;
    color: var(--org-blue);
    background: #fff;
}

@media (min-width: 640px) {
    .org-page-content[b-hmb47v1edd] {
        border-start-start-radius: 1.5rem;
        border-start-end-radius: 1.5rem;
    }
    .org-redesign[b-hmb47v1edd]  .org-messenger-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .org-section-nav[b-hmb47v1edd] { top: 4.5rem; }
    .org-redesign[b-hmb47v1edd]  section[id],
    .org-visit-card[b-hmb47v1edd],
    .org-contact-group[b-hmb47v1edd] { scroll-margin-top: 8.5rem; }
}
@media (min-width: 1024px) {
    .org-visit-card[b-hmb47v1edd] { border: 0; background: transparent; overflow: visible; }
    .org-visit-card[b-hmb47v1edd]  > .grid { gap: 1.25rem; }
    .org-visit-card[b-hmb47v1edd]  > .grid > section {
        border: 1px solid var(--org-line);
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
    }
}

.dark .org-redesign[b-hmb47v1edd] {
    --org-line: #344250;
    --org-muted: #afbfca;
    --org-nav-fill: #152033;
    --org-sheet-fill: rgb(21 32 51 / 0.88);
    --org-nav-shadow: 0 4px 12px rgb(0 0 0 / 28%);
}
.dark .org-redesign[b-hmb47v1edd]  .org-service-provider { color: #e2e8f0; }
.dark .org-section-nav[b-hmb47v1edd] { background: #152330f5; }
.dark .org-section-nav a[b-hmb47v1edd],
.dark .org-redesign[b-hmb47v1edd]  .org-provider-filter-card,
.dark .org-redesign[b-hmb47v1edd]  .org-provider-all-chip,
.dark .org-redesign[b-hmb47v1edd]  .org-provider-chip,
.dark .org-redesign[b-hmb47v1edd]  .org-service-branch-heading,
.dark .org-redesign[b-hmb47v1edd]  .org-service-search,
.dark .org-redesign[b-hmb47v1edd]  .org-show-services,
.dark .org-visit-card[b-hmb47v1edd] { background: #1e2d3a; }
.dark .org-redesign[b-hmb47v1edd]  .org-provider-filter-card,
.dark .org-redesign[b-hmb47v1edd]  .org-service-branch-heading {
    box-shadow: 0 12px 28px -10px rgb(0 0 0 / 48%), 0 2px 8px -4px rgb(0 0 0 / 32%);
}
.dark .org-redesign[b-hmb47v1edd]  .org-provider-all-chip[aria-pressed=true],
.dark .org-redesign[b-hmb47v1edd]  .org-provider-chip[aria-pressed=true] { background: #263d4c; }
.dark .org-visit-card[b-hmb47v1edd]  > .grid > section { background: transparent; }
.dark .org-redesign[b-hmb47v1edd]  .org-messenger-telegram { background: #203e52; }
.dark .org-redesign[b-hmb47v1edd]  .org-messenger-bale { background: #203f35; }
.dark .org-redesign[b-hmb47v1edd]  .org-messenger-art { mix-blend-mode: normal; border-radius: 0.9rem; opacity: 0.85; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-row:hover { filter: brightness(1.08); }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-value { color: #e2e8f0; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-phone { background: #203e52; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-phone .org-channel-logo,
.dark .org-redesign[b-hmb47v1edd]  .org-channel-phone .org-channel-name { color: #7dd3e8; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-instagram { background: #3a2430; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-instagram .org-channel-logo,
.dark .org-redesign[b-hmb47v1edd]  .org-channel-instagram .org-channel-name { color: #f9a8d4; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-web { background: #1e2d3a; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-web .org-channel-logo,
.dark .org-redesign[b-hmb47v1edd]  .org-channel-web .org-channel-name { color: #cbd5e1; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-email { background: #1e2d3a; }
.dark .org-redesign[b-hmb47v1edd]  .org-channel-email .org-channel-logo,
.dark .org-redesign[b-hmb47v1edd]  .org-channel-email .org-channel-name { color: #afbfca; }
@media (min-width: 1024px) {
    .dark .org-visit-card[b-hmb47v1edd]  > .grid > section { background: #1e2d3a; }
}
/* /Components/Shared/OrgProfileGroupCard.razor.rz.scp.css */
/* The hours card's "today" panel, grown into a card: soft primary tint, a thin ring, generous
   corners, artwork flush on the inline-end edge, and the card's contents as small tiles like the
   week-day cells. Everything that moves stops for a visitor who asked for reduced motion. */
.org-group-card[b-nbgf5y1gnh] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    min-height: 6.25rem;
    height: 100%;
    padding: .8rem .95rem;
    padding-inline-end: 8.25rem;
    border-radius: 1.4rem;
    background: linear-gradient(135deg, #F2FBFD 0%, #E6F8FB 60%, #FFF6EA 100%);
    box-shadow: inset 0 0 0 1px #CDEFF5, 0 2px 8px rgb(15 23 42 / 4%);
    cursor: pointer;
    transition: box-shadow 200ms ease, transform 200ms ease;
}
.org-group-card:hover[b-nbgf5y1gnh] { transform: translateY(-2px); box-shadow: inset 0 0 0 1px #9BDDEA, 0 10px 22px -8px rgb(0 126 168 / 28%); }
.org-group-card:focus-within[b-nbgf5y1gnh] { box-shadow: inset 0 0 0 2px #007EA8, 0 6px 16px rgb(15 23 42 / 8%); }
.dark .org-group-card[b-nbgf5y1gnh] {
    background: linear-gradient(135deg, rgb(0 126 168 / 22%) 0%, rgb(0 188 212 / 10%) 60%, rgb(240 144 0 / 8%) 100%);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
}
.dark .org-group-card:hover[b-nbgf5y1gnh] { box-shadow: inset 0 0 0 1px rgb(78 202 223 / 45%), 0 10px 22px -8px rgb(0 0 0 / 45%); }

/* Artwork, or the section's icon, flush on the inline-end side. */
.org-group-media[b-nbgf5y1gnh] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    z-index: -1;
    display: flex;
    width: 7.75rem;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
/* The art is a transparent clay cut-out: contained, floating on the card's tint with a soft
   contact shadow, never cropped or blended. */
.org-group-media img[b-nbgf5y1gnh] {
    height: auto;
    max-height: 5.75rem;
    width: auto;
    max-width: 100%;
    padding: .5rem;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgb(0 126 168 / 18%));
    transition: transform 320ms cubic-bezier(.2, .7, .2, 1);
}
.dark .org-group-media img[b-nbgf5y1gnh] { filter: drop-shadow(0 6px 12px rgb(0 0 0 / 45%)); }
.org-group-card--icon .org-group-media[b-nbgf5y1gnh]::before {
    content: "";
    position: absolute;
    inset: .6rem;
    inset-inline-start: 1.1rem;
    border-radius: 1.1rem;
    background: radial-gradient(circle at 30% 25%, #FFFFFF 0%, #C9EEF5 55%, #A6E3EE 100%);
    box-shadow: inset 0 -8px 16px rgb(0 126 168 / 14%), 0 6px 14px -6px rgb(0 126 168 / 35%);
}
.dark .org-group-card--icon .org-group-media[b-nbgf5y1gnh]::before { background: radial-gradient(circle at 30% 25%, rgb(78 202 223 / 45%) 0%, rgb(0 126 168 / 30%) 70%); box-shadow: none; }
.org-group-media i[b-nbgf5y1gnh] {
    position: relative;
    margin-inline-start: .5rem;
    color: #007EA8;
    font-size: 2.1rem;
    filter: drop-shadow(0 3px 4px rgb(0 126 168 / 25%));
    transition: transform 320ms cubic-bezier(.2, .7, .2, 1);
}
.dark .org-group-media i[b-nbgf5y1gnh] { color: #BDEFF7; }
.org-group-card:hover .org-group-media img[b-nbgf5y1gnh],
.org-group-card:hover .org-group-media i[b-nbgf5y1gnh] { transform: translateY(-3px) scale(1.04); }

.org-group-body[b-nbgf5y1gnh] { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: .35rem; }
.org-group-head[b-nbgf5y1gnh] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; }
.org-group-head h3[b-nbgf5y1gnh] { min-width: 0; color: #0B3A4A; font-size: .9375rem; font-weight: 900; line-height: 1.6; }
.dark .org-group-head h3[b-nbgf5y1gnh] { color: #F1F5F9; }
.org-group-count[b-nbgf5y1gnh] { border-radius: .45rem; background: #007EA8; padding: .1rem .4rem; color: #fff; font-size: .625rem; font-weight: 800; line-height: 1.4; }
/* Top corner on the art's side (top-left in Persian), above the whole-card hit area. */
.org-group-head[b-nbgf5y1gnh]  .org-group-share {
    position: absolute;
    top: .45rem;
    inset-inline-end: .45rem;
    z-index: 20;
    background: transparent !important;
    min-height: 1.75rem !important;
    min-width: 1.75rem !important;
    height: 1.75rem;
    width: 1.75rem;
    color: #4B6472;
}
.dark .org-group-head[b-nbgf5y1gnh]  .org-group-share { color: #A9C1CC; }
.org-group-subtitle[b-nbgf5y1gnh] { color: #4B6472; font-size: .75rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.dark .org-group-subtitle[b-nbgf5y1gnh] { color: #A9C1CC; }

/* Tiles: the week-day cells' size and shape. */
.org-group-tiles[b-nbgf5y1gnh] { display: flex; flex-wrap: wrap; gap: .35rem; margin: .15rem 0 0; padding: 0; list-style: none; }
.org-group-tiles > li[b-nbgf5y1gnh] { animation: org-tile-in-b-nbgf5y1gnh 260ms cubic-bezier(.2, .7, .2, 1) both; }
.org-group-tile[b-nbgf5y1gnh] {
    position: relative;
    z-index: 20;
    display: inline-flex;
    max-width: 11rem;
    align-items: center;
    gap: .3rem;
    border: 0;
    border-radius: .75rem;
    background: rgb(255 255 255 / 78%);
    padding: .3rem .6rem;
    color: #1E3A46;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 1px 2px rgb(15 23 42 / 6%);
    cursor: pointer;
    transition: background-color 160ms, color 160ms, transform 160ms;
}
.org-group-tile span[b-nbgf5y1gnh] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org-group-tile i[b-nbgf5y1gnh] { color: #007EA8; font-size: .8rem; }
.org-group-tile:hover[b-nbgf5y1gnh], .org-group-tile:focus-visible[b-nbgf5y1gnh] { background: #fff; color: #007EA8; transform: translateY(-1px); outline: none; }
.org-group-tile:focus-visible[b-nbgf5y1gnh] { box-shadow: 0 0 0 2px #007EA8; }
.dark .org-group-tile[b-nbgf5y1gnh] { background: rgb(255 255 255 / 8%); color: #E2E8F0; box-shadow: none; }
.dark .org-group-tile:hover[b-nbgf5y1gnh], .dark .org-group-tile:focus-visible[b-nbgf5y1gnh] { background: rgb(255 255 255 / 14%); color: #7DD8E8; }
.org-group-tile--more[b-nbgf5y1gnh] { background: transparent; box-shadow: inset 0 0 0 1px rgb(0 126 168 / 30%); color: #007EA8; list-style: none; }
.org-group-tile--more[b-nbgf5y1gnh]::-webkit-details-marker { display: none; }
.dark .org-group-tile--more[b-nbgf5y1gnh] { color: #7DD8E8; box-shadow: inset 0 0 0 1px rgb(125 216 232 / 35%); }

.org-group-fold-cell[b-nbgf5y1gnh] { flex-basis: auto; }
.org-group-fold[open][b-nbgf5y1gnh] { flex-basis: 100%; }
.org-group-fold[open] .org-group-tile--more[b-nbgf5y1gnh] { margin-bottom: .35rem; }
.org-group-tiles--folded > li[b-nbgf5y1gnh] { animation-duration: 200ms; }

.org-group-action[b-nbgf5y1gnh] { display: inline-flex; align-items: center; gap: .3rem; margin-top: auto; padding-top: .15rem; color: #007EA8; font-size: .75rem; font-weight: 800; }
.dark .org-group-action[b-nbgf5y1gnh] { color: #7DD8E8; }
.org-group-action i[b-nbgf5y1gnh] { transition: transform 200ms; }
.org-group-card:hover .org-group-action i[b-nbgf5y1gnh] { transform: translateX(-3px); }

.org-group-hit[b-nbgf5y1gnh] { position: absolute; inset: 0; z-index: 10; border: 0; border-radius: inherit; background: transparent; padding: 0; cursor: pointer; }
.org-group-hit:focus-visible[b-nbgf5y1gnh] { outline: none; }

@keyframes org-tile-in-b-nbgf5y1gnh {
    from { opacity: 0; transform: translateY(4px) scale(.96); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 380px) {
    .org-group-card[b-nbgf5y1gnh] { padding-inline-end: 6.5rem; }
    .org-group-media[b-nbgf5y1gnh] { width: 6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .org-group-card[b-nbgf5y1gnh], .org-group-media img[b-nbgf5y1gnh], .org-group-media i[b-nbgf5y1gnh], .org-group-tile[b-nbgf5y1gnh], .org-group-action i[b-nbgf5y1gnh] { transition: none; }
    .org-group-card:hover[b-nbgf5y1gnh], .org-group-card:hover .org-group-media img[b-nbgf5y1gnh], .org-group-card:hover .org-group-media i[b-nbgf5y1gnh] { transform: none; }
    .org-group-tiles > li[b-nbgf5y1gnh] { animation: none; }
}
/* /Components/Shared/OrgProfileQueueRow.razor.rz.scp.css */
.org-service-card[b-x3f34ak11v] { height: 100%; padding: 1rem; gap: 0; box-shadow: 0 2px 8px rgb(15 23 42 / 3%); transition: border-color 180ms, box-shadow 180ms; }
.org-service-card:focus-within[b-x3f34ak11v] { border-color: #007EA8; }
.org-service-card--bookable[b-x3f34ak11v] { cursor: pointer; }
.org-service-card--bookable:hover[b-x3f34ak11v] { border-color: rgb(0 126 168 / 55%); box-shadow: 0 6px 16px rgb(15 23 42 / 8%); }
.org-service-card--bookable a[b-x3f34ak11v]::after {
    position: absolute;
    inset: 0;
    z-index: 10;
    content: "";
}
.dark .org-service-card--bookable:hover[b-x3f34ak11v] { border-color: rgb(78 202 223 / 45%); }
.org-service-header[b-x3f34ak11v] { gap: .75rem; }
.org-service-header h3[b-x3f34ak11v] { font-size: .9375rem; line-height: 1.7; overflow-wrap: anywhere; }
.org-service-metrics[b-x3f34ak11v] { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: .65rem 0; padding: .8rem; border-radius: .75rem; background: var(--org-metric-bg, #F5F8FA); }
.org-service-metrics > div[b-x3f34ak11v] { min-width: 0; flex: 1 0 auto; }
.org-service-metrics dt[b-x3f34ak11v] { display: flex; align-items: center; gap: .35rem; color: var(--org-muted, #64748B); font-size: .6875rem; }
.org-service-metrics dd[b-x3f34ak11v] { margin-top: .35rem; color: var(--org-metric-ink, #334155); font-size: .8125rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.org-service-footer[b-x3f34ak11v] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; margin-top: auto; padding-top: .85rem; }
.org-service-price[b-x3f34ak11v] { flex: 1 1 8rem; display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.org-service-price > span[b-x3f34ak11v], .org-service-price small[b-x3f34ak11v] { color: var(--org-muted, #64748B); font-size: .6875rem; }
.org-service-action[b-x3f34ak11v] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .35rem;
    margin-inline-start: auto;
    color: #007EA8;
    font-size: .8125rem;
    font-weight: 800;
}
.org-service-action--blocked[b-x3f34ak11v] { color: var(--org-muted, #64748B); font-weight: 650; }
@media (prefers-reduced-motion: reduce) { .org-service-card[b-x3f34ak11v] { transition: none; } }

.org-service-art[b-x3f34ak11v] { width: 4rem; height: 4rem; flex-shrink: 0; object-fit: cover; border-radius: 1rem; }
.org-service-header[b-x3f34ak11v] { align-items: flex-start; }
.org-service-aside[b-x3f34ak11v] { position: relative; z-index: 20; }
.org-service-share[b-x3f34ak11v] {
    min-height: 1.75rem !important;
    min-width: 1.75rem !important;
    height: 1.75rem;
    width: 1.75rem;
    color: var(--org-muted, #64748B);
}
.org-service-schedule[b-x3f34ak11v] { margin-top: 1rem; }
.org-service-days[b-x3f34ak11v] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .45rem 1rem; font-size: .8125rem; }
.org-service-days > span[b-x3f34ak11v] { display: inline-flex; align-items: center; gap: .4rem; color: var(--org-muted, #64748B); font-size: .75rem; }
.org-service-days strong[b-x3f34ak11v] { color: var(--org-metric-ink, #334155); font-weight: 650; line-height: 1.8; }
.org-service-booking-hint[b-x3f34ak11v] { display: flex; align-items: center; gap: .4rem; margin-top: .25rem; color: var(--org-muted, #64748B); font-size: .75rem; line-height: 1.8; }
.org-service-closed-hint[b-x3f34ak11v] { color: var(--org-muted, #64748B); font-size: .6875rem; line-height: 1.8; margin-top: .35rem; }
/* /Components/Shared/OrgProfileQueues.razor.rz.scp.css */
/* Moving between branches, sections and a section's queues: the new view fades and rises in, and
   its cards follow one after another. Opacity and a short translate on elements that hold no
   popover; nothing moves for a visitor who asked for reduced motion. */
@keyframes org-view-enter-b-0n4z8ie2nz {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

.org-view-enter[b-0n4z8ie2nz] { animation: org-view-enter-b-0n4z8ie2nz 220ms cubic-bezier(.2, .7, .2, 1) both; }
.org-card-enter[b-0n4z8ie2nz] { animation: org-view-enter-b-0n4z8ie2nz 260ms cubic-bezier(.2, .7, .2, 1) both; }

/* The bar above a view: the branch-heading material of the queue list, with its back control. */
.org-group-bar[b-0n4z8ie2nz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .85rem;
}
.org-group-bar h3[b-0n4z8ie2nz] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    font-size: .875rem;
    font-weight: 800;
    color: #0F172A;
}
.dark .org-group-bar h3[b-0n4z8ie2nz] { color: #F1F5F9; }
.org-group-bar h3 i[b-0n4z8ie2nz] { color: #007EA8; font-size: .9rem; }

.org-group-bar[b-0n4z8ie2nz]  .org-sections-back { color: #007EA8; font-weight: 700; }
.dark .org-group-bar[b-0n4z8ie2nz]  .org-sections-back { color: #7DD8E8; }

@media (prefers-reduced-motion: reduce) {
    .org-view-enter[b-0n4z8ie2nz], .org-card-enter[b-0n4z8ie2nz] { animation: none; }
}
/* /Components/Shared/OrgProfileReviews.razor.rz.scp.css */
.org-reviews-toolbar[b-mo53febbjw] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.45rem 0.65rem;
    min-height: 1.75rem;
    margin-bottom: 0.5rem;
}

.org-reviews-toolbar-title[b-mo53febbjw] {
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9375rem;
    font-weight: 800;
    line-height: 1.2;
    color: #1a2332;
}

.org-reviews-score[b-mo53febbjw] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

[b-mo53febbjw] .org-reviews-all {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    min-height: 0 !important;
}

.org-reviews-rail[b-mo53febbjw] {
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0.25rem;
    padding-block: 0.1rem 0.2rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.org-reviews-rail[b-mo53febbjw]::-webkit-scrollbar {
    display: none;
}

.org-reviews-quote[b-mo53febbjw] {
    flex: 0 0 72%;
    scroll-snap-align: start;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--org-line, #e1e8ed);
    border-radius: 0.85rem;
    background: #fff;
}

@media (min-width: 640px) {
    .org-reviews-quote[b-mo53febbjw] {
        flex-basis: 16.5rem;
    }
}

:host-context(.dark) .org-reviews-toolbar-title[b-mo53febbjw],
.dark .org-reviews-toolbar-title[b-mo53febbjw] {
    color: #f3f4f6;
}

:host-context(.dark) .org-reviews-quote[b-mo53febbjw],
.dark .org-reviews-quote[b-mo53febbjw] {
    border-color: rgba(255, 255, 255, 0.1);
    background: #1a2740;
}
/* /Components/Shared/ProfessionalProfileCard.razor.rz.scp.css */
/* Same shell as ProfilePage personal details — card lives in a child component so
   ProfilePage.razor.css isolation cannot paint these nodes. Variables inherit from
   .profile-workspace on the parent. */
.profile-details[b-agg6ugftfi] {
    background: var(--profile-surface, #fff);
    border: 1px solid var(--profile-line, #e8edf1);
    border-radius: 22px;
    overflow: hidden;
    margin-top: 18px;
}

.profile-section-title[b-agg6ugftfi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--profile-line, #e8edf1);
}

.profile-section-title h2[b-agg6ugftfi] {
    font-size: 15px;
    font-weight: 800;
}

.profile-section-title p[b-agg6ugftfi] {
    font-size: 11px;
    color: var(--profile-muted, #74818d);
    margin-top: 5px;
    line-height: 1.8;
}

.profile-section-icon[b-agg6ugftfi] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    background: #eef7f6;
    color: #247d85;
    font-size: 19px;
}

[b-agg6ugftfi] dl > div {
    padding: 18px 24px;
    gap: 18px;
}

[b-agg6ugftfi] dt {
    font-size: 12px;
}

[b-agg6ugftfi] dd {
    overflow-wrap: anywhere;
    min-width: 0;
    text-align: end;
    font-size: 13px;
}

[b-agg6ugftfi] dl {
    border: 0;
}

[b-agg6ugftfi] dl > div + div {
    border-color: var(--profile-line, #e8edf1);
}

@media (max-width: 540px) {
    .profile-section-title[b-agg6ugftfi] {
        padding: 18px;
    }

    [b-agg6ugftfi] dl > div {
        padding: 16px 18px;
    }

    [b-agg6ugftfi] dt {
        font-size: 11px;
    }

    [b-agg6ugftfi] dd {
        font-size: 12px;
    }
}
/* /Components/Shared/RichTextEditor.razor.rz.scp.css */
.rich-text-editor-shell :deep(.ql-toolbar.ql-snow)[b-1fycdpxigh] {
    position: sticky;
    top: 0;
    z-index: 2;
    border: 0;
    border-bottom: 1px solid rgb(226 232 240 / .85);
    background: rgb(255 255 255 / .96);
}

.rich-text-editor-shell :deep(.ql-container.ql-snow)[b-1fycdpxigh] { border: 0; font-family: inherit; font-size: 1rem; }
.rich-text-editor-shell :deep(.ql-editor)[b-1fycdpxigh] { min-height: inherit; line-height: 2; padding: 1.25rem; }
.rich-text-editor-shell :deep(.ql-editor h1)[b-1fycdpxigh] { font-size: 2rem; font-weight: 900; }
.rich-text-editor-shell :deep(.ql-editor h2)[b-1fycdpxigh] { font-size: 1.6rem; font-weight: 900; }
.rich-text-editor-shell :deep(.ql-editor h3)[b-1fycdpxigh] { font-size: 1.3rem; font-weight: 800; }
.rich-text-editor-shell :deep(.ql-editor img)[b-1fycdpxigh] { max-width: 100%; border-radius: .75rem; }
.rich-text-editor-shell :deep(.ql-editor blockquote)[b-1fycdpxigh] { border-right: 4px solid #0891b2; border-left: 0; padding-right: 1rem; padding-left: 0; }
.rte-shell-button[b-1fycdpxigh] { display: inline-flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: .5rem; }
.rte-shell-button:hover[b-1fycdpxigh] { background: rgb(14 165 233 / .1); color: #0369a1; }
.rich-text-editor-fullscreen[b-1fycdpxigh] { position: fixed; inset: .75rem; z-index: 10000; display: flex; flex-direction: column; box-shadow: 0 25px 80px rgb(2 6 23 / .35); }
.rich-text-editor-fullscreen .rich-text-editor-host[b-1fycdpxigh] { flex: 1; min-height: 0 !important; overflow: auto; }
.rich-text-editor-fullscreen :deep(.ql-container)[b-1fycdpxigh] { height: calc(100% - 43px); }

:global(.dark) .rich-text-editor-shell :deep(.ql-toolbar.ql-snow)[b-1fycdpxigh] { border-color: rgb(255 255 255 / .1); background: rgb(8 25 39 / .98); }
:global(.dark) .rich-text-editor-shell :deep(.ql-stroke)[b-1fycdpxigh] { stroke: #cbd5e1; }
:global(.dark) .rich-text-editor-shell :deep(.ql-fill)[b-1fycdpxigh] { fill: #cbd5e1; }
:global(.dark) .rich-text-editor-shell :deep(.ql-picker)[b-1fycdpxigh] { color: #cbd5e1; }
:global(.dark) .rich-text-editor-shell :deep(.ql-picker-options)[b-1fycdpxigh] { background: #0f2536; }

@media (max-width: 640px) {
    .rich-text-editor-shell :deep(.ql-toolbar.ql-snow)[b-1fycdpxigh] { max-height: 8.5rem; overflow-y: auto; }
    .rich-text-editor-fullscreen[b-1fycdpxigh] { inset: 0; border-radius: 0; }
}
/* /Components/Shared/SafCoverBackLink.razor.rz.scp.css */
/*
 * Cover-photo back disc — solid white in both themes.
 *
 * Global `.dark .bg-white.shadow-md` would otherwise paint this slate-black on org
 * covers. Hero art does not invert with the page canvas, so the disc stays white and
 * the arrow uses Safline primary (set on the icon via text-safline-primary-600).
 */
.saf-cover-back[b-2wdwv6erox] {
    background: #FFFFFF;
    color: #007EA8; /* safline-primary-600 */
    box-shadow:
        0 4px 12px rgb(15 23 42 / 12%),
        0 0 0 1px rgb(15 23 42 / 8%);
}

.saf-cover-back:hover[b-2wdwv6erox] {
    background: #F8FAFC; /* safline-canvas-50 */
    box-shadow:
        0 8px 18px rgb(15 23 42 / 14%),
        0 0 0 1px rgb(15 23 42 / 10%);
}

html.dark .saf-cover-back[b-2wdwv6erox],
.dark .saf-cover-back[b-2wdwv6erox] {
    background: #FFFFFF;
    color: #007EA8;
    box-shadow:
        0 4px 12px rgb(15 23 42 / 18%),
        0 0 0 1px rgb(15 23 42 / 10%);
}

html.dark .saf-cover-back:hover[b-2wdwv6erox],
.dark .saf-cover-back:hover[b-2wdwv6erox] {
    background: #FFFFFF;
}

.saf-cover-back.absolute[b-2wdwv6erox] {
    top: max(1rem, calc(env(safe-area-inset-top, 0px) + 0.75rem));
    inset-inline-start: 1rem;
}
/* /Components/Shared/SafMeAccountHeader.razor.rz.scp.css */
.saf-me-account[b-5itrhh3sue] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.saf-me-account-copy[b-5itrhh3sue] {
    min-width: 0;
    flex: 1;
}

.saf-me-account-copy h1[b-5itrhh3sue] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: inherit;
}

.saf-me-account-lead[b-5itrhh3sue] {
    display: none;
    margin: 0.35rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.7;
    color: #74818d;
}

:global(html.dark) .saf-me-account-lead[b-5itrhh3sue],
:global(.dark) .saf-me-account-lead[b-5itrhh3sue] {
    color: #9aacb7;
}

.saf-me-account-actions[b-5itrhh3sue] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

.saf-me-account-back[b-5itrhh3sue] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    border: 1px solid #e8edf1;
    background: #fff;
    color: #20343c;
}

:global(html.dark) .saf-me-account-back[b-5itrhh3sue],
:global(.dark) .saf-me-account-back[b-5itrhh3sue] {
    border-color: rgb(255 255 255 / 0.1);
    background: #152033;
    color: #edf5f7;
}

.saf-me-account-back:focus-visible[b-5itrhh3sue] {
    outline: 2px solid rgb(0 126 168 / 0.4);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .saf-me-account-copy h1[b-5itrhh3sue] {
        font-size: 1.45rem;
    }

    .saf-me-account-lead[b-5itrhh3sue] {
        display: block;
        max-width: 36rem;
    }
}
/* /Components/Shared/SafMyAppointmentCard.razor.rz.scp.css */
.saf-appt[b-fc33d9k6u6] {
    --saf-appt-surface: #ffffff;
}

:global(html.dark) .saf-appt[b-fc33d9k6u6],
:global(.dark) .saf-appt[b-fc33d9k6u6] {
    --saf-appt-surface: #152033;
}

.saf-appt-cover[b-fc33d9k6u6] {
    position: relative;
    height: 7.25rem;
    overflow: hidden;
}

.saf-appt-cover img[b-fc33d9k6u6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.saf-appt-cover-fade[b-fc33d9k6u6] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--saf-appt-surface) 0%, rgb(255 255 255 / 0) 62%);
    pointer-events: none;
}

:global(html.dark) .saf-appt-cover-fade[b-fc33d9k6u6],
:global(.dark) .saf-appt-cover-fade[b-fc33d9k6u6] {
    background: linear-gradient(to top, #152033 0%, rgb(21 32 51 / 0) 62%);
}

.saf-appt--muted .saf-appt-cover img[b-fc33d9k6u6] {
    filter: grayscale(0.28);
    opacity: 0.88;
}

.saf-appt-head[b-fc33d9k6u6] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem 0.25rem;
    margin-top: -1.75rem;
}

.saf-appt-head--plain[b-fc33d9k6u6] {
    margin-top: 0;
    padding-top: 1rem;
}

.saf-appt-logo[b-fc33d9k6u6] {
    display: flex;
    height: 3rem;
    width: 3rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.75rem;
    background: var(--saf-appt-surface);
    box-shadow: 0 0 0 3px var(--saf-appt-surface);
}

.saf-appt-when[b-fc33d9k6u6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem 1rem;
}

.saf-appt-seq[b-fc33d9k6u6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    padding: 0.4rem 0.7rem;
    border-radius: 0.75rem;
    background: rgb(0 188 212 / 0.12);
    color: #006b8f;
}

:global(html.dark) .saf-appt-seq[b-fc33d9k6u6],
:global(.dark) .saf-appt-seq[b-fc33d9k6u6] {
    background: rgb(0 188 212 / 0.16);
    color: #7ee4f0;
}

.saf-appt-seq span[b-fc33d9k6u6] {
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    opacity: 0.72;
}

.saf-appt-seq strong[b-fc33d9k6u6] {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .saf-appt--muted .saf-appt-cover img[b-fc33d9k6u6] {
        filter: none;
    }
}
/* /Components/Shared/SafOrgSwitchCard.razor.rz.scp.css */
.saf-org-switch-art[b-sgynknl9ea] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7rem;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.saf-org-switch-art[b-sgynknl9ea]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.saf-org-switch-fade[b-sgynknl9ea] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 7rem;
    pointer-events: none;
    background:
        linear-gradient(to inline-start, rgb(6 21 29 / 0.35), rgb(6 21 29 / 0.08) 55%, rgb(6 21 29 / 0)),
        linear-gradient(to inline-end, var(--saf-org-switch-surface) 0%, rgb(255 255 255 / 0) 48%);
}

.saf-org-switch[b-sgynknl9ea] {
    --saf-org-switch-surface: #ffffff;
}

.saf-org-switch-quiet .saf-org-switch-art[b-sgynknl9ea] {
    filter: grayscale(0.55) saturate(0.65);
    opacity: 0.82;
}

:global(html.dark) .saf-org-switch[b-sgynknl9ea],
:global(.dark) .saf-org-switch[b-sgynknl9ea] {
    --saf-org-switch-surface: #152033;
}

:global(html.dark) .saf-org-switch-fade[b-sgynknl9ea],
:global(.dark) .saf-org-switch-fade[b-sgynknl9ea] {
    background:
        linear-gradient(to inline-start, rgb(6 21 29 / 0.45), rgb(6 21 29 / 0.12) 55%, rgb(6 21 29 / 0)),
        linear-gradient(to inline-end, #152033 0%, rgb(21 32 51 / 0) 48%);
}
/* /Components/Shared/SafPublicError.razor.rz.scp.css */
.saf-public-error[b-6pn4ak1iup] {
    min-height: calc(100dvh - 6rem - env(safe-area-inset-bottom, 0px));
}

@media (min-width: 768px) {
    .saf-public-error[b-6pn4ak1iup] {
        min-height: 0;
    }
}