/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.account-shell[b-wv58szek0k] {
    position: relative;
    min-height: 100vh;
    padding: 2rem 1rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 10%, rgb(0 157 169 / 16%), transparent 32rem),
        #14283f;
}

.account-backdrop[b-wv58szek0k] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(var(--border) 1px, transparent 1px),
        linear-gradient(90deg, var(--border) 1px, transparent 1px);
    background-size: 3rem 3rem;
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}

[b-wv58szek0k] .account-card {
    position: relative;
    z-index: 1;
    width: min(100%, 27rem);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    background: color-mix(in srgb, var(--surface) 93%, transparent);
    border: 1px solid var(--border);
    border-radius: .75rem;
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(20px);
}

[b-wv58szek0k] .account-brand-lockup {
    width: 100%;
    aspect-ratio: 2.45 / 1;
    margin-bottom: 1.25rem;
    overflow: hidden;
}

[b-wv58szek0k] .account-brand-lockup img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

[b-wv58szek0k] .account-card h1 {
    margin-bottom: .55rem;
    font-size: clamp(1.6rem, 5vw, 2.1rem);
}

[b-wv58szek0k] .account-brand { display: flex; align-items: center; gap: .8rem; color: var(--text); text-decoration: none; margin-bottom: 2rem; }
[b-wv58szek0k] .account-brand img { width: 3rem; height: 3rem; object-fit: contain; }
[b-wv58szek0k] .account-brand strong { display: block; font-size: 1.35rem; }
[b-wv58szek0k] .account-brand small { display: block; color: var(--muted); }

[b-wv58szek0k] .account-lead,
[b-wv58szek0k] .account-footnote {
    color: var(--muted);
}

[b-wv58szek0k] .account-form {
    margin-top: 1.6rem;
    display: grid;
    gap: .65rem;
}

[b-wv58szek0k] .account-form label {
    margin-top: .45rem;
    font-size: .82rem;
    font-weight: 700;
}

[b-wv58szek0k] .account-form input {
    width: 100%;
    padding: .78rem .85rem;
    color: var(--text);
    background: var(--canvas);
    border: 1px solid var(--border-strong);
    border-radius: .62rem;
}

[b-wv58szek0k] .account-form input:focus {
    border-color: var(--accent);
    outline: 3px solid var(--accent-soft);
}

[b-wv58szek0k] .account-footnote {
    margin: 1.4rem 0 0;
    font-size: .76rem;
    line-height: 1.55;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-4iycsj80pt] {
    position: fixed;
    z-index: 2000;
    top: .75rem;
    left: .75rem;
    padding: .65rem .9rem;
    color: #06110d;
    background: #68e9b3;
    border: 1px solid #50cf9b;
    border-radius: .6rem;
    font-weight: 750;
    text-decoration: none;
    transform: translateY(calc(-100% - 1.5rem));
    transition: transform 120ms ease;
}

.skip-link:focus[b-4iycsj80pt] {
    transform: translateY(0);
}

.app-shell[b-4iycsj80pt] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 15.6rem minmax(0, 1fr);
}

.sidebar[b-4iycsj80pt] {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background: var(--sidebar-bg);
    --text: #f4f8ff;
    --muted: #b8c8db;
    --surface: #1b334c;
    --surface-raised: #1b334c;
    --border: #30465f;
    --accent-strong: #ffffff;
    --accent-soft: #007f8b;
    color: var(--text);
    border-right: 1px solid var(--border);
}

.main-region[b-4iycsj80pt] {
    min-width: 0;
    outline: none;
}

.topbar[b-4iycsj80pt] {
    position: sticky;
    top: 0;
    z-index: 10;
    min-height: 3.4rem;
    padding: .75rem clamp(1rem, 3vw, 2.25rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(18px);
}

.topbar-context[b-4iycsj80pt],
.operator[b-4iycsj80pt] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--muted);
    font-size: .875rem;
}

.environment-mark[b-4iycsj80pt] {
    width: .55rem;
    height: .55rem;
    flex: 0 0 auto;
    background: var(--border-strong);
    border: 2px solid var(--surface);
    border-radius: .18rem;
    box-shadow: 0 0 0 1px var(--border-strong);
}

.operator[b-4iycsj80pt] {
    gap: 1rem;
}
.operator-avatar[b-4iycsj80pt] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #204775; color: white; font-weight: 700; flex-shrink: 0; }
.notification-shortcut[b-4iycsj80pt] { color: var(--muted); }

.operator-name[b-4iycsj80pt] {
    max-width: clamp(8rem, 15vw, 17rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-weight: 600;
}

@media (max-width: 680px) {
    .operator[b-4iycsj80pt] { gap: .6rem; }
    .operator-name[b-4iycsj80pt] { max-width: 42vw; }
    .operator-avatar[b-4iycsj80pt] { display: none; }
}

.content[b-4iycsj80pt] {
    max-width: 92rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.7rem);
}

#blazor-error-ui[b-4iycsj80pt] {
    color-scheme: dark;
    background: #2b1720;
    border-top: 1px solid #7f3248;
    bottom: 0;
    color: #ffd7e2;
    display: none;
    left: 0;
    padding: .9rem 3.5rem .9rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-4iycsj80pt] {
    color: inherit;
    font-weight: 700;
    margin-left: .75rem;
}

#blazor-error-ui .dismiss[b-4iycsj80pt] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-grid;
    place-items: center;
    color: inherit;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .4rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 1rem;
    font-size: 1.2rem;
    line-height: 1;
    transform: translateY(-50%);
}

#blazor-error-ui .dismiss:hover[b-4iycsj80pt] {
    background: rgb(255 255 255 / 10%);
    border-color: rgb(255 255 255 / 20%);
}

@media (max-width: 980px) {
    .app-shell[b-4iycsj80pt] {
        display: block;
    }

    .sidebar[b-4iycsj80pt] {
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 680px) {
    .topbar-context[b-4iycsj80pt] {
        display: none;
    }

    .operator[b-4iycsj80pt] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.marketing-shell[b-i5j0gvwtm8] { min-height: 100vh; background: #fff; color: #14283f; }
/* /Components/Layout/NavigationSearch.razor.rz.scp.css */
.navigation-search[b-wlp0e99rwb] { position: relative; display: flex; align-items: center; gap: .5rem; border: 1px solid var(--border); border-radius: .4rem; background: var(--surface); padding: .45rem .65rem; width: min(24vw, 20rem); color: var(--muted); }
.navigation-search[b-wlp0e99rwb]  svg { width: 1.1rem; height: 1.1rem; flex-shrink: 0; }
input[b-wlp0e99rwb] { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-size: .78rem; }
.navigation-search:focus-within[b-wlp0e99rwb] { outline: 2px solid var(--accent); outline-offset: 2px; }
.navigation-results[b-wlp0e99rwb] { position: absolute; top: calc(100% + .5rem); left: 0; right: 0; min-width: 15rem; padding: .4rem; background: var(--surface); border: 1px solid var(--border); border-radius: .5rem; box-shadow: var(--shadow-lg); z-index: 25; }
.navigation-results[b-wlp0e99rwb]  a { display: flex; justify-content: space-between; padding: .65rem; border-radius: .3rem; text-decoration: none; font-size: .8rem; }
.navigation-results[b-wlp0e99rwb]  a:hover { background: var(--accent-soft); }
.navigation-results p[b-wlp0e99rwb] { padding: .5rem; margin: 0; font-size: .68rem; }
.navigation-results button[b-wlp0e99rwb] { font-size: .75rem; border: 0; background: transparent; color: var(--accent-strong); padding: .5rem; }
@media (max-width: 680px) { .navigation-search[b-wlp0e99rwb] { display: none; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand[b-abu5ltboxb] {
    min-height: 5.5rem;
    padding: 1.25rem 1.15rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    color: var(--text);
    border-bottom: 1px solid var(--border);
    text-decoration: none;
    transition: background 140ms ease;
}

.brand:hover[b-abu5ltboxb] {
    color: var(--text);
    background: var(--surface-raised);
}

.brand-symbol[b-abu5ltboxb] {
    width: 2.45rem;
    height: 2.45rem;
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 .45rem .7rem rgb(46 189 132 / 20%));
}

.brand strong[b-abu5ltboxb],
.brand small[b-abu5ltboxb],
.sidebar-note strong[b-abu5ltboxb],
.sidebar-note small[b-abu5ltboxb] {
    display: block;
}

.brand strong[b-abu5ltboxb] {
    letter-spacing: -.015em;
}

.brand small[b-abu5ltboxb],
.sidebar-note small[b-abu5ltboxb] {
    margin-top: .08rem;
    color: var(--muted);
    font-size: .72rem;
}

.primary-nav[b-abu5ltboxb] {
    padding: 1.1rem .75rem;
}

.nav-section-label[b-abu5ltboxb] {
    margin: .4rem .7rem .55rem;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

[b-abu5ltboxb] .nav-link {
    margin-bottom: .25rem;
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    color: var(--muted);
    border: 1px solid transparent;
    border-radius: .65rem;
    font-size: .9rem;
    font-weight: 500;
    text-decoration: none;
    transition: 140ms ease;
}

[b-abu5ltboxb] .nav-link:hover {
    color: var(--text);
    background: var(--surface-raised);
}

[b-abu5ltboxb] .nav-link.active {
    color: var(--accent-strong);
    background: var(--accent-soft);
    border-color: color-mix(in srgb, var(--accent) 22%, transparent);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.nav-icon[b-abu5ltboxb] {
    width: 1.3rem;
    text-align: center;
    font-size: 1rem;
}

.sidebar-note[b-abu5ltboxb] {
    margin: 0 .9rem 1rem;
    padding: .8rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    background: var(--surface-raised);
    border: 1px solid var(--border);
    border-radius: .75rem;
    font-size: .78rem;
}

.environment-mark[b-abu5ltboxb] {
    width: .62rem;
    height: .62rem;
    flex: 0 0 auto;
    background: var(--border-strong);
    border: 2px solid var(--surface-raised);
    border-radius: .18rem;
    box-shadow: 0 0 0 1px var(--border-strong);
}

.nav-toggle[b-abu5ltboxb] {
    display: none;
}

@media (max-width: 980px) {
    .brand[b-abu5ltboxb] {
        min-height: 4.3rem;
        padding: .8rem 1rem;
        padding-right: 7rem;
    }

    .brand-symbol[b-abu5ltboxb] {
        width: 2.1rem;
        height: 2.1rem;
    }

    .nav-toggle[b-abu5ltboxb] {
        position: absolute;
        min-width: 5.5rem;
        min-height: 2.75rem;
        padding: .45rem .7rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .42rem;
        right: 1rem;
        top: .78rem;
        color: var(--text);
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: .5rem;
        cursor: pointer;
        font-size: .8rem;
        font-weight: 750;
    }

    .nav-toggle:hover[b-abu5ltboxb] {
        background: var(--surface-raised);
        border-color: var(--border-strong);
    }

    .nav-toggle-icon[b-abu5ltboxb] {
        width: 1rem;
        color: var(--accent-strong);
        font-size: 1rem;
        line-height: 1;
        text-align: center;
    }

    .primary-nav[b-abu5ltboxb] {
        display: none;
        max-height: calc(100vh - 4.3rem);
        padding: .5rem .75rem .8rem;
        overflow-y: auto;
        border-top: 1px solid var(--border);
    }

    .primary-nav-open[b-abu5ltboxb] {
        display: block;
    }

    .sidebar-note[b-abu5ltboxb] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1orr2u0kmv],
.components-reconnect-repeated-attempt-visible[b-1orr2u0kmv],
.components-reconnect-failed-visible[b-1orr2u0kmv],
.components-pause-visible[b-1orr2u0kmv],
.components-resume-failed-visible[b-1orr2u0kmv],
.components-rejoining-animation[b-1orr2u0kmv],
.components-reconnect-failed-actions[b-1orr2u0kmv],
.components-resume-actions[b-1orr2u0kmv] {
    display: none;
}

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

#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-actions[b-1orr2u0kmv],
#components-reconnect-modal.components-reconnect-paused .components-resume-actions[b-1orr2u0kmv],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-actions[b-1orr2u0kmv] {
    display: flex;
}

#components-reconnect-modal.components-reconnect-retrying[b-1orr2u0kmv],
#components-reconnect-modal.components-reconnect-failed[b-1orr2u0kmv] {
    display: block;
}

#components-reconnect-modal[b-1orr2u0kmv] {
    width: min(calc(100% - 2rem), 28rem);
    margin: clamp(2rem, 18vh, 9rem) auto;
    padding: clamp(1.4rem, 5vw, 2rem);
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: 1rem;
    box-shadow: var(--shadow-lg);
    opacity: 0;
    transition: display .35s allow-discrete, overlay .35s allow-discrete;
    animation: components-reconnect-modal-fade-out-b-1orr2u0kmv .25s both;
}

#components-reconnect-modal[open][b-1orr2u0kmv] {
    animation:
        components-reconnect-modal-slide-up-b-1orr2u0kmv .45s cubic-bezier(.2, .8, .2, 1),
        components-reconnect-modal-fade-in-b-1orr2u0kmv .25s ease-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-1orr2u0kmv]::backdrop {
    background: rgb(16 33 61 / 48%);
    backdrop-filter: blur(5px);
    animation: components-reconnect-modal-fade-in-b-1orr2u0kmv .2s ease-out;
}

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

.components-reconnect-symbol[b-1orr2u0kmv] {
    width: 3rem;
    height: 3rem;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 .45rem .7rem rgb(46 189 132 / 20%));
}

.components-reconnect-eyebrow[b-1orr2u0kmv] {
    margin: .15rem 0 -.55rem;
    color: var(--accent-strong);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

#components-reconnect-title[b-1orr2u0kmv] {
    margin: 0;
    font-size: 1.35rem;
}

.components-reconnect-status[b-1orr2u0kmv] {
    min-height: 2.7rem;
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: .88rem;
}

.components-reconnect-status p[b-1orr2u0kmv] {
    margin: 0;
}

.components-reconnect-actions[b-1orr2u0kmv] {
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .25rem;
}

.components-rejoining-animation[b-1orr2u0kmv] {
    position: relative;
    width: 3.25rem;
    height: 3.25rem;
}

.components-rejoining-animation div[b-1orr2u0kmv] {
    position: absolute;
    border: 3px solid var(--accent);
    border-radius: 50%;
    opacity: 1;
    animation: components-rejoining-animation-b-1orr2u0kmv 1.35s cubic-bezier(0, .2, .8, 1) infinite;
}

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

@keyframes components-rejoining-animation-b-1orr2u0kmv {
    0%,
    5% {
        top: 1.625rem;
        left: 1.625rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    6% {
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 3.25rem;
        height: 3.25rem;
        opacity: 0;
    }
}

@keyframes components-reconnect-modal-slide-up-b-1orr2u0kmv {
    from {
        transform: translateY(1.2rem) scale(.98);
    }

    to {
        transform: translateY(0) scale(1);
    }
}

@keyframes components-reconnect-modal-fade-in-b-1orr2u0kmv {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fade-out-b-1orr2u0kmv {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media (max-width: 420px) {
    #components-reconnect-modal[b-1orr2u0kmv] {
        margin: 1rem auto;
    }

    .components-reconnect-actions[b-1orr2u0kmv] {
        align-items: stretch;
        flex-direction: column;
    }

    .components-reconnect-actions .button[b-1orr2u0kmv] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-1orr2u0kmv],
    #components-reconnect-modal[open][b-1orr2u0kmv],
    #components-reconnect-modal[b-1orr2u0kmv]::backdrop,
    .components-rejoining-animation div[b-1orr2u0kmv] {
        transition: none;
        animation: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-callout[b-zupcnh7eq1] {
    margin-bottom: 1.25rem;
    padding: 1.15rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.dashboard-callout p[b-zupcnh7eq1] {
    margin-bottom: 0;
    color: var(--muted);
}

.dashboard-callout-icon[b-zupcnh7eq1] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    place-items: center;
    color: var(--accent-strong);
    background: var(--accent-soft);
    border-radius: .75rem;
    font-weight: 850;
}

.dashboard-callout-warning[b-zupcnh7eq1] {
    border-color: color-mix(in srgb, var(--warning) 35%, var(--border));
    background: var(--warning-soft);
}

.dashboard-callout-warning .dashboard-callout-icon[b-zupcnh7eq1] {
    color: var(--warning);
    background: var(--warning-soft);
}

.dashboard-callout-note[b-zupcnh7eq1] {
    max-width: 16rem;
    color: var(--muted);
    font-size: .78rem;
    text-align: right;
}

.dashboard-metric[b-zupcnh7eq1] {
    display: flex;
    flex-direction: column;
    color: var(--text);
    text-decoration: none;
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease;
}

.dashboard-metric:hover[b-zupcnh7eq1] {
    color: var(--text);
    border-color: var(--border-strong);
    box-shadow: 0 .65rem 1.8rem rgb(23 44 35 / 9%);
    transform: translateY(-2px);
}

.dashboard-metric:focus-visible[b-zupcnh7eq1] {
    outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent);
    outline-offset: 3px;
}

.dashboard-metric-warning[b-zupcnh7eq1]::after {
    background: var(--warning);
}

.dashboard-metric-danger[b-zupcnh7eq1]::after {
    background: var(--danger);
}

.dashboard-metric-active[b-zupcnh7eq1]::after {
    background: var(--accent);
}

.dashboard-metric-muted[b-zupcnh7eq1]::after {
    background: var(--border-strong);
}

.metric-detail[b-zupcnh7eq1] {
    min-height: 2.35rem;
    display: grid;
    align-content: start;
    gap: .1rem;
    color: var(--muted);
    font-size: .74rem;
}

.metric-action[b-zupcnh7eq1] {
    margin-top: auto;
    padding-top: .65rem;
    color: var(--accent-strong);
    font-size: .72rem;
    font-weight: 750;
}

.panel-action[b-zupcnh7eq1],
.panel-heading-link[b-zupcnh7eq1] {
    color: var(--accent-strong);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none;
}

.panel-action:hover[b-zupcnh7eq1],
.panel-heading-link:hover[b-zupcnh7eq1] {
    text-decoration: underline;
}

.dashboard-empty-detail[b-zupcnh7eq1] {
    padding-top: .65rem;
}

.dashboard-empty-detail strong[b-zupcnh7eq1] {
    display: block;
    margin-bottom: .35rem;
    font-size: 1.05rem;
}

.dashboard-empty-detail p[b-zupcnh7eq1] {
    max-width: 42rem;
    margin-bottom: .75rem;
    color: var(--muted);
    font-size: .85rem;
}

.dashboard-storage-note[b-zupcnh7eq1] {
    margin: .85rem 0 0;
}

.overview-actions[b-zupcnh7eq1] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.overview-actions[b-zupcnh7eq1]  .live-refresh { margin: 0; font-size: .75rem; }
.page-heading[b-zupcnh7eq1] { align-items: center; }
.page-heading h1[b-zupcnh7eq1] { font-size: clamp(1.8rem, 2.6vw, 2.5rem); letter-spacing: -.04em; font-weight: 800; }
.overview-grid[b-zupcnh7eq1] { display: grid; grid-template-columns: 1.45fr 1fr; gap: 1rem; }
.activity-panel[b-zupcnh7eq1] { grid-column: 1; grid-row: 1; min-width: 0; }
.efficiency-panel[b-zupcnh7eq1] { grid-column: 2; grid-row: 1; min-width: 0; }
.recovery-panel[b-zupcnh7eq1] { grid-column: 1; grid-row: 2; margin-top: 0; }
.notifications-panel[b-zupcnh7eq1] { grid-column: 2; grid-row: 2; }
.panel[b-zupcnh7eq1] { padding: 1.25rem; border-radius: .55rem; }
.panel h2[b-zupcnh7eq1] { font-size: 1.1rem; letter-spacing: -.02em; font-weight: 750; }
.panel-heading[b-zupcnh7eq1] { gap: 1rem; }
.panel-heading p[b-zupcnh7eq1] { margin: .2rem 0 0; font-size: .8rem; }
.dashboard-metric[b-zupcnh7eq1] { min-height: 8.3rem; border-radius: .55rem; padding: 1.15rem 1rem 1.15rem 5rem; }
.dashboard-metric:nth-child(-n+2) .metric-action[b-zupcnh7eq1] { display: none; }
.metric-label[b-zupcnh7eq1] { color: var(--text); font-size: .85rem; font-weight: 700; }
.summary-icon[b-zupcnh7eq1] { position: absolute; left: 1.2rem; top: 1.45rem; color: var(--accent-strong); }
.summary-icon[b-zupcnh7eq1]  svg { width: 2.4rem; height: 2.4rem; }
.dashboard-metric-danger .summary-icon[b-zupcnh7eq1] { color: var(--danger); }
.dashboard-metric:first-child .summary-icon[b-zupcnh7eq1] { color: #00845b; }
.section-title[b-zupcnh7eq1] { display: flex; align-items: flex-start; gap: .9rem; }
.section-title[b-zupcnh7eq1]  svg { flex-shrink: 0; width: 1.8rem; height: 1.8rem; }
.panel h2[b-zupcnh7eq1]  svg { vertical-align: middle; margin-right: .45rem; }
.dashboard-metric[b-zupcnh7eq1]::after { display: none; }
.dashboard-metric strong[b-zupcnh7eq1] { font-size: 2.4rem; line-height: 1.2; margin: .3rem 0; }
.dashboard-metric-danger .metric-action[b-zupcnh7eq1] { color: var(--danger); }
.metric-detail[b-zupcnh7eq1] { min-height: 1.2rem; }
.activity-filters[b-zupcnh7eq1] { display: flex; gap: .4rem; margin: 1rem 0 .8rem; }
.activity-filter[b-zupcnh7eq1] { border: 1px solid var(--border); border-radius: .4rem; padding: .5rem 1.4rem; color: var(--muted); background: var(--surface-raised); font-size: .8rem; font-weight: 650; transition: background 160ms ease, border-color 160ms ease; }
.activity-filter.selected[b-zupcnh7eq1] { color: var(--accent-strong); background: var(--accent-soft); border-color: var(--accent); }
.activity-table-wrap[b-zupcnh7eq1] { position: relative; overflow-x: auto; border: 1px solid var(--border); border-radius: .5rem; }
.activity-table[b-zupcnh7eq1] { width: 100%; border-collapse: collapse; font-size: .76rem; }
.activity-table th[b-zupcnh7eq1] { background: var(--surface-raised); color: var(--muted); font-size: .7rem; font-weight: 650; }
.activity-table td[b-zupcnh7eq1], .activity-table th[b-zupcnh7eq1] { padding: .85rem .7rem; text-align: left; border-bottom: 1px solid var(--border); }
.activity-table tr:last-child td[b-zupcnh7eq1] { border-bottom: 0; }
.activity-table td:nth-child(4)[b-zupcnh7eq1] { white-space: nowrap; }
.activity-table a[b-zupcnh7eq1] { text-decoration: none; white-space: nowrap; }
.activity-state[b-zupcnh7eq1] { color: var(--accent-strong); }
.activity-empty[b-zupcnh7eq1] { text-align: center !important; height: 9rem; color: var(--muted); }
.activity-note[b-zupcnh7eq1] { margin: .8rem 0 0; font-size: .68rem; color: var(--muted); }
progress[b-zupcnh7eq1] { appearance: none; border: 0; border-radius: .25rem; overflow: hidden; background: var(--border); height: .7rem; }
progress[b-zupcnh7eq1]::-webkit-progress-bar { background: var(--border); }
progress[b-zupcnh7eq1]::-webkit-progress-value { background: linear-gradient(90deg, #14b8b0, #008c9b); border-radius: .25rem; transition: width 350ms ease; }
progress[b-zupcnh7eq1]::-moz-progress-bar { background: #009da9; }
.activity-table progress[b-zupcnh7eq1] { width: 4.5rem; margin-right: .4rem; }
.definition-grid[b-zupcnh7eq1] { gap: .5rem; }
.definition-grid > div[b-zupcnh7eq1] { padding: .75rem; background: var(--surface-raised); border: 1px solid var(--border); border-radius: .4rem; display: flex; flex-direction: column-reverse; justify-content: flex-end; }
.definition-grid dd[b-zupcnh7eq1] { font-size: clamp(1rem, 1.5vw, 1.5rem); white-space: nowrap; }
.definition-grid dt[b-zupcnh7eq1] { font-size: .75rem; font-weight: 400; }
.storage-bars[b-zupcnh7eq1] { display: grid; gap: .3rem; margin-top: 1rem; }
.storage-bars label[b-zupcnh7eq1] { font-size: .75rem; font-weight: 650; }
.storage-bars progress[b-zupcnh7eq1] { width: 100%; height: .85rem; margin-bottom: .25rem; }
.storage-saving[b-zupcnh7eq1] { display: grid; gap: .15rem; margin-top: 1rem; padding: .8rem 1rem; border-radius: .45rem; background: var(--accent-soft); color: var(--accent-strong); font-size: .78rem; }
.storage-saving span[b-zupcnh7eq1] { color: var(--muted); font-size: .72rem; }
.large-value[b-zupcnh7eq1] { font-size: 1.5rem; margin: .6rem 0 .2rem; }
@media (max-width: 1200px) {
    .overview-grid[b-zupcnh7eq1] { grid-template-columns: 1fr; }
    .overview-grid > article[b-zupcnh7eq1] { grid-column: auto; grid-row: auto; }
    .activity-panel[b-zupcnh7eq1] { order: -2; }
    .efficiency-panel[b-zupcnh7eq1] { order: -1; }
}
@media (max-width: 680px) {
    .overview-actions[b-zupcnh7eq1] { width: 100%; }
    .activity-filter[b-zupcnh7eq1] { flex: 1; padding: .5rem; }
    .panel-heading[b-zupcnh7eq1] { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    .dashboard-metric[b-zupcnh7eq1], .activity-filter[b-zupcnh7eq1], progress[b-zupcnh7eq1]::-webkit-progress-value { transition: none; }
    .dashboard-metric:hover[b-zupcnh7eq1] { transform: none; }
}

@media (max-width: 680px) {
    .dashboard-callout[b-zupcnh7eq1] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .dashboard-callout .button[b-zupcnh7eq1],
    .dashboard-callout-note[b-zupcnh7eq1] {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }
}
/* /Components/Pages/Jobs.razor.rz.scp.css */
.active-work[b-opyqmkq7bt] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
    border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border));
    border-radius: var(--radius-card);
}

.active-work-heading[b-opyqmkq7bt],
.active-job-card header[b-opyqmkq7bt],
.active-job-card footer[b-opyqmkq7bt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.active-work-heading h2[b-opyqmkq7bt] {
    margin: 0;
    font-size: 1.15rem;
}

.active-work-count[b-opyqmkq7bt] {
    color: var(--muted);
    font-size: .76rem;
}

.active-work-grid[b-opyqmkq7bt] {
    margin-top: .85rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
    gap: .75rem;
}

.active-job-card[b-opyqmkq7bt] {
    padding: .9rem;
    display: grid;
    gap: .75rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
}

.active-job-slow[b-opyqmkq7bt] {
    border-color: color-mix(in srgb, var(--warning) 55%, var(--border));
}

.active-job-stalled[b-opyqmkq7bt] {
    border-color: color-mix(in srgb, var(--danger) 65%, var(--border));
}

.active-job-card header > div[b-opyqmkq7bt],
.active-job-stage[b-opyqmkq7bt] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.active-job-card header span[b-opyqmkq7bt],
.active-job-stage small[b-opyqmkq7bt],
.active-job-card footer[b-opyqmkq7bt],
.active-job-path[b-opyqmkq7bt] {
    color: var(--muted);
    font-size: .74rem;
}

.activity-health[b-opyqmkq7bt] {
    padding: .25rem .5rem;
    border-radius: 999px;
    font-size: .7rem !important;
    font-weight: 700;
    white-space: nowrap;
}

.activity-health-good[b-opyqmkq7bt] {
    color: var(--accent-strong);
    background: var(--accent-soft);
}

.activity-health-warning[b-opyqmkq7bt] {
    color: var(--warning);
    background: color-mix(in srgb, var(--warning) 14%, transparent);
}

.activity-health-danger[b-opyqmkq7bt] {
    color: var(--danger);
    background: var(--danger-soft);
}

.activity-health-muted[b-opyqmkq7bt] {
    color: var(--muted);
    background: color-mix(in srgb, var(--muted) 12%, transparent);
}

.active-job-card progress[b-opyqmkq7bt] {
    width: 100%;
}

.activity-pulse[b-opyqmkq7bt] {
    height: .3rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--accent) 12%, var(--surface));
    border-radius: 999px;
}

.activity-pulse span[b-opyqmkq7bt] {
    width: 34%;
    height: 100%;
    display: block;
    background: var(--accent);
    border-radius: inherit;
    animation: active-job-pulse-b-opyqmkq7bt 1.8s ease-in-out infinite alternate;
}

.active-job-metrics[b-opyqmkq7bt] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.active-job-metrics > div[b-opyqmkq7bt] {
    padding: .55rem;
    background: color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);
    border-radius: .55rem;
}

.active-job-metrics dt[b-opyqmkq7bt] {
    color: var(--muted);
    font-size: .66rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.active-job-metrics dd[b-opyqmkq7bt] {
    margin: .15rem 0 0;
    font-size: .82rem;
    font-weight: 700;
}

.active-job-path[b-opyqmkq7bt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@keyframes active-job-pulse-b-opyqmkq7bt {
    from { transform: translateX(-15%); }
    to { transform: translateX(210%); }
}

@media (prefers-reduced-motion: reduce) {
    .activity-pulse span[b-opyqmkq7bt] {
        width: 100%;
        animation: none;
    }
}

.job-summary[b-opyqmkq7bt] {
    margin-bottom: .9rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.job-summary-card[b-opyqmkq7bt] {
    padding: .8rem .9rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: .15rem 1rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
}

.job-summary-card > span[b-opyqmkq7bt],
.job-summary-card small[b-opyqmkq7bt] {
    color: var(--muted);
    font-size: .74rem;
}

.job-summary-card strong[b-opyqmkq7bt] {
    grid-row: span 2;
    font-size: 1.55rem;
    letter-spacing: -.04em;
}

.job-summary-danger[b-opyqmkq7bt] {
    border-color: color-mix(in srgb, var(--danger) 38%, var(--border));
}

.job-summary-danger strong[b-opyqmkq7bt] {
    color: var(--danger);
}

.jobs-panel[b-opyqmkq7bt] {
    overflow: hidden;
}

.jobs-table[b-opyqmkq7bt] {
    min-width: 54rem;
}

.job-id[b-opyqmkq7bt] {
    max-width: 18rem;
    overflow: hidden;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.state-description[b-opyqmkq7bt] {
    max-width: 17rem;
    line-height: 1.4;
}

.job-failure-code[b-opyqmkq7bt] {
    padding: .2rem .4rem;
    display: inline-block;
    color: var(--danger);
    background: var(--danger-soft);
    border-radius: .4rem;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
    font-weight: 700;
}

.job-row-danger td:first-child[b-opyqmkq7bt] {
    box-shadow: inset .2rem 0 0 var(--danger);
}

.job-row-warning td:first-child[b-opyqmkq7bt] {
    box-shadow: inset .2rem 0 0 var(--warning);
}

.action-progress[b-opyqmkq7bt],
.empty-guidance[b-opyqmkq7bt] {
    color: var(--muted);
    font-size: .78rem;
}

.empty-state .button[b-opyqmkq7bt],
.empty-guidance[b-opyqmkq7bt] {
    margin-top: .75rem;
}

@media (max-width: 680px) {
    .active-work-heading[b-opyqmkq7bt],
    .active-job-card footer[b-opyqmkq7bt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .job-summary[b-opyqmkq7bt] {
        grid-template-columns: 1fr;
    }
}
.missing-source-notice[b-opyqmkq7bt] {
    margin-top: .8rem;
    padding: .85rem;
    border: 1px solid #dfb966;
    border-left: 4px solid #c58a1d;
    border-radius: .65rem;
    background: #fff9eb;
    color: #543e15;
}
.missing-source-notice code[b-opyqmkq7bt] { display: block; overflow-wrap: anywhere; margin-top: .3rem; }
.missing-source-notice p[b-opyqmkq7bt] { margin: .45rem 0; font-size: .85rem; }
/* /Components/Pages/Restores.razor.rz.scp.css */
.page-heading h1[b-j4kvtk9d3x]{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;font-weight:750;margin:.2rem 0 .6rem}
.recovery-intro[b-j4kvtk9d3x]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:20px 0 28px;border:1px solid #cbdcf2;background:linear-gradient(115deg,#edf4ff,#f4f7fb);border-radius:18px;color:#193c68}
.recovery-intro>div[b-j4kvtk9d3x]{display:flex;align-items:center;gap:20px}.recovery-intro p[b-j4kvtk9d3x]{margin:5px 0 0;color:#526680}.recovery-symbol[b-j4kvtk9d3x]{font-size:42px}.recovery-badge[b-j4kvtk9d3x]{font-size:12px;font-weight:700;border:1px solid #b8cfea;border-radius:30px;padding:9px 14px;white-space:nowrap}
.recovery-steps[b-j4kvtk9d3x]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.recovery-steps button[b-j4kvtk9d3x]{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d9e2e8;background:#fff;border-radius:12px;padding:18px;color:#536575;font:inherit;font-weight:650;cursor:pointer}
.recovery-steps button span[b-j4kvtk9d3x]{font-size:12px;letter-spacing:.08em;background:#edf1f5;border-radius:8px;padding:8px}.recovery-steps button.current[b-j4kvtk9d3x]{background:#183d70;color:#fff;border-color:#183d70;box-shadow:0 6px 16px #183d7018}.recovery-steps button.current span[b-j4kvtk9d3x]{background:#ffffff20}.recovery-steps button:disabled[b-j4kvtk9d3x]{opacity:.5;cursor:default}
.restore-panel[b-j4kvtk9d3x]{padding:28px;border-radius:18px;margin:18px 0}.restore-panel[hidden][b-j4kvtk9d3x]{display:none!important}.restore-panel h2[b-j4kvtk9d3x]{letter-spacing:-.025em;font-size:1.5rem}.restore-panel>.field[b-j4kvtk9d3x]{margin:20px 0;max-width:720px}.restore-panel select[b-j4kvtk9d3x],.restore-panel input[type=search][b-j4kvtk9d3x]{min-height:48px}.browse-toolbar[b-j4kvtk9d3x]{display:flex;align-items:end;gap:16px;margin:20px 0}.browse-toolbar .field[b-j4kvtk9d3x]{flex:1}.browse-path[b-j4kvtk9d3x]{overflow-wrap:anywhere}.file-symbol[b-j4kvtk9d3x]{color:#b47e21;margin-right:8px}.restore-panel input[type=checkbox][b-j4kvtk9d3x]{width:18px;height:18px;accent-color:#2563b6}.recovery-footer[b-j4kvtk9d3x]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;border-top:1px solid #e2e8ed;margin-top:24px}.recovery-review[b-j4kvtk9d3x]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#f3f6f8;border-radius:12px;padding:22px;margin:20px 0}.recovery-review>div[b-j4kvtk9d3x]{display:grid;gap:8px;overflow-wrap:anywhere}.recovery-review small[b-j4kvtk9d3x]{letter-spacing:.12em;color:#61717c}.recovery-review span[b-j4kvtk9d3x]{font-size:13px;color:#52636f}button:focus-visible[b-j4kvtk9d3x],input:focus-visible[b-j4kvtk9d3x],select:focus-visible[b-j4kvtk9d3x]{outline:3px solid #438be3;outline-offset:3px}
@media(max-width:700px){.recovery-intro[b-j4kvtk9d3x]{align-items:start;padding:18px;flex-direction:column}.recovery-steps[b-j4kvtk9d3x]{gap:6px}.recovery-steps button[b-j4kvtk9d3x]{font-size:12px;flex-direction:column;align-items:start;padding:12px}.restore-panel[b-j4kvtk9d3x]{padding:18px}.recovery-review[b-j4kvtk9d3x]{grid-template-columns:1fr}.recovery-footer[b-j4kvtk9d3x],.browse-toolbar[b-j4kvtk9d3x]{align-items:stretch;flex-direction:column}}
.restore-panel .button-primary[b-j4kvtk9d3x]{background:#2563b6;border-color:#2563b6;color:#fff}.restore-panel .button-primary:hover:not(:disabled)[b-j4kvtk9d3x]{background:#1e4f94;border-color:#1e4f94}.restore-panel .text-button[b-j4kvtk9d3x]{color:#245da5}
.eyebrow[b-j4kvtk9d3x]{color:#245da5}
/* /Components/Pages/Welcome.razor.rz.scp.css */
.marketing-page[b-rw7m2w2js2] { --ink: #14283f; --teal: #007f89; font-family: 'Segoe UI', sans-serif; font-size: 1rem; }
.marketing-page a[b-rw7m2w2js2] { text-decoration: none; }
.skip-link[b-rw7m2w2js2] { position: fixed; z-index: 2000; top: .75rem; left: .75rem; padding: .75rem 1rem; background: #14283f; color: white; border-radius: .3rem; transform: translateY(calc(-100% - 1.5rem)); }
.skip-link:focus[b-rw7m2w2js2] { transform: translateY(0); }
.marketing-header[b-rw7m2w2js2] { max-width: 1440px; margin: auto; padding: 1.7rem 4.5%; display: flex; justify-content: space-between; align-items: center; gap: 2rem; }
.marketing-brand[b-rw7m2w2js2] { display: flex; align-items: center; gap: .65rem; color: var(--ink); font-size: .77rem; line-height: 1.25; letter-spacing: .045em; }
.marketing-brand strong[b-rw7m2w2js2] { font-size: 1rem; letter-spacing: .03em; }
.marketing-header nav[b-rw7m2w2js2] { display: flex; align-items: center; gap: 2rem; font-size: .9rem; font-weight: 600; }
.marketing-header nav a[b-rw7m2w2js2] { color: var(--ink); }
.login-link[b-rw7m2w2js2] { padding: .8rem 1rem; border: 1px solid #bac8d3; border-radius: .3rem; }
.marketing-hero[b-rw7m2w2js2] { max-width: 1440px; margin: auto; display: grid; grid-template-columns: 1.15fr 1fr; padding: 3rem 4.5% 5rem; gap: 5%; }
.marketing-eyebrow[b-rw7m2w2js2] { font-size: .8rem; letter-spacing: .13em; font-weight: 700; color: var(--teal); margin-bottom: 1.5rem; }
.marketing-eyebrow span[b-rw7m2w2js2] { display: inline-block; width: .5rem; height: .5rem; margin-right: .5rem; background: var(--teal); border-radius: 50%; }
h1[b-rw7m2w2js2] { font-size: clamp(3.2rem, 5.8vw, 5.8rem); font-weight: 750; line-height: .99; letter-spacing: -.065em; margin: 0 0 1.8rem; }
h1 em[b-rw7m2w2js2] { font-style: normal; color: var(--teal); }
.hero-description[b-rw7m2w2js2] { max-width: 32rem; font-size: 1.15rem; line-height: 1.65; color: #4b5d6c; }
.marketing-primary[b-rw7m2w2js2] { display: inline-flex; align-items: center; gap: 2rem; background: var(--ink); color: white; padding: 1rem 1.35rem; border-radius: .3rem; margin: .75rem 0 1rem; font-weight: 600; }
.marketing-primary:hover[b-rw7m2w2js2] { background: var(--teal); }
.hero-platform[b-rw7m2w2js2] { color: #536574; font-size: .875rem; }
.hero-detail[b-rw7m2w2js2] { margin-top: .4rem; padding: 2.1rem; background: #14283f; color: white; border-radius: .5rem; display: flex; flex-direction: column; justify-content: space-between; }
.detail-index[b-rw7m2w2js2] { font-size: .75rem; letter-spacing: .15em; color: #b7cbd6; }
.recovery-statement[b-rw7m2w2js2] { display: flex; align-items: center; gap: 1.2rem; padding: 2rem 0; }
.recovery-statement[b-rw7m2w2js2]  svg { width: 3.5rem; height: 3.5rem; color: #69dad0; flex-shrink: 0; }
.recovery-statement p[b-rw7m2w2js2] { font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.18; margin: 0; letter-spacing: -.035em; }
.recovery-statement strong[b-rw7m2w2js2] { color: #69dad0; font-weight: 650; }
.protection-diagram > div[b-rw7m2w2js2] { display: grid; grid-template-columns: 2.1rem 1fr; column-gap: .65rem; padding: 1rem; border: 1px solid #40576a; border-radius: .35rem; background: #1c344c; }
.diagram-number[b-rw7m2w2js2] { grid-row: span 2; color: #69dad0; padding-top: .2rem; font-size: .8rem; }
.protection-diagram small[b-rw7m2w2js2] { grid-column: 2; font-size: .875rem; color: #b7cbd6; margin-top: .2rem; }
.diagram-connector[b-rw7m2w2js2] { display: block; padding: .2rem 1.65rem; color: #69dad0; }
.detail-footnote[b-rw7m2w2js2] { font-size: .875rem; color: #b7cbd6; margin: 1.5rem 0 0; max-width: 24rem; }
.marketing-benefits[b-rw7m2w2js2] { background: #f1f6f8; padding: 5rem max(4.5%, calc((100vw - 1310px)/2)); }
.marketing-storage[b-rw7m2w2js2] { max-width: 1440px; margin: auto; padding: 5rem 4.5%; scroll-margin-top: 1rem; }
.storage-heading[b-rw7m2w2js2] { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 3rem; }
.storage-heading > p[b-rw7m2w2js2], .storage-choice > p[b-rw7m2w2js2], .storage-setup p[b-rw7m2w2js2], .storage-bottom > p[b-rw7m2w2js2] { color: #4b5d6c; line-height: 1.65; }
.storage-heading > p[b-rw7m2w2js2] { font-size: 1.1rem; margin-bottom: .5rem; }
.storage-choice-grid[b-rw7m2w2js2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 2.5rem 0; }
.storage-choice[b-rw7m2w2js2] { border: 1px solid #c6d5e3; border-radius: .6rem; padding: 2rem; background: #f6f9fc; }
.storage-choice-local[b-rw7m2w2js2] { background: #edf4ff; border-color: #8baee1; }
.storage-choice[b-rw7m2w2js2]  svg { width: 2rem; height: 2rem; color: #245ca5; margin-bottom: 1.1rem; }
.storage-choice .storage-label[b-rw7m2w2js2] { color: #245ca5; font-weight: 700; letter-spacing: .12em; font-size: .75rem; }
.storage-choice h3[b-rw7m2w2js2] { font-size: 1.5rem; }
.storage-choice .storage-choice-detail[b-rw7m2w2js2] { margin: 1.4rem 0 0; padding-top: 1rem; border-top: 1px solid #c6d5e3; font-weight: 600; color: #27476a; font-size: .9rem; }
.storage-setup[b-rw7m2w2js2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; list-style: none; padding: 0; margin: 2.5rem 0; }
.storage-setup li[b-rw7m2w2js2] { display: flex; gap: .9rem; }
.storage-setup li > span[b-rw7m2w2js2] { color: #245ca5; font-weight: 700; font-size: 1.2rem; }
.storage-boundary[b-rw7m2w2js2] { display: flex; align-items: flex-start; gap: 1rem; background: #eef3f9; border-left: 3px solid #245ca5; padding: 1.25rem 1.5rem; border-radius: .25rem; }
.storage-boundary[b-rw7m2w2js2]  svg { width: 1.5rem; height: 1.5rem; flex-shrink: 0; color: #245ca5; margin-top: .2rem; }
.storage-boundary p[b-rw7m2w2js2] { margin: 0; color: #354d66; line-height: 1.65; }
.storage-boundary strong[b-rw7m2w2js2] { display: block; color: #14283f; margin-bottom: .3rem; }
.storage-bottom[b-rw7m2w2js2] { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 1.5rem; }
.storage-bottom > p[b-rw7m2w2js2] { max-width: 42rem; margin: 0; }
.storage-bottom .marketing-primary[b-rw7m2w2js2] { flex-shrink: 0; }
@media (max-width: 900px) { .storage-heading[b-rw7m2w2js2] { gap: 1.5rem; } .storage-setup[b-rw7m2w2js2] { grid-template-columns: 1fr; gap: .8rem; } .storage-bottom[b-rw7m2w2js2] { align-items: flex-start; flex-direction: column; gap: .5rem; } }
@media (max-width: 680px) { .marketing-storage[b-rw7m2w2js2] { padding: 3rem 5%; } .storage-heading[b-rw7m2w2js2], .storage-choice-grid[b-rw7m2w2js2] { grid-template-columns: 1fr; gap: 1rem; } .storage-choice[b-rw7m2w2js2] { padding: 1.5rem; } .storage-boundary[b-rw7m2w2js2] { padding: 1rem; } }
h2[b-rw7m2w2js2] { font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.12; letter-spacing: -.045em; font-weight: 700; }
.benefit-grid[b-rw7m2w2js2] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; }
.benefit-grid article[b-rw7m2w2js2] { border-top: 1px solid #bfcfd7; padding-top: 1.5rem; }
.benefit-grid[b-rw7m2w2js2]  svg { width: 1.7rem; height: 1.7rem; color: var(--teal); margin-bottom: 1.4rem; }
h3[b-rw7m2w2js2] { font-size: 1.15rem; font-weight: 700; letter-spacing: -.025em; }
.benefit-grid p[b-rw7m2w2js2], .marketing-steps li p[b-rw7m2w2js2] { color: #4b5d6c; line-height: 1.65; }
.marketing-steps[b-rw7m2w2js2] { max-width: 1440px; margin: auto; padding: 5rem 4.5%; }
.marketing-steps ol[b-rw7m2w2js2] { list-style: none; padding: 0; margin: 3rem 0 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem; }
.marketing-steps li > span[b-rw7m2w2js2] { display: block; font-size: 2.5rem; font-weight: 600; color: var(--teal); margin-bottom: 1rem; }
.marketing-footer[b-rw7m2w2js2] { background: var(--ink); color: #fff; display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between; padding: 2rem 4.5%; font-size: .875rem; }
.marketing-footer span[b-rw7m2w2js2] { color: #b7cbd6; }
.marketing-footer a[b-rw7m2w2js2] { color: #69dad0; }
.marketing-page a:focus-visible[b-rw7m2w2js2] { outline: 3px solid #009da9; outline-offset: 5px; }
.marketing-pricing[b-rw7m2w2js2] { padding: 5rem max(4.5%, calc((100vw - 1310px)/2)); background: #f1f6f8; scroll-margin-top: 1rem; }
.pricing-heading[b-rw7m2w2js2] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.draft-pricing-label[b-rw7m2w2js2] { border: 1px solid #a9c4ca; padding: .5rem .8rem; border-radius: 2rem; font-size: .875rem; font-weight: 600; color: #365561; white-space: nowrap; }
.pricing-intro[b-rw7m2w2js2] { color: #4b5d6c; max-width: 44rem; line-height: 1.7; margin: 1.5rem 0 2.5rem; font-size: 1.1rem; }
.pricing-grid[b-rw7m2w2js2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.pricing-card[b-rw7m2w2js2] { padding: 2rem; border: 1px solid #c6d5db; border-top: 4px solid #b6c7d0; border-radius: .5rem; background: #fff; display: flex; flex-direction: column; min-width: 0; }
.pricing-featured[b-rw7m2w2js2] { border-color: var(--teal); box-shadow: 0 12px 30px #14283f0c; }
.plan-kicker[b-rw7m2w2js2] { font-size: .8rem; letter-spacing: .1em; font-weight: 700; color: var(--teal); margin-bottom: .8rem; }
.pricing-card h3[b-rw7m2w2js2] { font-size: 1.65rem; margin-bottom: .75rem; }
.plan-description[b-rw7m2w2js2] { color: #4b5d6c; line-height: 1.6; min-height: 3.2em; }
.plan-price[b-rw7m2w2js2] { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 .25rem; }
.plan-price strong[b-rw7m2w2js2] { font-size: clamp(2.5rem, 3.5vw, 3.5rem); letter-spacing: -.055em; line-height: 1.1; font-weight: 750; }
.plan-price span[b-rw7m2w2js2], .plan-breakdown[b-rw7m2w2js2] { color: #536574; font-size: .875rem; }
.plan-inclusions[b-rw7m2w2js2] { list-style: none; padding: 1.25rem 0 0; margin: 1rem 0 1.5rem; border-top: 1px solid #dce5e9; }
.plan-inclusions li[b-rw7m2w2js2] { padding: .5rem 0 .5rem 1.2rem; position: relative; line-height: 1.5; }
.plan-inclusions li[b-rw7m2w2js2]::before { content: '+'; color: var(--teal); position: absolute; left: 0; font-weight: 700; }
.plan-details-link[b-rw7m2w2js2] { margin-top: auto; padding: .85rem 0 0; font-weight: 650; color: var(--teal); display: flex; justify-content: space-between; gap: .75rem; }
.pricing-details[b-rw7m2w2js2] { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #bfcfd7; scroll-margin-top: 1rem; }
.pricing-details p[b-rw7m2w2js2] { color: #4b5d6c; line-height: 1.7; margin: .7rem 0 0; }
.pricing-disclaimer[b-rw7m2w2js2] { font-size: .875rem; }
@media (max-width: 1000px) { .pricing-card[b-rw7m2w2js2] { padding: 1.3rem; } }
@media (max-width: 760px) { .marketing-pricing[b-rw7m2w2js2] { padding: 3rem 5%; } .pricing-grid[b-rw7m2w2js2], .pricing-details[b-rw7m2w2js2] { grid-template-columns: 1fr; } .pricing-heading[b-rw7m2w2js2] { flex-direction: column-reverse; } .plan-description[b-rw7m2w2js2] { min-height: 0; } .pricing-card[b-rw7m2w2js2] { padding: 1.7rem; } .pricing-details[b-rw7m2w2js2] { gap: 1.5rem; } }
@media (max-width: 900px) { .marketing-hero[b-rw7m2w2js2] { gap: 2rem; } .hero-detail[b-rw7m2w2js2] { padding: 1.5rem; } .benefit-grid[b-rw7m2w2js2] { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 680px) { .marketing-header[b-rw7m2w2js2] { padding: 1.2rem 5%; gap: 1rem; } .marketing-header nav[b-rw7m2w2js2] { gap: .5rem; } .marketing-header nav > a:not(.login-link)[b-rw7m2w2js2] { display: none; } .marketing-hero[b-rw7m2w2js2] { grid-template-columns: 1fr; padding: 2rem 5% 3rem; } h1[b-rw7m2w2js2] { font-size: clamp(2.8rem, 11vw, 4.5rem); } .hero-detail[b-rw7m2w2js2] { margin-top: 1rem; } .marketing-benefits[b-rw7m2w2js2], .marketing-steps[b-rw7m2w2js2] { padding: 3rem 5%; } .benefit-grid[b-rw7m2w2js2], .marketing-steps ol[b-rw7m2w2js2] { grid-template-columns: 1fr; gap: 1.6rem; } .marketing-steps li[b-rw7m2w2js2] { border-top: 1px solid #bfcfd7; padding-top: 1rem; } .marketing-footer[b-rw7m2w2js2] { flex-direction: column; } }
/* /Components/RecoveryActivity.razor.rz.scp.css */
.recovery-live[b-eo6vbwrsyf]{margin:30px 0;padding:28px;border-radius:18px;background:#183d70;color:#f4f8ff}.recovery-live .eyebrow[b-eo6vbwrsyf]{color:#a7ceff}.recovery-live h2[b-eo6vbwrsyf]{color:#fff;letter-spacing:-.025em}.recovery-live>p[b-eo6vbwrsyf]{color:#c5d8f0}.recovery-progress[b-eo6vbwrsyf]{background:#ffffff0c;border:1px solid #ffffff24;border-radius:12px;padding:22px;margin-top:16px}.recovery-progress h3[b-eo6vbwrsyf]{color:#fff;margin:0 0 6px}.recovery-progress progress[b-eo6vbwrsyf]{width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;background:#ffffff25;margin:20px 0;accent-color:#80baff}.recovery-progress progress[b-eo6vbwrsyf]::-webkit-progress-bar{background:#ffffff25}.recovery-progress progress[b-eo6vbwrsyf]::-webkit-progress-value{background:#80baff;border-radius:8px}.progress-facts[b-eo6vbwrsyf]{display:flex;justify-content:space-between;gap:16px}.progress-facts span[b-eo6vbwrsyf]{display:grid;gap:5px;font-size:12px;color:#bdd3ee}.progress-facts strong[b-eo6vbwrsyf]{font-size:19px;color:#fff}.recovery-progress small[b-eo6vbwrsyf]{display:block;margin-top:18px;color:#bdd3ee;line-height:1.6}@media(max-width:700px){.recovery-live[b-eo6vbwrsyf]{padding:18px}.progress-facts[b-eo6vbwrsyf]{flex-direction:column}}
.recovery-live .status-pill[b-eo6vbwrsyf]{background:#e8f1ff;color:#234e85}
/* /Components/SqlSourceEditor.razor.rz.scp.css */
.sql-source-editor[b-lrfzsxutwo] { margin-top: 1rem; }
.sql-source-editor .checkbox-field[b-lrfzsxutwo] { display: flex; gap: .6rem; align-items: center; margin: 1rem 0; }
.sql-database-heading[b-lrfzsxutwo] { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin-top: 1.5rem; }
.sql-database-heading h4[b-lrfzsxutwo] { flex: 1; margin: 0; }
.sql-database-heading small[b-lrfzsxutwo] { font-weight: 400; color: #56718c; margin-left: .5rem; }
.sql-database-list[b-lrfzsxutwo] { max-height: 20rem; overflow: auto; border: 1px solid #d5e3ed; border-radius: .75rem; margin-top: .75rem; }
.sql-database-row[b-lrfzsxutwo] { display: flex; gap: .75rem; padding: .8rem 1rem; align-items: center; border-bottom: 1px solid #e7eef3; }
.sql-database-row:last-child[b-lrfzsxutwo] { border-bottom: none; }
.sql-database-row span[b-lrfzsxutwo] { flex: 1; overflow-wrap: anywhere; }
.sql-database-row small[b-lrfzsxutwo] { color: #56718c; }
.sql-source-editor p[b-lrfzsxutwo] { line-height: 1.6; }
/* /Components/StorageDetailedReport.razor.rz.scp.css */
.report-toolbar[b-o5nnkmt93c] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:2rem; flex-wrap:wrap; }
.report-toolbar label[b-o5nnkmt93c] { display:grid; gap:.4rem; min-width:16rem; }
.report-toolbar input[b-o5nnkmt93c] { padding:.65rem; border:1px solid #ccd5df; border-radius:.5rem; background:transparent; color:inherit; }
td[b-o5nnkmt93c] { vertical-align:top; }
td small[b-o5nnkmt93c] { font-size:.65rem; color:var(--muted, #65748b); }
h3[b-o5nnkmt93c] { margin-top:1.5rem; }
/* /Components/StorageHealthRecovery.razor.rz.scp.css */
.panel[b-sf5yauq0mr] { margin-top: 1.25rem; }
.panel h3[b-sf5yauq0mr] { margin-top: 1.5rem; }
.panel li[b-sf5yauq0mr] { margin-bottom: .8rem; line-height: 1.6; }
.object-key[b-sf5yauq0mr] { overflow-wrap: anywhere; white-space: normal; }
.table-shell[b-sf5yauq0mr] { margin-bottom: 1rem; }