/* /Components/Account/IdentityShared/AccountShell.razor.rz.scp.css */
/* The subset of OperationsLayout.razor.css (itself ported from the prototype's operations-pages.css and styles.css)
   that the account pages use. Tokens, selectors and values are OperationsLayout's; the account-* rules at the end
   lay out the sign-in column and the forms, which the prototype has no page for. */
.account-shell[b-cxlrc7b3l6] {
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    --surface-hover: var(--hvo-surface-hover);
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-strong: #2f81f7;
    --blue-soft: rgba(47, 129, 247, .16);
    --green: #3fb950;
    --green-soft: rgba(63, 185, 80, .15);
    --amber: #d29922;
    --red: #f85149;
    --red-soft: rgba(248, 81, 73, .15);
    color: var(--text);
}

.account-shell[b-cxlrc7b3l6]  .eyebrow { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }

.account-shell[b-cxlrc7b3l6]  .button {
    display: inline-flex;
    min-height: 2.45rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .85rem;
    border: 1px solid var(--border-strong);
    border-radius: .45rem;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.account-shell[b-cxlrc7b3l6]  .button:disabled { cursor: not-allowed; opacity: .55; }
.account-shell[b-cxlrc7b3l6]  .button.secondary { color: var(--text); background: var(--surface-raised); }
.account-shell[b-cxlrc7b3l6]  .button.secondary:hover:not(:disabled) { background: var(--surface-hover); }
.account-shell[b-cxlrc7b3l6]  .button.primary { border-color: #3c8df2; color: white; background: var(--blue-strong); }
.account-shell[b-cxlrc7b3l6]  .button.primary:hover:not(:disabled) { background: #388bfd; }

.account-shell[b-cxlrc7b3l6]  .status-icon { position: relative; display: inline-grid; width: 1.05rem; height: 1.05rem; flex: 0 0 auto; place-items: center; border-radius: 50%; font-size: .62rem; }
.account-shell[b-cxlrc7b3l6]  .status-icon::after { color: #07110a; font-weight: 900; line-height: 1; content: ""; }
.account-shell[b-cxlrc7b3l6]  .status-icon.success { background: var(--green); }
.account-shell[b-cxlrc7b3l6]  .status-icon.success::after { content: "\2713"; }
.account-shell[b-cxlrc7b3l6]  .status-icon.warning { background: var(--amber); }
.account-shell[b-cxlrc7b3l6]  .status-icon.warning::after { color: #1d1504; content: "!"; }
.account-shell[b-cxlrc7b3l6]  .status-icon.failure { background: var(--red); }
.account-shell[b-cxlrc7b3l6]  .status-icon.failure::after { color: white; content: "\00d7"; }

.account-shell[b-cxlrc7b3l6]  .ops-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.account-shell[b-cxlrc7b3l6]  .ops-page-heading h1 { margin: 0; font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1; letter-spacing: -.045em; }
.account-shell[b-cxlrc7b3l6]  .ops-page-heading p:not(.eyebrow) { max-width: 48rem; margin: .6rem 0 0; color: var(--muted); font-size: .76rem; line-height: 1.5; }

.account-shell[b-cxlrc7b3l6]  :is(.ops-panel, .ops-note-banner) {
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: rgba(9, 15, 24, .88);
    box-shadow: 0 15px 38px rgba(0, 0, 0, .13);
}

.account-shell[b-cxlrc7b3l6]  .ops-panel { min-width: 0; padding: .9rem; }
.account-shell[b-cxlrc7b3l6]  .ops-panel + .ops-panel { margin-top: .8rem; }
.account-shell[b-cxlrc7b3l6]  .ops-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .7rem; }
.account-shell[b-cxlrc7b3l6]  .ops-panel-heading h2 { margin: 0; font-size: .84rem; font-weight: 550; }
.account-shell[b-cxlrc7b3l6]  .ops-panel-heading p { margin: .24rem 0 0; color: var(--muted); font-size: .61rem; line-height: 1.4; }

.account-shell[b-cxlrc7b3l6]  .ops-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.account-shell[b-cxlrc7b3l6]  .ops-facts > div { padding: .58rem 0; border-top: 1px solid var(--border); }
.account-shell[b-cxlrc7b3l6]  .ops-facts > div:nth-child(odd) { padding-right: .65rem; }
.account-shell[b-cxlrc7b3l6]  .ops-facts > div:nth-child(even) { padding-left: .65rem; border-left: 1px solid var(--border); }
.account-shell[b-cxlrc7b3l6]  .ops-facts > div.full { grid-column: 1 / -1; padding-right: 0; padding-left: 0; border-left: 0; }
.account-shell[b-cxlrc7b3l6]  .ops-facts dt { color: var(--muted); font-size: .51rem; letter-spacing: .05em; text-transform: uppercase; }
.account-shell[b-cxlrc7b3l6]  .ops-facts dd { margin: .24rem 0 0; font-size: .65rem; font-weight: 720; overflow-wrap: anywhere; }

.account-shell[b-cxlrc7b3l6]  .ops-note-banner { display: flex; align-items: flex-start; gap: .65rem; margin-bottom: .8rem; padding: .7rem .8rem; color: var(--muted-strong); font-size: .6rem; line-height: 1.45; }
.account-shell[b-cxlrc7b3l6]  .ops-note-banner strong { color: var(--text); }
.account-shell[b-cxlrc7b3l6]  .ops-note-banner.failure { border-color: rgba(248, 81, 73, .45); background: var(--red-soft); }
.account-shell[b-cxlrc7b3l6]  .ops-note-banner.success { border-color: rgba(63, 185, 80, .4); background: var(--green-soft); }

.account-shell[b-cxlrc7b3l6]  .ops-field { display: grid; gap: .25rem; color: var(--muted); font-size: .6rem; }
.account-shell[b-cxlrc7b3l6]  .ops-field input:not([type="checkbox"]) { width: 100%; min-height: 2.15rem; padding: .4rem .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); font-size: .72rem; }
.account-shell[b-cxlrc7b3l6]  .ops-field input:is([readonly], :disabled) { color: var(--muted-strong); background: var(--surface-raised); }
.account-shell[b-cxlrc7b3l6]  .ops-field input.invalid { border-color: rgba(248, 81, 73, .65); }

/* Validation text from ValidationSummary and ValidationMessage, in the failure colour the Operations pages use. */
.account-shell[b-cxlrc7b3l6]  .validation-errors { display: grid; gap: .2rem; margin: 0 0 .8rem; padding: .7rem .8rem .7rem 1.8rem; border: 1px solid rgba(248, 81, 73, .45); border-radius: .55rem; color: #ff9b95; background: var(--red-soft); font-size: .6rem; line-height: 1.45; }
.account-shell[b-cxlrc7b3l6]  .validation-message { color: #ff9b95; font-size: .6rem; }

/* Forms: a column of labelled fields, then the actions. */
.account-shell[b-cxlrc7b3l6]  .account-form { display: grid; gap: .75rem; }
.account-shell[b-cxlrc7b3l6]  .account-form fieldset { display: grid; gap: .75rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.account-shell[b-cxlrc7b3l6]  .account-form-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem; margin-top: .15rem; }
.account-shell[b-cxlrc7b3l6]  .account-check { display: inline-flex; align-items: center; gap: .45rem; color: var(--muted-strong); font-size: .68rem; cursor: pointer; }
.account-shell[b-cxlrc7b3l6]  .account-check input { width: 1rem; height: 1rem; margin: 0; accent-color: var(--blue-strong); }
.account-shell[b-cxlrc7b3l6]  .account-note { margin: 0; color: var(--muted); font-size: .61rem; line-height: 1.5; }

/* Sign-in pages: one narrow column, centred under the top bar. */
.account-shell.single[b-cxlrc7b3l6] { width: min(100%, 28rem); margin: clamp(1rem, 6vh, 4.5rem) auto; padding: 0 1rem; }
.account-shell.single.wide[b-cxlrc7b3l6] { width: min(100%, 44rem); }
.account-shell.single[b-cxlrc7b3l6]  .ops-page-heading { display: block; }
.account-shell.single[b-cxlrc7b3l6]  .account-form-actions .button { flex: 1; }

@media (max-width: 480px) {
    .account-shell[b-cxlrc7b3l6]  .ops-facts { grid-template-columns: 1fr; }
    .account-shell[b-cxlrc7b3l6]  .ops-facts > div:nth-child(even) { padding-left: 0; border-left: 0; }
    .account-shell[b-cxlrc7b3l6]  .account-form-actions .button { flex: 1; }
}
/* /Components/Account/IdentityShared/ManageLayout.razor.rz.scp.css */
/* The Operations sidebar (OperationsLayout.razor.css) as a panel beside the page: the same head, link and active
   state. Account settings has three pages, so on a narrow screen the links become a row above the page instead of
   the Operations drawer. */
.manage-layout[b-8snidbazs1] {
    display: grid;
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
    gap: clamp(1rem, 2.6vw, 2rem);
    align-items: start;
    width: min(100%, 72rem);
}

.manage-sidebar[b-8snidbazs1] {
    position: sticky;
    top: 5rem;
    border: 1px solid var(--hvo-border-muted);
    border-radius: .55rem;
    background: linear-gradient(180deg, rgba(10, 17, 27, .98), rgba(7, 12, 20, .96));
}

.manage-sidebar-head[b-8snidbazs1] { padding: 1.1rem 1.1rem .9rem; border-bottom: 1px solid var(--hvo-border-muted); line-height: normal; }
.manage-sidebar .manage-sidebar-head .eyebrow[b-8snidbazs1] { margin: 0 0 .35rem; color: var(--hvo-muted); font-size: .7rem; font-weight: 600; letter-spacing: .08em; }
.manage-sidebar-head strong[b-8snidbazs1] { display: block; font-size: 1.15rem; font-weight: 550; letter-spacing: -.02em; }

.manage-sidebar nav[b-8snidbazs1] { padding: .55rem .6rem .7rem; }

.manage-content[b-8snidbazs1] { min-width: 0; }

@media (max-width: 940px) {
    .manage-layout[b-8snidbazs1] { grid-template-columns: 1fr; }
    .manage-sidebar[b-8snidbazs1] { position: static; }
    .manage-sidebar-head[b-8snidbazs1] { display: none; }
    .manage-sidebar nav[b-8snidbazs1] { padding: .4rem; }
}
/* /Components/Account/IdentityShared/ManageNavMenu.razor.rz.scp.css */
/* The Operations sidebar link (OperationsLayout.razor.css .operations-navigation a) and its active state. */
.manage-navigation[b-7m7yhrn6wo] { display: grid; gap: .1rem; margin: 0; padding: 0; list-style: none; }

.manage-navigation[b-7m7yhrn6wo]  a {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr);
    min-height: 2.75rem;
    align-items: center;
    gap: .55rem;
    padding: .48rem .6rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    color: var(--hvo-muted-strong);
    font-size: .86rem;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.manage-navigation[b-7m7yhrn6wo]  a:hover { border-color: var(--hvo-border-muted); color: var(--hvo-body-color); background: var(--hvo-surface-hover); }
.manage-navigation[b-7m7yhrn6wo]  a.active { border-color: rgba(88, 166, 255, .25); color: white; background: linear-gradient(90deg, rgba(47, 129, 247, .16), rgba(47, 129, 247, .035)); font-weight: 600; }
.manage-navigation[b-7m7yhrn6wo]  a.active .manage-nav-icon { color: #58a6ff; }

.manage-nav-icon[b-7m7yhrn6wo] { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; color: var(--hvo-muted); }
.manage-nav-icon svg[b-7m7yhrn6wo] { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 940px) {
    .manage-navigation[b-7m7yhrn6wo] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
    .manage-navigation[b-7m7yhrn6wo]  a { grid-template-columns: auto minmax(0, 1fr); gap: .35rem; padding: .4rem .5rem; font-size: .8rem; }
}

@media (max-width: 420px) {
    .manage-navigation[b-7m7yhrn6wo]  a { grid-template-columns: 1fr; justify-items: center; gap: .1rem; text-align: center; font-size: .72rem; }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-recovery[b-vcc5bxjr79] {
    display: grid;
    gap: .3rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid var(--hvo-border-muted);
}

.login-recovery a[b-vcc5bxjr79] { font-size: .72rem; font-weight: 650; }

.login-recovery span[b-vcc5bxjr79] {
    color: var(--hvo-muted);
    font-size: .61rem;
    line-height: 1.45;
}
/* /Components/Account/Pages/Manage/ApiKeys.razor.rz.scp.css */
/* The key list and the access choice; the account shell styles headings, panels, fields and buttons. */
.api-keys[b-ihjl7vx9aq] {
    display: grid;
    gap: 1rem;
}

.api-keys[b-ihjl7vx9aq]  select {
    width: 100%;
    min-height: 2.15rem;
    padding: .4rem .5rem;
    border: 1px solid var(--border);
    border-radius: .35rem;
    color: var(--text);
    background: var(--surface);
    font-size: .72rem;
}

.api-keys .ops-table-wrap[b-ihjl7vx9aq] { overflow-x: auto; }
.api-keys .ops-table[b-ihjl7vx9aq] { width: 100%; border-collapse: collapse; font-size: .65rem; }
.api-keys .ops-table th[b-ihjl7vx9aq] { padding: .5rem; border-bottom: 1px solid var(--border-strong); color: var(--muted); font-size: .6rem; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.api-keys .ops-table td[b-ihjl7vx9aq] { padding: .58rem .5rem; border-bottom: 1px solid var(--border); color: var(--muted-strong); }
.api-keys .ops-table tr:last-child td[b-ihjl7vx9aq] { border-bottom: 0; }
.api-keys code[b-ihjl7vx9aq] { font-size: .68rem; overflow-wrap: anywhere; }
.api-keys .button.small[b-ihjl7vx9aq] { min-height: 1.9rem; padding: .3rem .6rem; }
.api-keys .visually-hidden[b-ihjl7vx9aq] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Components/Account/Pages/Recovery.razor.rz.scp.css */
.recovery-steps[b-mixcz2am6j] {
    display: grid;
    gap: .45rem;
    margin: 0 0 .9rem;
    padding-left: 1.2rem;
    color: var(--hvo-muted-strong);
    font-size: .72rem;
    line-height: 1.5;
}

.recovery-command[b-mixcz2am6j] {
    display: block;
    overflow-x: auto;
    margin-bottom: .8rem;
    padding: .7rem .8rem;
    border: 1px solid var(--hvo-border-muted);
    border-radius: .42rem;
    color: #c4dcfa;
    background: #060a10;
    font-size: .68rem;
    white-space: nowrap;
}

.recovery-actions[b-mixcz2am6j] { justify-content: flex-start; margin-top: .9rem; }
/* /Components/App.razor.rz.scp.css */
:root[b-pxlr6de2w0] {
    --sm-nav-pill-height: calc(var(--hvo-nav-badge-font-size) * 2.5 + var(--hvo-nav-badge-padding-y) * 2);
    --sm-nav-avatar-size: calc(var(--sm-nav-pill-height) - 0.6rem);
}

#blazor-error-ui[b-pxlr6de2w0] {
    display: none;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    left: 1.5rem;
    z-index: 1050;
    padding: 1rem 1.25rem;
    border-radius: var(--hvo-border-radius-lg, 1rem);
    background: rgba(220, 53, 69, 0.92);
    color: var(--hvo-body-color);
    box-shadow: 0 1.5rem 3rem -1.5rem rgba(0, 0, 0, 0.7);
}

#blazor-error-ui .dismiss[b-pxlr6de2w0] {
    color: inherit;
    font-weight: 600;
    margin-left: 1rem;
    text-decoration: underline;
}
/* /Components/Layout/ArchiveNavigation.razor.rz.scp.css */
.archive-navigation[b-nzo33u8rfd] { box-sizing: border-box; width: min(100%, 112rem); margin: 0 auto clamp(1rem, 2.5vw, 2rem); padding: 0 clamp(.75rem, 2.6vw, 2.4rem); }
.archive-subnav[b-nzo33u8rfd] { display: flex; gap: 1.2rem; min-height: 3.2rem; align-items: flex-end; overflow-x: auto; border-bottom: 1px solid var(--hvo-border-muted); }
.archive-subnav a[b-nzo33u8rfd] { position: relative; display: grid; min-height: 3.2rem; flex: 0 0 auto; place-items: center; padding: 0 .15rem; color: var(--hvo-muted); font-size: .68rem; font-weight: 700; text-decoration: none; }
.archive-subnav a:hover[b-nzo33u8rfd], .archive-subnav a[aria-current="page"][b-nzo33u8rfd] { color: var(--hvo-body-color); }
.archive-subnav a[aria-current="page"][b-nzo33u8rfd]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--hvo-accent); content: ""; }
@media (max-width: 650px) { .archive-navigation[b-nzo33u8rfd] { margin-bottom: 1rem; padding-inline: .65rem; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-j9f32usyrt] {
    position: fixed;
    top: 1rem;
    left: 1rem;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    background: var(--hvo-accent-strong);
    color: #fff;
    z-index: 1050;
    transform: translateY(calc(-100% - 2rem));
    transition: transform 0.2s ease;
}

.skip-link:focus[b-j9f32usyrt] {
    outline: none;
    transform: translateY(0);
}

.app-frame[b-j9f32usyrt] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-main[b-j9f32usyrt] {
    flex: 1;
    padding: 0 0 3rem;
}

.content-container[b-j9f32usyrt] {
    box-sizing: border-box;
    width: min(100%, 108rem);
    margin-inline: auto;
    padding: 2rem clamp(1rem, 3vw, 2.5rem) 0;
}

/* Production pages share the Current Sky canvas; page roots own only their vertical spacing. */
.content-container:has(.current-sky-page, .gallery-page, .calendar-page, .products-page, .day-page, .detail-page, .product-detail, .operations-layout, .execution-page, .transient-page, .transient-detail)[b-j9f32usyrt] {
    width: min(100%, 112rem);
    padding-top: 0;
    padding-inline: clamp(.75rem, 2.6vw, 2.4rem);
}
.content-container:has(.execution-page)[b-j9f32usyrt] {
    width: 100%;
    padding: 0;
}
.content-container[b-j9f32usyrt]  :is(.current-sky-page, .gallery-page, .calendar-page, .products-page, .day-page, .detail-page, .product-detail, .operations-layout, .transient-page, .transient-detail) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}
.content-container[b-j9f32usyrt]  :is(.operations-page, .system-page, .quarantine-page) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

#blazor-error-ui[b-j9f32usyrt] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-j9f32usyrt] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 575.98px) {
    .content-container[b-j9f32usyrt] {
        padding-top: 1.25rem;
    }
    .content-container:has(.current-sky-page, .gallery-page, .calendar-page, .products-page, .day-page, .detail-page, .product-detail, .operations-layout)[b-j9f32usyrt] {
        padding-top: 0;
    }
}
@media (max-width: 650px) {
    .content-container:has(.current-sky-page, .gallery-page, .calendar-page, .products-page, .day-page, .detail-page, .product-detail, .operations-layout, .execution-page, .transient-page, .transient-detail)[b-j9f32usyrt] { padding-inline: .65rem; }
    .content-container:has(.execution-page)[b-j9f32usyrt] { padding: 0; }
}
/* /Components/Layout/MainLayoutFooter.razor.rz.scp.css */
.global-footer__section[b-cdztez6nhx] {
    min-height: var(--sm-nav-pill-height);
}

.footer-chip[b-cdztez6nhx] {
    min-height: var(--sm-nav-pill-height);
    display: inline-flex;
    align-items: center;
}
.global-footer__section--center .footer-chip[b-cdztez6nhx] {
    white-space: normal;
    text-align: center;
}

.global-footer__section--center time[b-cdztez6nhx] {
    overflow-wrap: anywhere;
}
/* /Components/Layout/MainLayoutNavigation.razor.rz.scp.css */
.shell-header[b-5j66oge627] {
    position: sticky;
    z-index: 1040;
    top: 0;
    border-bottom: 1px solid var(--hvo-border-muted);
    background: rgba(5, 7, 13, 0.92);
    backdrop-filter: blur(18px);
}

.shell-header__bar[b-5j66oge627] {
    display: grid;
    width: 100%;
    min-height: 4rem;
    grid-template-columns: 19rem minmax(0, 1fr);
    align-items: center;
    gap: 0;
    margin-inline: auto;
    padding-inline: 1rem;
}

.shell-brand[b-5j66oge627] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--hvo-body-color);
    text-decoration: none;
    line-height: normal;
}

.shell-brand:hover[b-5j66oge627],
.shell-brand:focus-visible[b-5j66oge627] {
    color: var(--hvo-body-color);
}

.shell-brand__mark[b-5j66oge627] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    color: var(--hvo-accent);
}

.shell-brand__mark svg[b-5j66oge627],
.shell-menu[b-5j66oge627]  .navigation-toggle svg,
.nav-avatar-button svg[b-5j66oge627] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shell-brand__mark svg[b-5j66oge627] {
    width: 2rem;
    height: 2rem;
    stroke-width: 1.35;
}

.shell-brand__copy[b-5j66oge627],
.shell-brand__copy strong[b-5j66oge627],
.shell-brand__copy small[b-5j66oge627] {
    display: block;
}

.shell-brand__copy strong[b-5j66oge627] {
    font-size: 0.86rem;
    letter-spacing: 0.01em;
}

.shell-brand__copy small[b-5j66oge627] {
    margin-top: 0.12rem;
    color: var(--hvo-muted);
    font-size: 0.66rem;
}

.shell-menu__toggle[b-5j66oge627] {
    display: none;
}

.shell-menu__panel[b-5j66oge627] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.shell-primary[b-5j66oge627] {
    display: flex;
    min-width: 0;
    min-height: 4rem;
    align-items: stretch;
    gap: 0.2rem;
}

/* Header links are plain text with one active indicator. The global theme styles
   .nav-badge as an outlined pill for other surfaces; every property that rule sets
   is reset here so the header does not inherit a second treatment. */
.shell-primary[b-5j66oge627]  .nav-badge {
    position: relative;
    display: grid;
    place-items: center;
    padding: 0 0.9rem;
    border: 0;
    border-radius: 0;
    color: var(--hvo-muted-strong);
    background: transparent;
    box-shadow: none;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    transition: color 0.15s ease;
}

.shell-primary[b-5j66oge627]  .nav-badge:hover,
.shell-primary[b-5j66oge627]  .nav-badge:focus-visible,
.shell-primary[b-5j66oge627]  .nav-badge.active,
.shell-primary[b-5j66oge627]  .nav-badge[aria-current="page"] {
    color: var(--hvo-body-color);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.shell-primary[b-5j66oge627]  .nav-badge:focus-visible {
    outline: 2px solid var(--hvo-accent);
    outline-offset: -2px;
}

.shell-primary[b-5j66oge627]  .nav-badge.active::after {
    position: absolute;
    right: 0.9rem;
    bottom: 0;
    left: 0.9rem;
    height: 2px;
    background: var(--hvo-accent);
    content: "";
}

.nav-toolbar[b-5j66oge627] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.nav-account-info[b-5j66oge627] {
    position: relative;
}

.nav-account-info > summary[b-5j66oge627] {
    list-style: none;
}

.nav-account-info > summary[b-5j66oge627]::-webkit-details-marker {
    display: none;
}

.nav-avatar-button[b-5j66oge627],
.nav-login-pill[b-5j66oge627],
.shell-menu__toggle[b-5j66oge627] {
    min-height: 2.75rem;
    border: 1px solid var(--hvo-border-stronger);
    border-radius: 0.5rem;
    color: var(--hvo-muted-strong);
    background: var(--hvo-surface);
    cursor: pointer;
}

.nav-avatar-button[b-5j66oge627] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.65rem 0.3rem 0.3rem;
}

.nav-avatar-button:hover[b-5j66oge627],
.nav-avatar-button:focus-visible[b-5j66oge627],
.nav-login-pill:hover[b-5j66oge627],
.nav-login-pill:focus-visible[b-5j66oge627],
.shell-menu__toggle:hover[b-5j66oge627],
.shell-menu__toggle:focus-visible[b-5j66oge627] {
    border-color: var(--hvo-border-strong);
    color: var(--hvo-body-color);
    background: var(--hvo-surface-hover);
}

.nav-avatar-button svg[b-5j66oge627] {
    width: 0.8rem;
    height: 0.8rem;
}

.nav-avatar[b-5j66oge627] {
    display: inline-flex;
    flex: 0 0 auto;
    width: 1.9rem;
    height: 1.9rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--hvo-accent-strong);
    font-size: 0.72rem;
    font-weight: 750;
}

.nav-account-details[b-5j66oge627] {
    display: flex;
    max-width: 13rem;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    line-height: 1.1;
}

.nav-account-name[b-5j66oge627],
.nav-account-email[b-5j66oge627] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-account-name[b-5j66oge627] {
    color: var(--hvo-body-color);
    font-size: 0.76rem;
    font-weight: 650;
}

.nav-account-email[b-5j66oge627] {
    margin-top: 0.18rem;
    color: var(--hvo-muted-weak);
    font-size: 0.64rem;
}

.nav-account-menu[b-5j66oge627] {
    position: absolute;
    top: calc(100% + 0.45rem);
    right: 0;
    display: grid;
    width: 13rem;
    gap: 0.2rem;
    margin: 0;
    padding: 0.35rem;
    border: 1px solid var(--hvo-border-stronger);
    border-radius: 0.55rem;
    background: #0a111b;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.45);
    list-style: none;
}

.nav-account-menu a[b-5j66oge627],
.nav-logout-button[b-5j66oge627] {
    display: block;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 0.7rem;
    border: 0;
    border-radius: 0.35rem;
    color: var(--hvo-muted-strong);
    background: transparent;
    font-size: 0.78rem;
    text-align: left;
    text-decoration: none;
}

.nav-account-menu a:hover[b-5j66oge627],
.nav-account-menu a:focus-visible[b-5j66oge627],
.nav-logout-button:hover[b-5j66oge627],
.nav-logout-button:focus-visible[b-5j66oge627] {
    color: var(--hvo-body-color);
    background: var(--hvo-surface-hover);
}

.nav-logout-form[b-5j66oge627] {
    margin: 0;
}

.nav-logout-button[b-5j66oge627] {
    color: var(--hvo-danger-strong);
    cursor: pointer;
}

.nav-login-pill[b-5j66oge627] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

@media (min-width: 781px) and (max-width: 1100px) {
    .shell-header__bar[b-5j66oge627] { grid-template-columns: 16.5rem minmax(0, 1fr); }
    .shell-primary[b-5j66oge627]  .nav-badge { padding-inline: .55rem; }
    .shell-primary[b-5j66oge627]  .nav-badge.active::after { right: .55rem; left: .55rem; }
    .nav-account-details[b-5j66oge627] { display: none; }
}

@media (max-width: 780px) {
    .shell-header__bar[b-5j66oge627] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: calc(4rem - 1px);
        gap: 0.75rem;
    }

    .shell-menu[b-5j66oge627] {
        position: relative;
    }

    .shell-menu[b-5j66oge627]  .navigation-toggle {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.45rem 0.7rem;
        font-size: 0.75rem;
        font-weight: 700;
    }

    .shell-menu[b-5j66oge627]  .navigation-toggle svg {
        width: 1rem;
        height: 1rem;
    }

    .shell-menu[b-5j66oge627]  .navigation-panel:not(:modal) { display: none; }

    .shell-menu[b-5j66oge627]  .navigation-panel:modal {
        position: fixed;
        inset: 4.35rem .65rem auto auto;
        width: min(15rem, calc(100vw - 1.3rem));
        max-height: calc(100dvh - 5rem);
        overflow-y: auto;
        padding: .35rem;
        border: 1px solid var(--hvo-border-muted);
        border-radius: .5rem;
        background: #0a111b;
        box-shadow: 0 18px 38px rgba(0, 0, 0, .45);
    }

    .shell-menu__panel[b-5j66oge627] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 0.5rem;
        padding: 0.45rem;
    }

    .shell-primary[b-5j66oge627] {
        display: grid;
        min-height: 0;
        gap: 0.15rem;
    }

    .shell-primary[b-5j66oge627]  .nav-badge {
        min-height: 2.75rem;
        justify-content: start;
        padding-inline: 0.75rem;
        border-radius: 0.4rem;
    }

    .shell-primary[b-5j66oge627]  .nav-badge.active,
    .shell-primary[b-5j66oge627]  .nav-badge[aria-current="page"] {
        background: var(--hvo-accent-soft);
    }

    .shell-primary[b-5j66oge627]  .nav-badge.active::after {
        display: none;
    }

    .nav-toolbar[b-5j66oge627],
    .nav-account-info[b-5j66oge627],
    .nav-avatar-button[b-5j66oge627],
    .nav-login-pill[b-5j66oge627] {
        width: 100%;
        min-width: 0;
    }

    .nav-account-menu[b-5j66oge627] {
        position: static;
        width: 100%;
        margin-top: 0.35rem;
        box-shadow: none;
    }
}

@media (max-width: 359.98px) {
    .shell-brand__copy small[b-5j66oge627] {
        display: none;
    }

    .shell-brand__copy strong[b-5j66oge627] {
        font-size: 0.78rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mxju1ji109] {
    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-mxju1ji109] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-mxju1ji109] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    /* Legacy navigation styles removed; see MainLayoutNavigation for the current implementation. */
    line-height: 3rem;
    width: 100%;
}

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

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

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

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

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

    .nav-scrollable[b-mxju1ji109] {
        /* 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/Layout/OperationsLayout.razor.rz.scp.css */
/* Ported from docs/prototypes/pipeline-operations/operations-pages.css (sidebar, page heading and the shared ops-*
   vocabulary) and the base rules of styles.css that the Operations pages use. Selectors and values are the
   prototype's; the only changes are the token aliases below, scoping, an h1 page title in place of the prototype's
   h2, the ResponsiveNavigation drawer in place of the prototype's scripted sidebar, and the sidebar type sizes kept
   from fc120184 (the operator's quieted Operations typography, with the sidebar width and badge scaled to match,
   and its 550 panel-title weight), a nowrap panel-heading meta, and a quieter value for a fact no source reports.
   Page-specific prototype rules (geometry visual, sky clock, pipeline workspace, ...) live with their page. */
.operations-layout[b-uw6xf9ajsc] {
    --bg: var(--hvo-body-bg);
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    --surface-soft: #0a111b;
    --surface-hover: var(--hvo-surface-hover);
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-strong: #2f81f7;
    --blue-soft: rgba(47, 129, 247, .16);
    --green: #3fb950;
    --green-soft: rgba(63, 185, 80, .15);
    --amber: #d29922;
    --amber-soft: rgba(210, 153, 34, .16);
    --red: #f85149;
    --red-soft: rgba(248, 81, 73, .15);
    --purple: #bc8cff;
    --cyan: #39c5cf;
    display: grid;
    grid-template-columns: 19rem minmax(0, 1fr);
    min-height: calc(100vh - 4rem);
    align-items: start;
    color: var(--text);
}

/* Sidebar. Markup and colours are the prototype's; type sizes are fc120184's. */
.operations-navigation-shell[b-uw6xf9ajsc] { position: sticky; z-index: 25; top: 4rem; min-width: 0; }

/* Positioned so its visually-hidden reason spans stay inside the scroller instead of lengthening short pages. */
.operations-sidebar[b-uw6xf9ajsc] {
    position: relative;
    display: flex;
    height: calc(100dvh - 4rem);
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid var(--border);
    background: linear-gradient(180deg, rgba(10, 17, 27, .98), rgba(7, 12, 20, .96));
    scrollbar-color: var(--border-strong) transparent;
}

.operations-sidebar svg[b-uw6xf9ajsc] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.operations-sidebar-head[b-uw6xf9ajsc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    padding: 1.4rem 1.2rem 1.1rem;
    border-bottom: 1px solid var(--border);
    line-height: normal;
}

.operations-sidebar-head .eyebrow[b-uw6xf9ajsc] { margin: 0 0 .35rem; color: var(--muted); font-size: .7rem; font-weight: 600; letter-spacing: .08em; }
.operations-sidebar-head strong[b-uw6xf9ajsc] { display: block; font-size: 1.15rem; font-weight: 550; letter-spacing: -.02em; }
.operations-sidebar-head .state-chip[b-uw6xf9ajsc] { margin-top: .05rem; }

.operations-navigation[b-uw6xf9ajsc] { padding: .65rem .7rem 1rem; }
.operations-navigation a[b-uw6xf9ajsc] {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr) auto;
    min-height: 2.75rem;
    align-items: center;
    gap: .55rem;
    margin: .1rem 0;
    padding: .48rem .6rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    color: var(--muted-strong);
    font-size: .86rem;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.operations-navigation a:hover[b-uw6xf9ajsc] { border-color: var(--border); color: var(--text); background: var(--surface-hover); }
.operations-navigation a.active[b-uw6xf9ajsc] { border-color: rgba(88, 166, 255, .25); color: white; background: linear-gradient(90deg, var(--blue-soft), rgba(47, 129, 247, .035)); font-weight: 600; }
.operations-navigation a.active .ops-nav-icon[b-uw6xf9ajsc] { color: var(--blue); }
/* A section the prototype names but this CameraAgent does not implement yet: still reachable, visibly quieter. */
.ops-nav-icon[b-uw6xf9ajsc] { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; color: var(--muted); }
.ops-nav-icon svg[b-uw6xf9ajsc] { width: 1.15rem; height: 1.15rem; }
.ops-nav-group[b-uw6xf9ajsc] { margin: 1.1rem .6rem .4rem; color: var(--muted); font-size: .69rem; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.ops-nav-badge[b-uw6xf9ajsc] { padding: .15rem .4rem; border-radius: 999px; font: 700 .62rem ui-monospace, monospace; }
.ops-nav-badge.attention[b-uw6xf9ajsc] { color: #f1c96f; background: var(--amber-soft); }
.ops-nav-badge.neutral[b-uw6xf9ajsc] { color: var(--muted); background: var(--surface-raised); }

.operations-scope[b-uw6xf9ajsc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin-top: auto;
    padding: 1rem 1.2rem;
    border-top: 1px solid var(--border);
    background: rgba(13, 20, 32, .92);
}

.operations-scope strong[b-uw6xf9ajsc], .operations-scope small[b-uw6xf9ajsc] { display: block; }
.operations-scope strong[b-uw6xf9ajsc] { font-size: .85rem; }
.operations-scope small[b-uw6xf9ajsc] { margin-top: .18rem; overflow: hidden; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.operations-scope a[b-uw6xf9ajsc] { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .3rem; color: var(--muted); }
.operations-scope a:hover[b-uw6xf9ajsc] { color: var(--text); background: var(--surface-hover); }

.operations-navigation-shell[b-uw6xf9ajsc]  .navigation-toggle {
    gap: .45rem;
    padding: .5rem .85rem;
    border-color: var(--border-strong);
    color: var(--text);
    background: var(--surface-raised);
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
}

.operations-navigation-shell[b-uw6xf9ajsc]  .navigation-toggle:hover { background: var(--surface-hover); }
.operations-navigation-shell[b-uw6xf9ajsc]  .navigation-toggle svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.operations-navigation-shell[b-uw6xf9ajsc]  .navigation-close { padding: .45rem; border-color: var(--border); color: var(--muted-strong); background: var(--surface); cursor: pointer; }
.operations-navigation-shell[b-uw6xf9ajsc]  .navigation-close:hover { border-color: var(--border-strong); color: var(--text); background: var(--surface-hover); }

.operations-content[b-uw6xf9ajsc] { min-width: 0; padding: clamp(1rem, 2.6vw, 2.5rem) clamp(.75rem, 2.6vw, 2.5rem) 4rem; }
/* Pages not yet ported from the prototype still provide their own gutters; do not stack the layout gutter. */
.operations-content:has(.system-page, .quarantine-page)[b-uw6xf9ajsc] { padding: 0; }
.operations-page-frame[b-uw6xf9ajsc] { width: min(100%, 92rem); margin: 0 auto; }

/* Base rules from styles.css. */
.operations-layout[b-uw6xf9ajsc]  .eyebrow { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }

.operations-layout[b-uw6xf9ajsc]  .button {
    display: inline-flex;
    min-height: 2.45rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .85rem;
    border: 1px solid var(--border-strong);
    border-radius: .45rem;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.operations-layout[b-uw6xf9ajsc]  :is(.button, .icon-button) svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.operations-layout[b-uw6xf9ajsc]  .button:disabled { cursor: not-allowed; opacity: .55; }
.operations-layout[b-uw6xf9ajsc]  .button.secondary { color: var(--text); background: var(--surface-raised); }
.operations-layout[b-uw6xf9ajsc]  .button.secondary:hover:not(:disabled) { background: var(--surface-hover); }
.operations-layout[b-uw6xf9ajsc]  .button.primary { border-color: #3c8df2; color: white; background: var(--blue-strong); }
.operations-layout[b-uw6xf9ajsc]  .button.primary:hover:not(:disabled) { background: #388bfd; }
/* :where() keeps this below the hvo-dark coarse-pointer 44px rule, which is the single place for touch targets. */
.operations-layout[b-uw6xf9ajsc]  .button:where(.small) { min-height: 2.1rem; padding: .4rem .65rem; font-size: .68rem; }

.operations-layout[b-uw6xf9ajsc]  .icon-button {
    display: inline-flex;
    min-width: 2.4rem;
    min-height: 2.4rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .45rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    color: var(--muted-strong);
    background: var(--surface);
    cursor: pointer;
}

.operations-layout[b-uw6xf9ajsc]  .icon-button:hover { border-color: var(--border-strong); color: var(--text); background: var(--surface-hover); }
.operations-layout[b-uw6xf9ajsc]  .agent-dot { width: .48rem; height: .48rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }

.operations-layout[b-uw6xf9ajsc]  .status-icon { position: relative; display: inline-grid; width: 1.05rem; height: 1.05rem; flex: 0 0 auto; place-items: center; border-radius: 50%; }
.operations-layout[b-uw6xf9ajsc]  .status-icon::after { color: #07110a; font-weight: 900; line-height: 1; content: ""; }
.operations-layout[b-uw6xf9ajsc]  .status-icon.success { background: var(--green); }
.operations-layout[b-uw6xf9ajsc]  .status-icon.success::after { content: "\2713"; }
.operations-layout[b-uw6xf9ajsc]  .status-icon.warning { background: var(--amber); }
.operations-layout[b-uw6xf9ajsc]  .status-icon.warning::after { color: #1d1504; content: "!"; }
.operations-layout[b-uw6xf9ajsc]  .status-icon.failure { background: var(--red); }
.operations-layout[b-uw6xf9ajsc]  .status-icon.failure::after { color: white; content: "\00d7"; }
.operations-layout[b-uw6xf9ajsc]  .status-icon.running { border: 2px solid var(--blue); border-top-color: transparent; animation: spin-b-uw6xf9ajsc 1s linear infinite; }
.operations-layout[b-uw6xf9ajsc]  .status-icon.pending, .operations-layout[b-uw6xf9ajsc]  .status-icon.skipped { border: 2px solid var(--muted); }
.operations-layout[b-uw6xf9ajsc]  .status-icon.skipped::after { width: .5rem; height: 1px; background: var(--muted); content: ""; }

.operations-layout[b-uw6xf9ajsc]  .state-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .55rem; border: 1px solid; border-radius: 999px; font-size: .61rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.operations-layout[b-uw6xf9ajsc]  .state-chip.success { border-color: rgba(63, 185, 80, .4); color: #8fe49c; background: var(--green-soft); }
.operations-layout[b-uw6xf9ajsc]  .state-chip.warning, .operations-layout[b-uw6xf9ajsc]  .state-chip.retrying { border-color: rgba(210, 153, 34, .45); color: #e6bd62; background: var(--amber-soft); }
.operations-layout[b-uw6xf9ajsc]  .state-chip.failure { border-color: rgba(248, 81, 73, .45); color: #ff9b95; background: var(--red-soft); }
.operations-layout[b-uw6xf9ajsc]  .state-chip.running { border-color: rgba(88, 166, 255, .45); color: #9bcaff; background: var(--blue-soft); }
.operations-layout[b-uw6xf9ajsc]  .state-chip.pending, .operations-layout[b-uw6xf9ajsc]  .state-chip.skipped { border-color: var(--border); color: var(--muted-strong); background: var(--surface); }

.operations-layout[b-uw6xf9ajsc]  .action-dialog {
    width: min(calc(100% - 2rem), 38rem);
    max-height: calc(100vh - 2rem);
    padding: 0;
    border: 1px solid var(--border-strong);
    border-radius: .7rem;
    color: var(--text);
    background: #0c131e;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .75);
}

.operations-layout[b-uw6xf9ajsc]  .action-dialog::backdrop { background: rgba(1, 4, 9, .82); backdrop-filter: blur(4px); }
.operations-layout[b-uw6xf9ajsc]  .action-dialog form { margin: 0; }
.operations-layout[b-uw6xf9ajsc]  .action-dialog .dialog-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1.1rem; border-bottom: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  .action-dialog h2 { margin: 0; font-size: 1.12rem; }
.operations-layout[b-uw6xf9ajsc]  .dialog-intro { margin: 1rem 1.1rem; color: var(--muted-strong); font-size: .72rem; line-height: 1.55; }
.operations-layout[b-uw6xf9ajsc]  .action-dialog fieldset { display: grid; gap: .55rem; margin: 0 1.1rem; padding: 0; border: 0; }
.operations-layout[b-uw6xf9ajsc]  .dialog-note { display: grid; gap: .2rem; margin: .9rem 1.1rem 0; padding: .7rem; border-left: 2px solid var(--blue); color: var(--muted-strong); background: var(--surface-raised); font-size: .65rem; }
.operations-layout[b-uw6xf9ajsc]  .dialog-note strong { color: var(--text); }
.operations-layout[b-uw6xf9ajsc]  .action-dialog footer { display: flex; justify-content: flex-end; gap: .55rem; margin-top: 1rem; padding: .9rem 1.1rem; border-top: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  .operations-dialog > form > p { margin: 1rem 1.1rem .6rem; color: var(--muted-strong); font-size: .67rem; line-height: 1.5; }
.operations-layout[b-uw6xf9ajsc]  .operations-dialog-note { display: grid; gap: .18rem; margin: .7rem 1.1rem; padding: .65rem; border-left: 2px solid var(--blue); color: var(--muted); background: var(--blue-soft); font-size: .57rem; }
.operations-layout[b-uw6xf9ajsc]  .operations-dialog-note strong { color: var(--text); }

.operations-layout[b-uw6xf9ajsc]  .toast { position: fixed; z-index: 80; right: 1rem; bottom: 1rem; display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: center; min-width: 19rem; padding: .8rem; border: 1px solid rgba(63, 185, 80, .48); border-radius: .45rem; background: #101b18; box-shadow: 0 18px 45px rgba(0, 0, 0, .45); }
.operations-layout[b-uw6xf9ajsc]  .toast strong, .operations-layout[b-uw6xf9ajsc]  .toast p { margin: 0; }
.operations-layout[b-uw6xf9ajsc]  .toast strong { font-size: .72rem; }
.operations-layout[b-uw6xf9ajsc]  .toast p { margin-top: .18rem; color: var(--muted); font-size: .64rem; }
.operations-layout[b-uw6xf9ajsc]  .toast[hidden] { display: none; }

/* Shared Operations vocabulary from operations-pages.css. */
.operations-layout[b-uw6xf9ajsc]  .ops-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-page-heading h1 { margin: 0; font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1; letter-spacing: -.045em; }
.operations-layout[b-uw6xf9ajsc]  .ops-page-heading p:not(.eyebrow) { max-width: 48rem; margin: .6rem 0 0; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.operations-layout[b-uw6xf9ajsc]  .ops-page-actions { display: flex; align-items: center; gap: .55rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-page-actions .button { white-space: nowrap; }
.operations-layout[b-uw6xf9ajsc]  .ops-authority { display: inline-flex; align-items: center; gap: .35rem; padding: .26rem .45rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted-strong); background: rgba(13, 20, 32, .72); font: 650 .53rem ui-monospace, monospace; white-space: nowrap; }
.operations-layout[b-uw6xf9ajsc]  .ops-authority i { width: .4rem; height: .4rem; border-radius: 50%; background: var(--cyan); }

.operations-layout[b-uw6xf9ajsc]  :is(.ops-panel, .ops-state-deck, .ops-profile-banner, .ops-note-banner) {
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: rgba(9, 15, 24, .88);
    box-shadow: 0 15px 38px rgba(0, 0, 0, .13);
}

.operations-layout[b-uw6xf9ajsc]  .ops-panel { min-width: 0; padding: .9rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .7rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-panel-heading h2, .operations-layout[b-uw6xf9ajsc]  .ops-panel-heading h3 { margin: 0; font-size: .84rem; font-weight: 550; }
.operations-layout[b-uw6xf9ajsc]  .ops-panel-heading p { margin: .24rem 0 0; color: var(--muted); font-size: .61rem; line-height: 1.4; }
.operations-layout[b-uw6xf9ajsc]  .ops-panel-heading > span, .operations-layout[b-uw6xf9ajsc]  .ops-panel-heading > a { color: var(--muted); font: 650 .55rem ui-monospace, monospace; text-decoration: none; white-space: nowrap; }

.operations-layout[b-uw6xf9ajsc]  .ops-state-deck {
    position: relative;
    display: grid;
    grid-template-columns: minmax(15rem, 1.15fr) minmax(32rem, 2fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 7.2rem;
    margin-bottom: .9rem;
    padding: 1rem;
    overflow: hidden;
}

.operations-layout[b-uw6xf9ajsc]  .ops-state-deck::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--green); content: ""; }
/* The prototype only draws the running state; paused and unknown states must not wear its green bar. */
.operations-layout[b-uw6xf9ajsc]  .ops-state-deck.warning::before { background: var(--amber); }
.operations-layout[b-uw6xf9ajsc]  .ops-state-deck.pending::before { background: var(--muted); }
.operations-layout[b-uw6xf9ajsc]  .ops-state-primary { display: flex; align-items: center; gap: .8rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-orbit { position: relative; display: grid; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; place-items: center; border: 1px solid rgba(63, 185, 80, .36); border-radius: 50%; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-orbit::before { position: absolute; width: 1.8rem; height: 1.8rem; border: 1px dashed rgba(63, 185, 80, .42); border-radius: 50%; content: ""; animation: orbit-b-uw6xf9ajsc 8s linear infinite; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-orbit i { width: .58rem; height: .58rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px rgba(63, 185, 80, .8); }
.operations-layout[b-uw6xf9ajsc]  .ops-state-primary strong, .operations-layout[b-uw6xf9ajsc]  .ops-state-primary span { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-primary strong { font-size: .88rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-primary span { margin-top: .25rem; color: var(--muted); font-size: .61rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-state-facts > div { padding: .18rem .75rem; border-left: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  :is(.ops-state-facts, .ops-facts) dt { color: var(--muted); font-size: .51rem; letter-spacing: .05em; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  :is(.ops-state-facts, .ops-facts) dd { margin: .24rem 0 0; font-size: .65rem; font-weight: 720; }

.operations-layout[b-uw6xf9ajsc]  .ops-grid { display: grid; gap: .8rem; margin-top: .8rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.operations-layout[b-uw6xf9ajsc]  .ops-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.operations-layout[b-uw6xf9ajsc]  .ops-grid.sidebar-right { grid-template-columns: minmax(0, 1.75fr) minmax(18rem, .75fr); }
/* Real data is sparser than the prototype fixture; nested columns keep their panels at content height. */
.operations-layout[b-uw6xf9ajsc]  .ops-grid.sidebar-right > .ops-grid { align-content: start; }
.operations-layout[b-uw6xf9ajsc]  .ops-span-two { grid-column: span 2; }

.operations-layout[b-uw6xf9ajsc]  .ops-attention-list { display: grid; gap: .45rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .65rem; align-items: center; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .62); }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item.warning { border-left: 2px solid var(--amber); }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item.info { border-left: 2px solid var(--blue); }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item strong, .operations-layout[b-uw6xf9ajsc]  .ops-attention-item small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item strong { font-size: .66rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item small { margin-top: .16rem; color: var(--muted); font-size: .56rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-attention-item a { font-size: .56rem; font-weight: 700; text-decoration: none; white-space: nowrap; }

.operations-layout[b-uw6xf9ajsc]  .ops-configuration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card { display: block; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; color: var(--text); background: rgba(13, 20, 32, .56); text-decoration: none; }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card:hover { border-color: var(--blue); background: var(--surface-hover); }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card span, .operations-layout[b-uw6xf9ajsc]  .ops-config-card strong, .operations-layout[b-uw6xf9ajsc]  .ops-config-card small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card span { color: var(--blue); font-size: .5rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card strong { margin-top: .22rem; font-size: .68rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-config-card small { margin-top: .18rem; color: var(--muted); font-size: .53rem; }

.operations-layout[b-uw6xf9ajsc]  .ops-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-metric { padding: .7rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .6); }
.operations-layout[b-uw6xf9ajsc]  .ops-metric span, .operations-layout[b-uw6xf9ajsc]  .ops-metric strong, .operations-layout[b-uw6xf9ajsc]  .ops-metric small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-metric span { color: var(--muted); font-size: .5rem; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  .ops-metric strong { margin-top: .24rem; font-size: 1rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-metric strong.unreported { color: var(--muted-strong); font-size: .78rem; font-weight: 600; line-height: 1.5; }
.operations-layout[b-uw6xf9ajsc]  .ops-metric small { margin-top: .15rem; color: var(--muted); font-size: .53rem; }

.operations-layout[b-uw6xf9ajsc]  .ops-lane-list { display: grid; gap: .65rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-lane { display: grid; grid-template-columns: minmax(7rem, .9fr) minmax(12rem, 2fr) 5rem; gap: .65rem; align-items: center; }
.operations-layout[b-uw6xf9ajsc]  .ops-lane strong, .operations-layout[b-uw6xf9ajsc]  .ops-lane small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-lane strong { font-size: .61rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-lane small { margin-top: .12rem; color: var(--muted); font-size: .51rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-lane > span:last-child { color: var(--muted-strong); font: 650 .54rem ui-monospace, monospace; text-align: right; }
.operations-layout[b-uw6xf9ajsc]  .ops-meter { height: .35rem; border-radius: 999px; background: var(--surface-raised); overflow: hidden; }
.operations-layout[b-uw6xf9ajsc]  .ops-meter i { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.operations-layout[b-uw6xf9ajsc]  .ops-meter.attention i { background: var(--amber); }
.operations-layout[b-uw6xf9ajsc]  .ops-meter.blue i { background: var(--blue); }

.operations-layout[b-uw6xf9ajsc]  .ops-audit-list { margin: 0; padding: 0; list-style: none; }
.operations-layout[b-uw6xf9ajsc]  .ops-audit-list li { display: grid; grid-template-columns: 4.6rem auto minmax(0, 1fr); gap: .55rem; align-items: baseline; padding: .52rem 0; border-top: 1px solid var(--border); font-size: .57rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-audit-list li:first-child { border-top: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-audit-list time { color: var(--muted); font: .52rem ui-monospace, monospace; }
.operations-layout[b-uw6xf9ajsc]  .ops-audit-list strong { font-size: .58rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-audit-list span { color: var(--muted); }

.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; padding: .8rem .9rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner > div { display: flex; align-items: center; gap: .7rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner strong, .operations-layout[b-uw6xf9ajsc]  .ops-profile-banner small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner strong { font-size: .72rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner small { margin-top: .18rem; color: var(--muted); font-size: .56rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner dl { display: flex; gap: 1.3rem; margin: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner dt { color: var(--muted); font-size: .48rem; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  .ops-profile-banner dd { margin: .18rem 0 0; font-size: .58rem; font-weight: 700; }

.operations-layout[b-uw6xf9ajsc]  .ops-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-facts > div { padding: .58rem 0; border-top: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  .ops-facts > div:nth-child(odd) { padding-right: .65rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-facts > div:nth-child(even) { padding-left: .65rem; border-left: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  .ops-facts > div.full { grid-column: 1 / -1; padding-right: 0; padding-left: 0; border-left: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-facts dd code { color: #c4dcfa; font-size: .56rem; }

.operations-layout[b-uw6xf9ajsc]  .ops-capability-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-capability { display: flex; align-items: center; gap: .45rem; padding: .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--muted-strong); font-size: .57rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-capability i { width: .45rem; height: .45rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); }

.operations-layout[b-uw6xf9ajsc]  .ops-table-wrap { overflow-x: auto; }
.operations-layout[b-uw6xf9ajsc]  .ops-table { width: 100%; border-collapse: collapse; font-size: .65rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-table th { padding: .5rem; border-bottom: 1px solid var(--border-strong); color: var(--muted); font-size: .6rem; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  .ops-table td { padding: .58rem .5rem; border-bottom: 1px solid var(--border); color: var(--muted-strong); }
.operations-layout[b-uw6xf9ajsc]  .ops-table td strong { color: var(--text); }
.operations-layout[b-uw6xf9ajsc]  .ops-table tr:last-child td { border-bottom: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-table .current-row { background: rgba(47, 129, 247, .07); }

.operations-layout[b-uw6xf9ajsc]  .ops-note-banner { display: flex; align-items: flex-start; gap: .65rem; margin-bottom: .8rem; padding: .7rem .8rem; color: var(--muted-strong); font-size: .6rem; line-height: 1.45; }
.operations-layout[b-uw6xf9ajsc]  .ops-note-banner .status-icon { flex: 0 0 auto; }
.operations-layout[b-uw6xf9ajsc]  .ops-note-banner strong { color: var(--text); }
.operations-layout[b-uw6xf9ajsc]  .ops-note-banner.compact { margin: .7rem 0 0; box-shadow: none; }

/* Prototype .ops-progress-steps; the state modifiers colour the top rule the prototype always draws green. */
.operations-layout[b-uw6xf9ajsc]  .ops-progress-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; margin: 0; padding: 0; list-style: none; }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step { position: relative; padding: .65rem; border-top: 2px solid var(--green); color: var(--muted); background: rgba(13, 20, 32, .54); }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step.blocking { border-top-color: var(--red); }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step.info { border-top-color: var(--blue); }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step.not-reached { border-top-color: var(--border-strong); opacity: .72; }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step strong { display: block; color: var(--text); font-size: .6rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-progress-step span { display: block; margin-top: .18rem; font-size: .51rem; line-height: 1.4; }

.operations-layout[b-uw6xf9ajsc]  .ops-action-list { display: grid; gap: .45rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-action-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; align-items: center; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.operations-layout[b-uw6xf9ajsc]  .ops-action-icon { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .4rem; color: var(--blue); background: var(--blue-soft); }
.operations-layout[b-uw6xf9ajsc]  .ops-action-icon svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.operations-layout[b-uw6xf9ajsc]  .ops-action-row strong, .operations-layout[b-uw6xf9ajsc]  .ops-action-row small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-action-row strong { font-size: .64rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-action-row small { margin-top: .15rem; color: var(--muted); font-size: .54rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-action-row.danger .ops-action-icon { color: var(--red); background: var(--red-soft); }

.operations-layout[b-uw6xf9ajsc]  .ops-status-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: .8rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .88); }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail > div { padding: .7rem; border-left: 1px solid var(--border); }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail > div:first-child { border-left: 0; }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail span, .operations-layout[b-uw6xf9ajsc]  .ops-status-rail strong, .operations-layout[b-uw6xf9ajsc]  .ops-status-rail small { display: block; }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail span { color: var(--muted); font-size: .49rem; text-transform: uppercase; }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail strong { margin-top: .23rem; font-size: .68rem; }
.operations-layout[b-uw6xf9ajsc]  .ops-status-rail small { margin-top: .14rem; color: var(--muted); font-size: .5rem; }

/* The prototype styles .ops-field controls but never lays out the label; it follows .focus-controls label, at the
   .6rem floor the prototype's own legibility overrides use for table headings. */
.operations-layout[b-uw6xf9ajsc]  .ops-field { display: grid; gap: .25rem; color: var(--muted); font-size: .6rem; }
.operations-layout[b-uw6xf9ajsc]  :is(.ops-field input, .ops-field select, .ops-field textarea) { width: 100%; min-height: 2.15rem; padding: .4rem .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); font-size: .72rem; }

@keyframes orbit-b-uw6xf9ajsc { to { transform: rotate(360deg); } }
@keyframes spin-b-uw6xf9ajsc { to { transform: rotate(360deg); } }

@media (max-width: 1180px) {
    .operations-layout[b-uw6xf9ajsc]  .ops-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-deck { grid-template-columns: 1fr auto; }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-facts { grid-column: 1 / -1; grid-row: 2; }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-facts > div:first-child { border-left: 0; }
}

@media (max-width: 940px) {
    .operations-layout[b-uw6xf9ajsc] { display: block; }
    .operations-navigation-shell[b-uw6xf9ajsc] { position: static; }
    .operations-navigation-shell[b-uw6xf9ajsc]  .navigation-toggle { display: inline-flex; margin: 1rem .75rem 0; }
    .operations-navigation-shell[b-uw6xf9ajsc]  .navigation-panel:not(:modal) { display: none; }
    .operations-navigation-shell[b-uw6xf9ajsc]  .navigation-panel:modal { position: fixed; inset: 4rem auto 0 0; width: min(19rem, calc(100vw - 2rem)); height: calc(100dvh - 4rem); max-height: none; background: #0a111b; overflow-y: auto; box-shadow: 18px 0 45px rgba(0, 0, 0, .45); }
    .operations-navigation-shell[b-uw6xf9ajsc]  .navigation-close { position: absolute; top: 1rem; right: .75rem; }
    .operations-sidebar[b-uw6xf9ajsc] { height: auto; min-height: 100%; overflow: visible; }
    .operations-sidebar-head[b-uw6xf9ajsc] { padding-right: 4rem; }
    .operations-sidebar-head .state-chip[b-uw6xf9ajsc] { display: none; }
    .operations-content[b-uw6xf9ajsc] { padding-top: .8rem; }
    .operations-layout[b-uw6xf9ajsc]  .ops-grid.sidebar-right { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .operations-content[b-uw6xf9ajsc] { padding: .8rem .65rem 3rem; }
    .operations-layout[b-uw6xf9ajsc]  .ops-page-heading { display: grid; align-items: start; }
    .operations-layout[b-uw6xf9ajsc]  .ops-page-actions { width: 100%; flex-wrap: wrap; }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-deck { grid-template-columns: 1fr; }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-facts { grid-column: auto; grid-row: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-facts > div { padding: .5rem; border-top: 1px solid var(--border); border-left: 0; }
    .operations-layout[b-uw6xf9ajsc]  .ops-state-facts > div:nth-child(even) { border-left: 1px solid var(--border); }
    .operations-layout[b-uw6xf9ajsc]  :is(.ops-grid.two, .ops-grid.three) { grid-template-columns: 1fr; }
    .operations-layout[b-uw6xf9ajsc]  .ops-span-two { grid-column: auto; }
    .operations-layout[b-uw6xf9ajsc]  .ops-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-layout[b-uw6xf9ajsc]  .ops-progress-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-layout[b-uw6xf9ajsc]  .ops-profile-banner { align-items: flex-start; flex-direction: column; }
    .operations-layout[b-uw6xf9ajsc]  .ops-profile-banner dl { width: 100%; justify-content: space-between; }
    .operations-layout[b-uw6xf9ajsc]  .ops-status-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-layout[b-uw6xf9ajsc]  .ops-status-rail > div { border-top: 1px solid var(--border); border-left: 0; }
    .operations-layout[b-uw6xf9ajsc]  .ops-status-rail > div:nth-child(even) { border-left: 1px solid var(--border); }
    .operations-layout[b-uw6xf9ajsc]  .toast { right: .75rem; bottom: .75rem; left: .75rem; min-width: 0; }
}

@media (max-width: 480px) {
    .operations-layout[b-uw6xf9ajsc]  .ops-page-actions .button { flex: 1; }
    .operations-layout[b-uw6xf9ajsc]  :is(.ops-configuration-grid, .ops-capability-list) { grid-template-columns: 1fr; }
    .operations-layout[b-uw6xf9ajsc]  .ops-lane { grid-template-columns: 1fr 4rem; }
    .operations-layout[b-uw6xf9ajsc]  .ops-lane .ops-meter { grid-column: 1 / -1; grid-row: 2; }
    .operations-layout[b-uw6xf9ajsc]  .ops-facts { grid-template-columns: 1fr; }
    .operations-layout[b-uw6xf9ajsc]  .ops-facts > div:nth-child(even) { padding-left: 0; border-left: 0; }
    .operations-layout[b-uw6xf9ajsc]  .ops-action-row { grid-template-columns: auto 1fr; }
    .operations-layout[b-uw6xf9ajsc]  .ops-action-row .button { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
    .operations-layout[b-uw6xf9ajsc]  .status-icon.running, .operations-layout[b-uw6xf9ajsc]  .ops-state-orbit::before { animation: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-seqxss3505],
.components-reconnect-repeated-attempt-visible[b-seqxss3505],
.components-reconnect-failed-visible[b-seqxss3505],
.components-pause-visible[b-seqxss3505],
.components-resume-failed-visible[b-seqxss3505],
.components-rejoining-animation[b-seqxss3505] {
    display: none;
}

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


#components-reconnect-modal[b-seqxss3505] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-seqxss3505 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-seqxss3505 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-seqxss3505 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-seqxss3505]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-seqxss3505 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-seqxss3505 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-seqxss3505 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-seqxss3505 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

#components-reconnect-modal p[b-seqxss3505] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-seqxss3505] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-seqxss3505] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-seqxss3505] {
        background-color: #6b9ed2;
    }

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ResponsiveNavigation.razor.rz.scp.css */
.navigation-toggle[b-9fv7dzxwz5], .navigation-close[b-9fv7dzxwz5] { display: none; min-height: 44px; min-width: 44px; align-items: center; justify-content: center; gap: .45rem; padding: .45rem .7rem; border: 1px solid var(--hvo-border-muted); border-radius: .45rem; color: var(--hvo-muted-strong); background: var(--hvo-surface); font-size: .75rem; font-weight: 600; }
.navigation-panel[b-9fv7dzxwz5] { position: static; width: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; color: var(--hvo-body-color); background: transparent; }
.navigation-panel[b-9fv7dzxwz5]::backdrop { background: rgba(0, 0, 0, .56); }
.navigation-panel:modal .navigation-close[b-9fv7dzxwz5] { display: flex; margin: .35rem .35rem .35rem auto; }
.navigation-close svg[b-9fv7dzxwz5] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
/* /Components/Operations/AgentClock.razor.rz.scp.css */
/* The ticking clocks keep a fixed width per digit, so the facts beside them do not shift every second. */
.agent-clock time[b-z6s0poleu9] { font-variant-numeric: tabular-nums; }
.agent-clock small[b-z6s0poleu9] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; font-weight: 500; }
/* /Components/Operations/ExecutionRunDiagram.razor.rz.scp.css */
/* Native node cards and ownership bands ported from prototype styles.css:350-450. */
.run-graph[b-q2rbayt6id] { --border:#253244; --border-strong:#3a4a60; --text:var(--hvo-body-color); --muted:var(--hvo-muted); --blue:#58a6ff; --green:#3fb950; --amber:#d29922; --purple:#bc8cff; min-width:0; background:#080d15; }
.graph-toolbar[b-q2rbayt6id] { display:flex; min-height:4.5rem; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1.1rem; border-bottom:1px solid var(--border); }
.eyebrow[b-q2rbayt6id] { margin:0 0 .28rem; color:var(--blue); font-size:.65rem; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.graph-toolbar h2[b-q2rbayt6id] { margin:0; font-size:.94rem; }
.graph-controls[b-q2rbayt6id] { display:flex; align-items:center; gap:1.2rem; }
.legend[b-q2rbayt6id] { display:flex; flex-wrap:wrap; gap:.7rem; color:var(--muted); font-size:.62rem; }
.legend span[b-q2rbayt6id] { display:inline-flex; align-items:center; gap:.3rem; }
.status-dot[b-q2rbayt6id] { width:.45rem; height:.45rem; border-radius:50%; }
.status-dot.success[b-q2rbayt6id] { background:var(--green); }
.status-dot.running[b-q2rbayt6id] { background:var(--blue); }
.status-dot.warning[b-q2rbayt6id] { background:var(--amber); }
.status-dot.skipped[b-q2rbayt6id] { border:1px solid var(--muted); }
.zoom-controls[b-q2rbayt6id] { display:flex; align-items:center; gap:.25rem; }
.icon-button[b-q2rbayt6id] { display:inline-flex; min-width:2rem; min-height:2rem; align-items:center; justify-content:center; padding:.45rem; border:1px solid var(--border); border-radius:.45rem; color:var(--hvo-muted-strong); background:#0d1420; cursor:pointer; font-weight:800; }
.icon-button:hover[b-q2rbayt6id] { border-color:var(--border-strong); background:#142235; }
.icon-button svg[b-q2rbayt6id] { width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.zoom-controls output[b-q2rbayt6id] { min-width:3rem; color:var(--muted); font:650 .62rem ui-monospace,monospace; text-align:center; }
.graph-viewport[b-q2rbayt6id] { min-height:33rem; max-height:45rem; overflow:auto; background:linear-gradient(rgba(58,74,96,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(58,74,96,.07) 1px,transparent 1px),#070b12; background-size:28px 28px; scrollbar-color:var(--border-strong) #070b12; }
.graph-scale[b-q2rbayt6id] { position:relative; }
.graph-canvas[b-q2rbayt6id] { position:absolute; top:0; left:0; transform-origin:top left; }
.ownership-zone[b-q2rbayt6id] { position:absolute; z-index:0; top:0; bottom:0; border-right:1px solid rgba(58,74,96,.32); pointer-events:none; }
.ownership-zone > span[b-q2rbayt6id] { position:absolute; top:1.25rem; left:1.6rem; color:#98a7bb; font-size:.66rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.transient-track-band[b-q2rbayt6id] { position:absolute; z-index:0; right:0; bottom:0; left:0; border-top:1px solid rgba(188,140,255,.35); background:linear-gradient(180deg,rgba(188,140,255,.055),rgba(23,16,39,.08)); pointer-events:none; }
.transient-track-band > span[b-q2rbayt6id] { position:absolute; top:1rem; left:1.6rem; display:flex; align-items:baseline; gap:.7rem; color:var(--purple); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }
.transient-track-band small[b-q2rbayt6id] { color:#a997bd; font-size:.58rem; letter-spacing:.06em; }
.graph-edges[b-q2rbayt6id] { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; }
.graph-edges .run-diagram__edge[b-q2rbayt6id] { fill:none; stroke:#56677d; stroke-width:1; }
.graph-edges .run-diagram__edge--optional[b-q2rbayt6id] { stroke-dasharray:6 6; stroke:#48576a; }
.graph-edges .muted[b-q2rbayt6id] { stroke:#39465a; }
.graph-edges .run-diagram__edge--highlighted[b-q2rbayt6id] { stroke:var(--blue); stroke-width:1; opacity:1; }
.graph-edges .run-diagram__transient-edge[b-q2rbayt6id] { fill:none; stroke:#a78bd8; stroke-width:1; }
.graph-edges marker path[b-q2rbayt6id] { fill:#7b90ad; stroke:none; }
.graph-node[b-q2rbayt6id] { box-sizing:border-box; position:absolute; z-index:2; display:grid; width:204px; height:var(--node-height,100px); grid-template-rows:1fr auto; padding:.85rem .85rem .65rem; border:1px solid #35455a; border-radius:.5rem; color:var(--text); background:linear-gradient(145deg,#121d2b,#0d1520); box-shadow:0 10px 24px rgba(0,0,0,.25); cursor:pointer; text-align:left; }
.graph-node[b-q2rbayt6id]::before,.graph-node[b-q2rbayt6id]::after { position:absolute; top:calc(50% - 4px); width:8px; height:8px; border:2px solid #53657c; border-radius:50%; background:#0a1019; content:""; }
.graph-node[b-q2rbayt6id]::before { left:-6px; }
.graph-node[b-q2rbayt6id]::after { right:-6px; }
.graph-node:hover[b-q2rbayt6id] { border-color:#5b708d; }
.graph-node.selected[b-q2rbayt6id] { border-color:var(--blue); box-shadow:0 0 0 2px rgba(88,166,255,.2),0 14px 30px rgba(0,0,0,.32); }
.graph-node.selected[b-q2rbayt6id]::before,.graph-node.selected[b-q2rbayt6id]::after { border-color:var(--blue); }
.graph-node.central[b-q2rbayt6id] { background:linear-gradient(145deg,#1b1930,#101522); }
.graph-node.transient[b-q2rbayt6id] { border-color:rgba(188,140,255,.42); background:linear-gradient(145deg,#1b1728,#101522); }
.graph-node.transient.selected[b-q2rbayt6id] { border-color:var(--purple); }
.node-heading[b-q2rbayt6id] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:.55rem; }
.node-title[b-q2rbayt6id] { min-width:0; }
.node-title strong[b-q2rbayt6id],.node-title small[b-q2rbayt6id] { display:block; }
.node-title strong[b-q2rbayt6id] { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.node-title small[b-q2rbayt6id] { margin-top:.23rem; overflow:hidden; color:var(--muted); font-size:.59rem; letter-spacing:.02em; text-overflow:ellipsis; white-space:nowrap; }
.node-duration[b-q2rbayt6id] { color:var(--hvo-muted-strong); font:650 .62rem ui-monospace,monospace; white-space:nowrap; }
.run-diagram__transient-node .node-heading[b-q2rbayt6id] { grid-template-columns:auto minmax(0,1fr); }
.node-recorded-time[b-q2rbayt6id] { color:var(--hvo-muted-strong); font:.56rem ui-monospace,monospace; white-space:nowrap; }
.node-footer[b-q2rbayt6id] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:.75rem; padding-top:.52rem; border-top:1px solid rgba(58,74,96,.55); color:var(--muted); font-size:.56rem; }
.requirement[b-q2rbayt6id] { padding:.12rem .3rem; border:1px solid var(--border); border-radius:999px; text-transform:uppercase; }
.requirement.optional[b-q2rbayt6id] { border-style:dashed; }
.graph-node[data-status="failure"][b-q2rbayt6id] { border-color:rgba(248,81,73,.6); background:linear-gradient(145deg,rgba(74,24,28,.72),#111722); }
.graph-node[data-status="warning"][b-q2rbayt6id],.run-diagram__transient-node--attention[b-q2rbayt6id] { border-color:rgba(210,153,34,.62); }
.graph-node[data-status="running"][b-q2rbayt6id] { border-color:rgba(88,166,255,.65); }
.graph-node[data-status="skipped"][b-q2rbayt6id],.graph-node[data-status="pending"][b-q2rbayt6id],.unavailable[b-q2rbayt6id] { opacity:.7; }
.boundary-node[b-q2rbayt6id] { cursor:default; }
.boundary-node .node-heading[b-q2rbayt6id] { grid-template-columns:minmax(0,1fr); }
.boundary-node .node-footer[b-q2rbayt6id],.unavailable .node-footer[b-q2rbayt6id] { font-size:.55rem; }
.run-diagram__transient-label[b-q2rbayt6id] { position:absolute; color:#a997bd; font: .62rem ui-monospace,monospace; }
.graph-footer[b-q2rbayt6id] { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2.65rem; padding:.6rem 1rem; border-top:1px solid var(--border); color:var(--muted); background:#090f18; font-size:.62rem; }
.graph-footer p[b-q2rbayt6id] { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin:0; }
.required-line[b-q2rbayt6id],.optional-line[b-q2rbayt6id] { width:1.8rem; border-top:1px solid #56677d; }
.optional-line[b-q2rbayt6id] { margin-left:.5rem; border-top-style:dashed; }
.status-icon[b-q2rbayt6id] { position:relative; display:inline-grid; flex:0 0 auto; place-items:center; width:1.05rem; height:1.05rem; border-radius:50%; }
.status-icon[b-q2rbayt6id]::after { color:#07110a; font-weight:900; line-height:1; content:""; }
.status-icon.success[b-q2rbayt6id] { background:var(--green); }
.status-icon.success[b-q2rbayt6id]::after { content:"\2713"; }
.status-icon.warning[b-q2rbayt6id] { background:var(--amber); }
.status-icon.warning[b-q2rbayt6id]::after { content:"!"; }
.status-icon.failure[b-q2rbayt6id] { background:#f85149; }
.status-icon.failure[b-q2rbayt6id]::after { color:white; content:"\00d7"; }
.status-icon.running[b-q2rbayt6id] { border:2px solid var(--blue); border-top-color:transparent; animation:run-spin-b-q2rbayt6id 1s linear infinite; }
.status-icon.pending[b-q2rbayt6id],.status-icon.skipped[b-q2rbayt6id] { border:2px solid var(--muted); }
.status-icon.skipped[b-q2rbayt6id]::after { width:.5rem; height:1px; background:var(--muted); content:""; }
.visually-hidden[b-q2rbayt6id] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
:is(button,[tabindex]):focus-visible[b-q2rbayt6id] { outline:3px solid rgba(88,166,255,.65); outline-offset:2px; }
.run-graph:fullscreen[b-q2rbayt6id] { width:100%; height:100dvh; display:flex; flex-direction:column; }
.run-graph:fullscreen .graph-viewport[b-q2rbayt6id] { flex:1; min-height:0; max-height:none; }
@keyframes run-spin-b-q2rbayt6id { to { transform:rotate(360deg); } }
@media(max-width:1100px) { .legend[b-q2rbayt6id] { display:none; } }
@media(max-width:780px) { .graph-toolbar[b-q2rbayt6id] { align-items:flex-start; } .graph-viewport[b-q2rbayt6id] { min-height:25rem; } .graph-footer[b-q2rbayt6id] { align-items:flex-start; flex-direction:column; } }
@media(max-width:520px) { .graph-toolbar[b-q2rbayt6id] { display:grid; } .graph-controls[b-q2rbayt6id] { width:100%; justify-content:flex-end; } }
@media(pointer:coarse) { .icon-button[b-q2rbayt6id] { min-width:44px; min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .status-icon.running[b-q2rbayt6id] { animation:none; } }
/* /Components/Operations/FrameFactsOptionsEditor.razor.rz.scp.css */
.frame-facts-editor[b-rp0pyfhnh3] { display: grid; gap: 1rem; min-width: 0; }
.corner-grid[b-rp0pyfhnh3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.corner[b-rp0pyfhnh3], .layout-options[b-rp0pyfhnh3], .frozen-preview[b-rp0pyfhnh3] { border: 1px solid var(--hvo-border, #46617e); border-radius: .5rem; padding: 1rem; min-width: 0; }
.corner legend[b-rp0pyfhnh3], .layout-options legend[b-rp0pyfhnh3] { float: none; width: auto; font-size: 1rem; }
.corner textarea[b-rp0pyfhnh3] { width: 100%; font-family: monospace; }
.corner-style[b-rp0pyfhnh3] { display: grid; gap: .4rem; margin-top: .6rem; }
.colour-inputs[b-rp0pyfhnh3] { display: flex; gap: .5rem; }
.colour-inputs input[type=color][b-rp0pyfhnh3] { width: 3rem; min-width: 3rem; height: 2.5rem; }
.layout-options[b-rp0pyfhnh3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.token-catalogue[b-rp0pyfhnh3], .snapshot-identity[b-rp0pyfhnh3], .option-errors[b-rp0pyfhnh3] { overflow-wrap: anywhere; }
.token-catalogue ul[b-rp0pyfhnh3] { padding-left: 1.2rem; }
.token-catalogue li[b-rp0pyfhnh3] { margin-bottom: .8rem; }
.option-errors[b-rp0pyfhnh3] { color: var(--hvo-danger-fg, #ffb4b4); }
.preview-image[b-rp0pyfhnh3] { display: block; width: 100%; height: auto; margin-top: 1rem; border: 1px solid #46617e; }
.preview-text[b-rp0pyfhnh3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.preview-text pre[b-rp0pyfhnh3] { white-space: pre-wrap; overflow-wrap: anywhere; }
.frozen-preview input[b-rp0pyfhnh3] { max-width: 100%; display: block; margin: .5rem 0; }
.frozen-preview label[b-rp0pyfhnh3] { display: block; min-width: 0; }
.frozen-preview[b-rp0pyfhnh3]  input[type=file] { display: block; width: 100%; max-width: 100%; min-width: 0; margin: .5rem 0; }
@media (max-width: 700px) {
    .corner-grid[b-rp0pyfhnh3], .layout-options[b-rp0pyfhnh3], .preview-text[b-rp0pyfhnh3] { grid-template-columns: minmax(0, 1fr); }
    .corner[b-rp0pyfhnh3], .layout-options[b-rp0pyfhnh3], .frozen-preview[b-rp0pyfhnh3] { padding: .65rem; }
}
/* /Components/Operations/GraphDependencyDiagram.razor.rz.scp.css */
.diagram-wrap[b-rg5x2cg9fs] { overflow-x: auto; padding: .5rem; border: 1px dashed var(--hvo-border-muted); background: var(--hvo-surface-elevated); }
.diagram[b-rg5x2cg9fs] { display: block; min-width: 20rem; max-width: 100%; height: auto; font-family: var(--hvo-font-family); }
.diagram-edge[b-rg5x2cg9fs] { fill: none; stroke: var(--hvo-muted-strong); stroke-width: 2; }
.diagram-node rect[b-rg5x2cg9fs] { fill: var(--hvo-card-bg); stroke: var(--hvo-info-strong); stroke-width: 2; }
.diagram-node text[b-rg5x2cg9fs] { fill: var(--hvo-body-color); font-size: 14px; font-weight: 650; }
.diagram-node .diagram-node__meta[b-rg5x2cg9fs] { fill: var(--hvo-muted-strong); font-size: 11px; font-weight: 400; }
.diagram-node--disabled rect[b-rg5x2cg9fs] { stroke: var(--hvo-muted); stroke-dasharray: 6 4; }
.diagram-node--disabled text[b-rg5x2cg9fs] { fill: var(--hvo-muted); text-decoration: line-through; }
.diagram-node[b-rg5x2cg9fs] { cursor: pointer; }
.diagram-node:focus-visible rect[b-rg5x2cg9fs] { stroke: var(--hvo-warning-strong); stroke-width: 3; }
.diagram-empty[b-rg5x2cg9fs] { color: var(--hvo-muted); }
/* /Components/Operations/GraphPlanView.razor.rz.scp.css */
.plan-identity[b-eu5rlhi9wz] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, max-content)); gap: .5rem 1.25rem; margin: 0; }
.plan-identity dt[b-eu5rlhi9wz] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
.plan-identity dd[b-eu5rlhi9wz] { margin: .1rem 0 0; overflow-wrap: anywhere; }
.plan-identity code[b-eu5rlhi9wz] { color: #e9c986; }
.plan-columns[b-eu5rlhi9wz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.plan-columns article[b-eu5rlhi9wz] { min-width: 0; }
.plan-columns h3[b-eu5rlhi9wz] { margin: 0; font-size: .95rem; }
.plan-columns p[b-eu5rlhi9wz] { margin: .25rem 0 .5rem; color: var(--hvo-muted-strong); font-size: .85rem; }
.plan-columns ol[b-eu5rlhi9wz] { margin: 0; padding-left: 1.25rem; }
.plan-columns li[b-eu5rlhi9wz] { display: grid; padding: .35rem 0; border-top: 1px solid var(--hvo-border-muted); }
.plan-columns li span[b-eu5rlhi9wz], .plan-columns li small[b-eu5rlhi9wz] { color: var(--hvo-muted-strong); }
.plan-node--disabled strong[b-eu5rlhi9wz] { text-decoration: line-through; color: var(--hvo-muted); }
@media (max-width: 767.98px) { .plan-columns[b-eu5rlhi9wz] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Operations/ObservatoryOrbitalDataNotice.razor.rz.scp.css */
/* Spacing for the Observatory placement of the shared compact orbital data notice. */

.observatory-orbital-notice[b-ixbcooy011] { display: grid; gap: .4rem; margin-block: 1rem; }
.observatory-orbital-notice-label[b-ixbcooy011] { margin: 0; font-size: .85rem; color: var(--text-muted, #a6b1c3); }
/* /Components/Operations/ObservatorySkyDial.razor.rz.scp.css */
/* Observatory & location sky plot, drawn in the camera's image space. Labels carry a halo in the plot
   background colour so they stay readable over stars and figure lines. */

.site-dial[b-x78giwy4fm] { display: block; width: 100%; max-width: 20rem; margin: 0 auto; }
.site-dial-frame[b-x78giwy4fm] { fill: #09111b; stroke: var(--border); stroke-width: 1; }
.site-dial-ring[b-x78giwy4fm] { fill: none; stroke: rgba(88, 166, 255, .24); stroke-width: .5; stroke-linejoin: round; }
.site-dial-ring.horizon[b-x78giwy4fm] { stroke: var(--muted); stroke-dasharray: 2 2; }
.site-dial-figure polyline[b-x78giwy4fm] { fill: none; stroke: var(--cyan); stroke-width: .7; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.site-dial-label[b-x78giwy4fm] { fill: var(--muted-strong); font-size: 8px; font-weight: 700; paint-order: stroke; stroke: #09111b; stroke-width: 2px; stroke-linejoin: round; }

/* The transparent stroke widens each object's pointer target without changing how it looks. */
.site-dial-item[b-x78giwy4fm] { cursor: pointer; }
.site-dial-object[b-x78giwy4fm] { fill: #c4dcfa; opacity: .55; stroke: transparent; stroke-width: 5; pointer-events: all; }
.site-dial-object.on-page[b-x78giwy4fm] { fill: var(--blue); opacity: 1; }
.site-dial-object.solar[b-x78giwy4fm] { fill: var(--amber); opacity: 1; }
.site-dial-object.solar.on-page[b-x78giwy4fm] { fill: #f2c65f; }
.site-dial-name[b-x78giwy4fm],
.site-dial-selection text[b-x78giwy4fm] { fill: var(--text); font-size: 7px; font-weight: 700; paint-order: stroke; stroke: #09111b; stroke-width: 2px; stroke-linejoin: round; pointer-events: none; }
.site-dial-name[b-x78giwy4fm] { visibility: hidden; }
.site-dial-item:hover .site-dial-name[b-x78giwy4fm] { visibility: visible; }
.site-dial-selection[b-x78giwy4fm] { pointer-events: none; }
.site-dial-selection circle[b-x78giwy4fm] { fill: none; stroke: var(--text); stroke-width: .8; }

.site-dial-legend[b-x78giwy4fm] { display: flex; flex-wrap: wrap; gap: .3rem .8rem; margin: .6rem 0 0; padding: 0; color: var(--muted-strong); font-size: .56rem; list-style: none; }
.site-dial-legend li[b-x78giwy4fm] { display: inline-flex; align-items: center; gap: .35rem; }
.site-dial-swatch[b-x78giwy4fm] { display: inline-block; width: .55rem; height: .55rem; border-radius: 50%; background: #c4dcfa; opacity: .7; }
.site-dial-swatch.on-page[b-x78giwy4fm] { background: var(--blue); opacity: 1; }
.site-dial-swatch.solar[b-x78giwy4fm] { background: var(--amber); opacity: 1; }
.site-dial-swatch.figure[b-x78giwy4fm] { width: .9rem; height: 0; border-top: 2px solid var(--cyan); border-radius: 0; background: none; opacity: 1; }
.site-dial-note[b-x78giwy4fm] { margin: .6rem 0 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.site-dial-note code[b-x78giwy4fm] { color: #c4dcfa; font-size: .92em; overflow-wrap: anywhere; }
/* /Components/Operations/OrbitalDataStatusNotice.razor.rz.scp.css */
/* The compact orbital data notice. The banner itself (.ops-note-banner, .status-icon) is the shared Operations
   vocabulary from OperationsLayout.razor.css; this file only stacks the notice lines. */

.orbital-notice-body[b-pmr8si9wfu] { display: grid; gap: .18rem; min-width: 0; }
.orbital-notice-body strong[b-pmr8si9wfu] { color: var(--text); }
.orbital-notice-line[b-pmr8si9wfu] { display: block; overflow-wrap: anywhere; }
/* /Components/Operations/OrbitalSnapshotPanel.razor.rz.scp.css */
/* Software & Catalog's orbital-element snapshot panel. The shared Operations vocabulary (.ops-*, .button, .state-chip,
   .action-dialog) lives in OperationsLayout.razor.css; this file ports the prototype's .orbital-freshness strip from
   operations-pages.css and lays out the facts, actions, diagnostics and the resume dialog. */

.orbital-freshness[b-5z8ov3eabd] { display: grid; grid-template-columns: minmax(10rem, .8fr) minmax(12rem, 1.5fr) auto; gap: .7rem; align-items: center; margin-top: .7rem; padding: .65rem .75rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.orbital-freshness strong[b-5z8ov3eabd], .orbital-freshness small[b-5z8ov3eabd] { display: block; }
.orbital-freshness strong[b-5z8ov3eabd] { font-size: .72rem; }
.orbital-freshness small[b-5z8ov3eabd] { margin-top: .15rem; color: var(--muted); font-size: .52rem; line-height: 1.4; }
/* The track spans one and a half element-age stale limits, so the stale limit sits at two thirds. */
.orbital-freshness-track[b-5z8ov3eabd] { position: relative; height: .4rem; border-radius: 999px; background: linear-gradient(90deg, var(--green-soft) 0 33.3%, var(--amber-soft) 33.3% 66.7%, var(--red-soft) 66.7%); }
.orbital-freshness-track i[b-5z8ov3eabd] { position: absolute; top: -.18rem; bottom: -.18rem; width: 2px; margin-left: -1px; background: #d9f5dc; box-shadow: 0 0 7px var(--green); }
.orbital-freshness > span:last-child[b-5z8ov3eabd] { color: var(--muted-strong); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .53rem; }

.orbital-reason-body[b-5z8ov3eabd] { display: grid; gap: .18rem; min-width: 0; }

dl.ops-facts.software-orbital-facts[b-5z8ov3eabd] { margin-top: .7rem; }
.software-orbital-facts dd[b-5z8ov3eabd] { overflow-wrap: anywhere; }
.software-orbital-facts dd small[b-5z8ov3eabd] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; font-weight: 500; }
.software-orbital-facts a[b-5z8ov3eabd], .orbital-links a[b-5z8ov3eabd] { color: var(--blue); }

.orbital-actions[b-5z8ov3eabd] { margin-top: .8rem; }
.orbital-actions .ops-action-icon.warning[b-5z8ov3eabd] { color: #e6bd62; background: var(--amber-soft); }
.orbital-links[b-5z8ov3eabd] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .7rem; font-size: .6rem; font-weight: 700; }
.orbital-links a[b-5z8ov3eabd] { display: inline-flex; min-height: 2.75rem; align-items: center; }

.orbital-diagnostics[b-5z8ov3eabd] { margin-top: .8rem; padding-top: .6rem; border-top: 1px solid var(--border); font-size: .58rem; }
.orbital-diagnostics summary[b-5z8ov3eabd] { min-height: 2.75rem; display: flex; align-items: center; color: var(--muted-strong); cursor: pointer; font-weight: 700; }
.orbital-diagnostics dl[b-5z8ov3eabd] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .9rem; margin: .4rem 0 0; }
.orbital-diagnostics dt[b-5z8ov3eabd] { color: var(--muted); font-size: .5rem; letter-spacing: .05em; text-transform: uppercase; }
.orbital-diagnostics dd[b-5z8ov3eabd] { margin: .15rem 0 0; overflow-wrap: anywhere; }
.orbital-diagnostics code[b-5z8ov3eabd] { color: #c4dcfa; font-size: .55rem; overflow-wrap: anywhere; }

dialog.action-dialog.orbital-resume-dialog[b-5z8ov3eabd] { width: min(calc(100% - 2rem), 34rem); }
.orbital-resume-dialog fieldset[b-5z8ov3eabd] { min-inline-size: 0; }
.orbital-resume-facts[b-5z8ov3eabd] { display: grid; gap: .45rem; margin: 0 1.1rem .9rem; padding: .7rem; border: 1px solid var(--border); border-radius: .42rem; background: var(--surface-raised); font-size: .65rem; }
.orbital-resume-facts dt[b-5z8ov3eabd] { color: var(--muted); font-size: .5rem; letter-spacing: .05em; text-transform: uppercase; }
.orbital-resume-facts dd[b-5z8ov3eabd] { margin: .12rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.orbital-resume-facts dd small[b-5z8ov3eabd] { display: block; margin-top: .1rem; color: var(--muted); font-size: .55rem; font-weight: 500; }
.orbital-dialog-message[b-5z8ov3eabd] { padding: 0 1.1rem; }
.orbital-dialog-message .ops-note-banner[b-5z8ov3eabd] { margin-top: .8rem; margin-bottom: 0; }

@media (max-width: 940px) {
    .orbital-freshness[b-5z8ov3eabd] { grid-template-columns: 1fr; }
    .orbital-diagnostics dl[b-5z8ov3eabd] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    dialog.action-dialog.orbital-resume-dialog[b-5z8ov3eabd] { width: calc(100% - 1rem); }
    .orbital-links[b-5z8ov3eabd] { justify-content: flex-start; }
}
/* /Components/Operations/ProcessingNodeOptionsEditor.razor.rz.scp.css */
.node-options[b-v9gwwpb34d] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; }
.node-options-help[b-v9gwwpb34d] { grid-column: 1 / -1; margin: 0; }
.option-field[b-v9gwwpb34d] { min-width: 0; }
.option-field--rows[b-v9gwwpb34d] { grid-column: 1 / -1; }
.option-field > label[b-v9gwwpb34d] { display: block; margin-bottom: .35rem; }
.option-field > p[b-v9gwwpb34d] { color: var(--hvo-muted-strong); margin: .35rem 0 0; font-size: .8rem; }
.colour-inputs[b-v9gwwpb34d] { display: flex; gap: .6rem; align-items: center; }
.colour-inputs input[type=color][b-v9gwwpb34d] { width: 3rem; height: 2.5rem; }
.colour-inputs .form-control[b-v9gwwpb34d] { max-width: 12rem; }
.option-errors[b-v9gwwpb34d] { color: var(--hvo-danger-fg, #ffb4b4); overflow-wrap: anywhere; }
.collection-editor[b-v9gwwpb34d] { border: 1px solid var(--hvo-muted-strong); border-radius: .4rem; padding: .6rem; min-width: 0; }
.collection-editor legend[b-v9gwwpb34d] { float: none; width: auto; font-size: 1rem; }
.collection-editor ol[b-v9gwwpb34d] { padding-left: 1.5rem; }
.collection-editor li[b-v9gwwpb34d] { margin-bottom: .8rem; }
.collection-editor label[b-v9gwwpb34d] { display: block; }
.collection-actions[b-v9gwwpb34d] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .35rem; }
.collection-editor button[b-v9gwwpb34d] { min-height: 44px; min-width: 44px; }
.collection-editor [role=status][b-v9gwwpb34d] { display: block; margin-top: .35rem; }
/* /Components/Operations/ReplayRunnerFacts.razor.rz.scp.css */
.runner-facts[b-b27deiizaq] {
    display: grid;
    gap: .6rem;
    padding: 1rem;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: .75rem;
    background: rgb(255 255 255 / 3%);
}

.runner-facts h2[b-b27deiizaq] {
    margin: 0;
    font-size: 1.05rem;
}

.runner-facts h3[b-b27deiizaq] {
    margin: .35rem 0 0;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    opacity: .75;
}

.runner-facts dl[b-b27deiizaq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .5rem 1rem;
    margin: 0;
}

.runner-facts dt[b-b27deiizaq] {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .7;
}

.runner-facts dd[b-b27deiizaq] {
    margin: 0;
    overflow-wrap: anywhere;
}

.runner-facts ul[b-b27deiizaq] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .25rem;
}

.runner-facts li small[b-b27deiizaq] {
    display: block;
    opacity: .7;
}

.runner-unobserved[b-b27deiizaq] {
    margin: 0;
    padding: .5rem .75rem;
    border-radius: .5rem;
    background: rgb(255 255 255 / 6%);
}
/* /Components/Operations/RestartToApply.razor.rz.scp.css */
/* Restart-to-apply row inside a pending-change banner; wraps rather than scrolling at narrow widths. */
.restart-to-apply[b-p6j041rrem] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .75rem; min-width: 0; }
.restart-to-apply p[b-p6j041rrem] { flex: 1 1 14rem; min-width: 0; margin: 0; color: var(--muted-strong); font-size: .62rem; line-height: 1.45; overflow-wrap: anywhere; }
.restart-to-apply p strong[b-p6j041rrem] { color: var(--text); }
/* Element-qualified so the 44px target outranks the shared .button minimum height. */
.restart-to-apply button.button.restart-now[b-p6j041rrem] { min-height: 2.75rem; flex: 0 0 auto; }
.restart-to-apply-error[b-p6j041rrem] { margin: .45rem 0 0; color: var(--red); font-size: .62rem; line-height: 1.45; overflow-wrap: anywhere; }

@media (max-width: 480px) {
    .restart-to-apply button.button.restart-now[b-p6j041rrem] { flex: 1 1 100%; }
}
/* /Components/Operations/SatellitePassArc.razor.rz.scp.css */
.satellite-arc[b-cd9nkyb1lk] { margin: 1rem 0; }
.satellite-arc > svg[b-cd9nkyb1lk] { display: block; width: min(100%, 36rem); margin-inline: auto; }
.sky-disc[b-cd9nkyb1lk] { fill: #0c1422; stroke: #536176; }
.sky-grid[b-cd9nkyb1lk] { fill: none; stroke: #29384b; stroke-dasharray: 2 5; }
.sky-axis[b-cd9nkyb1lk] { fill: #9caabe; font: 12px sans-serif; }
.predicted-path[b-cd9nkyb1lk] { fill: none; stroke: #f4a44e; stroke-width: 1; stroke-dasharray: 8 5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.prediction-point[b-cd9nkyb1lk] { fill: #f4a44e; stroke: #f4a44e; stroke-width: 1; vector-effect: non-scaling-stroke; }
.arc-anchor[b-cd9nkyb1lk] { fill: #101b2b; stroke: #f4a44e; stroke-width: 1; }
.arc-time-label text[b-cd9nkyb1lk] { fill: #ffc689; stroke: #0c1422; stroke-width: 3px; paint-order: stroke; font: 10px sans-serif; }
figcaption[b-cd9nkyb1lk], .anchor-facts[b-cd9nkyb1lk], .satellite-arc p[b-cd9nkyb1lk] { font-size: .82rem; line-height: 1.6; }
.anchor-facts dt[b-cd9nkyb1lk] { margin-top: .6rem; font-weight: 600; }
.anchor-facts dd[b-cd9nkyb1lk] { margin: .2rem 0; }
.rig-preview[b-cd9nkyb1lk] { border: 1px solid #344258; border-radius: .5rem; padding: 1rem; }
.rig-preview svg[b-cd9nkyb1lk] { display: block; width: min(100%, 36rem); max-height: 30rem; margin-inline: auto; background: #0c1422; }
/* /Components/Operations/SatellitePassPlanner.razor.rz.scp.css */
.satellite-planner[b-2hrwt7yuvg] { margin-block: 1rem; }
.satellite-form[b-2hrwt7yuvg], .satellite-toggles[b-2hrwt7yuvg], .satellite-pager[b-2hrwt7yuvg] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.satellite-form .ops-field[b-2hrwt7yuvg] { flex: 1 1 10rem; }
.satellite-form input[b-2hrwt7yuvg] { width: 100%; }
.satellite-note[b-2hrwt7yuvg], .satellite-window[b-2hrwt7yuvg], .satellite-summary[b-2hrwt7yuvg], .satellite-provenance[b-2hrwt7yuvg] { font-size: .85rem; line-height: 1.6; }
.satellite-note[b-2hrwt7yuvg] { color: var(--text-muted, #a6b1c3); }
.satellite-warning[b-2hrwt7yuvg] { color: var(--warning, #f5bc73); }
.satellite-table-wrap[b-2hrwt7yuvg] { overflow-x: auto; margin-block: 1rem; }
.satellite-table[b-2hrwt7yuvg] { min-width: 58rem; width: 100%; }
.satellite-table caption[b-2hrwt7yuvg] { text-align: left; margin-bottom: .6rem; }
.satellite-table td[b-2hrwt7yuvg] { vertical-align: top; font-size: .8rem; }
.satellite-table tr.selected[b-2hrwt7yuvg] { background: rgb(232 155 74 / 10%); }
.satellite-select[b-2hrwt7yuvg] { text-align: left; }
.satellite-pager[b-2hrwt7yuvg] { align-items: center; justify-content: end; }
.satellite-provenance[b-2hrwt7yuvg] { margin-block: 1rem; }
.satellite-provenance summary[b-2hrwt7yuvg] { cursor: pointer; }
.satellite-provenance dd[b-2hrwt7yuvg] { overflow-wrap: anywhere; margin: .2rem 0 .6rem; }
.satellite-provenance dt[b-2hrwt7yuvg] { color: var(--text-muted, #a6b1c3); }
.satellite-detail[b-2hrwt7yuvg] { border-top: 1px solid var(--border-color, #303b4c); margin-top: 1rem; padding-top: 1rem; }
.satellite-toggles[b-2hrwt7yuvg] { align-items: center; }
.satellite-toggles label[b-2hrwt7yuvg] { display: inline-flex; align-items: center; gap: .4rem; }
.satellite-planner button:focus-visible[b-2hrwt7yuvg], .satellite-planner input:focus-visible[b-2hrwt7yuvg], .satellite-planner summary:focus-visible[b-2hrwt7yuvg] { outline: 2px solid #e89b4a; outline-offset: 3px; }
@media (max-width: 700px) { .satellite-form > button[b-2hrwt7yuvg] { width: 100%; } }
/* /Components/Operations/SatelliteSetupPanel.razor.rz.scp.css */
.satellite-setup[b-l3v9hqzh33] { display: grid; gap: .7rem; }
.feature-switch[b-l3v9hqzh33] { border-top: 1px solid var(--border); padding-top: .6rem; }
.feature-switch select[b-l3v9hqzh33] { max-width: 12rem; }
.satellite-setup p[b-l3v9hqzh33] { margin: .3rem 0; }
.satellite-setup dd[b-l3v9hqzh33] { overflow-wrap: anywhere; }
/* /Components/Operations/SpaceWeatherPanel.razor.rz.scp.css */
/* The full space-weather panel. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css; this file lays out the facts, sources, notice rows, pager and the resume dialog. */

dl.ops-facts.space-weather-facts[b-ggcfwu30g7] { margin-top: .7rem; }
.space-weather-facts dd[b-ggcfwu30g7] { overflow-wrap: anywhere; }
.space-weather-facts dd small[b-ggcfwu30g7] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; font-weight: 500; }
.space-weather-panel a[b-ggcfwu30g7] { color: var(--blue); }

.space-weather-actions[b-ggcfwu30g7] { margin-top: .8rem; }
.space-weather-actions .ops-action-icon.warning[b-ggcfwu30g7], .space-weather-halt .ops-action-icon.warning[b-ggcfwu30g7] { color: #e6bd62; background: var(--amber-soft); }
.space-weather-blocked[b-ggcfwu30g7] { display: block; margin-top: .2rem; color: #e6bd62; font-size: .55rem; }
.space-weather-links[b-ggcfwu30g7] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .7rem; font-size: .6rem; font-weight: 700; }
.space-weather-links a[b-ggcfwu30g7] { display: inline-flex; min-height: 2.75rem; align-items: center; }

.space-weather-subsection[b-ggcfwu30g7] { margin-top: 1rem; padding-top: .7rem; border-top: 1px solid var(--border); }
.space-weather-subsection h3[b-ggcfwu30g7] { margin: 0 0 .45rem; font-size: .72rem; }
.space-weather-subsection p[b-ggcfwu30g7] { margin: 0 0 .4rem; color: var(--muted-strong); font-size: .6rem; line-height: 1.45; }
.space-weather-list-intro[b-ggcfwu30g7] { color: var(--muted); }
.space-weather-drift-list[b-ggcfwu30g7] { margin: 0; padding-left: 1rem; font-size: .6rem; }

.ops-table-wrap .ops-table.space-weather-sources td[b-ggcfwu30g7] { white-space: normal; font-size: .56rem; }

.space-weather-notice[b-ggcfwu30g7] { display: grid; gap: .3rem; margin-top: .55rem; padding: .6rem .7rem; border: 1px solid var(--border); border-radius: .42rem; background: var(--surface-raised); font-size: .62rem; }
.space-weather-notice-heading[b-ggcfwu30g7] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.space-weather-tag[b-ggcfwu30g7] { padding: .1rem .4rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted-strong); font-size: .52rem; }
.space-weather-tag.warning[b-ggcfwu30g7] { border-color: rgba(210, 153, 34, .45); color: #e6bd62; }
.space-weather-line[b-ggcfwu30g7] { margin: 0; overflow-wrap: anywhere; }
.space-weather-line span[b-ggcfwu30g7] { display: inline-block; min-width: 5.5rem; margin-right: .4rem; color: var(--muted); font-size: .5rem; letter-spacing: .05em; text-transform: uppercase; }
.space-weather-line.site[b-ggcfwu30g7] { color: var(--muted-strong); }
.space-weather-times[b-ggcfwu30g7] { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .35rem .8rem; margin: .2rem 0 0; }
.space-weather-times dt[b-ggcfwu30g7] { color: var(--muted); font-size: .5rem; letter-spacing: .05em; text-transform: uppercase; }
.space-weather-times dd[b-ggcfwu30g7] { margin: .1rem 0 0; overflow-wrap: anywhere; }
.space-weather-times dd small[b-ggcfwu30g7] { display: block; color: var(--muted); font-size: .55rem; }
.space-weather-notice-footer[b-ggcfwu30g7] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.space-weather-acknowledgement[b-ggcfwu30g7] { color: var(--muted-strong); }
.space-weather-more[b-ggcfwu30g7] { color: var(--muted); }
.space-weather-pager[b-ggcfwu30g7] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .6rem; font-size: .6rem; }
.space-weather-credit[b-ggcfwu30g7] { margin: 1rem 0 0; color: var(--muted); font-size: .55rem; line-height: 1.45; }

dialog.action-dialog.space-weather-resume-dialog[b-ggcfwu30g7] { width: min(calc(100% - 2rem), 34rem); }
.space-weather-resume-facts[b-ggcfwu30g7] { display: grid; gap: .45rem; margin: 0 1.1rem .9rem; padding: .7rem; border: 1px solid var(--border); border-radius: .42rem; background: var(--surface-raised); font-size: .65rem; }
.space-weather-resume-facts dt[b-ggcfwu30g7] { color: var(--muted); font-size: .5rem; letter-spacing: .05em; text-transform: uppercase; }
.space-weather-resume-facts dd[b-ggcfwu30g7] { margin: .12rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.space-weather-resume-facts dd small[b-ggcfwu30g7] { display: block; margin-top: .1rem; color: var(--muted); font-size: .55rem; font-weight: 500; }
.space-weather-dialog-message[b-ggcfwu30g7] { padding: 0 1.1rem; }
.space-weather-dialog-message .ops-note-banner[b-ggcfwu30g7] { margin-top: .8rem; margin-bottom: 0; }

@media (max-width: 760px) {
    dialog.action-dialog.space-weather-resume-dialog[b-ggcfwu30g7] { width: calc(100% - 1rem); }
    .space-weather-links[b-ggcfwu30g7] { justify-content: flex-start; }
}
/* /Components/Operations/SpaceWeatherSummary.razor.rz.scp.css */
/* The Overview's compact space-weather summary. The shared Operations vocabulary (.ops-*, .state-chip, .status-icon)
   lives in OperationsLayout.razor.css; this file stacks the notice lines and the footer. */

.space-weather-summary-count[b-puwgc48xsg] { margin: .6rem 0 0; color: var(--muted-strong); font-size: .65rem; }
.space-weather-summary-count strong[b-puwgc48xsg] { color: var(--text); font-size: .8rem; }
.space-weather-summary-list[b-puwgc48xsg] { display: grid; gap: .5rem; margin: .6rem 0 0; padding: 0; list-style: none; }
.space-weather-summary-row[b-puwgc48xsg] { display: grid; gap: .2rem; padding: .55rem .65rem; border: 1px solid var(--border); border-radius: .42rem; background: var(--surface-raised); font-size: .62rem; }
.space-weather-summary-title[b-puwgc48xsg] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.space-weather-summary-global[b-puwgc48xsg] { color: var(--text); overflow-wrap: anywhere; }
.space-weather-summary-site[b-puwgc48xsg] { color: var(--muted-strong); overflow-wrap: anywhere; }
.space-weather-summary-more[b-puwgc48xsg] { margin: .45rem 0 0; color: var(--muted); font-size: .6rem; }
.space-weather-summary-footer[b-puwgc48xsg] { display: grid; gap: .35rem; margin-top: .7rem; font-size: .6rem; }
.space-weather-summary-footer a[b-puwgc48xsg], .space-weather-summary a[b-puwgc48xsg] { color: var(--blue); font-weight: 700; }
.space-weather-credit[b-puwgc48xsg] { margin: 0; color: var(--muted); font-size: .55rem; line-height: 1.4; }
/* /Components/Operations/TimeSyncPanel.razor.rz.scp.css */
/* The Time panel on System control. The shared Operations vocabulary (.ops-*, .button, .state-chip) lives in
   OperationsLayout.razor.css; this file lays out the facts beside the actions and the two settings forms. */

.time-sync-grid[b-947bwdpird] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: .8rem; align-items: start; }
.time-facts[b-947bwdpird] { align-self: stretch; }
.time-facts dd small[b-947bwdpird] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; font-weight: 500; }

.time-note[b-947bwdpird] { margin: .35rem 0 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }
.time-note.warning[b-947bwdpird] { color: #e6bd62; }
div.ops-note-banner.compact.time-message[b-947bwdpird] { margin: 0; }

.time-settings[b-947bwdpird] { min-width: 0; padding-top: .7rem; border-top: 1px solid var(--border); }
.time-settings h3[b-947bwdpird] { margin: 0; font-size: .7rem; font-weight: 600; }
.time-settings-form[b-947bwdpird] { display: grid; gap: .55rem; margin: .6rem 0 0; padding: 0; border: 0; min-width: 0; }
.time-settings-form input:not([type="checkbox"])[b-947bwdpird] { max-width: 26rem; }
.time-settings-actions[b-947bwdpird] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.time-gps[b-947bwdpird] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.time-gps-pps[b-947bwdpird] { display: flex; align-items: center; gap: .4rem; min-height: 2.75rem; color: var(--muted); font-size: .6rem; }
.time-gps-pps input[b-947bwdpird] { width: 1rem; height: 1rem; }

/* Current Sky's .text-button, copied so this panel does not depend on another page's scoped styles. */
.text-button[b-947bwdpird] { display: inline-flex; min-height: 2.75rem; align-items: center; padding: .35rem 0; border: 0; color: var(--blue); background: transparent; cursor: pointer; font-size: .63rem; font-weight: 700; }
.text-button:disabled[b-947bwdpird] { color: var(--muted); opacity: .45; cursor: not-allowed; }

.ops-table-wrap .ops-table.time-servers-table td small[b-947bwdpird] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; }
.ops-table-wrap .ops-table.time-servers-table td:first-child[b-947bwdpird] { overflow-wrap: anywhere; white-space: normal; }

@media (max-width: 940px) {
    .time-sync-grid[b-947bwdpird] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .time-gps[b-947bwdpird] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ArchiveCalendarPage.razor.rz.scp.css */
.calendar-page[b-hs69vs0m8a] { box-sizing: border-box; width: min(100%, 105rem); margin: 0 auto; padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 4rem; color: var(--hvo-body-color); }
.calendar-heading[b-hs69vs0m8a] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.calendar-heading .eyebrow[b-hs69vs0m8a] { margin: 0 0 .28rem; color: var(--hvo-accent); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.calendar-heading h1[b-hs69vs0m8a] { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .95; letter-spacing: -.045em; }
.calendar-heading p:last-child[b-hs69vs0m8a] { max-width: 52rem; margin: .65rem 0 0; color: var(--hvo-muted); font-size: .74rem; line-height: 1.45; }
.calendar-heading > a[b-hs69vs0m8a] { flex: 0 0 auto; }
.month-nav[b-hs69vs0m8a] { display: flex; align-items: center; gap: .55rem; margin-bottom: .7rem; padding: .65rem; border: 1px solid var(--hvo-border-muted); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.month-nav__step[b-hs69vs0m8a] { display: grid; width: 2.75rem; min-height: 2.75rem; place-items: center; padding: 0; font-size: 1.1rem; line-height: 1; }
.month-nav__label[b-hs69vs0m8a] { min-width: 12rem; text-align: center; }
.month-nav__label strong[b-hs69vs0m8a], .month-nav__label small[b-hs69vs0m8a] { display: block; }
.month-nav__label strong[b-hs69vs0m8a] { font-size: .76rem; }
.month-nav__label small[b-hs69vs0m8a] { margin-top: .15rem; color: var(--hvo-muted); font-size: .52rem; }
.month-nav__today[b-hs69vs0m8a] { min-height: 2.75rem; margin-left: auto; }
.observing-calendar[b-hs69vs0m8a] { overflow: hidden; border: 1px solid var(--hvo-border-muted); border-radius: .55rem; background: rgba(7, 12, 20, .9); }
.calendar-weekdays[b-hs69vs0m8a], .calendar-grid[b-hs69vs0m8a] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.calendar-weekdays[b-hs69vs0m8a] { border-bottom: 1px solid var(--hvo-border-muted); background: var(--hvo-surface-elevated); }
.calendar-weekdays span[b-hs69vs0m8a] { padding: .55rem; color: var(--hvo-muted); font-size: .5rem; font-weight: 750; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.calendar-grid[b-hs69vs0m8a] { margin: 0; padding: 0; list-style: none; }
.calendar-day[b-hs69vs0m8a] { position: relative; min-width: 0; min-height: 9.4rem; border-right: 1px solid var(--hvo-border-muted); border-bottom: 1px solid var(--hvo-border-muted); background: rgba(9, 15, 24, .62); }
.calendar-day:nth-child(7n)[b-hs69vs0m8a] { border-right: 0; }
.calendar-day__link[b-hs69vs0m8a] { display: flex; box-sizing: border-box; width: 100%; height: 100%; min-height: 9.4rem; flex-direction: column; padding: .48rem; color: inherit; text-decoration: none; }
.calendar-day__link:hover[b-hs69vs0m8a], .calendar-day__link:focus-visible[b-hs69vs0m8a] { position: relative; z-index: 2; outline: 1px solid var(--hvo-accent); outline-offset: -1px; background: var(--hvo-surface-hover); }
.calendar-day--outside .calendar-day__link[b-hs69vs0m8a] { color: var(--hvo-muted-weak); background: rgba(5, 8, 13, .65); }
.calendar-day--empty .calendar-day__link[b-hs69vs0m8a] { background: rgba(7, 11, 18, .72); }
.calendar-day--today[b-hs69vs0m8a] { box-shadow: 0 0 0 2px var(--hvo-accent) inset; }
.calendar-day__date[b-hs69vs0m8a] { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
.calendar-day__date strong[b-hs69vs0m8a] { font: 700 .63rem ui-monospace, monospace; }
.calendar-day--outside .calendar-day__date strong[b-hs69vs0m8a] { font-weight: 500; }
.day-quality[b-hs69vs0m8a] { width: .42rem; height: .42rem; border-radius: 50%; background: var(--hvo-success-strong); }
.day-quality--event[b-hs69vs0m8a] { background: var(--hvo-warning-strong); }
.calendar-thumb[b-hs69vs0m8a] { display: block; width: 100%; height: 4.3rem; margin: .4rem 0; border-radius: .28rem; object-fit: contain; background: #02060a; }
.calendar-thumb--missing[b-hs69vs0m8a] { border: 1px dashed var(--hvo-border-muted); }
.calendar-day__details[b-hs69vs0m8a] { display: block; min-width: 0; margin-top: auto; }
.calendar-day__details small[b-hs69vs0m8a] { display: block; overflow: hidden; color: var(--hvo-muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-day--empty .calendar-day__details[b-hs69vs0m8a] { margin-top: .35rem; }
.calendar-products[b-hs69vs0m8a] { display: flex; align-items: center; gap: .24rem; margin-top: .35rem; }
.calendar-products i[b-hs69vs0m8a] { display: grid; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: .22rem; color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); font: 750 .65rem ui-monospace, monospace; }
.calendar-products i.unavailable[b-hs69vs0m8a] { border: 1px solid var(--hvo-border-muted); color: var(--hvo-muted); background: rgba(9, 15, 24, .8); }
.calendar-products i.available[b-hs69vs0m8a] { color: var(--hvo-success-fg); background: var(--hvo-success-bg); box-shadow: 0 0 0 1px var(--hvo-success-strong) inset; }
.calendar-products i.partial[b-hs69vs0m8a] { border: 1px dashed var(--hvo-success-strong); color: var(--hvo-success-fg); background: transparent; }
.calendar-products i.not-produced[b-hs69vs0m8a] { text-decoration: line-through; }
.calendar-legend[b-hs69vs0m8a] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: .7rem .2rem; color: var(--hvo-muted); font-size: .65rem; }
.calendar-legend span[b-hs69vs0m8a] { display: inline-flex; align-items: center; gap: .3rem; }
.calendar-legend span:last-child[b-hs69vs0m8a] { margin-left: auto; }
.calendar-legend__badges[b-hs69vs0m8a] { flex-basis: 100%; }
.calendar-legend i[b-hs69vs0m8a] { width: .5rem; height: .5rem; border-radius: 2px; }
.calendar-legend__event[b-hs69vs0m8a] { background: var(--hvo-warning-strong); }
.calendar-legend__session[b-hs69vs0m8a] { background: var(--hvo-success-strong); }
.calendar-legend__unavailable[b-hs69vs0m8a] { border: 1px solid var(--hvo-muted); background: transparent; }
.calendar-legend__produced[b-hs69vs0m8a] { display: inline-block; background: var(--hvo-success-strong); }
.calendar-legend__partial[b-hs69vs0m8a] { display: inline-block; border: 1px dashed var(--hvo-success-strong); background: transparent; }
.calendar-summary[b-hs69vs0m8a] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.calendar-summary article[b-hs69vs0m8a] { min-width: 0; padding: .75rem; border: 1px solid var(--hvo-border-muted); border-radius: .45rem; background: rgba(9, 15, 24, .82); }
.calendar-summary .eyebrow[b-hs69vs0m8a] { margin: 0; color: var(--hvo-muted); font-size: .65rem; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
.calendar-summary strong[b-hs69vs0m8a] { display: block; margin-top: .22rem; font-size: 1rem; line-height: 1.2; }
.calendar-summary small[b-hs69vs0m8a] { display: block; margin-top: .13rem; color: var(--hvo-muted); font-size: .65rem; }
@media (max-width: 850px) { .calendar-heading[b-hs69vs0m8a] { display: grid; align-items: start; } }
@media (max-width: 650px) {
    .calendar-page[b-hs69vs0m8a] { padding: 0 .65rem 3rem; }
    .calendar-heading > a[b-hs69vs0m8a] { justify-self: start; }
    .calendar-weekdays[b-hs69vs0m8a] { display: none; }
    .calendar-grid[b-hs69vs0m8a] { grid-template-columns: 1fr; }
    .calendar-day[b-hs69vs0m8a] { min-height: 5.5rem; border-right: 0; }
    .calendar-day__link[b-hs69vs0m8a] { display: grid; grid-template-columns: 2.2rem 7rem minmax(0, 1fr); gap: .5rem; align-items: center; min-height: 5.5rem; }
    .calendar-day__date[b-hs69vs0m8a] { align-self: start; }
    .calendar-thumb[b-hs69vs0m8a] { height: 4.2rem; margin: 0; }
    .calendar-day__details[b-hs69vs0m8a], .calendar-day--empty .calendar-day__details[b-hs69vs0m8a] { margin: 0; }
    .calendar-day--empty .calendar-day__details[b-hs69vs0m8a] { grid-column: 2 / -1; }
    .calendar-day__details small[b-hs69vs0m8a] { white-space: normal; }
    .calendar-products[b-hs69vs0m8a] { margin: .25rem 0 0; }
    .calendar-legend span:last-child[b-hs69vs0m8a] { width: 100%; margin-left: 0; }
    .calendar-summary[b-hs69vs0m8a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .month-nav[b-hs69vs0m8a] { flex-wrap: wrap; }
    .month-nav__label[b-hs69vs0m8a] { flex: 1; min-width: 0; }
}
/* /Components/Pages/AutomationsPage.razor.rz.scp.css */
/* Automations layout, ported from the pipeline-operations prototype. The shared Operations vocabulary (.ops-*,
   .button, .state-chip, .action-dialog) lives in OperationsLayout.razor.css. */

.automation-link[b-5e73l8qawe] { margin-left: .25rem; color: #9bcaff; white-space: nowrap; }
.automation-empty[b-5e73l8qawe] { margin: .8rem 0; color: var(--muted); font-size: .65rem; }

.automation-tabs[b-5e73l8qawe] { display: flex; gap: .35rem; margin: 1rem 0 .8rem; border-bottom: 1px solid var(--border); overflow-x: auto; }
.automation-tabs button[b-5e73l8qawe] { position: relative; flex: 0 0 auto; min-height: 2.5rem; padding: .4rem .65rem; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: .61rem; font-weight: 700; }
.automation-tabs button:hover[b-5e73l8qawe] { color: var(--text); }
.automation-tabs button.active[b-5e73l8qawe] { color: var(--text); }
.automation-tabs button.active[b-5e73l8qawe]::after { position: absolute; right: .4rem; bottom: -1px; left: .4rem; height: 2px; background: var(--blue); content: ""; }

.automation-view > .ops-panel + .ops-grid[b-5e73l8qawe] { margin-top: 1rem; }
.automation-view > .ops-status-rail[b-5e73l8qawe] { margin-bottom: 1rem; }

.automation-card-grid[b-5e73l8qawe] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.automation-card[b-5e73l8qawe] { padding: .8rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.automation-card.focused[b-5e73l8qawe] { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue-soft); }
.automation-card.unsupported[b-5e73l8qawe] { opacity: .78; background: rgba(13, 20, 32, .45); }
.automation-card > header[b-5e73l8qawe] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .65rem; align-items: start; }
.automation-card h3[b-5e73l8qawe] { margin: 0; font-size: .72rem; overflow-wrap: anywhere; }
.automation-card header p[b-5e73l8qawe] { margin: .25rem 0 0; color: var(--muted); font-size: .54rem; line-height: 1.4; }
.automation-icon[b-5e73l8qawe] { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .4rem; color: var(--blue); background: var(--blue-soft); }
.automation-icon svg[b-5e73l8qawe] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.automation-icon.environment[b-5e73l8qawe] { color: var(--cyan); background: rgba(57, 197, 207, .12); }
.automation-icon.reboot[b-5e73l8qawe] { color: var(--muted); background: var(--surface-raised); }
.automation-icon.orbital[b-5e73l8qawe] { color: #b9a4ff; background: rgba(150, 120, 255, .13); }
.automation-icon.space-weather[b-5e73l8qawe] { color: #e6bd62; background: var(--amber-soft); }
.automation-card dl[b-5e73l8qawe] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .65rem 0 0; border-top: 1px solid var(--border); }
.automation-card dl > div[b-5e73l8qawe] { padding: .5rem 0; border-bottom: 1px solid var(--border); }
.automation-card dl > div:nth-child(even)[b-5e73l8qawe] { padding-left: .55rem; border-left: 1px solid var(--border); }
.automation-card dt[b-5e73l8qawe] { color: var(--muted); font-size: .47rem; text-transform: uppercase; }
.automation-card dd[b-5e73l8qawe] { margin: .15rem 0 0; font-size: .56rem; font-weight: 700; overflow-wrap: anywhere; }
.automation-card footer[b-5e73l8qawe] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .6rem; }
.automation-card footer > span[b-5e73l8qawe] { color: var(--muted); font-size: .49rem; }
.automation-card-actions[b-5e73l8qawe] { display: flex; flex-wrap: wrap; gap: .35rem; }

.revision-history[b-5e73l8qawe] { margin-top: .55rem; font-size: .55rem; }
.revision-history summary[b-5e73l8qawe] { min-height: 1.6rem; color: #9bcaff; cursor: pointer; line-height: 1.6rem; }
.revision-history ol[b-5e73l8qawe] { display: grid; gap: .35rem; margin: .35rem 0 0; padding: 0; list-style: none; }
.revision-history li[b-5e73l8qawe] { display: grid; gap: .1rem; padding: .4rem .5rem; border-left: 2px solid var(--border-strong); background: var(--surface-raised); }
.revision-history li span[b-5e73l8qawe], .revision-history li small[b-5e73l8qawe] { color: var(--muted); }
.revision-history li small[b-5e73l8qawe] { overflow-wrap: anywhere; }

.automation-track-scroll[b-5e73l8qawe] { margin-top: .7rem; overflow-x: auto; }
.automation-day-track[b-5e73l8qawe] { position: relative; min-width: 44rem; height: 13rem; border: 1px solid var(--border); border-radius: .45rem; background: #080d18; overflow: hidden; }
.automation-night[b-5e73l8qawe] { position: absolute; top: .8rem; height: 1.6rem; padding: .4rem; border-radius: .3rem; color: #d9ccf5; background: rgba(188, 140, 255, .25); font-size: .5rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.automation-now[b-5e73l8qawe] { position: absolute; z-index: 3; top: 0; bottom: 0; width: 1px; background: var(--green); }
.automation-now small[b-5e73l8qawe] { position: absolute; top: 2.8rem; left: .25rem; color: #a9ecb1; font: .46rem ui-monospace, monospace; white-space: nowrap; }
.automation-run-tick[b-5e73l8qawe] { position: absolute; bottom: 0; width: 1px; height: 1.4rem; background: var(--blue); }
.automation-run-marker[b-5e73l8qawe] { position: absolute; display: grid; width: 9rem; padding: .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); transform: translateX(-50%); }
.automation-run-marker.row-0[b-5e73l8qawe] { top: 4.5rem; }
.automation-run-marker.row-1[b-5e73l8qawe] { top: 7.9rem; }
.automation-run-marker strong[b-5e73l8qawe] { font: .52rem ui-monospace, monospace; }
.automation-run-marker small[b-5e73l8qawe] { margin-top: .2rem; overflow: hidden; color: var(--muted); font-size: .48rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }

.automation-subheading[b-5e73l8qawe] { margin: 1rem 0 .4rem; color: var(--muted-strong); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.automation-upcoming[b-5e73l8qawe] { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.automation-upcoming li[b-5e73l8qawe] { display: grid; grid-template-columns: 9rem minmax(0, 1fr) minmax(0, 1fr); gap: .6rem; align-items: baseline; padding: .45rem 0; border-top: 1px solid var(--border); font-size: .6rem; }
.automation-upcoming strong[b-5e73l8qawe] { font: .56rem ui-monospace, monospace; }
.automation-upcoming small[b-5e73l8qawe] { color: var(--muted); overflow-wrap: anywhere; }

.ops-validation-list[b-5e73l8qawe] { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.ops-validation-item[b-5e73l8qawe] { display: flex; align-items: center; gap: .5rem; padding: .48rem 0; border-top: 1px solid var(--border); font-size: .57rem; }
.ops-validation-item:first-child[b-5e73l8qawe] { border-top: 0; }
.ops-validation-item i[b-5e73l8qawe] { display: grid; flex: 0 0 auto; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; color: #a9ecb1; background: var(--green-soft); font-style: normal; font-size: .55rem; }
.ops-validation-item.neutral[b-5e73l8qawe] { color: var(--muted-strong); }
.ops-validation-item.neutral i[b-5e73l8qawe] { color: var(--muted-strong); background: var(--surface-raised); }

.ops-table-wrap .ops-table.automation-run-table td[b-5e73l8qawe] { white-space: normal; }
.ops-table-wrap .ops-table.automation-run-table td:first-child[b-5e73l8qawe] { white-space: nowrap; }
.ops-table-wrap .ops-table.automation-run-table td small[b-5e73l8qawe] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; overflow-wrap: anywhere; }

dialog.action-dialog.automation-dialog[b-5e73l8qawe] { width: min(calc(100% - 2rem), 42rem); }
.automation-dialog fieldset[b-5e73l8qawe] { min-inline-size: 0; }
.automation-dialog-grid[b-5e73l8qawe] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem .75rem; }
.automation-dialog-grid .full[b-5e73l8qawe] { grid-column: 1 / -1; }
.automation-field-hint[b-5e73l8qawe] { color: var(--muted); font-size: .55rem; line-height: 1.4; }
.automation-check[b-5e73l8qawe] { display: flex; align-items: center; gap: .55rem; min-height: 2.75rem; color: var(--muted-strong); font-size: .65rem; cursor: pointer; }
.automation-check input[b-5e73l8qawe] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; accent-color: var(--blue-strong); }
/* Element-qualified so these outrank the shared .ops-facts and .ops-note-banner margins. */
dialog.automation-dialog .automation-confirm-facts[b-5e73l8qawe] { margin: 0 1.1rem; }
dialog.automation-dialog .automation-confirm-facts dd[b-5e73l8qawe] { overflow-wrap: anywhere; }
dialog.automation-dialog .automation-dialog-message[b-5e73l8qawe] { margin: .9rem 1.1rem 0; }
/* The editor can be taller than a phone screen; keep its actions in reach while the fields scroll. */
dialog.automation-dialog footer[b-5e73l8qawe] { position: sticky; bottom: 0; z-index: 1; background: #0c131e; }

@media (max-width: 1180px) {
    .automation-card-grid[b-5e73l8qawe] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .automation-run-marker[b-5e73l8qawe] { width: 7rem; }
    .automation-upcoming li[b-5e73l8qawe] { grid-template-columns: 1fr; gap: .15rem; }
    .automation-dialog-grid[b-5e73l8qawe] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    dialog.action-dialog.automation-dialog[b-5e73l8qawe] { width: calc(100% - 1rem); }
    .automation-card > header[b-5e73l8qawe] { grid-template-columns: auto 1fr; }
    .automation-card > header .state-chip[b-5e73l8qawe] { grid-column: 2; justify-self: start; }
    .automation-card dl[b-5e73l8qawe] { grid-template-columns: 1fr; }
    .automation-card dl > div:nth-child(even)[b-5e73l8qawe] { padding-left: 0; border-left: 0; }
    .ops-table-wrap .ops-table.automation-run-table th[b-5e73l8qawe] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.automation-run-table td[b-5e73l8qawe] { padding-inline: .3rem; }
}

/* The theme's 44px touch rule covers .button and .icon-button; these controls are page-specific. */
@media (pointer: coarse), (max-width: 480px) {
    .automation-tabs button[b-5e73l8qawe], .revision-history summary[b-5e73l8qawe] { min-height: 44px; }
    .revision-history summary[b-5e73l8qawe] { line-height: 44px; }
    dialog.automation-dialog .ops-field :is(input, select)[b-5e73l8qawe] { min-height: 44px; }
}

.automation-tabs button[b-5e73l8qawe], .automation-card header p[b-5e73l8qawe], .automation-card dt[b-5e73l8qawe], .automation-card dd[b-5e73l8qawe], .automation-card footer > span[b-5e73l8qawe], .automation-night[b-5e73l8qawe], .automation-now small[b-5e73l8qawe], .automation-run-marker strong[b-5e73l8qawe], .automation-run-marker small[b-5e73l8qawe], .revision-history[b-5e73l8qawe], .automation-field-hint[b-5e73l8qawe] { font-size: .65rem; }

div.operations-dialog-note.automation-removed-note[b-5e73l8qawe] { border-left-color: var(--amber); background: var(--amber-soft); }
div.operations-dialog-note.automation-removed-note .button[b-5e73l8qawe] { justify-self: start; margin-top: .3rem; }
/* /Components/Pages/CalibrationPage.razor.rz.scp.css */
/* Calibration layout. The shared Operations vocabulary (.ops-*, .button, .action-dialog) lives in
   OperationsLayout.razor.css; this file ports the prototype reference-library rows from
   docs/prototypes/pipeline-operations/operations-pages.css and adds the acquisition, activation and evidence
   dialogs the prototype does not define. */

.calibration-pending p[b-fz6e4t6uwc] { margin: 0; }
.calibration-pending > div[b-fz6e4t6uwc] { display: grid; gap: .5rem; }
.calibration-actions[b-fz6e4t6uwc] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-top: .8rem; }
.calibration-pending .calibration-actions[b-fz6e4t6uwc] { margin-top: 0; }
.calibration-empty[b-fz6e4t6uwc] { margin: .4rem 0 0; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.calibration-cell-detail[b-fz6e4t6uwc] { display: block; margin-top: .15rem; color: var(--muted); font-size: .52rem; }
.calibration-row-actions[b-fz6e4t6uwc] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }

/* Prototype .ops-library-card. */
.ops-library-card[b-fz6e4t6uwc] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .65rem; align-items: center; padding: .65rem 0; border-top: 1px solid var(--border); }
.ops-library-card:first-of-type[b-fz6e4t6uwc] { border-top: 0; }
.ops-library-icon[b-fz6e4t6uwc] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .4rem; color: var(--purple); background: rgba(188, 140, 255, .1); }
.ops-library-icon svg[b-fz6e4t6uwc] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.ops-library-card strong[b-fz6e4t6uwc], .ops-library-card small[b-fz6e4t6uwc] { display: block; }
.ops-library-card strong[b-fz6e4t6uwc] { font-size: .63rem; overflow-wrap: anywhere; }
.ops-library-card small[b-fz6e4t6uwc] { margin-top: .15rem; color: var(--muted); font-size: .52rem; line-height: 1.45; }
.ops-library-card code[b-fz6e4t6uwc] { color: #c4dcfa; font-size: .52rem; }
.ops-library-card.empty .ops-library-icon[b-fz6e4t6uwc] { color: var(--amber); background: var(--amber-soft); }

dialog.action-dialog.calibration-dialog[b-fz6e4t6uwc] { width: min(calc(100% - 2rem), 40rem); }
dialog.action-dialog.calibration-detail[b-fz6e4t6uwc] { width: min(calc(100% - 2rem), 60rem); }
.calibration-dialog fieldset[b-fz6e4t6uwc] { min-inline-size: 0; }
.calibration-dialog-grid[b-fz6e4t6uwc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .55rem .7rem; }
.calibration-dialog-message[b-fz6e4t6uwc] { padding: 0 1.1rem; }
.calibration-dialog-message .ops-note-banner[b-fz6e4t6uwc] { margin-top: .8rem; }
.calibration-advanced[b-fz6e4t6uwc] { border-top: 1px solid var(--border); }
.calibration-advanced summary[b-fz6e4t6uwc], .calibration-lineage summary[b-fz6e4t6uwc] { min-height: 2.2rem; padding: .45rem 0; color: var(--text); font-size: .65rem; font-weight: 700; cursor: pointer; }
.calibration-lineage summary[b-fz6e4t6uwc] { min-height: 0; padding: 0; color: var(--blue); font-weight: 600; }
.calibration-lineage ol[b-fz6e4t6uwc] { margin: .35rem 0 0; padding-left: 1.1rem; }
.calibration-lineage code[b-fz6e4t6uwc] { font-size: .5rem; overflow-wrap: anywhere; }
.calibration-detail-body[b-fz6e4t6uwc] { display: grid; gap: 1rem; padding: 1rem 1.1rem 0; max-height: min(60vh, 40rem); overflow: auto; }
.calibration-detail-body dd code[b-fz6e4t6uwc] { overflow-wrap: anywhere; }

@media (max-width: 680px) {
    dialog.action-dialog.calibration-dialog[b-fz6e4t6uwc], dialog.action-dialog.calibration-detail[b-fz6e4t6uwc] { width: calc(100% - 1rem); }
    .calibration-row-actions[b-fz6e4t6uwc] { justify-content: flex-start; }
    .calibration-actions .button[b-fz6e4t6uwc] { flex: 1 1 auto; }
}
/* /Components/Pages/CameraRigPage.razor.rz.scp.css */
/* Camera & rig layout. The shared Operations vocabulary (.ops-*, .button, .action-dialog) lives in
   OperationsLayout.razor.css; this file adds only the prototype geometry visual and the composer, compare,
   and editor-dialog arrangements the prototype does not define. */

.rig-failure p[b-1n7elyqkqb], .rig-pending p[b-1n7elyqkqb] { margin: 0; }
.rig-failure p + p[b-1n7elyqkqb] { margin-top: .35rem; }
.rig-pending > div[b-1n7elyqkqb] { display: grid; gap: .5rem; }

.rig-actions[b-1n7elyqkqb] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-top: .8rem; }
.rig-pending .rig-actions[b-1n7elyqkqb] { margin-top: 0; }
.rig-actions:empty[b-1n7elyqkqb] { display: none; }

.rig-note[b-1n7elyqkqb] { margin: .7rem 0 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }

.rig-section[b-1n7elyqkqb] { margin-top: .8rem; }

/* Four selection facts; element-qualified so the row gap outranks the shared banner gap. */
section.ops-profile-banner.rig-selection dl[b-1n7elyqkqb] { flex-wrap: wrap; row-gap: .55rem; }

/* Prototype .ops-geometry-visual; the axis follows the reported optics roll instead of a fixed angle. */
.ops-geometry-visual[b-1n7elyqkqb] { position: relative; display: grid; min-height: 16rem; margin-bottom: .7rem; place-items: center; border: 1px solid var(--border); border-radius: .45rem; background: radial-gradient(circle, #101c2a 0 16%, #09111b 16.3% 31%, #080d15 31.3% 47%, #05080d 47.3%); overflow: hidden; }
.ops-geometry-visual[b-1n7elyqkqb]::before { width: 10rem; height: 10rem; border: 1px solid rgba(88, 166, 255, .55); border-radius: 50%; content: ""; }
.ops-geometry-visual[b-1n7elyqkqb]::after { position: absolute; width: 1px; height: 80%; background: rgba(88, 166, 255, .25); content: ""; transform: rotate(var(--geo-roll, 0deg)); }
.ops-geometry-visual span[b-1n7elyqkqb] { position: absolute; padding: .2rem .35rem; border: 1px solid var(--border); border-radius: .25rem; color: var(--muted); background: rgba(5, 8, 13, .82); font: .55rem ui-monospace, monospace; }
.ops-geometry-visual .geo-north[b-1n7elyqkqb] { top: .6rem; left: 50%; transform: translateX(-50%); }
.ops-geometry-visual .geo-mask[b-1n7elyqkqb] { right: .6rem; bottom: .6rem; }

/* Composer: one block per building block, each a dropdown with its New and Edit actions. */
.rig-blocks[b-1n7elyqkqb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.rig-block[b-1n7elyqkqb] { display: grid; align-content: start; gap: .45rem; min-width: 0; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.rig-block-actions[b-1n7elyqkqb] { display: flex; flex-wrap: wrap; gap: .4rem; }
.rig-footer[b-1n7elyqkqb] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--border); }
.rig-footer p[b-1n7elyqkqb] { max-width: 42rem; margin: 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }
.rig-footer .button[b-1n7elyqkqb] { flex: 0 0 auto; }

/* Compare & stage. */
.rig-revision[b-1n7elyqkqb] { max-width: 24rem; margin-bottom: .7rem; }
.ops-table.rig-compare th[scope="row"][b-1n7elyqkqb] { padding: .58rem .5rem; border-bottom: 1px solid var(--border); color: var(--text); font-size: .65rem; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.ops-table.rig-compare tr:last-child th[b-1n7elyqkqb] { border-bottom: 0; }
.rig-compare td[b-1n7elyqkqb] { overflow-wrap: anywhere; }
.rig-provenance[b-1n7elyqkqb] { margin-top: .7rem; color: var(--muted-strong); font-size: .62rem; }
.rig-provenance summary[b-1n7elyqkqb] { min-height: 2.75rem; padding: .6rem 0; color: var(--text); font-weight: 700; cursor: pointer; }
.rig-provenance dd code[b-1n7elyqkqb] { overflow-wrap: anywhere; }
.rig-check[b-1n7elyqkqb] { display: flex; align-items: flex-start; gap: .55rem; min-height: 2.75rem; margin-top: .7rem; padding-top: .55rem; color: var(--muted-strong); font-size: .65rem; line-height: 1.45; cursor: pointer; }
.rig-check input[b-1n7elyqkqb] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; margin-top: .05rem; accent-color: var(--blue-strong); }

.rig-row-action[b-1n7elyqkqb] { text-align: right; }

/* Editor dialog; element-qualified so it outranks the shared .action-dialog width. */
dialog.action-dialog.rig-dialog[b-1n7elyqkqb] { width: min(calc(100% - 2rem), 44rem); }
.rig-dialog fieldset[b-1n7elyqkqb] { min-inline-size: 0; }
.rig-dialog-message[b-1n7elyqkqb] { padding: 0 1.1rem; }
.rig-dialog fieldset .dialog-note[b-1n7elyqkqb] { margin: .2rem 0 0; }
.rig-dialog-grid[b-1n7elyqkqb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .55rem .7rem; }
.rig-dialog .rig-note[b-1n7elyqkqb] { margin: 0; }
.rig-dialog .rig-check[b-1n7elyqkqb] { margin-top: 0; padding-top: 0; }
.rig-advanced[b-1n7elyqkqb] { color: var(--muted-strong); font-size: .62rem; }
.rig-advanced summary[b-1n7elyqkqb] { min-height: 2.75rem; padding: .6rem 0; color: var(--text); font-weight: 700; cursor: pointer; }
.rig-advanced[open] summary[b-1n7elyqkqb] { margin-bottom: .45rem; }

@media (max-width: 1180px) {
    .rig-blocks[b-1n7elyqkqb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .rig-footer[b-1n7elyqkqb] { align-items: stretch; flex-direction: column; }
    .rig-revision[b-1n7elyqkqb] { max-width: none; }
}

@media (max-width: 480px) {
    .rig-blocks[b-1n7elyqkqb] { grid-template-columns: 1fr; }
    dialog.action-dialog.rig-dialog[b-1n7elyqkqb] { width: calc(100% - 1rem); }
    .rig-row-action[b-1n7elyqkqb] { text-align: left; }
}

/* Advanced tools separator and the quick-edit step report. */
.rig-advanced-heading[b-1n7elyqkqb] { margin: 1.6rem 0 .2rem; }
.rig-advanced-heading h2[b-1n7elyqkqb] { margin: 0; font-size: 1rem; }
.rig-advanced-heading p[b-1n7elyqkqb] { max-width: 48rem; margin: .35rem 0 0; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.rig-edit-outcome > div[b-1n7elyqkqb] { display: grid; gap: .3rem; min-width: 0; }
.rig-edit-outcome p[b-1n7elyqkqb] { margin: 0; }
.rig-edit-outcome ul[b-1n7elyqkqb] { margin: 0; padding-left: 1.1rem; overflow-wrap: anywhere; }
/* /Components/Pages/ControlPage.razor.rz.scp.css */
/* System control layout. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css; this file only adds the receipt table detail and the reason dialog width. */

div.ops-note-banner.compact.control-message[b-8kwpm8vxor] { margin: 0 0 .8rem; }
.control-empty[b-8kwpm8vxor] { margin: 0; color: var(--muted); font-size: .65rem; }

.ops-table-wrap .ops-table.control-receipts td[b-8kwpm8vxor] { white-space: normal; }
.ops-table-wrap .ops-table.control-receipts td:first-child[b-8kwpm8vxor] { white-space: nowrap; }
.ops-table-wrap .ops-table.control-receipts td small[b-8kwpm8vxor] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; }
.ops-table-wrap .ops-table.control-receipts td:nth-child(4)[b-8kwpm8vxor] { min-width: 9rem; overflow-wrap: anywhere; }

dialog.action-dialog.control-dialog[b-8kwpm8vxor] { width: min(calc(100% - 2rem), 34rem); }
dialog.action-dialog.control-dialog fieldset[b-8kwpm8vxor] { min-inline-size: 0; }
dialog.action-dialog.control-dialog .ops-field input[b-8kwpm8vxor] { min-height: 44px; }
/* /Components/Pages/CurrentSkyPage.razor.rz.scp.css */
/* Ported from docs/prototypes/pipeline-operations/cameraagent-pages.css (dashboard rules) and the dashboard
   parts of styles.css. Selectors and values are the prototype's; the only changes are the token aliases below,
   scoping, and the SVG rules that key on the renderer's data-layer-kind instead of prototype element ids. */
.current-sky-page[b-gewhrcvof7] {
    --bg: var(--hvo-body-bg);
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    --surface-soft: #0a111b;
    --surface-hover: var(--hvo-surface-hover);
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-strong: #2f81f7;
    --blue-soft: rgba(47, 129, 247, .16);
    --green: #3fb950;
    --green-soft: rgba(63, 185, 80, .15);
    --amber: #d29922;
    --amber-soft: rgba(210, 153, 34, .16);
    --red: #f85149;
    --red-soft: rgba(248, 81, 73, .15);
    --purple: #bc8cff;
    --cyan: #39c5cf;
    box-sizing: border-box;
    width: min(100%, 112rem);
    margin: 0 auto;
    padding: clamp(1rem, 2.6vw, 2.4rem) clamp(.75rem, 2.6vw, 2.4rem) 4rem;
    color: var(--text);
    overflow-x: clip;
}
.current-sky-page *[b-gewhrcvof7], .current-sky-page[b-gewhrcvof7]  * { box-sizing: border-box; }
.current-sky-page.historical-sky[b-gewhrcvof7] { padding: 0; }
.current-sky-page svg[b-gewhrcvof7], .current-sky-page[b-gewhrcvof7]  .button svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.site-heading[b-gewhrcvof7] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; }
.historical-sky .site-heading[b-gewhrcvof7] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; }
.historical-sky .site-heading-actions[b-gewhrcvof7] { justify-self: end; }
.site-heading h1[b-gewhrcvof7] { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .95; letter-spacing: -.045em; }
.site-heading > div:first-child > p:last-child[b-gewhrcvof7] { max-width: 48rem; margin: .7rem 0 0; color: var(--muted); font-size: .82rem; }
.site-heading-actions[b-gewhrcvof7], .image-heading-actions[b-gewhrcvof7] { display: flex; align-items: center; gap: .55rem; }
.eyebrow[b-gewhrcvof7] { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }

.live-indicator[b-gewhrcvof7] { display: inline-flex; align-items: center; gap: .45rem; color: var(--muted-strong); font: 650 .68rem ui-monospace, monospace; }
.live-indicator i[b-gewhrcvof7] { width: .48rem; height: .48rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); animation: soft-pulse-b-gewhrcvof7 2s ease-out infinite; }
.live-indicator.history i[b-gewhrcvof7] { background: var(--blue); box-shadow: 0 0 0 4px var(--blue-soft); animation: none; }

.button[b-gewhrcvof7], .current-sky-page[b-gewhrcvof7]  .button { display: inline-flex; min-height: 2.45rem; align-items: center; justify-content: center; gap: .45rem; padding: .5rem .85rem; border: 1px solid var(--border-strong); border-radius: .45rem; font-size: .75rem; font-weight: 700; cursor: pointer; text-decoration: none; }
.button svg[b-gewhrcvof7] { width: .95rem; height: .95rem; }
.button.secondary[b-gewhrcvof7] { color: var(--text); background: var(--surface-raised); }
.button.secondary:hover[b-gewhrcvof7] { background: var(--surface-hover); }
.button.small[b-gewhrcvof7] { min-height: 2.1rem; padding: .4rem .65rem; font-size: .68rem; }
.button:disabled[b-gewhrcvof7] { opacity: .55; cursor: not-allowed; }

.status-icon[b-gewhrcvof7] { position: relative; display: inline-grid; flex: 0 0 auto; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: 50%; }
.status-icon[b-gewhrcvof7]::after { color: #07110a; font-weight: 900; line-height: 1; content: ""; }
.status-icon.success[b-gewhrcvof7] { background: var(--green); }
.status-icon.success[b-gewhrcvof7]::after { content: "\2713"; }
.status-icon.warning[b-gewhrcvof7] { background: var(--amber); }
.status-icon.warning[b-gewhrcvof7]::after { color: #1d1504; content: "!"; }
.status-icon.failure[b-gewhrcvof7] { background: var(--red); }
.status-icon.failure[b-gewhrcvof7]::after { color: white; content: "\00d7"; }
.status-icon.pending[b-gewhrcvof7] { border: 2px solid var(--muted); }

.state-chip[b-gewhrcvof7] { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .55rem; border: 1px solid; border-radius: 999px; font-size: .61rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.state-chip.success[b-gewhrcvof7] { border-color: rgba(63, 185, 80, .4); color: #8fe49c; background: var(--green-soft); }
.state-chip.warning[b-gewhrcvof7] { border-color: rgba(210, 153, 34, .45); color: #e6bd62; background: var(--amber-soft); }
.state-chip.failure[b-gewhrcvof7] { border-color: rgba(248, 81, 73, .45); color: #ff9b95; background: var(--red-soft); }
.state-chip.pending[b-gewhrcvof7] { border-color: var(--border); color: var(--muted-strong); background: var(--surface); }

.dashboard-status[b-gewhrcvof7] { display: grid; grid-template-columns: minmax(15rem, 1.4fr) minmax(38rem, 2fr); gap: 1rem; align-items: center; min-height: 4.9rem; margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: .55rem; background: rgba(13, 20, 32, .74); }
.dashboard-status > div[b-gewhrcvof7] { display: flex; align-items: center; gap: .65rem; }
.dashboard-status strong[b-gewhrcvof7], .dashboard-status small[b-gewhrcvof7] { display: block; }
.dashboard-status strong[b-gewhrcvof7] { font-size: .76rem; }
.dashboard-status small[b-gewhrcvof7] { margin-top: .18rem; color: var(--muted); font-size: .62rem; }
.dashboard-status dl[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.dashboard-status dl > div[b-gewhrcvof7] { padding: .1rem .8rem; border-left: 1px solid var(--border); }
.dashboard-status dt[b-gewhrcvof7], .lineage-facts dt[b-gewhrcvof7], .capture-facts dt[b-gewhrcvof7], .rig-facts dt[b-gewhrcvof7] { color: var(--muted); font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-status dd[b-gewhrcvof7], .lineage-facts dd[b-gewhrcvof7], .capture-facts dd[b-gewhrcvof7], .rig-facts dd[b-gewhrcvof7] { margin: .25rem 0 0; font-size: .72rem; font-weight: 700; }
.fact-unavailable[b-gewhrcvof7] { color: var(--muted); font-weight: 600; }
.capture-location-provenance[b-gewhrcvof7] { display: block; margin-top: .2rem; color: var(--muted); font-size: .62rem; font-weight: 500; line-height: 1.3; }

.sky-workspace[b-gewhrcvof7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 23rem); gap: 1rem; align-items: start; }
.sky-primary[b-gewhrcvof7] { display: grid; gap: 1rem; min-width: 0; align-content: start; }
.sky-primary .operations-strip[b-gewhrcvof7] { grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); margin-top: 0; }
.sky-viewer-card[b-gewhrcvof7], .inspector-card[b-gewhrcvof7], .operations-strip article[b-gewhrcvof7] { border: 1px solid var(--border); border-radius: .55rem; background: rgba(9, 15, 24, .86); box-shadow: 0 14px 35px rgba(0, 0, 0, .16); }
.sky-viewer-card[b-gewhrcvof7] { min-width: 0; overflow: hidden; }
.card-heading[b-gewhrcvof7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--border); }
.card-heading h2[b-gewhrcvof7], .inspector-card h2[b-gewhrcvof7] { margin: 0; font-size: .95rem; }
.card-heading > div:first-child > p:last-child[b-gewhrcvof7] { margin: .3rem 0 0; color: var(--muted); font-size: .66rem; }
.product-badge[b-gewhrcvof7] { padding: .26rem .5rem; border: 1px solid rgba(188, 140, 255, .38); border-radius: 999px; color: #d2b8f4; background: rgba(188, 140, 255, .1); font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.product-badge.current[b-gewhrcvof7] { border-color: rgba(63, 185, 80, .4); color: #9ae6a4; background: var(--green-soft); }
.product-badge.source[b-gewhrcvof7] { border-color: rgba(57, 197, 207, .4); color: #95e6eb; background: rgba(57, 197, 207, .1); }

.sky-figure[b-gewhrcvof7] { position: relative; margin: 0; overflow: hidden; background: #000; }
.sky-figure:fullscreen[b-gewhrcvof7] { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; background: #000; }
.fullscreen-controls[b-gewhrcvof7] { display: none; }
.sky-figure:fullscreen .fullscreen-controls[b-gewhrcvof7] { display: block; max-height: 35vh; overflow-y: auto; padding: .65rem .8rem; border-top: 1px solid var(--border); color: var(--text); background: var(--surface); }
.fullscreen-controls-heading[b-gewhrcvof7] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; font-size: .7rem; }
.fullscreen-controls-heading button[b-gewhrcvof7] { margin-left: auto; }
.fullscreen-layer-list[b-gewhrcvof7] { display: flex; flex-wrap: wrap; gap: .4rem .8rem; margin-top: .45rem; }
.fullscreen-layer-list label[b-gewhrcvof7] { display: flex; align-items: center; gap: .4rem; min-height: 2.2rem; font-size: .65rem; }
.fullscreen-layer-list label small[b-gewhrcvof7] { display: none; }
.sky-figure:fullscreen .sky-image-stage[b-gewhrcvof7] { width: 100%; height: 100%; }
.technical-evidence-error[b-gewhrcvof7] { margin: 0; padding: .65rem .8rem; color: var(--hvo-danger-fg); background: var(--hvo-surface); }
.sky-figure:fullscreen[b-gewhrcvof7]  .capture-image { width: 100%; height: 100%; min-height: 0; max-height: none; }
.sky-figure:fullscreen[b-gewhrcvof7]  .capture-image img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.sky-image-stage[b-gewhrcvof7] { position: relative; width: 100%; overflow: hidden; background: #000; }
.sky-layer-workspace[b-gewhrcvof7], .sky-layer-canvas[b-gewhrcvof7] { position: absolute; inset: 0; }
.sky-layer-canvas > img[b-gewhrcvof7], .sky-layer-overlay[b-gewhrcvof7] { position: absolute; inset: 0; width: 100%; height: 100%; }
.sky-layer-canvas > img[b-gewhrcvof7] { display: block; object-fit: contain; }
.sky-layer-overlay[b-gewhrcvof7] { visibility: hidden; pointer-events: none; }
.sky-layer-canvas--verified > .sky-layer-overlay[b-gewhrcvof7] { visibility: visible; }
.sky-image-stage[b-gewhrcvof7]  .capture-image { position: relative; max-height: none; border: 0; border-radius: 0; background: #000; box-shadow: none; }
.sky-image-stage[b-gewhrcvof7]  .capture-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }

/* The renderer's SVG viewBox matches the base image, so the overlay scales with it exactly like the prototype. */
.scene-overlay[b-gewhrcvof7], .sky-layer-overlay[b-gewhrcvof7]  svg { display: block; width: 100%; height: 100%; }

/* Semantic styling from the prototype's per-layer rules, keyed on the retained layer kind. The renderer emits
   filled glyph paths for text and stroked primitives for geometry; these rules give each kind the prototype's
   color, dash and weight without altering pixel-coordinate registration. */

.scene-semantics[b-gewhrcvof7] { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; }
.scene-semantics span[b-gewhrcvof7] { padding: .22rem .38rem; border: 1px solid currentColor; border-radius: 999px; background: rgba(5, 10, 17, .82); font: 700 .5rem ui-monospace, monospace; text-transform: uppercase; }
.scene-semantics .measured[b-gewhrcvof7] { color: #78dbff; }
.scene-semantics .expected[b-gewhrcvof7] { color: #d2b8f4; }
.scene-semantics .predicted[b-gewhrcvof7] { color: #ffc078; }

.sky-figure figcaption[b-gewhrcvof7] { position: relative; z-index: 4; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 1rem; padding: .65rem .8rem; border-top: 1px solid var(--border); background: linear-gradient(90deg, rgba(7, 12, 20, .96), rgba(7, 12, 20, .72)); }
.sky-figure figcaption > div:first-child[b-gewhrcvof7] { display: flex; align-items: center; gap: .55rem; }
.sky-figure figcaption .figure-actions[b-gewhrcvof7] { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; grid-column: 3; }
.sky-figure figcaption .scene-semantics[b-gewhrcvof7] { grid-column: 2; }
.sky-figure figcaption strong[b-gewhrcvof7], .sky-figure figcaption small[b-gewhrcvof7] { display: block; }
.sky-figure figcaption strong[b-gewhrcvof7] { font-size: .68rem; }
.sky-figure figcaption small[b-gewhrcvof7] { margin-top: .12rem; color: var(--muted); font-size: .57rem; }
.figure-actions .inline-action[b-gewhrcvof7] { margin-top: 0; }
.image-tool[b-gewhrcvof7] { display: grid; width: 2rem; height: 2rem; place-items: center; padding: 0; border: 1px solid var(--border-strong); border-radius: .4rem; color: var(--muted-strong); background: var(--surface); cursor: pointer; }
.image-tool svg[b-gewhrcvof7] { width: 1.1rem; height: 1.1rem; }
.image-tool:hover[b-gewhrcvof7] { color: var(--text); background: var(--surface-hover); }

.stage-switcher[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #080d15; }
.stage-switcher button[b-gewhrcvof7] { position: relative; display: grid; gap: .16rem; min-width: 0; padding: .65rem .75rem; border: 0; border-right: 1px solid var(--border); color: var(--muted); background: transparent; cursor: pointer; text-align: left; }
.stage-switcher button:last-child[b-gewhrcvof7] { border-right: 0; }
.stage-switcher button:hover[b-gewhrcvof7] { color: var(--text); background: var(--surface-hover); }
.stage-switcher button:disabled[b-gewhrcvof7] { color: var(--muted); opacity: .38; cursor: not-allowed; }
.stage-switcher button:disabled:hover[b-gewhrcvof7] { background: transparent; }
.stage-switcher button.active[b-gewhrcvof7] { color: var(--text); background: var(--blue-soft); }
.stage-switcher button.active[b-gewhrcvof7]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--blue); content: ""; }
.stage-switcher span[b-gewhrcvof7] { font-size: .7rem; font-weight: 750; }
.stage-switcher small[b-gewhrcvof7] { color: var(--muted); font-size: .57rem; }
.stage-unavailable[b-gewhrcvof7], .stage-status[b-gewhrcvof7], .stage-display-policy[b-gewhrcvof7] { padding-inline: 1rem; color: var(--muted); }
.stage-unavailable[b-gewhrcvof7] { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .45rem 0 0; font-size: .6rem; }
.stage-unavailable:empty[b-gewhrcvof7] { display: none; }
.stage-status[b-gewhrcvof7] { margin: .45rem 0 0; font-size: .64rem; }
.stage-display-policy[b-gewhrcvof7] { margin: .3rem 0 .6rem; font-size: .58rem; overflow-wrap: anywhere; }
.stage-display-policy strong[b-gewhrcvof7] { color: var(--text); }
.stage-display-policy a[b-gewhrcvof7] { margin-left: .4rem; }

.stack-lineage[b-gewhrcvof7] { padding: 1rem; border-top: 1px solid var(--border); }
.stack-lineage > header[b-gewhrcvof7], .inspector-card > header[b-gewhrcvof7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.stack-lineage h3[b-gewhrcvof7] { margin: 0; font-size: .88rem; }
.registration-quality[b-gewhrcvof7] { padding: .28rem .48rem; border: 1px solid rgba(63, 185, 80, .35); border-radius: 999px; color: #9ae6a4; background: var(--green-soft); font: 700 .58rem ui-monospace, monospace; white-space: nowrap; }
.source-strip[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; margin-top: .8rem; }
.source-strip > .source-entry[b-gewhrcvof7] { position: relative; min-width: 0; min-height: 3.5rem; border: 1px solid var(--border); border-radius: .4rem; color: var(--text); background: #05080d; overflow: hidden; }
.source-strip > .reference[b-gewhrcvof7] { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(88, 166, 255, .13); }
.source-strip a[b-gewhrcvof7] { display: block; }
.source-strip[b-gewhrcvof7]  img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; opacity: .68; }
.source-strip .reference[b-gewhrcvof7]  img { opacity: 1; }
.source-strip .unavailable[b-gewhrcvof7] { display: grid; min-height: 3.5rem; place-items: center; background: repeating-linear-gradient(135deg, #070c13 0 8px, #0a111b 8px 16px); }
.source-strip .unavailable b[b-gewhrcvof7] { max-width: 5rem; color: var(--muted); font-size: .5rem; font-weight: 600; text-align: center; }
.source-strip .source-entry > span:not(.unavailable)[b-gewhrcvof7], .source-strip small[b-gewhrcvof7] { position: absolute; bottom: .3rem; padding: .1rem .24rem; border-radius: .2rem; background: rgba(4, 8, 14, .82); font-size: .53rem; }
.source-strip .source-entry > span:not(.unavailable)[b-gewhrcvof7] { left: .3rem; color: var(--blue); font-weight: 750; }
.source-strip small[b-gewhrcvof7] { right: .3rem; color: var(--muted-strong); }
.lineage-facts[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: .8rem 0 0; border: 1px solid var(--border); border-radius: .35rem; }
.lineage-facts > div[b-gewhrcvof7] { padding: .55rem .65rem; border-right: 1px solid var(--border); }
.lineage-facts > div:last-child[b-gewhrcvof7] { border-right: 0; }
.design-disclosure[b-gewhrcvof7] { margin: .7rem 0 0; padding: .55rem .65rem; border-left: 2px solid var(--purple); color: var(--muted); background: rgba(188, 140, 255, .06); font-size: .62rem; line-height: 1.45; }
.design-disclosure strong[b-gewhrcvof7] { color: #d2b8f4; }
.stack-lineage > p:not(.design-disclosure)[b-gewhrcvof7] { margin: .6rem 0 0; color: var(--muted); font-size: .62rem; }

.sky-inspector[b-gewhrcvof7] { display: grid; gap: 1rem; min-width: 0; }
.inspector-card[b-gewhrcvof7] { min-width: 0; padding: .9rem; }
.inspector-card > header > span[b-gewhrcvof7] { color: var(--muted); font-size: .62rem; }
.overlay-controls > p[b-gewhrcvof7] { margin: .55rem 0 .8rem; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.overlay-list[b-gewhrcvof7] { display: grid; gap: .55rem; }
.overlay-group[b-gewhrcvof7] { display: grid; gap: .18rem; }
.overlay-group > p[b-gewhrcvof7] { display: flex; align-items: baseline; justify-content: space-between; gap: .45rem; margin: 0; padding: 0 .15rem .25rem; border-bottom: 1px solid var(--border); }
.overlay-group > p strong[b-gewhrcvof7] { color: var(--muted-strong); font-size: .57rem; letter-spacing: .08em; text-transform: uppercase; }
.overlay-group > p span[b-gewhrcvof7] { color: var(--muted); font-size: .51rem; text-align: right; }
.overlay-list label[b-gewhrcvof7] { display: grid; grid-template-columns: auto auto 1fr; gap: .55rem; align-items: center; padding: .52rem; border: 1px solid transparent; border-radius: .38rem; cursor: pointer; }
.overlay-list label:hover[b-gewhrcvof7] { border-color: var(--border); background: var(--surface-hover); }
.overlay-list label:has(input:disabled)[b-gewhrcvof7] { opacity: .48; cursor: not-allowed; }
.overlay-list label:has(input:disabled):hover[b-gewhrcvof7] { border-color: transparent; background: transparent; }
.overlay-list input[b-gewhrcvof7] { margin: 0; accent-color: var(--blue-strong); }
.overlay-controls.evidence-unavailable .overlay-list[b-gewhrcvof7] { opacity: .48; }
.overlay-controls.evidence-unavailable .overlay-list label[b-gewhrcvof7] { cursor: not-allowed; }
.overlay-list strong[b-gewhrcvof7], .overlay-list small[b-gewhrcvof7] { display: block; }
.overlay-list strong[b-gewhrcvof7] { font-size: .68rem; }
.overlay-list small[b-gewhrcvof7] { margin-top: .12rem; color: var(--muted); font: .54rem ui-monospace, monospace; }
.layer-swatch[b-gewhrcvof7] { width: .6rem; height: .6rem; border-radius: 2px; background: var(--blue); }
.layer-swatch.deep-sky[b-gewhrcvof7] { border: 1px solid var(--cyan); border-radius: 50%; background: transparent; }
.layer-swatch.constellations[b-gewhrcvof7], .layer-swatch.scene-constellations[b-gewhrcvof7] { background: #60a0ff; }
.layer-swatch.bodies[b-gewhrcvof7] { border: 1px dashed #909090; border-radius: 50%; background: transparent; }
.layer-swatch.cardinals[b-gewhrcvof7], .layer-swatch.scene-cardinals[b-gewhrcvof7], .layer-swatch.cardinal-directions[b-gewhrcvof7] { background: #ffffff; }
.layer-swatch.boundary[b-gewhrcvof7], .layer-swatch.scene-image-circle[b-gewhrcvof7], .layer-swatch.image-circle[b-gewhrcvof7] { border: 1px solid #606060; border-radius: 50%; background: transparent; }
.layer-swatch.scene-annotation[b-gewhrcvof7], .layer-swatch.star-annotations[b-gewhrcvof7] { border: 1px dashed #909090; background: transparent; }
.layer-swatch.cloud[b-gewhrcvof7], .layer-swatch.cloud-mask[b-gewhrcvof7] { background: #ff4020; }
.layer-swatch.cloud-labels[b-gewhrcvof7] { background: #ffffff; }
.layer-swatch.environment[b-gewhrcvof7], .layer-swatch.corner-annotations[b-gewhrcvof7] { background: #ffffff; }
.layer-swatch.expected[b-gewhrcvof7] { border: 1px dashed var(--amber); background: transparent; }
.layer-swatch.residuals[b-gewhrcvof7] { background: #f1c96f; }
.layer-swatch.satellites[b-gewhrcvof7], .layer-swatch.PredictedSatelliteTracks[b-gewhrcvof7] { border: 1px dashed #ffa64d; background: transparent; }
.layer-swatch.meteor[b-gewhrcvof7] { border: 1px solid #ff9f43; background: transparent; }
.overlay-actions[b-gewhrcvof7] { display: flex; flex-wrap: wrap; gap: 0 1.2rem; }
.sky-layer-save[b-gewhrcvof7] { margin-left: auto; text-align: right; }
.text-button[b-gewhrcvof7], .inline-action[b-gewhrcvof7] { display: inline-flex; min-height: 2.2rem; align-items: center; margin-top: .65rem; padding: .35rem 0; border: 0; color: var(--blue); background: transparent; cursor: pointer; font-size: .63rem; font-weight: 700; text-decoration: none; }
.text-button:disabled[b-gewhrcvof7] { color: var(--muted); opacity: .45; cursor: not-allowed; }
.scene-unavailable[b-gewhrcvof7], .sky-layer-result[b-gewhrcvof7] { margin: .65rem 0 0; color: var(--muted); font-size: .62rem; }
.sky-layer-result--error[b-gewhrcvof7] { color: #ff9b95; }
.sky-layer-unavailable[b-gewhrcvof7] { margin: .75rem 1rem; color: var(--muted); font-size: .64rem; }

.capture-facts dl[b-gewhrcvof7], .rig-facts dl[b-gewhrcvof7], .astrometry-card > dl[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .7rem 0 0; }
.capture-facts dl > div[b-gewhrcvof7], .rig-facts dl > div[b-gewhrcvof7], .astrometry-card > dl > div[b-gewhrcvof7] { min-width: 0; padding: .55rem 0; border-top: 1px solid var(--border); }
.capture-facts dl > div:nth-child(odd)[b-gewhrcvof7], .rig-facts dl > div:nth-child(odd)[b-gewhrcvof7], .astrometry-card > dl > div:nth-child(odd)[b-gewhrcvof7] { padding-right: .5rem; }
.capture-facts dd[b-gewhrcvof7], .rig-facts dd[b-gewhrcvof7] { overflow-wrap: anywhere; }
.rig-facts dl > div:last-child[b-gewhrcvof7] { grid-column: 1 / -1; }
.astrometry-card dt[b-gewhrcvof7] { color: var(--muted); font-size: .52rem; text-transform: uppercase; }
.astrometry-card dd[b-gewhrcvof7] { margin: .2rem 0 0; font-size: .62rem; font-weight: 700; }
.pixel-sky-calculator[b-gewhrcvof7] { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--border); }
.pixel-sky-calculator > p[b-gewhrcvof7] { margin: 0 0 .55rem; }
.pixel-sky-calculator > p strong[b-gewhrcvof7], .pixel-sky-calculator > p span[b-gewhrcvof7] { display: block; }
.pixel-sky-calculator > p strong[b-gewhrcvof7] { font-size: .63rem; }
.pixel-sky-calculator > p span[b-gewhrcvof7] { margin-top: .15rem; color: var(--muted); font-size: .52rem; line-height: 1.4; }
.pixel-sky-calculator > div[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: .4rem; align-items: end; }
.pixel-sky-calculator label[b-gewhrcvof7] { display: grid; gap: .2rem; color: var(--muted); font-size: .5rem; }
.pixel-sky-calculator input[b-gewhrcvof7] { width: 100%; min-height: 2rem; padding: .35rem .45rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); }
.pixel-sky-calculator input:disabled[b-gewhrcvof7] { opacity: .5; }
.summary-copy[b-gewhrcvof7], .next-transition[b-gewhrcvof7], .facts-unavailable[b-gewhrcvof7] { margin: .7rem 0 0; color: var(--muted); font-size: .62rem; line-height: 1.45; }

.operations-strip[b-gewhrcvof7] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; }
.operations-strip article[b-gewhrcvof7] { display: flex; align-items: center; gap: .7rem; padding: .75rem; }
.metric-icon[b-gewhrcvof7] { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .45rem; color: var(--blue); background: var(--blue-soft); }
.metric-icon.processing[b-gewhrcvof7] { color: var(--purple); background: rgba(188, 140, 255, .1); }
.metric-icon.transient[b-gewhrcvof7] { color: var(--amber); background: var(--amber-soft); }
.metric-icon.delivery[b-gewhrcvof7] { color: var(--cyan); background: rgba(57, 197, 207, .1); }
.operations-strip small[b-gewhrcvof7], .operations-strip strong[b-gewhrcvof7], .operations-strip article div > span[b-gewhrcvof7] { display: block; }
.operations-strip small[b-gewhrcvof7] { color: var(--muted); font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }
.operations-strip strong[b-gewhrcvof7] { margin-top: .15rem; font-size: .72rem; }
.operations-strip article div > span[b-gewhrcvof7] { margin-top: .14rem; color: var(--muted); font-size: .58rem; }

.state-notice[b-gewhrcvof7] { display: flex; align-items: baseline; gap: .65rem; margin: 1rem 0 0; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: .55rem; color: var(--muted); background: var(--surface-soft); font-size: .68rem; }
.state-notice strong[b-gewhrcvof7] { flex: 0 0 auto; color: var(--text); }
.state-notice--error[b-gewhrcvof7] { margin: 0 0 1rem; border-color: var(--red); background: var(--red-soft); }
:is(button, a, input):focus-visible[b-gewhrcvof7] { outline: 3px solid rgba(88, 166, 255, .65); outline-offset: 2px; }

@keyframes soft-pulse-b-gewhrcvof7 { 0% { box-shadow: 0 0 0 0 rgba(63, 185, 80, .38); } 70% { box-shadow: 0 0 0 7px rgba(63, 185, 80, 0); } 100% { box-shadow: 0 0 0 0 rgba(63, 185, 80, 0); } }

@media (max-width: 1180px) {
    .sky-workspace[b-gewhrcvof7] { grid-template-columns: minmax(0, 1fr) 20rem; }
    .sky-figure figcaption[b-gewhrcvof7] { grid-template-columns: minmax(0, 1fr) auto; }
    .sky-figure figcaption .scene-semantics[b-gewhrcvof7] { grid-column: 1 / -1; grid-row: 2; }
    .sky-figure figcaption .figure-actions[b-gewhrcvof7] { grid-column: 2; grid-row: 1; }
}
@media (max-width: 900px) {
    .site-heading[b-gewhrcvof7] { align-items: flex-start; }
    .historical-sky .site-heading[b-gewhrcvof7] { grid-template-columns: minmax(0, 1fr); justify-items: start; }
    .historical-sky .site-heading-actions[b-gewhrcvof7] { justify-self: stretch; }
    .dashboard-status[b-gewhrcvof7] { grid-template-columns: 1fr; }
    .dashboard-status dl > div:first-child[b-gewhrcvof7] { border-left: 0; }
    .sky-workspace[b-gewhrcvof7] { grid-template-columns: 1fr; }
    .sky-inspector[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .overlay-controls[b-gewhrcvof7] { grid-row: span 2; }
    .operations-strip[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) { .site-heading[b-gewhrcvof7] { display: grid; } .site-heading-actions[b-gewhrcvof7] { justify-content: space-between; } }
@media (max-width: 620px) {
    .current-sky-page[b-gewhrcvof7] { padding: 1rem .65rem 3rem; }
    .site-heading-actions[b-gewhrcvof7] { align-items: stretch; flex-direction: column; }
    .site-heading-actions .button[b-gewhrcvof7] { width: 100%; }
    .dashboard-status dl[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-status dl > div[b-gewhrcvof7] { border-top: 1px solid var(--border); border-left: 0; padding: .5rem; }
    .image-heading[b-gewhrcvof7] { display: grid; }
    .image-heading-actions[b-gewhrcvof7] { justify-content: space-between; }
    .scene-semantics span[b-gewhrcvof7] { font-size: .42rem; }
    .stage-switcher[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stage-switcher button:nth-child(2)[b-gewhrcvof7] { border-right: 0; }
    .stage-switcher button:nth-child(-n+2)[b-gewhrcvof7] { border-bottom: 1px solid var(--border); }
    .source-strip[b-gewhrcvof7] { grid-template-columns: repeat(5, 7.5rem); overflow-x: auto; padding: 2px; }
    .lineage-facts[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lineage-facts > div[b-gewhrcvof7] { border-top: 1px solid var(--border); }
    .lineage-facts > div:nth-child(2)[b-gewhrcvof7] { border-right: 0; }
    .sky-inspector[b-gewhrcvof7] { grid-template-columns: 1fr; }
    .overlay-controls[b-gewhrcvof7] { grid-row: auto; }
    .operations-strip[b-gewhrcvof7] { grid-template-columns: 1fr; }
    .pixel-sky-calculator > div[b-gewhrcvof7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pixel-sky-calculator .button[b-gewhrcvof7] { grid-column: 1 / -1; }
    .state-notice[b-gewhrcvof7] { align-items: flex-start; flex-direction: column; gap: .25rem; }
}

@media (pointer: coarse), (max-width: 480px) {
    .current-sky-page button[b-gewhrcvof7], .current-sky-page a[href][b-gewhrcvof7], .current-sky-page label[b-gewhrcvof7] {
        min-height: 44px;
        min-width: 44px;
    }
    .current-sky-page a[href][b-gewhrcvof7] { display: inline-flex; align-items: center; }
    .source-strip a[href][b-gewhrcvof7] { display: block; }
    .image-tool[b-gewhrcvof7] { width: 44px; height: 44px; }
}

.astrometry-reason[b-gewhrcvof7], .astrometry-provenance[b-gewhrcvof7], .astrometry-calculator-result[b-gewhrcvof7] { font-size: .65rem; line-height: 1.5; overflow-wrap: anywhere; }
.astrometry-provenance dl[b-gewhrcvof7] { display: block; }
.astrometry-provenance dl > div[b-gewhrcvof7] { margin: .6rem 0; }
.astrometry-provenance code[b-gewhrcvof7], .astrometry-card dd[b-gewhrcvof7] { overflow-wrap: anywhere; }
.astrometry-provenance summary[b-gewhrcvof7] { cursor: pointer; min-height: 2rem; padding-top: .5rem; }
.pixel-sky-calculator select[b-gewhrcvof7] { min-height: 2rem; max-width: 100%; background: var(--surface); color: var(--text); }
/* /Components/Pages/DeliveryPage.razor.rz.scp.css */
/* Delivery layout. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css. Table overrides carry the wrapper and both table classes to outrank
   .operations-layout ::deep .ops-table. */

.delivery-empty[b-mbwip0bewh] { margin: 0; color: var(--muted); font-size: .65rem; }
.delivery-footnote[b-mbwip0bewh] { margin: .55rem 0 0; color: var(--muted); font-size: .55rem; }
.delivery-link[b-mbwip0bewh] { align-self: flex-start; color: #9bcaff; font-size: .62rem; white-space: nowrap; }
.delivery-lanes[b-mbwip0bewh] { margin-top: 1rem; }

.ops-table-wrap .ops-table td small[b-mbwip0bewh] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; overflow-wrap: anywhere; }
.ops-table-wrap .ops-table td a[b-mbwip0bewh] { color: #9bcaff; }
.ops-table-wrap .ops-table.delivery-outbox-table .delivery-location th[b-mbwip0bewh] { padding-top: .7rem; color: var(--muted-strong); font-size: .58rem; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.ops-table-wrap .ops-table.delivery-outbox-table td[b-mbwip0bewh], .ops-table-wrap .ops-table.delivery-lane-table td[b-mbwip0bewh] { white-space: normal; }
.ops-table-wrap .ops-table.delivery-outbox-table td:first-child[b-mbwip0bewh], .ops-table-wrap .ops-table.delivery-lane-table td:first-child[b-mbwip0bewh] { white-space: nowrap; }

dialog.action-dialog.delivery-dialog[b-mbwip0bewh] { width: min(calc(100% - 2rem), 40rem); }
.delivery-dialog-body[b-mbwip0bewh] { max-height: min(60vh, 34rem); padding: 0 1.1rem; overflow-y: auto; }
.delivery-dialog-body h3[b-mbwip0bewh] { margin: 1rem 0 .45rem; color: var(--muted-strong); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.delivery-dialog-body h3:first-child[b-mbwip0bewh] { margin-top: 0; }
.delivery-dialog-body dd[b-mbwip0bewh] { overflow-wrap: anywhere; }

@media (max-width: 480px) {
    dialog.action-dialog.delivery-dialog[b-mbwip0bewh] { width: calc(100% - 1rem); }
    .ops-table-wrap .ops-table.delivery-outbox-table th[b-mbwip0bewh], .ops-table-wrap .ops-table.delivery-lane-table th[b-mbwip0bewh] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.delivery-outbox-table td[b-mbwip0bewh], .ops-table-wrap .ops-table.delivery-lane-table td[b-mbwip0bewh] { padding-inline: .3rem; }
}
/* /Components/Pages/EnvironmentalPage.razor.rz.scp.css */
/* Environment layout. The .ops-reading rules are ported from the prototype operations-pages.css; the shared
   Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in OperationsLayout.razor.css.
   Table overrides carry the wrapper and both table classes to outrank .operations-layout ::deep .ops-table. */

.ops-reading-grid[b-cvsrwyd5cl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.ops-reading[b-cvsrwyd5cl] { position: relative; padding: .75rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); overflow: hidden; }
.ops-reading[b-cvsrwyd5cl]::after { position: absolute; right: -.5rem; bottom: -.8rem; width: 3rem; height: 3rem; border: 1px solid rgba(88, 166, 255, .14); border-radius: 50%; content: ""; }
.ops-reading span[b-cvsrwyd5cl], .ops-reading strong[b-cvsrwyd5cl], .ops-reading small[b-cvsrwyd5cl] { display: block; }
.ops-reading span[b-cvsrwyd5cl] { color: var(--muted); font-size: .49rem; text-transform: uppercase; }
.ops-reading strong[b-cvsrwyd5cl] { margin-top: .28rem; font-size: 1.1rem; }
.ops-reading small[b-cvsrwyd5cl] { margin-top: .15rem; color: var(--muted); font-size: .5rem; }
.ops-reading.empty strong[b-cvsrwyd5cl] { color: var(--muted); }

.environment-disabled[b-cvsrwyd5cl], .command-result[b-cvsrwyd5cl] { margin-bottom: .8rem; }
.command-result .ops-panel-heading h2[b-cvsrwyd5cl] { display: flex; align-items: center; gap: .45rem; }
.command-result dd[b-cvsrwyd5cl] { overflow-wrap: anywhere; }
.command-result.error[b-cvsrwyd5cl] { border-left: 3px solid var(--red); }
.command-result.success[b-cvsrwyd5cl] { border-left: 3px solid var(--green); }
.refresh-warning[b-cvsrwyd5cl], .environment-inline-warning[b-cvsrwyd5cl] { margin: .6rem 0 0; color: #e6bd62; font-size: .62rem; }
.environment-empty[b-cvsrwyd5cl] { margin: 0; color: var(--muted); font-size: .65rem; }

.environment-history[b-cvsrwyd5cl], .environment-attempts[b-cvsrwyd5cl] { margin-top: .8rem; }
.ops-table-wrap .ops-table td small[b-cvsrwyd5cl] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; overflow-wrap: anywhere; }
.ops-table-wrap .ops-table td small.failure[b-cvsrwyd5cl] { color: #ff9b95; }
.ops-table-wrap .ops-table td small a[b-cvsrwyd5cl] { color: #9bcaff; }
.ops-table-wrap .ops-table.environment-history-table td[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-attempt-table td[b-cvsrwyd5cl] { white-space: normal; }
.ops-table-wrap .ops-table.environment-history-table td:first-child[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-attempt-table td:first-child[b-cvsrwyd5cl] { white-space: nowrap; }

.environment-kind-filter[b-cvsrwyd5cl] { min-width: 10rem; }
.environment-paging[b-cvsrwyd5cl] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .7rem; }

dialog.action-dialog.environment-dialog[b-cvsrwyd5cl] { width: min(calc(100% - 2rem), 34rem); }
.environment-dialog fieldset[b-cvsrwyd5cl] { min-inline-size: 0; }
.environment-dialog-message[b-cvsrwyd5cl] { padding: 0 1.1rem; }
.environment-dialog-message .ops-note-banner[b-cvsrwyd5cl] { margin-top: .8rem; margin-bottom: 0; }

@media (max-width: 1180px) {
    .ops-reading-grid[b-cvsrwyd5cl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .environment-history .ops-panel-heading[b-cvsrwyd5cl] { flex-direction: column; align-items: stretch; }
    .environment-kind-filter[b-cvsrwyd5cl] { min-width: 0; }
}

@media (max-width: 480px) {
    dialog.action-dialog.environment-dialog[b-cvsrwyd5cl] { width: calc(100% - 1rem); }
    .ops-table-wrap .ops-table.environment-source-table th[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-history-table th[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-attempt-table th[b-cvsrwyd5cl] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.environment-source-table td[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-history-table td[b-cvsrwyd5cl], .ops-table-wrap .ops-table.environment-attempt-table td[b-cvsrwyd5cl] { padding-inline: .3rem; }
    .environment-paging .button[b-cvsrwyd5cl] { flex: 1; }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-8l4khc82bh] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(2rem, 5vw, 3.5rem);
    border-radius: var(--hvo-border-radius-xl, 1.5rem);
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.18), rgba(55, 0, 110, 0.4));
    border: 1px solid rgba(220, 53, 69, 0.4);
    color: var(--hvo-body-color);
    box-shadow: 0 2rem 4rem -2rem rgba(0, 0, 0, 0.75);
}

.error-page__icon[b-8l4khc82bh] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(3rem, 6vw, 4rem);
    color: var(--hvo-danger, #ff6b6b);
}

.error-page__content[b-8l4khc82bh] {
    min-width: 0;
}

.error-page__title[b-8l4khc82bh] {
    font-size: clamp(2rem, 5vw, 2.75rem);
    margin-bottom: 0.5rem;
}

.error-page__description[b-8l4khc82bh] {
    margin-bottom: 1.25rem;
    max-width: 48ch;
}

.error-page__meta[b-8l4khc82bh] {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

.error-page__meta-label[b-8l4khc82bh] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    margin-right: 0.5rem;
    color: var(--hvo-muted-color, #cfcfe8);
}

.error-page__meta code[b-8l4khc82bh] {
    overflow-wrap: anywhere;
}

.error-page__actions[b-8l4khc82bh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 768px) {
    .error-page[b-8l4khc82bh] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .error-page__actions[b-8l4khc82bh] {
        justify-content: center;
    }
}
/* /Components/Pages/FocusPage.razor.rz.scp.css */
/* Focus layout, ported from the prototype .focus-* and .ops-step rules in
   docs/prototypes/pipeline-operations/operations-pages.css. The viewer shows the measured star crop with the reticle on
   the measured centroid, or the whole preview frame for picking a target; both images keep their exact aspect so a
   percentage position is a source-pixel position. The shared Operations vocabulary (.ops-*, .button, .state-chip)
   lives in OperationsLayout.razor.css. */

.focus-boundary[b-1zovx9xnvb] { margin-bottom: .8rem; padding: .7rem .8rem; border: 1px solid rgba(210, 153, 34, .38); border-left: 3px solid var(--amber); border-radius: .45rem; color: var(--muted-strong); background: var(--amber-soft); font-size: .62rem; line-height: 1.45; }
.focus-boundary strong[b-1zovx9xnvb] { color: #f1c96f; }
.focus-workspace[b-1zovx9xnvb] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(18rem, .75fr); border: 1px solid var(--border); border-radius: .55rem; background: #070b12; overflow: hidden; }
.focus-viewer[b-1zovx9xnvb] { display: flex; min-width: 0; flex-direction: column; }
.focus-image[b-1zovx9xnvb] { position: relative; flex: 1; min-height: 30rem; overflow: hidden; background: #000; }
.focus-reticle[b-1zovx9xnvb] { position: absolute; top: 50%; left: 50%; width: 9rem; height: 9rem; border: 1px solid rgba(88, 166, 255, .6); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 999px rgba(0, 0, 0, .22); }
.focus-reticle[b-1zovx9xnvb]::before, .focus-reticle[b-1zovx9xnvb]::after { position: absolute; background: rgba(88, 166, 255, .6); content: ""; }
.focus-reticle[b-1zovx9xnvb]::before { top: 50%; right: -1.5rem; left: -1.5rem; height: 1px; }
.focus-reticle[b-1zovx9xnvb]::after { top: -1.5rem; bottom: -1.5rem; left: 50%; width: 1px; }
.focus-target-label[b-1zovx9xnvb] { position: absolute; top: calc(50% + 5.2rem); left: 50%; padding: .25rem .4rem; border: 1px solid var(--border); border-radius: .28rem; color: #c9e6ff; background: rgba(5, 8, 13, .84); font: .55rem ui-monospace, monospace; white-space: nowrap; transform: translateX(-50%); }
.focus-viewer-toolbar[b-1zovx9xnvb] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .65rem .75rem; border-top: 1px solid var(--border); }
.focus-viewer-toolbar span[b-1zovx9xnvb] { color: var(--muted); font-size: .58rem; line-height: 1.4; }
.focus-inspector[b-1zovx9xnvb] { display: grid; align-content: start; gap: .8rem; padding: .9rem; border-left: 1px solid var(--border); background: #0b121d; }
.focus-session-state[b-1zovx9xnvb] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.focus-session-state strong[b-1zovx9xnvb], .focus-session-state small[b-1zovx9xnvb] { display: block; }
.focus-session-state strong[b-1zovx9xnvb] { font-size: .76rem; }
.focus-session-state small[b-1zovx9xnvb] { margin-top: .16rem; color: var(--muted); font-size: .56rem; }
.focus-reason[b-1zovx9xnvb] { margin: 0; color: var(--muted-strong); font-size: .58rem; line-height: 1.45; }
.focus-score[b-1zovx9xnvb] { padding: .75rem; border: 1px solid var(--border); border-radius: .45rem; background: rgba(13, 20, 32, .72); }
.focus-score > span[b-1zovx9xnvb] { color: var(--muted); font-size: .55rem; text-transform: uppercase; }
.focus-score strong[b-1zovx9xnvb] { display: block; margin-top: .22rem; color: var(--muted-strong); font-size: 1.65rem; letter-spacing: -.04em; }
.focus-score strong small[b-1zovx9xnvb] { color: var(--muted); font-size: .58rem; letter-spacing: 0; }
.focus-trend[b-1zovx9xnvb] { width: 100%; height: 6.2rem; margin-top: .45rem; }
.focus-trend .grid[b-1zovx9xnvb] { fill: none; stroke: var(--border); stroke-width: 1; }
.focus-controls[b-1zovx9xnvb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.focus-controls label[b-1zovx9xnvb] { display: grid; gap: .25rem; color: var(--muted); font-size: .56rem; }
.focus-controls input[b-1zovx9xnvb], .focus-controls select[b-1zovx9xnvb] { width: 100%; min-height: 2.15rem; padding: .4rem .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); }
.focus-controls :disabled[b-1zovx9xnvb] { color: var(--muted); cursor: not-allowed; }
.focus-history-empty td[b-1zovx9xnvb] { color: var(--muted); text-align: center; }

.focus-fidelity[b-1zovx9xnvb], .focus-message[b-1zovx9xnvb] { margin-bottom: .8rem; }
.focus-star[b-1zovx9xnvb] { display: grid; place-items: center; padding: 1rem; }
.focus-star-frame[b-1zovx9xnvb] { position: relative; height: min(26rem, 100%); max-width: 100%; }
.focus-star-frame img[b-1zovx9xnvb] { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
.focus-star-frame .focus-reticle[b-1zovx9xnvb] { width: 34%; height: auto; aspect-ratio: 1; box-shadow: none; }
.focus-star .focus-target-label[b-1zovx9xnvb] { top: auto; bottom: .75rem; }
.focus-field[b-1zovx9xnvb] { flex: none; min-height: 0; cursor: crosshair; }
.focus-field img[b-1zovx9xnvb] { display: block; width: 100%; height: auto; }
.focus-field .focus-target-label[b-1zovx9xnvb] { top: auto; bottom: .6rem; }
.focus-field-marker[b-1zovx9xnvb] { position: absolute; width: 1.6rem; height: 1.6rem; border: 2px solid var(--blue); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.focus-catalog-star[b-1zovx9xnvb] { position: absolute; width: 1.1rem; height: 1.1rem; padding: 0; border: 1px solid rgba(241, 201, 111, .85); border-radius: 50%; background: transparent; transform: translate(-50%, -50%); cursor: pointer; }
.focus-catalog-star:hover[b-1zovx9xnvb], .focus-catalog-star:focus-visible[b-1zovx9xnvb] { border-width: 2px; outline: none; box-shadow: 0 0 0 3px rgba(241, 201, 111, .3); }
.focus-catalog-star:disabled[b-1zovx9xnvb] { cursor: not-allowed; opacity: .55; }
.focus-viewer-actions[b-1zovx9xnvb] { display: flex; flex-wrap: wrap; gap: .4rem; }
.focus-trend .line[b-1zovx9xnvb] { fill: none; stroke: var(--blue); stroke-width: 2; }
.focus-trend circle[b-1zovx9xnvb] { fill: #07101a; stroke: var(--blue); stroke-width: 1.5; }
.focus-trend circle.best[b-1zovx9xnvb] { stroke: var(--green); }
.focus-sample-detail[b-1zovx9xnvb], .focus-best[b-1zovx9xnvb] { margin: .35rem 0 0; color: var(--muted-strong); font-size: .58rem; line-height: 1.4; }
.focus-sample-detail.invalid[b-1zovx9xnvb] { color: #f1c96f; }
.focus-help[b-1zovx9xnvb] { margin: 0; color: var(--muted); font-size: .55rem; line-height: 1.4; }
.focus-settings-error[b-1zovx9xnvb] { margin: 0; color: var(--red); font-size: .6rem; line-height: 1.4; }
.focus-controls input[aria-invalid="true"][b-1zovx9xnvb], .focus-simulated input[aria-invalid="true"][b-1zovx9xnvb] { border-color: var(--red); }
.focus-simulated[b-1zovx9xnvb] { display: grid; gap: .4rem; min-width: 0; margin: 0; padding: .6rem; border: 1px dashed var(--border); border-radius: .4rem; }
.focus-simulated legend[b-1zovx9xnvb] { padding: 0 .3rem; color: var(--muted-strong); font-size: .58rem; }
.focus-simulated legend small[b-1zovx9xnvb] { display: block; color: var(--muted); font-size: .52rem; }
.focus-simulated-row[b-1zovx9xnvb] { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto auto; gap: .3rem; }
.focus-simulated-row input[b-1zovx9xnvb] { width: 100%; min-width: 0; min-height: 2rem; padding: .3rem .4rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); font: inherit; font-size: .64rem; }
.focus-record[b-1zovx9xnvb] { padding: 0; border: 0; color: var(--blue); background: none; font: inherit; text-align: left; cursor: pointer; }
.focus-record:disabled[b-1zovx9xnvb] { color: var(--muted); cursor: not-allowed; }
.ops-table-wrap .ops-table tr.selected td[b-1zovx9xnvb] { background: rgba(88, 166, 255, .08); }

.ops-step-list[b-1zovx9xnvb] { counter-reset: focus-step; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.ops-step[b-1zovx9xnvb] { position: relative; min-height: 7rem; padding: .7rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.ops-step[b-1zovx9xnvb]::before { counter-increment: focus-step; content: counter(focus-step, decimal-leading-zero); display: block; margin-bottom: .65rem; color: var(--blue); font: 750 .55rem ui-monospace, monospace; }
.ops-step strong[b-1zovx9xnvb] { display: block; font-size: .64rem; }
.ops-step span[b-1zovx9xnvb] { display: block; margin-top: .25rem; color: var(--muted); font-size: .56rem; line-height: 1.4; }

@media (max-width: 940px) {
    .focus-workspace[b-1zovx9xnvb] { grid-template-columns: 1fr; }
    .focus-inspector[b-1zovx9xnvb] { border-top: 1px solid var(--border); border-left: 0; }
}

@media (max-width: 720px) {
    .ops-step-list[b-1zovx9xnvb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .focus-viewer-toolbar[b-1zovx9xnvb] { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .focus-image[b-1zovx9xnvb] { min-height: 22rem; }
    .focus-field[b-1zovx9xnvb] { min-height: 0; }
    .focus-star-frame[b-1zovx9xnvb] { height: min(18rem, 100%); }
    .ops-step-list[b-1zovx9xnvb] { grid-template-columns: 1fr; }
    .focus-controls[b-1zovx9xnvb] { grid-template-columns: 1fr; }
    /* The position takes its own row so the four nudge buttons share a 320px phone without clipping. */
    .focus-simulated-row[b-1zovx9xnvb] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .focus-simulated-row input[b-1zovx9xnvb] { grid-column: 1 / -1; grid-row: 1; }
    .focus-simulated-row .button[b-1zovx9xnvb] { min-width: 0; }
    /* Five column headings fit a 320px phone without scrolling the empty table. The wrapper and both table
       classes outrank the shared .operations-layout ::deep .ops-table rules. */
    .ops-table-wrap .ops-table.focus-history-table th[b-1zovx9xnvb] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.focus-history-table td[b-1zovx9xnvb] { padding-inline: .3rem; }
    .ops-table-wrap .ops-table.focus-samples-table th[b-1zovx9xnvb], .ops-table-wrap .ops-table.focus-samples-table td[b-1zovx9xnvb] { padding-inline: .3rem; font-size: .55rem; }
}
/* /Components/Pages/FreshnessBadge.razor.rz.scp.css */
/* Variant colour comes from the shared .hvo-chip vocabulary; nothing page-specific remains. */
/* /Components/Pages/GalleryDetail.razor.rz.scp.css */
.detail-page[b-ovcqerxaah] { box-sizing: border-box; width: min(100%, 112rem); margin: 0 auto; padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 4rem; overflow-x: clip; }
.detail-page[b-ovcqerxaah]  .capture-navigation { display: flex; align-items: center; gap: .4rem; }
.detail-page[b-ovcqerxaah]  .capture-navigation__control, .detail-page[b-ovcqerxaah]  .capture-navigation__archive { display: inline-grid; min-height: 44px; place-items: center; border: 1px solid var(--hvo-border-strong); border-radius: .4rem; color: var(--hvo-body-color); text-decoration: none; }
.detail-page[b-ovcqerxaah]  .capture-navigation__control { width: 44px; flex: 0 0 44px; }
.detail-page[b-ovcqerxaah]  .capture-navigation__archive { padding: 0 .85rem; font-size: .75rem; font-weight: 700; }
.detail-page[b-ovcqerxaah]  .capture-navigation__control:hover, .detail-page[b-ovcqerxaah]  .capture-navigation__archive:hover { color: var(--hvo-body-color); background: var(--hvo-surface-hover); text-decoration: none; }
.detail-page[b-ovcqerxaah]  .capture-navigation__control--disabled { color: var(--hvo-muted-weak); opacity: .55; }
.detail-state[b-ovcqerxaah] { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-surface); }
.detail-state--error[b-ovcqerxaah] { border-color: var(--hvo-danger-strong); background: var(--hvo-danger-bg); }
.eyebrow[b-ovcqerxaah] { margin: 0 0 .28rem; color: #58a6ff; font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
dt[b-ovcqerxaah] { color: var(--hvo-muted); font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
dd[b-ovcqerxaah] { margin: .2rem 0 0; font-size: .72rem; overflow-wrap: anywhere; }
code[b-ovcqerxaah] { color: #8fc2ff; font-size: .66rem; overflow-wrap: anywhere; }
.unavailable-state[b-ovcqerxaah] { margin: 0 0 .8rem; padding: .7rem .8rem; border-left: 3px solid var(--hvo-border-strong); color: var(--hvo-muted); background: rgba(2, 6, 23, .38); font-size: .72rem; }

/* Tab styling follows docs/prototypes/pipeline-operations/styles.css .detail-tabs. */
.capture-evidence[b-ovcqerxaah] { min-width: 0; border: 1px solid var(--hvo-border-muted); border-radius: .55rem; background: rgba(9, 15, 24, .86); scroll-margin-top: 5rem; }
.capture-evidence:focus-visible[b-ovcqerxaah] { outline: 3px solid rgba(88, 166, 255, .65); outline-offset: 2px; }
.capture-evidence__header[b-ovcqerxaah] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: .9rem 1rem 0; border-bottom: 1px solid var(--hvo-border-muted); background: #090f18; border-radius: .55rem .55rem 0 0; }
.capture-evidence__header h2[b-ovcqerxaah] { margin: 0 0 .8rem; font-size: .95rem; }
.evidence-tabs[b-ovcqerxaah] { display: flex; gap: 1.1rem; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.evidence-tabs button[b-ovcqerxaah] { position: relative; flex: 0 0 auto; min-height: 44px; padding: 0 .1rem; border: 0; color: var(--hvo-muted); background: transparent; font-size: .72rem; font-weight: 700; cursor: pointer; }
.evidence-tabs button:hover[b-ovcqerxaah], .evidence-tabs button.active[b-ovcqerxaah] { color: var(--hvo-body-color); }
.evidence-tabs button.active[b-ovcqerxaah]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #58a6ff; content: ""; }
.evidence-tabs button span[b-ovcqerxaah] { margin-left: .3rem; padding: .1rem .34rem; border-radius: 999px; color: var(--hvo-muted-strong); background: var(--hvo-surface-elevated); font-size: .58rem; }
.evidence-panel[b-ovcqerxaah] { padding: 1rem; }
.evidence-panel[hidden][b-ovcqerxaah] { display: none; }
.evidence-summary[b-ovcqerxaah], .technical-grid dl[b-ovcqerxaah], .evidence-identifiers dl[b-ovcqerxaah] { display: grid; margin: 0; }
.evidence-summary[b-ovcqerxaah] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 1rem; }
.evidence-summary > div[b-ovcqerxaah], .technical-grid dl > div[b-ovcqerxaah], .evidence-identifiers dl > div[b-ovcqerxaah] { min-width: 0; padding: .55rem 0; border-top: 1px solid var(--hvo-border-muted); }
.evidence-summary dd[b-ovcqerxaah] { font-weight: 700; }
.evidence-rows[b-ovcqerxaah] { display: grid; margin: 0; padding: 0; list-style: none; }
.evidence-rows > li[b-ovcqerxaah] { border-top: 1px solid var(--hvo-border-muted); }
.evidence-rows > li:first-child[b-ovcqerxaah] { border-top: 0; }
.evidence-row[b-ovcqerxaah] { display: grid; grid-template-columns: minmax(10rem, 1.6fr) minmax(4.5rem, .5fr) minmax(7rem, 1fr) minmax(9rem, auto); gap: .8rem; align-items: center; padding: .6rem 0 .3rem; font-size: .72rem; }
.evidence-row > span[b-ovcqerxaah] { color: var(--hvo-muted-strong); }
.evidence-row__name strong[b-ovcqerxaah], .evidence-row__name small[b-ovcqerxaah] { display: block; }
.evidence-row__name small[b-ovcqerxaah] { margin-top: .12rem; color: var(--hvo-muted); font-size: .62rem; }
.evidence-row__actions[b-ovcqerxaah] { display: flex; justify-content: flex-end; gap: .4rem; }
.evidence-row__actions a[b-ovcqerxaah] { display: inline-flex; align-items: center; min-height: 2.1rem; padding: 0 .65rem; border: 1px solid var(--hvo-border-strong); border-radius: .4rem; color: var(--hvo-body-color); font-size: .68rem; font-weight: 700; text-decoration: none; }
.evidence-row__actions a:hover[b-ovcqerxaah] { background: var(--hvo-surface-hover); text-decoration: none; }
.download-menu[b-ovcqerxaah] { position: relative; }
.download-menu__toggle[b-ovcqerxaah] { display: inline-flex; align-items: center; gap: .35rem; min-height: 2.1rem; padding: 0 .65rem; border: 1px solid var(--hvo-border-strong); border-radius: .4rem; color: var(--hvo-body-color); background: transparent; font-size: .68rem; font-weight: 700; cursor: pointer; }
.download-menu__toggle:hover[b-ovcqerxaah], .download-menu--open .download-menu__toggle[b-ovcqerxaah] { background: var(--hvo-surface-hover); }
.download-menu__toggle i[b-ovcqerxaah] { font-size: .6rem; transition: transform .15s; }
.download-menu--open .download-menu__toggle i[b-ovcqerxaah] { transform: rotate(180deg); }
.download-menu--open[b-ovcqerxaah] { z-index: 21; }
.download-menu ul[hidden][b-ovcqerxaah] { display: none; }
.download-menu-backdrop[b-ovcqerxaah] { position: fixed; inset: 0; z-index: 20; }
.download-menu ul[b-ovcqerxaah] { position: absolute; z-index: 20; top: calc(100% + .3rem); right: 0; width: 17rem; margin: 0; padding: .3rem; border: 1px solid var(--hvo-border-strong); border-radius: .5rem; background: var(--hvo-surface-elevated); box-shadow: 0 14px 35px rgba(0, 0, 0, .45); list-style: none; }
.download-menu li > *[b-ovcqerxaah] { display: grid; gap: .1rem; min-height: 44px; padding: .45rem .6rem; border: 0 !important; border-radius: .35rem; color: var(--hvo-body-color); text-decoration: none; }
.evidence-row__actions .download-menu li > a[b-ovcqerxaah] { display: grid; align-items: start; }
.download-menu li > a:hover[b-ovcqerxaah] { background: var(--hvo-surface-hover); }
.download-menu strong[b-ovcqerxaah] { font-size: .72rem; }
.download-menu small[b-ovcqerxaah] { color: var(--hvo-muted); font-size: .62rem; font-weight: 500; }
.download-menu__unavailable[b-ovcqerxaah] { opacity: .5; cursor: not-allowed; }
.evidence-identifiers[b-ovcqerxaah] { margin: 0 0 .5rem; }
.evidence-identifiers summary[b-ovcqerxaah] { width: fit-content; min-height: 32px; display: flex; align-items: center; color: var(--hvo-muted); font-size: .64rem; cursor: pointer; }
.evidence-identifiers summary:hover[b-ovcqerxaah] { color: var(--hvo-body-color); }
.evidence-identifiers dl[b-ovcqerxaah] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; padding: .2rem .8rem .4rem; border-radius: .4rem; background: rgba(2, 6, 23, .38); }
.evidence-identifiers dd code[b-ovcqerxaah] { display: block; }
.evidence-identifiers ol[b-ovcqerxaah] { margin: 0; padding-left: 1.1rem; font-size: .64rem; }
.technical-grid[b-ovcqerxaah] { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .8rem; }
.technical-grid article[b-ovcqerxaah] { min-width: 0; padding: .8rem; border-radius: .45rem; background: rgba(2, 6, 23, .38); }
.technical-grid h3[b-ovcqerxaah] { margin: 0 0 .4rem; font-size: .8rem; }
.technical-grid p[b-ovcqerxaah] { margin: 0; color: var(--hvo-muted); font-size: .72rem; }
.replay-entry p[b-ovcqerxaah] { max-width: 68ch; margin: 0; color: #aeb9c8; font-size: .76rem; }
.replay-entry__action[b-ovcqerxaah] { margin-top: .8rem !important; }
.back-action[b-ovcqerxaah] { display: flex; justify-content: flex-end; margin: 1rem 0 0; }
:is(a, button, summary):focus-visible[b-ovcqerxaah] { outline: 3px solid rgba(88, 166, 255, .65); outline-offset: 2px; }
@media (max-width: 1100px) { .evidence-summary[b-ovcqerxaah] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .capture-evidence__header[b-ovcqerxaah] { display: grid; align-items: start; } .capture-evidence__header h2[b-ovcqerxaah] { margin-bottom: .2rem; } }
@media (max-width: 760px) {
    .detail-page[b-ovcqerxaah] { padding: 0 .65rem 3rem; }
    .evidence-panel[b-ovcqerxaah] { padding: .8rem; }
    .evidence-row[b-ovcqerxaah] { grid-template-columns: minmax(0, 1fr) auto; gap: .3rem .8rem; }
    .evidence-row > span[b-ovcqerxaah] { grid-column: 1; font-size: .64rem; }
    .evidence-row__actions[b-ovcqerxaah] { grid-column: 2; grid-row: 1 / span 3; flex-direction: column; align-items: stretch; }
    .download-menu ul[b-ovcqerxaah] { width: min(17rem, calc(100vw - 2rem)); }
    .evidence-identifiers dl[b-ovcqerxaah] { grid-template-columns: 1fr; }
}
@media (max-width: 440px) { .evidence-summary[b-ovcqerxaah] { grid-template-columns: 1fr; } }
/* /Components/Pages/GalleryPage.razor.rz.scp.css */
/* Ported from cameraagent-pages.css (gallery-title/explainer/toolbar/grid/pagination) and archive-pages.css
   (.archive-main/.archive-subnav), with the prototype's tokens aliased to the existing --hvo-* values. */
.gallery-page[b-57zrwf9r20] {
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-soft: rgba(47, 129, 247, .16);
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    --surface-soft: #0a111b;
    --surface-hover: var(--hvo-surface-hover);
    box-sizing: border-box;
    width: min(100%, 105rem);
    margin: 0 auto;
    padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 4rem;
    color: var(--text);
    overflow-x: clip;
}
.gallery-page *[b-57zrwf9r20], .gallery-page[b-57zrwf9r20]  * { box-sizing: border-box; }
.gallery-page svg[b-57zrwf9r20] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.eyebrow[b-57zrwf9r20] { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }


.gallery-title[b-57zrwf9r20] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.gallery-title h1[b-57zrwf9r20] { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .95; letter-spacing: -.045em; }
.gallery-title > div:first-child > p:last-child[b-57zrwf9r20] { max-width: 52rem; margin: .65rem 0 0; color: var(--muted); font-size: .74rem; line-height: 1.45; }
.gallery-heading-facts[b-57zrwf9r20] { display: flex; gap: 1.4rem; }
.gallery-heading-facts span[b-57zrwf9r20] { color: var(--muted); font-size: .62rem; }
.gallery-heading-facts strong[b-57zrwf9r20] { display: block; margin-bottom: .18rem; color: var(--text); font-size: 1.15rem; }

.gallery-explainer[b-57zrwf9r20] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8rem; align-items: center; margin-bottom: .75rem; padding: .75rem .9rem; border: 1px solid var(--border); border-left: 3px solid var(--blue); border-radius: .55rem; background: rgba(9, 15, 24, .86); }
.explainer-icon[b-57zrwf9r20] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .4rem; color: var(--blue); background: var(--blue-soft); }
.gallery-explainer strong[b-57zrwf9r20], .gallery-explainer p[b-57zrwf9r20] { margin: 0; }
.gallery-explainer strong[b-57zrwf9r20] { font-size: .7rem; }
.gallery-explainer p[b-57zrwf9r20] { margin-top: .15rem; color: var(--muted); font-size: .62rem; }
.gallery-explainer > a[b-57zrwf9r20] { font-size: .63rem; font-weight: 700; text-decoration: none; }

.gallery-toolbar[b-57zrwf9r20] { display: grid; grid-template-columns: minmax(13rem, 1.4fr) minmax(10rem, .8fr) minmax(10rem, .8fr) minmax(9rem, .7fr) minmax(11rem, .9fr) auto auto; gap: .6rem; align-items: end; margin-bottom: .5rem; padding: .75rem; border: 1px solid var(--border); border-radius: .55rem; background: rgba(9, 15, 24, .86); }
.gallery-toolbar label[b-57zrwf9r20] { display: grid; gap: .3rem; min-width: 0; color: var(--muted-strong); font-size: .58rem; font-weight: 700; }
.gallery-toolbar input[b-57zrwf9r20], .gallery-toolbar select[b-57zrwf9r20] { width: 100%; min-height: 2.35rem; padding: .45rem .55rem; border: 1px solid var(--border); border-radius: .38rem; color: var(--text); background: var(--surface); }
.input-shell[b-57zrwf9r20] { position: relative; display: block; }
.input-shell svg[b-57zrwf9r20] { position: absolute; top: .66rem; left: .65rem; width: .9rem; color: var(--muted); }
.input-shell input[b-57zrwf9r20] { padding-left: 2rem; }
.view-switcher[b-57zrwf9r20] { display: flex; }
.view-switcher button[b-57zrwf9r20] { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid var(--border); color: var(--muted); background: var(--surface); cursor: pointer; }
.view-switcher button:first-child[b-57zrwf9r20] { border-radius: .38rem 0 0 .38rem; }
.view-switcher button:last-child[b-57zrwf9r20] { border-left: 0; border-radius: 0 .38rem .38rem 0; }
.view-switcher button.active[b-57zrwf9r20] { color: var(--blue); background: var(--blue-soft); }

.toolbar-actions[b-57zrwf9r20] { display: flex; gap: .4rem; align-items: end; }

.button[b-57zrwf9r20] { display: inline-flex; min-height: 2.35rem; align-items: center; justify-content: center; gap: .4rem; padding: .45rem .7rem; border: 1px solid var(--border-strong); border-radius: .45rem; color: var(--text); background: var(--surface-raised); font-size: .7rem; font-weight: 700; cursor: pointer; text-decoration: none; }
.button.small[b-57zrwf9r20] { min-height: 2.35rem; }
.button:hover[b-57zrwf9r20] { background: var(--surface-hover); }
.button:disabled[b-57zrwf9r20] { opacity: .55; cursor: not-allowed; }

.advanced-filters[b-57zrwf9r20] { margin-bottom: .75rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .7); }
.advanced-filters > summary[b-57zrwf9r20] { min-height: 2.8rem; display: flex; align-items: center; padding: .6rem .8rem; color: var(--blue); font-size: .68rem; font-weight: 750; cursor: pointer; }
.advanced-filters__grid[b-57zrwf9r20] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; padding: 0 .8rem .8rem; }
.advanced-filters__grid label[b-57zrwf9r20] { display: block; margin-bottom: .25rem; color: var(--muted); font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.advanced-filters__grid input[b-57zrwf9r20], .advanced-filters__grid select[b-57zrwf9r20] { width: 100%; min-height: 2.2rem; padding: .4rem .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); }

.prototype-gallery-grid[b-57zrwf9r20] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.prototype-gallery-grid.compact[b-57zrwf9r20] { grid-template-columns: 1fr; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card { display: grid; grid-template-columns: 14rem minmax(0, 1fr); }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-image { min-height: 8rem; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-image img { height: 100%; aspect-ratio: auto; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-body { display: grid; grid-template-columns: minmax(11rem, 1fr) minmax(16rem, 1.3fr) auto; gap: .2rem .8rem; align-items: center; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-heading { grid-column: 1; grid-row: 1; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-meta { grid-column: 1; grid-row: 2; margin: 0; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-summary { grid-column: 1; grid-row: 3; margin: 0; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-event { grid-column: 1; margin: 0; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-facts { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
.prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-actions { grid-column: 3; grid-row: 1 / span 3; margin: 0; }

.gallery-state[b-57zrwf9r20] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 6rem; padding: 1.1rem; border: 1px solid var(--border); border-radius: .55rem; background: var(--surface-soft); }
.gallery-state--error[b-57zrwf9r20] { border-color: #f85149; background: rgba(248, 81, 73, .15); }
.gallery-state strong[b-57zrwf9r20], .gallery-state p[b-57zrwf9r20] { margin: 0; }
.gallery-state p[b-57zrwf9r20] { color: var(--muted); font-size: .68rem; }
.large-state[b-57zrwf9r20] { margin: .2rem 0 .7rem; padding: .55rem .7rem; border-left: 3px solid var(--blue); color: var(--blue); background: var(--blue-soft); font-size: .62rem; }
.gallery-empty[b-57zrwf9r20] { padding: 3rem 1rem; border: 1px dashed var(--border-strong); border-radius: .55rem; color: var(--muted); text-align: center; }
.gallery-empty strong[b-57zrwf9r20] { color: var(--text); }
.gallery-empty p[b-57zrwf9r20] { margin: .35rem 0 0; font-size: .7rem; }
.gallery-pagination[b-57zrwf9r20] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .62rem; }
.gallery-pagination > div[b-57zrwf9r20] { display: flex; gap: .45rem; }
:is(a, button, input, select):focus-visible[b-57zrwf9r20] { outline: 3px solid rgba(88, 166, 255, .65); outline-offset: 2px; }

@media (max-width: 1180px) { .prototype-gallery-grid[b-57zrwf9r20] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gallery-toolbar[b-57zrwf9r20] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .view-switcher[b-57zrwf9r20] { justify-self: end; } }
@media (max-width: 1100px) { .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-body { grid-template-columns: minmax(0, 1fr); } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-body > * { grid-column: 1; grid-row: auto; } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card-facts { margin-top: .5rem; } }
@media (max-width: 850px) { .gallery-title[b-57zrwf9r20] { display: grid; align-items: start; } .advanced-filters__grid[b-57zrwf9r20] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 780px) { .gallery-title[b-57zrwf9r20] { display: grid; } .gallery-heading-facts[b-57zrwf9r20] { width: 100%; justify-content: space-between; } .gallery-explainer[b-57zrwf9r20] { grid-template-columns: auto 1fr; } .gallery-explainer > a[b-57zrwf9r20] { grid-column: 2; } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card { grid-template-columns: 10rem minmax(0, 1fr); } }
@media (max-width: 650px) { .gallery-page[b-57zrwf9r20] { padding: 0 .65rem 3rem; } .gallery-toolbar[b-57zrwf9r20] { grid-template-columns: 1fr; } .view-switcher[b-57zrwf9r20] { justify-self: start; } .prototype-gallery-grid[b-57zrwf9r20] { grid-template-columns: 1fr; } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-card { grid-template-columns: 1fr; } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-image { min-height: 12rem; } .prototype-gallery-grid.compact[b-57zrwf9r20]  .capture-image img { height: auto; aspect-ratio: 16 / 10; } .gallery-pagination[b-57zrwf9r20] { align-items: flex-start; flex-direction: column; } .advanced-filters__grid[b-57zrwf9r20] { grid-template-columns: 1fr; } }
@media (pointer: coarse) {
    .button[b-57zrwf9r20], .button.small[b-57zrwf9r20], .view-switcher button[b-57zrwf9r20], .gallery-toolbar input[b-57zrwf9r20], .gallery-toolbar select[b-57zrwf9r20],
    .advanced-filters__grid input[b-57zrwf9r20], .advanced-filters__grid select[b-57zrwf9r20], .gallery-explainer > a[b-57zrwf9r20] { min-height: 44px; }
    .view-switcher button[b-57zrwf9r20] { min-width: 44px; height: 44px; }
    .gallery-explainer > a[b-57zrwf9r20] { display: inline-flex; align-items: center; }
}
/* /Components/Pages/GeneratedProductsView.razor.rz.scp.css */
.library-toolbar[b-2dijzhyaq8] { display: grid; grid-template-columns: repeat(3, minmax(10rem, 1fr)) auto; gap: .65rem; align-items: end; margin-bottom: 1rem; padding: .9rem; border: 1px solid var(--hvo-border-muted); border-radius: .9rem; background: rgba(15, 23, 42, .62); }
.library-toolbar label[b-2dijzhyaq8] { display: block; margin-bottom: .3rem; color: var(--hvo-muted); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.library-toolbar :is(select, input, button)[b-2dijzhyaq8] { min-height: 44px; }
.library-toolbar__note[b-2dijzhyaq8] { grid-column: 1 / -1; margin: 0; color: var(--hvo-muted); font-size: .72rem; }
.library-summary[b-2dijzhyaq8] { margin: 0 0 .65rem; color: var(--hvo-muted); font-size: .78rem; }
.library-bounded[b-2dijzhyaq8] { padding: .65rem .8rem; border-left: 3px solid var(--hvo-info-strong); color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.library-grid[b-2dijzhyaq8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.library-card[b-2dijzhyaq8] { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--hvo-border-muted); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.library-card__media[b-2dijzhyaq8] { position: relative; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); aspect-ratio: 16 / 10; place-items: center; overflow: hidden; color: var(--hvo-muted); background: #020408; text-decoration: none; }
.library-card__media[b-2dijzhyaq8]  img { display: block; width: 100%; height: 100%; object-fit: contain; }
.library-card__placeholder[b-2dijzhyaq8] { display: grid; justify-items: center; gap: .4rem; padding: 0 1rem 2.6rem; font-size: .78rem; text-align: center; }
.library-card__placeholder i[b-2dijzhyaq8] { font-size: 1.8rem; }
.library-card__overlay[b-2dijzhyaq8] { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: end; justify-content: space-between; gap: .5rem; padding: 1.4rem .65rem .5rem; color: var(--hvo-body-color); background: linear-gradient(transparent, rgba(4, 8, 14, .88)); }
.library-card__overlay strong[b-2dijzhyaq8], .library-card__overlay small[b-2dijzhyaq8] { display: block; }
.library-card__overlay strong[b-2dijzhyaq8] { font-size: .82rem; }
.library-card__overlay small[b-2dijzhyaq8] { margin-top: .1rem; color: var(--hvo-muted-strong); font-size: .68rem; }
.library-card__body[b-2dijzhyaq8] { display: flex; flex: 1; flex-direction: column; gap: .55rem; padding: .75rem; }
.library-card__body p[b-2dijzhyaq8] { margin: 0; color: var(--hvo-muted); font-size: .76rem; line-height: 1.45; }
.library-card__period[b-2dijzhyaq8] { overflow-wrap: anywhere; }
.library-card__facts[b-2dijzhyaq8] { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); justify-content: space-between; gap: .5rem; margin: 0; }
.library-card__facts dt[b-2dijzhyaq8] { color: var(--hvo-muted-weak); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.library-card__facts dd[b-2dijzhyaq8] { margin: .15rem 0 0; font-size: .76rem; font-weight: 700; overflow-wrap: anywhere; }
.library-card__facts .hvo-chip[b-2dijzhyaq8] { font-size: .62rem; }
.library-card__hourly[b-2dijzhyaq8] { font-size: .7rem; }
.library-card__meta[b-2dijzhyaq8] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 .75rem; margin-top: auto; padding-top: .35rem; border-top: 1px solid var(--hvo-border-muted); }
.library-card__meta a[b-2dijzhyaq8] { display: inline-flex; min-height: 44px; align-items: center; color: #58a6ff; font-size: .76rem; font-weight: 700; text-decoration: none; }
.library-card__meta span[b-2dijzhyaq8] { color: var(--hvo-muted); font-size: .7rem; }
.library-pages[b-2dijzhyaq8] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.library-pages .btn[b-2dijzhyaq8] { display: inline-flex; min-height: 44px; align-items: center; }
:is(a, button, select, input):focus-visible[b-2dijzhyaq8] { outline: 3px solid var(--hvo-info-strong); outline-offset: 3px; }
.library-card__media:focus-visible[b-2dijzhyaq8] { outline-offset: -3px; }
@media (max-width: 1100px) { .library-grid[b-2dijzhyaq8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 850px) { .library-toolbar[b-2dijzhyaq8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .library-grid[b-2dijzhyaq8], .library-toolbar[b-2dijzhyaq8] { grid-template-columns: 1fr; } .library-pages[b-2dijzhyaq8] { display: grid; } }
/* /Components/Pages/NightlyProductDetailPage.razor.rz.scp.css */
/* Nightly product detail (#1138). Shares the #1022 product detail composition; the keogram axis below the image
   spans exactly the image's width, so its gaps and labels sit on the columns they describe. Imagery is never
   cropped, filtered or synthesized by the presentation. */
.product-detail[b-juaivv856g] { --border:var(--hvo-border-muted); --text:var(--hvo-body-color); --muted:var(--hvo-muted); --muted-strong:var(--hvo-muted-strong); --blue:#58a6ff; --surface:var(--hvo-surface); min-width:0; padding:0 0 3rem; }
.product-detail-heading[b-juaivv856g] { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:1.4rem 0 1rem; }
.eyebrow[b-juaivv856g] { margin:0 0 .28rem; color:var(--blue); font-size:.65rem; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.product-detail-heading h1[b-juaivv856g] { margin:0; font-size:clamp(2rem,4vw,3.3rem); font-weight:700; line-height:.95; letter-spacing:-.045em; overflow-wrap:anywhere; }
.product-detail-heading p:not(.eyebrow)[b-juaivv856g] { margin:.55rem 0 0; color:var(--muted); font-size:.67rem; }
.detail-heading-actions[b-juaivv856g] { display:flex; gap:.5rem; }
.btn[b-juaivv856g] { display:inline-flex; min-height:2.45rem; align-items:center; justify-content:center; gap:.45rem; padding:.5rem .85rem; border:1px solid var(--hvo-border-strong); border-radius:.45rem; font-size:.75rem; font-weight:700; color:var(--text); background:var(--hvo-surface-elevated); text-decoration:none; }
.product-viewer-layout[b-juaivv856g] { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(19rem,.65fr); border:1px solid var(--border); border-radius:.55rem; background:#060a11; overflow:hidden; }
svg[b-juaivv856g] { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.product-inspector[b-juaivv856g] { min-width:0; padding:.9rem; border-left:1px solid var(--border); }
.product-inspector > header[b-juaivv856g] { padding-bottom:.7rem; border-bottom:1px solid var(--border); }
.product-inspector h2[b-juaivv856g] { margin:0; font-size:.8rem; }
.product-inspector header p[b-juaivv856g] { margin:.25rem 0 0; color:var(--muted); font-size:.65rem; line-height:1.4; }
.product-provenance[b-juaivv856g] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.4rem 0 0; }
.product-provenance > div[b-juaivv856g] { min-width:0; padding:.55rem 0; border-bottom:1px solid var(--border); }
.product-provenance > div:nth-child(even)[b-juaivv856g] { padding-left:.55rem; border-left:1px solid var(--border); }
.product-provenance > div.full[b-juaivv856g] { grid-column:1/-1; padding-left:0; border-left:0; }
.product-provenance dt[b-juaivv856g] { color:var(--muted); font-size:.65rem; text-transform:uppercase; }
.product-provenance dd[b-juaivv856g] { margin:.18rem 0 0; font-size:.65rem; font-weight:700; overflow-wrap:anywhere; }
.day-detail-grid[b-juaivv856g] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-top:.9rem; }
.archive-panel[b-juaivv856g] { min-width:0; margin-bottom:.75rem; padding:.9rem; border:1px solid var(--border); border-radius:.55rem; background:rgba(9,15,24,.86); }
.archive-panel > header[b-juaivv856g] { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; padding-bottom:.65rem; }
.archive-panel h2[b-juaivv856g] { margin:0; font-size:.85rem; }
.archive-panel h3[b-juaivv856g] { margin:.9rem 0 .4rem; font-size:.75rem; }
.archive-panel header p[b-juaivv856g] { margin:.25rem 0 0; font-size:.65rem; color:var(--muted); }
.state-chip[b-juaivv856g] { padding:.28rem .55rem; border:1px solid var(--border); border-radius:999px; color:var(--muted-strong); font-size:.61rem; font-weight:750; }
.quiet-label[b-juaivv856g],.unavailable-copy[b-juaivv856g] { color:var(--muted); font-size:.65rem; }
.product-versions[b-juaivv856g],.source-list[b-juaivv856g] { list-style:none; margin:0; padding:0; }
.product-versions li[b-juaivv856g] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.5rem; align-items:center; padding:.55rem 0; border-top:1px solid var(--border); font-size:.65rem; }
.product-versions strong[b-juaivv856g],.product-versions small[b-juaivv856g],.source-list small[b-juaivv856g] { display:block; }
.product-versions small[b-juaivv856g],.source-list small[b-juaivv856g] { color:var(--muted); margin-top:.12rem; overflow-wrap:anywhere; }
.product-versions time[b-juaivv856g] { color:var(--muted); font:.6rem ui-monospace,monospace; }
.version-dot[b-juaivv856g] { width:.5rem; height:.5rem; border:1px solid var(--muted); border-radius:50%; }
.source-list li[b-juaivv856g] { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.5rem; padding:.55rem 0; border-top:1px solid var(--border); font-size:.7rem; }
.source-list a[b-juaivv856g],.product-versions a[b-juaivv856g] { color:var(--blue); text-decoration:none; }
.ordinal[b-juaivv856g] { color:var(--muted); font: .65rem ui-monospace,monospace; }
code[b-juaivv856g] { color:var(--muted-strong); overflow-wrap:anywhere; font-size:.62rem; }
.media-unavailable[b-juaivv856g] { display:grid; align-content:center; justify-items:center; gap:.65rem; min-height:34rem; padding:2rem; text-align:center; color:var(--muted); }
.media-unavailable svg[b-juaivv856g] { width:2.5rem; height:2.5rem; }
.media-unavailable h2[b-juaivv856g] { margin:0; font-size:1rem; color:var(--text); }
.media-unavailable p[b-juaivv856g],.media-unavailable small[b-juaivv856g] { margin:0; font-size:.75rem; }
:is(a,button,[tabindex]):focus-visible[b-juaivv856g] { outline:3px solid rgba(88,166,255,.65); outline-offset:2px; }
.nightly-media[b-juaivv856g] { display:flex; flex-direction:column; align-items:center; gap:0; min-width:0; min-height:34rem; margin:0; padding:1rem 1rem 0; background:#000; }
.nightly-frame[b-juaivv856g],.keogram-axis[b-juaivv856g] { width:min(100%, calc((80dvh - 8rem) * var(--nightly-width-per-height))); }
.nightly-frame[b-juaivv856g] { aspect-ratio:var(--nightly-aspect); }
.nightly-frame[b-juaivv856g]  img { display:block; width:100%; height:100%; object-fit:fill; }
.nightly-media .media-label[b-juaivv856g] { align-self:stretch; margin-top:auto; padding:.4rem .65rem; color:var(--muted-strong); background:#05080d; font:.65rem ui-monospace,monospace; }
.keogram-axis[b-juaivv856g] { padding:.3rem 0 .6rem; container-type:inline-size; }
/* A narrow product (one segment part) leaves no room for clock labels; the marks stay and the summary names the span. */
@container (max-width: 16rem) { .keogram-axis__tick:not(.keogram-axis__tick--start):not(.keogram-axis__tick--end)[b-juaivv856g] { color:transparent; } }
@container (max-width: 8rem) { .keogram-axis__tick[b-juaivv856g] { color:transparent; } }
.keogram-axis__track[b-juaivv856g] { position:relative; height:.55rem; border:1px solid var(--border); border-top:0; background:rgba(88,166,255,.18); }
.keogram-axis__gap[b-juaivv856g] { position:absolute; top:0; bottom:0; background:repeating-linear-gradient(135deg,#05080d 0 3px,#1d2633 3px 6px); }
.keogram-axis__labels[b-juaivv856g] { position:relative; height:1.1rem; }
.keogram-axis__tick[b-juaivv856g] { position:absolute; top:0; padding-top:.25rem; color:var(--muted-strong); font:.6rem ui-monospace,monospace; white-space:nowrap; transform:translateX(-50%); }
.keogram-axis__tick[b-juaivv856g]::before { content:""; position:absolute; top:-.55rem; left:50%; height:.7rem; border-left:1px solid var(--muted); }
.keogram-axis__tick--start[b-juaivv856g] { transform:none; }
.keogram-axis__tick--start[b-juaivv856g]::before { left:0; }
.keogram-axis__tick--end[b-juaivv856g] { transform:translateX(-100%); }
.keogram-axis__tick--end[b-juaivv856g]::before { left:auto; right:0; }
.nightly-chips[b-juaivv856g] { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.7rem; }
.state-chip--current[b-juaivv856g] { border-color:rgba(63,185,80,.55); color:#7ee787; }
.axis-summary[b-juaivv856g] { margin:0 0 .5rem; font-size:.7rem; color:var(--muted-strong); }
.gap-list[b-juaivv856g] { display:flex; flex-wrap:wrap; gap:.35rem; margin:0; padding:0; list-style:none; }
.gap-list li[b-juaivv856g] { padding:.2rem .45rem; border:1px solid var(--border); border-radius:.35rem; color:var(--muted-strong); font:.62rem ui-monospace,monospace; }
@media(max-width:850px) { .product-detail-heading[b-juaivv856g] { display:grid; align-items:start; } .detail-heading-actions[b-juaivv856g] { flex-wrap:wrap; } .product-viewer-layout[b-juaivv856g],.day-detail-grid[b-juaivv856g] { grid-template-columns:minmax(0,1fr); } .product-inspector[b-juaivv856g] { border-top:1px solid var(--border); border-left:0; } }
@media(max-width:650px) { .detail-heading-actions .btn[b-juaivv856g] { flex:1; } .nightly-media[b-juaivv856g],.media-unavailable[b-juaivv856g] { min-height:0; } .nightly-media[b-juaivv856g] { padding:.6rem .6rem 0; } .media-unavailable[b-juaivv856g] { min-height:20rem; } .product-provenance[b-juaivv856g] { grid-template-columns:minmax(0,1fr); } .product-provenance > div:nth-child(even)[b-juaivv856g] { padding-left:0; border-left:0; } .product-versions li[b-juaivv856g] { grid-template-columns:auto minmax(0,1fr); } .product-versions time[b-juaivv856g] { grid-column:2; } }
@media(pointer:coarse) { .btn[b-juaivv856g] { min-height:44px; } }
/* /Components/Pages/ObservatoryLocationPage.razor.rz.scp.css */
/* Observatory & location. The shared Operations vocabulary (.ops-*, .button, .action-dialog) lives in
   OperationsLayout.razor.css; this file adds the prototype map, the browser-loaded tile layer and its offline
   fallback, the visible-sky grid and dial, and the dialog arrangements the prototype does not define. */

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

.site-message[b-fuviud7v48] { margin-bottom: .8rem; }
.site-note[b-fuviud7v48] { margin: .7rem 0 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }
.site-note code[b-fuviud7v48], .ops-note-banner code[b-fuviud7v48] { color: #c4dcfa; font-size: .92em; }
.site-muted[b-fuviud7v48] { color: var(--muted); font-weight: 500; }
/* A staged location stacks its restart control under the banner text. */
.site-location-banner > div[b-fuviud7v48] { display: grid; gap: .5rem; min-width: 0; }

/* Current Sky's .text-button, copied so this page does not depend on another page's scoped styles, and
   sized to a 44px target at every width because it is not one of the shared control classes. */
.text-button[b-fuviud7v48] { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: .1rem; padding: .35rem 0; border: 0; color: var(--blue); background: transparent; cursor: pointer; font-size: .63rem; font-weight: 700; text-decoration: none; }
.text-button:disabled[b-fuviud7v48] { color: var(--muted); opacity: .45; cursor: not-allowed; }

/* Prototype .ops-map, with the dashed ring and pin raised above the optional tile layer. */
.ops-map[b-fuviud7v48] { position: relative; min-height: 18rem; border: 1px solid var(--border); border-radius: .45rem; background: linear-gradient(135deg, rgba(25, 57, 69, .5), rgba(14, 25, 38, .85)), repeating-linear-gradient(35deg, transparent 0 28px, rgba(88, 166, 255, .08) 29px 30px); overflow: hidden; }
.ops-map[b-fuviud7v48]::before { position: absolute; z-index: 2; top: 50%; left: 50%; width: 8rem; height: 8rem; border: 1px dashed rgba(88, 166, 255, .55); border-radius: 50%; content: ""; transform: translate(-50%, -50%); }
.ops-map-pin[b-fuviud7v48] { position: absolute; z-index: 3; top: 50%; left: 50%; width: 1rem; height: 1rem; border: 3px solid white; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(88, 166, 255, .18); transform: translate(-50%, -50%); }
.ops-map-label[b-fuviud7v48] { position: absolute; z-index: 3; top: calc(50% + 1.2rem); left: 50%; max-width: calc(100% - 1.5rem); padding: .3rem .45rem; overflow: hidden; border: 1px solid var(--border); border-radius: .3rem; color: var(--text); background: rgba(5, 8, 13, .86); font-size: .54rem; text-overflow: ellipsis; transform: translateX(-50%); white-space: nowrap; }

/* Tiles are darkened to sit inside the workspace theme; the schematic gradient stays underneath. */
.site-map-tiles[b-fuviud7v48] { position: absolute; z-index: 1; inset: 0; filter: invert(1) hue-rotate(180deg) brightness(.82) saturate(.7); pointer-events: none; }
.site-map-tiles img[b-fuviud7v48] { position: absolute; width: 256px; max-width: none; height: 256px; user-select: none; }
/* The link is a transparent 44px target in the corner; only its label carries the backing, so the map stays visible. */
.site-map-attribution[b-fuviud7v48] { position: absolute; z-index: 3; right: 0; bottom: 0; display: flex; min-width: 2.75rem; min-height: 2.75rem; align-items: flex-end; justify-content: flex-end; color: var(--muted-strong); font-size: .5rem; text-decoration: none; }
.site-map-attribution span[b-fuviud7v48] { padding: .15rem .4rem; border-top-left-radius: .3rem; background: rgba(5, 8, 13, .8); }
.site-map-attribution:hover[b-fuviud7v48], .site-map-attribution:focus-visible[b-fuviud7v48] { color: var(--text); text-decoration: underline; }
.site-map-note[b-fuviud7v48] { margin: .55rem 0 0; color: var(--muted); font-size: .56rem; line-height: 1.45; }
.site-map-offline[b-fuviud7v48] { display: none; }
.site-map[data-tiles="offline"] .site-map-tiles[b-fuviud7v48], .site-map[data-tiles="offline"] .site-map-attribution[b-fuviud7v48], .site-map[data-tiles="offline"] .site-map-online[b-fuviud7v48] { display: none; }
.site-map[data-tiles="offline"] .site-map-offline[b-fuviud7v48] { display: inline; }

/* Visible sky. */
.site-scene[b-fuviud7v48] { margin-top: .8rem; }
.site-instant[b-fuviud7v48] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .55rem; margin-bottom: .8rem; }
.site-instant .ops-field[b-fuviud7v48] { min-width: 14rem; }
.site-instant p[b-fuviud7v48] { flex: 1 1 100%; margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.site-scene .ops-note-banner.compact[b-fuviud7v48] { margin-bottom: .7rem; }
.site-scene-layout[b-fuviud7v48] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem); gap: 1rem; align-items: start; }
.site-scene-filters[b-fuviud7v48] { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: .6rem; }
.site-scene-filters .ops-field[b-fuviud7v48] { flex: 1 1 12rem; }
.site-scene-wrap[b-fuviud7v48] { max-height: 32rem; overflow: auto; }
.site-scene-wrap thead th[b-fuviud7v48] { position: sticky; top: 0; z-index: 1; background: var(--surface); }
/* The sort control fills its header cell so the whole 44px header row is the target, and is never narrower than 44px. */
.site-scene-wrap thead th:has(.site-sort)[b-fuviud7v48] { padding-block: 0; }
.site-sort[b-fuviud7v48] { display: flex; width: 100%; min-width: 2.75rem; min-height: 2.75rem; align-items: center; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.site-sort:hover[b-fuviud7v48], .site-sort:focus-visible[b-fuviud7v48] { color: var(--text); }
th[aria-sort="ascending"] .site-sort[b-fuviud7v48]::after { content: " \2191"; }
th[aria-sort="descending"] .site-sort[b-fuviud7v48]::after { content: " \2193"; }
.site-pager[b-fuviud7v48] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem; margin-top: .6rem; color: var(--muted); font-size: .58rem; }
.site-pager [role="status"][b-fuviud7v48] { margin-right: auto; }

/* The object name is the row's select control; it fills its cell so the target is the full 44px row height. */
.site-scene-wrap td.site-object-cell[b-fuviud7v48] { padding-block: 0; }
.site-object[b-fuviud7v48] { display: flex; width: 100%; min-width: 2.75rem; min-height: 2.75rem; align-items: center; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; font: inherit; text-align: left; }
.site-object:hover strong[b-fuviud7v48], .site-object:focus-visible strong[b-fuviud7v48] { color: var(--blue); }
.site-scene-wrap tr.selected td[b-fuviud7v48] { background: rgba(88, 166, 255, .12); }
.site-scene-wrap tr.selected .site-object strong[b-fuviud7v48] { color: var(--blue); }

.site-scene-side h3[b-fuviud7v48] { margin: 0; font-size: .68rem; }
.site-selection[b-fuviud7v48] { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .8rem; margin-top: .6rem; }
.site-selection p[b-fuviud7v48] { flex: 1 1 12rem; margin: 0; color: var(--muted-strong); font-size: .58rem; line-height: 1.45; overflow-wrap: anywhere; }
.site-figures-heading[b-fuviud7v48] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 .8rem; margin-top: .5rem; }
.site-figures-note[b-fuviud7v48] { margin-top: .2rem; }
/* Figures are offered by catalog abbreviation; the list scrolls inside its own frame so 88 pills stay compact. */
.site-constellations[b-fuviud7v48] { display: flex; flex-wrap: wrap; gap: .35rem; max-height: 14rem; margin-top: .55rem; overflow-y: auto; }
.site-constellation[b-fuviud7v48] { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0 .6rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted-strong); background: transparent; cursor: pointer; font: inherit; font-size: .6rem; font-weight: 700; }
.site-constellation:hover[b-fuviud7v48], .site-constellation:focus-visible[b-fuviud7v48] { border-color: var(--cyan); color: var(--text); }
.site-constellation[aria-pressed="true"][b-fuviud7v48] { border-color: var(--cyan); color: var(--text); background: rgba(57, 197, 207, .16); }
.site-constellation:disabled[b-fuviud7v48] { border-style: dashed; color: var(--muted); opacity: .5; cursor: not-allowed; }
.site-provenance[b-fuviud7v48] { display: flex; align-items: flex-start; gap: .45rem; margin-top: .9rem; padding-top: .7rem; border-top: 1px solid var(--border); }
.site-provenance .status-icon[b-fuviud7v48] { flex: 0 0 auto; }

.site-history-wrap[b-fuviud7v48] { max-height: 22rem; overflow: auto; }
.site-history-wrap td[b-fuviud7v48] { overflow-wrap: anywhere; }

/* Operator settings panel. */
.site-settings-form[b-fuviud7v48] { display: grid; gap: .55rem; margin: .8rem 0 0; padding: 0; border: 0; min-width: 0; }
.site-settings-form input[b-fuviud7v48] { max-width: 10rem; }
.site-settings-actions[b-fuviud7v48] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.site-settings-actions .text-button[b-fuviud7v48] { margin-top: 0; }
/* A settings file path is one unbroken word, so it may wrap anywhere rather than widen a narrow page. */
.site-note code[b-fuviud7v48], .ops-facts code[b-fuviud7v48] { overflow-wrap: anywhere; }

/* Dialogs; element-qualified so the width outranks the shared .action-dialog width. */
dialog.action-dialog.site-dialog[b-fuviud7v48] { width: min(calc(100% - 2rem), 40rem); }
.site-dialog fieldset[b-fuviud7v48] { display: grid; gap: .6rem; min-inline-size: 0; }
.site-dialog-grid[b-fuviud7v48] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .55rem .7rem; }
.site-dialog-message[b-fuviud7v48] { padding: .6rem 1.1rem 0; }
.site-dialog .text-button.site-use-email[b-fuviud7v48] { justify-self: start; max-width: 100%; margin-top: 0; overflow-wrap: anywhere; text-align: left; }
.site-dialog .dialog-note span[b-fuviud7v48] { line-height: 1.45; }

@media (max-width: 1080px) {
    /* minmax(0, ...) lets the scene table scroll inside its frame instead of widening a phone-width page. */
    .site-scene-layout[b-fuviud7v48] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
    dialog.action-dialog.site-dialog[b-fuviud7v48] { width: calc(100% - 1rem); }
    .site-pager[b-fuviud7v48] { justify-content: flex-start; }
    .site-instant .ops-field[b-fuviud7v48] { min-width: 0; flex: 1 1 100%; }
}
/* /Components/Pages/ObservingDayPage.razor.rz.scp.css */
.day-page[b-lnuhl6tgpn] { box-sizing: border-box; width: min(100%, 112rem); margin: 0 auto; padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 3rem; color: var(--hvo-body-color); }
.day-page *[b-lnuhl6tgpn] { box-sizing: border-box; }
.day-heading[b-lnuhl6tgpn] { display: flex; align-items: end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.eyebrow[b-lnuhl6tgpn] { margin: 0 0 .3rem; color: #58a6ff; font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.day-title[b-lnuhl6tgpn] { display: flex; align-items: center; gap: .7rem; }
.day-title h1[b-lnuhl6tgpn] { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 750; line-height: .95; letter-spacing: -.045em; }
.day-title__step[b-lnuhl6tgpn] { display: grid; flex: 0 0 44px; width: 44px; min-height: 44px; place-items: center; padding: 0; border-color: var(--hvo-border-strong); color: var(--hvo-body-color); text-decoration: none; }
.day-lead[b-lnuhl6tgpn] { margin: .6rem 0 0; color: var(--hvo-muted); font-size: .78rem; }
.day-actions[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; gap: .5rem; }
.day-actions a[b-lnuhl6tgpn] { min-height: 44px; align-content: center; text-decoration: none; }
.day-hero[b-lnuhl6tgpn] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(21rem, .7fr); margin-bottom: .8rem; border: 1px solid var(--hvo-border-muted); border-radius: .55rem; background: rgba(9, 15, 24, .88); overflow: hidden; }
.day-hero__image[b-lnuhl6tgpn] { min-width: 0; background: #000; }
.day-hero__image > a[b-lnuhl6tgpn] { display: block; min-height: 23rem; }
.day-hero__image img[b-lnuhl6tgpn] { display: block; width: 100%; height: 100%; max-height: 34rem; object-fit: contain; }
.day-hero__caption[b-lnuhl6tgpn] { display: grid; gap: .2rem; margin: 0; padding: .75rem 1rem; border-top: 1px solid var(--hvo-border-muted); background: rgba(9, 15, 24, .96); }
.day-hero__caption span[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.day-hero__caption strong[b-lnuhl6tgpn] { font-size: .78rem; }
.day-hero__empty[b-lnuhl6tgpn] { display: grid; min-height: 23rem; place-content: center; gap: .35rem; padding: 1rem; color: var(--hvo-muted); text-align: center; }
.day-hero__empty strong[b-lnuhl6tgpn] { color: var(--hvo-body-color); }
.day-facts[b-lnuhl6tgpn] { min-width: 0; padding: 1rem; border-left: 1px solid var(--hvo-border-muted); }
.day-facts__state[b-lnuhl6tgpn] { display: grid; justify-items: start; gap: .35rem; margin: 0 0 .8rem; }
.day-facts__state small[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .65rem; }
.day-facts dl[b-lnuhl6tgpn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.day-facts dl > div[b-lnuhl6tgpn] { min-width: 0; padding: .65rem 0; border-top: 1px solid var(--hvo-border-muted); }
.day-facts dl > div:nth-child(even)[b-lnuhl6tgpn] { padding-left: .65rem; border-left: 1px solid var(--hvo-border-muted); }
.day-facts dt[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .62rem; text-transform: uppercase; }
.day-facts dd[b-lnuhl6tgpn] { margin: .2rem 0 0; font-size: .76rem; font-weight: 700; overflow-wrap: anywhere; }
.day-facts__note[b-lnuhl6tgpn], .night-timeline__note[b-lnuhl6tgpn] { margin: .7rem 0 0; color: var(--hvo-muted); font-size: .68rem; line-height: 1.45; }
.night-timeline[b-lnuhl6tgpn], .day-events[b-lnuhl6tgpn], .day-automations[b-lnuhl6tgpn] { min-width: 0; padding: .85rem; border: 1px solid var(--hvo-border-muted); border-radius: .55rem; background: rgba(9, 15, 24, .86); }
.night-timeline header[b-lnuhl6tgpn], .daily-products header[b-lnuhl6tgpn], .day-events header[b-lnuhl6tgpn], .day-automations header[b-lnuhl6tgpn] { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .75rem; }
.night-timeline h2[b-lnuhl6tgpn], .daily-products h2[b-lnuhl6tgpn], .day-events h2[b-lnuhl6tgpn], .day-automations h2[b-lnuhl6tgpn] { margin: 0; font-size: .95rem; }
.night-timeline header p:not(.eyebrow)[b-lnuhl6tgpn], .daily-products header p[b-lnuhl6tgpn], .day-events header p[b-lnuhl6tgpn], .day-automations header p[b-lnuhl6tgpn] { margin: .25rem 0 0; color: var(--hvo-muted); font-size: .68rem; }
.night-timeline__range[b-lnuhl6tgpn] { color: var(--hvo-muted); font: 600 .67rem ui-monospace, monospace; text-align: right; }
.timeline-tracks[b-lnuhl6tgpn] { display: grid; grid-template-columns: 5.8rem minmax(0, 1fr); gap: .55rem .7rem; padding: .5rem .35rem 0; }
.timeline-track-label[b-lnuhl6tgpn] { align-self: center; color: var(--hvo-muted); font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.timeline-track[b-lnuhl6tgpn] { position: relative; min-width: 0; height: .8rem; align-self: center; border-radius: .2rem; background: var(--hvo-surface-elevated); }
.timeline-track--markers[b-lnuhl6tgpn] { height: 1.1rem; }
.timeline-track__empty[b-lnuhl6tgpn] { position: absolute; inset: 0; padding-left: .5rem; color: var(--hvo-muted); font-size: .62rem; line-height: .8rem; }
.timeline-bar[b-lnuhl6tgpn] { position: absolute; top: 0; bottom: 0; border-radius: .2rem; }
.timeline-bar--schedule[b-lnuhl6tgpn] { background: #58a6ff; }
.timeline-bar--captures[b-lnuhl6tgpn] { background: #3fb950; }
.timeline-marker[b-lnuhl6tgpn] { position: absolute; z-index: 2; top: 0; width: 1.1rem; height: 1.1rem; margin-left: -.55rem; border: 2px solid #d29922; border-radius: 50%; background: #35280b; }
.timeline-marker span[b-lnuhl6tgpn] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.timeline-marker:focus-visible[b-lnuhl6tgpn] { outline: 3px solid #58a6ff; outline-offset: 2px; }
.timeline-hours[b-lnuhl6tgpn] { position: relative; grid-column: 2; height: 1.4rem; }
.timeline-hours span[b-lnuhl6tgpn] { position: absolute; color: var(--hvo-muted); font: 600 .61rem ui-monospace, monospace; transform: translateX(-50%); }
.timeline-hours span:first-child[b-lnuhl6tgpn] { transform: none; }
.timeline-hours span:last-child[b-lnuhl6tgpn] { transform: translateX(-100%); }
.timeline-key[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .4rem; color: var(--hvo-muted); font-size: .65rem; }
.timeline-key span[b-lnuhl6tgpn] { display: inline-flex; align-items: center; gap: .3rem; }
.timeline-key i[b-lnuhl6tgpn] { width: .6rem; height: .6rem; border-radius: 2px; }
.timeline-key__schedule[b-lnuhl6tgpn] { background: #58a6ff; }
.timeline-key__captures[b-lnuhl6tgpn] { background: #3fb950; }
.timeline-key__event[b-lnuhl6tgpn] { border: 2px solid #d29922; border-radius: 50%; }
.timeline-key__unavailable[b-lnuhl6tgpn] { opacity: .7; }
.daily-products[b-lnuhl6tgpn] { margin-top: 1.1rem; }
.daily-products header[b-lnuhl6tgpn] { align-items: end; margin-bottom: .65rem; }
.daily-products header a[b-lnuhl6tgpn], .day-automations header a[b-lnuhl6tgpn] { color: #58a6ff; font-size: .7rem; font-weight: 700; text-decoration: none; }
.product-slots[b-lnuhl6tgpn] { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-auto-rows: 1fr; gap: .7rem; }
.product-slot[b-lnuhl6tgpn] { display: flex; min-width: 0; flex-direction: column; padding: .7rem; border: 1px solid var(--hvo-border-muted); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.product-slot__media[b-lnuhl6tgpn] { position: relative; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); width: calc(100% + 1.4rem); aspect-ratio: 16 / 10; place-items: center; overflow: hidden; margin: -.7rem -.7rem .7rem; padding: 0; border: 0; border-radius: .5rem .5rem 0 0; color: var(--hvo-muted); background: #020408; font-size: 1.65rem; }
button.product-slot__media[b-lnuhl6tgpn] { min-height: 0; cursor: zoom-in; }
button.product-slot__media:hover .product-slot__open[b-lnuhl6tgpn], button.product-slot__media:focus-visible .product-slot__open[b-lnuhl6tgpn] { opacity: 1; }
.product-slot__media[b-lnuhl6tgpn]  img { display: block; width: 100%; height: 100%; object-fit: contain; }
.product-slot__open[b-lnuhl6tgpn] { position: absolute; top: .4rem; right: .4rem; display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: .35rem; color: var(--hvo-body-color); background: rgba(1, 3, 7, .72); font-size: .75rem; opacity: .7; }
.product-slot__failed[b-lnuhl6tgpn], .product-slot__play[b-lnuhl6tgpn] { display: grid; justify-items: center; gap: .35rem; font-size: .68rem; }
.product-slot__play i[b-lnuhl6tgpn] { font-size: 1.65rem; }
.product-slot h3[b-lnuhl6tgpn] { margin: 0; font-size: .8rem; }
.product-slot p[b-lnuhl6tgpn] { margin: .25rem 0 .6rem; color: var(--hvo-muted); font-size: .68rem; }
.product-slot .hvo-chip[b-lnuhl6tgpn] { font-size: .6rem; }
.product-slot__chips[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; margin-top: auto; }
.product-slot__hourly[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .62rem; }
.product-viewer__player[b-lnuhl6tgpn] { width: 100%; padding: 1rem; --time-lapse-max-height: calc(min(100dvh - 1.5rem, 64rem) - 12rem); }
.product-viewer__empty[b-lnuhl6tgpn] { display: grid; max-width: 28rem; justify-items: center; gap: .4rem; margin: 0; padding: 1.5rem; color: var(--hvo-muted); text-align: center; font-size: .75rem; }
.product-viewer__empty i[b-lnuhl6tgpn] { font-size: 2rem; }
.product-viewer__empty strong[b-lnuhl6tgpn] { color: var(--hvo-body-color); font-size: .85rem; }
.product-viewer[b-lnuhl6tgpn] { display: grid; gap: .75rem; }
.product-viewer p[b-lnuhl6tgpn] { margin: 0; color: var(--hvo-muted); line-height: 1.45; }
.product-viewer__state[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; }
.product-viewer__state small[b-lnuhl6tgpn] { flex-basis: 100%; color: var(--hvo-muted); font-size: .7rem; }
.product-viewer__facts[b-lnuhl6tgpn] { display: grid; gap: 0; margin: 0; }
.product-viewer__facts > div[b-lnuhl6tgpn] { padding: .5rem 0; border-top: 1px solid var(--hvo-border-muted); }
.product-viewer__facts dt[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .62rem; text-transform: uppercase; }
.product-viewer__facts dd[b-lnuhl6tgpn] { margin: .15rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.product-viewer__actions[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; gap: .5rem; }
.product-viewer__actions a[b-lnuhl6tgpn] { min-height: 44px; align-content: center; text-decoration: none; }
.product-hours[b-lnuhl6tgpn] { padding-top: .55rem; border-top: 1px solid var(--hvo-border-muted); }
.product-hours__label[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .66rem; }
.product-hours ol[b-lnuhl6tgpn] { display: flex; flex-wrap: wrap; gap: .3rem; margin: .35rem 0 0; padding: 0; list-style: none; }
.product-hours a[b-lnuhl6tgpn], .product-hours li > span[b-lnuhl6tgpn] { display: inline-block; min-width: 3rem; padding: .3rem .35rem; border-radius: .3rem; font-size: .68rem; font-variant-numeric: tabular-nums; text-align: center; }
.product-hours a[b-lnuhl6tgpn] { color: #58a6ff; background: rgba(88, 166, 255, .12); text-decoration: none; }
.product-hours li > span[b-lnuhl6tgpn] { color: var(--hvo-muted); border: 1px dashed var(--hvo-border-muted); text-decoration: line-through; }
.daily-products__note[b-lnuhl6tgpn] { margin: 0; padding: .65rem .75rem; border: 1px solid var(--hvo-border-muted); border-radius: .5rem; color: var(--hvo-muted); font-size: .7rem; }
.daily-products__note a[b-lnuhl6tgpn] { color: #58a6ff; font-weight: 700; }
.daily-products__note--warning[b-lnuhl6tgpn] { border-color: rgba(210, 153, 34, .55); }
.daily-products__other[b-lnuhl6tgpn] { margin-top: .75rem; border-color: rgba(210, 153, 34, .55); }
.daily-products__other p[b-lnuhl6tgpn] { margin: 0 0 .4rem; }
.daily-products__other ul[b-lnuhl6tgpn] { margin: 0; padding-left: 1.1rem; }
.daily-products__other li[b-lnuhl6tgpn] { overflow-wrap: anywhere; }
.product-slot :is(a, button):focus-visible[b-lnuhl6tgpn], .product-viewer a:focus-visible[b-lnuhl6tgpn], .daily-products__note a:focus-visible[b-lnuhl6tgpn] { outline: 3px solid var(--hvo-info-strong); outline-offset: 2px; }
.day-columns[b-lnuhl6tgpn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: .8rem; }
.candidate-list[b-lnuhl6tgpn], .automation-list[b-lnuhl6tgpn] { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.candidate-list a[b-lnuhl6tgpn] { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; align-items: center; gap: .75rem; min-height: 44px; padding: .5rem; border: 1px solid var(--hvo-border-muted); border-radius: .35rem; color: inherit; text-decoration: none; }
.candidate-list a:hover[b-lnuhl6tgpn] { background: var(--hvo-surface-hover); }
.candidate-list small[b-lnuhl6tgpn], .day-events__empty[b-lnuhl6tgpn], .automation-run span[b-lnuhl6tgpn] { color: var(--hvo-muted); font-size: .68rem; }
.automation-run[b-lnuhl6tgpn] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; min-height: 44px; padding: .5rem; border-left: 3px solid var(--hvo-border-strong); background: var(--hvo-surface-elevated); }
.automation-run--succeeded[b-lnuhl6tgpn] { border-left-color: #3fb950; }
.automation-run--failed[b-lnuhl6tgpn], .automation-run--missed[b-lnuhl6tgpn] { border-left-color: #f85149; }
.automation-run--running[b-lnuhl6tgpn] { border-left-color: #58a6ff; }
.automation-run div[b-lnuhl6tgpn] { display: grid; }
.automation-run time[b-lnuhl6tgpn] { color: var(--hvo-muted); font: .65rem ui-monospace, monospace; }
@media (max-width: 850px) { .day-heading[b-lnuhl6tgpn] { align-items: start; flex-direction: column; } .day-hero[b-lnuhl6tgpn] { grid-template-columns: 1fr; } .day-facts[b-lnuhl6tgpn] { border-top: 1px solid var(--hvo-border-muted); border-left: 0; } .product-viewer__player[b-lnuhl6tgpn] { --time-lapse-max-height: 50dvh; } .day-columns[b-lnuhl6tgpn] { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .day-page[b-lnuhl6tgpn] { padding: 0 .65rem 3rem; } .day-actions[b-lnuhl6tgpn] { width: 100%; } .day-actions a[b-lnuhl6tgpn] { flex: 1 1 auto; text-align: center; } .day-title h1[b-lnuhl6tgpn] { font-size: clamp(1.35rem, 6.8vw, 2rem); } .day-title[b-lnuhl6tgpn] { gap: .4rem; } .day-hero__image > a[b-lnuhl6tgpn] { min-height: 0; } .day-hero__image img[b-lnuhl6tgpn] { height: auto; } .night-timeline header[b-lnuhl6tgpn] { flex-direction: column; } .night-timeline__range[b-lnuhl6tgpn] { text-align: left; } .timeline-tracks[b-lnuhl6tgpn] { grid-template-columns: 4.4rem minmax(0, 1fr); gap: .6rem .35rem; } .timeline-track-label[b-lnuhl6tgpn] { font-size: .55rem; } .timeline-hours span[b-lnuhl6tgpn] { font-size: .53rem; } .timeline-hours span:nth-child(even)[b-lnuhl6tgpn] { display: none; } .product-slots[b-lnuhl6tgpn] { grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .55rem; } .daily-products header[b-lnuhl6tgpn] { align-items: start; } }
@media (max-width: 430px) { .day-facts dl[b-lnuhl6tgpn] { grid-template-columns: 1fr; } .day-facts dl > div:nth-child(even)[b-lnuhl6tgpn] { padding-left: 0; border-left: 0; } }
/* /Components/Pages/OperationsPage.razor.rz.scp.css */
/* Operations overview. The shared Operations vocabulary (.ops-*, .button, .action-dialog, .toast) lives in
   OperationsLayout.razor.css; this file adds only what the overview needs beyond the prototype. */

/* A queue lane has no capacity to draw a meter against, so its middle cell states the backlog instead. */
.ops-lane-note[b-iqioxjxdbx] { color: var(--muted); font-size: .54rem; }

.ops-panel-empty[b-iqioxjxdbx] { display: flex; align-items: center; gap: .55rem; margin: 0; padding: .65rem; border: 1px dashed var(--border); border-radius: .42rem; color: var(--muted-strong); font-size: .6rem; }

.operations-failure[b-iqioxjxdbx] { align-items: center; }

/* Revision and bundle identifiers are unbroken tokens; wrap them inside the card. */
.ops-config-card strong[b-iqioxjxdbx] { overflow-wrap: anywhere; }
.operations-failure > span:nth-child(2)[b-iqioxjxdbx] { flex: 1 1 auto; }

@media (max-width: 480px) {
    .ops-lane-note[b-iqioxjxdbx] { grid-column: 1 / -1; grid-row: 2; }
}
/* /Components/Pages/PipelineSummaryPage.razor.rz.scp.css */
/* Pipeline layout, ported from the Pipeline prototype. The shared Operations vocabulary (.ops-*, .button,
   .action-dialog) lives in OperationsLayout.razor.css. */

.pipeline-message[b-qj65tyiqp4] { margin-bottom: .8rem; }
.pipeline-error[b-qj65tyiqp4] { align-items: center; }
.pipeline-error .button[b-qj65tyiqp4] { margin-left: auto; }
.pipeline-named a[b-qj65tyiqp4], .pipeline-switch-row a[b-qj65tyiqp4], .ops-inspector-footnote a[b-qj65tyiqp4], .pipeline-links a[b-qj65tyiqp4] { color: #9bcaff; }
.ops-profile-banner dl[b-qj65tyiqp4] { flex-wrap: wrap; }
.ops-profile-banner dd[b-qj65tyiqp4] { overflow-wrap: anywhere; }

.pipeline-switch-row[b-qj65tyiqp4] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin-bottom: .8rem; }
.pipeline-switch-row p[b-qj65tyiqp4] { margin: 0; color: var(--muted); font-size: .58rem; }
.pipeline-switch[b-qj65tyiqp4] { display: inline-flex; padding: .15rem; border: 1px solid var(--border); border-radius: .45rem; background: var(--surface-soft); }
.pipeline-switch button[b-qj65tyiqp4] { padding: .35rem .7rem; border: 0; border-radius: .35rem; color: var(--muted-strong); background: transparent; font: inherit; font-size: .6rem; font-weight: 650; cursor: pointer; }
.pipeline-switch button[aria-pressed="true"][b-qj65tyiqp4] { color: var(--text); background: var(--blue-soft); box-shadow: inset 0 0 0 1px var(--blue); }

.ops-pipeline-workspace[b-qj65tyiqp4] { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; border: 1px solid var(--border); border-radius: .55rem; background: #070b12; overflow: hidden; }
.ops-pipeline-canvas[b-qj65tyiqp4] { min-width: 0; padding: 1rem; overflow-x: auto; }
.ops-pipeline-graph[b-qj65tyiqp4] { position: relative; display: grid; grid-template-columns: repeat(var(--pipeline-columns), 10rem); grid-template-rows: var(--pipeline-row-template); gap: 1rem 2.5rem; width: max-content; }
.ops-pipeline-edges[b-qj65tyiqp4] { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.ops-pipeline-edges .pipeline-edge[b-qj65tyiqp4] { fill: none; stroke: var(--border-strong); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.ops-pipeline-edges .pipeline-edge.off[b-qj65tyiqp4] { stroke-dasharray: 4 4; opacity: .6; }
.ops-pipeline-edges .pipeline-edge.selected[b-qj65tyiqp4] { stroke: var(--blue); opacity: 1; }
.ops-pipeline-edges .pipeline-edge.transient[b-qj65tyiqp4] { stroke: #826bb4; }
.ops-pipeline-edges .pipeline-edge.transient.selected[b-qj65tyiqp4] { stroke: #bc8cff; }
.ops-pipeline-node[b-qj65tyiqp4] { position: relative; z-index: 2; display: grid; align-content: center; gap: .2rem; min-width: 0; padding: .55rem; border: 1px solid var(--border-strong); border-radius: .4rem; color: var(--text); background: #101925; cursor: pointer; font: inherit; text-align: left; }
.ops-pipeline-node:hover[b-qj65tyiqp4], .ops-pipeline-node.active[b-qj65tyiqp4] { border-color: var(--blue); background: #13243a; }
.ops-pipeline-node.active[b-qj65tyiqp4] { box-shadow: 0 0 0 2px var(--blue-soft); }
.ops-pipeline-node:focus-visible[b-qj65tyiqp4] { outline: 2px solid var(--blue); outline-offset: 2px; }
.ops-pipeline-node.off[b-qj65tyiqp4] { border-style: dashed; color: var(--muted-strong); background: #0b111a; }
.ops-pipeline-node.off.active[b-qj65tyiqp4] { background: #111c2b; }
.ops-pipeline-node strong[b-qj65tyiqp4] { overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.ops-pipeline-node small[b-qj65tyiqp4] { overflow: hidden; color: var(--muted); font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }
.ops-pipeline-node .node-port[b-qj65tyiqp4] { position: absolute; top: 50%; right: -.23rem; width: .4rem; height: .4rem; border: 1px solid var(--blue); border-radius: 50%; background: #07101a; transform: translateY(-50%); }
.ops-pipeline-node .node-port.in[b-qj65tyiqp4] { right: auto; left: -.23rem; }
.ops-pipeline-node.source[b-qj65tyiqp4] { border-color: rgba(88, 166, 255, .5); background: linear-gradient(145deg, #13243a, #0d1623); }
.ops-pipeline-node.transient[b-qj65tyiqp4] { border-color: rgba(188, 140, 255, .42); background: linear-gradient(145deg, #1b1728, #101522); }
.ops-pipeline-node.transient.central[b-qj65tyiqp4] { border-style: dashed; }
.ops-pipeline-node.transient .node-port[b-qj65tyiqp4] { border-color: #bc8cff; }
.ops-pipeline-node.transient:hover[b-qj65tyiqp4], .ops-pipeline-node.transient.active[b-qj65tyiqp4] { border-color: #bc8cff; background: linear-gradient(145deg, #241c38, #141a2b); }
.ops-pipeline-node.transient.active[b-qj65tyiqp4] { box-shadow: 0 0 0 2px rgba(188, 140, 255, .22); }
.ops-pipeline-node.transient:focus-visible[b-qj65tyiqp4] { outline-color: #bc8cff; }
.ops-pipeline-lane-band[b-qj65tyiqp4] { z-index: 0; margin: -.5rem -.5rem; border-top: 1px solid rgba(188, 140, 255, .35); border-radius: .4rem; background: linear-gradient(180deg, rgba(188, 140, 255, .08), rgba(188, 140, 255, .02)); }
.ops-pipeline-lane-title[b-qj65tyiqp4] { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; min-width: 0; margin: 0; }
.ops-pipeline-lane-title strong[b-qj65tyiqp4] { color: #cdb3ff; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
.ops-pipeline-lane-title small[b-qj65tyiqp4] { color: var(--muted); font-size: .55rem; }
.ops-pipeline-lane-state[b-qj65tyiqp4] { display: inline-flex; align-items: center; gap: .35rem; color: var(--muted-strong); font-size: .55rem; }
.ops-pipeline-lane-note[b-qj65tyiqp4] { position: relative; z-index: 2; display: flex; align-items: center; gap: .5rem; min-width: 0; padding: .55rem .7rem; border: 1px dashed rgba(188, 140, 255, .35); border-radius: .4rem; color: var(--muted-strong); font-size: .58rem; line-height: 1.45; }
.ops-pipeline-lane-note a[b-qj65tyiqp4] { color: #cdb3ff; }
.pipeline-empty[b-qj65tyiqp4] { position: relative; z-index: 2; align-self: center; margin: 0; color: var(--muted); font-size: .65rem; }

.ops-pipeline-inspector[b-qj65tyiqp4] { min-width: 0; padding: .9rem; border-left: 1px solid var(--border); background: #0b121d; }
.ops-pipeline-inspector h2[b-qj65tyiqp4] { margin: .2rem 0 .4rem; font-size: .84rem; overflow-wrap: anywhere; }
.ops-pipeline-inspector > p[b-qj65tyiqp4] { margin: 0 0 .7rem; color: var(--muted); font-size: .59rem; line-height: 1.45; }
.ops-node-facts[b-qj65tyiqp4] { margin: 0; }
.ops-node-facts > div[b-qj65tyiqp4] { padding: .52rem 0; border-top: 1px solid var(--border); }
.ops-node-facts dt[b-qj65tyiqp4] { color: var(--muted); font-size: .48rem; text-transform: uppercase; }
.ops-node-facts dd[b-qj65tyiqp4] { margin: .18rem 0 0; font-size: .56rem; font-weight: 650; overflow-wrap: anywhere; }
.pipeline-inspector-actions[b-qj65tyiqp4] { padding-top: .6rem; border-top: 1px solid var(--border); }
.pipeline-toggle-reason[b-qj65tyiqp4] { margin: .45rem 0 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.ops-pipeline-inspector > p.ops-inspector-footnote[b-qj65tyiqp4] { margin: .75rem 0 0; padding-top: .65rem; border-top: 1px solid var(--border); font-size: .53rem; }

.pipeline-text[b-qj65tyiqp4] { margin-top: .6rem; color: var(--muted-strong); font-size: .6rem; }
.pipeline-text summary[b-qj65tyiqp4] { width: fit-content; color: #9bcaff; cursor: pointer; }
.pipeline-text ol[b-qj65tyiqp4] { margin: .5rem 0 0; padding-left: 1.2rem; line-height: 1.6; }
.pipeline-text li[b-qj65tyiqp4] { overflow-wrap: anywhere; }
.pipeline-text .pipeline-text-lane[b-qj65tyiqp4] { margin: .6rem 0 0; }

.ops-validation-list[b-qj65tyiqp4] { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.ops-validation-item[b-qj65tyiqp4] { display: flex; align-items: center; gap: .5rem; padding: .48rem 0; border-top: 1px solid var(--border); font-size: .57rem; }
.ops-validation-item:first-child[b-qj65tyiqp4] { border-top: 0; }
.ops-validation-item i[b-qj65tyiqp4] { display: grid; flex: 0 0 auto; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; color: #a9ecb1; background: var(--green-soft); font-style: normal; font-size: .55rem; }
.ops-validation-item.failed i[b-qj65tyiqp4] { color: #ffb4ae; background: var(--red-soft); }
.ops-validation-item.neutral[b-qj65tyiqp4] { color: var(--muted-strong); }
.ops-validation-item.neutral i[b-qj65tyiqp4] { color: var(--muted-strong); background: var(--surface-raised); }
.pipeline-links[b-qj65tyiqp4] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: .7rem 0 0; font-size: .6rem; }

dialog.action-dialog.pipeline-dialog[b-qj65tyiqp4] { width: min(calc(100% - 2rem), 34rem); }
.pipeline-dialog-body[b-qj65tyiqp4] { padding: 0 1.1rem; }
.pipeline-dialog-body .dialog-note[b-qj65tyiqp4] { margin: .8rem 0 0; }
.pipeline-dialog-body dd[b-qj65tyiqp4] { overflow-wrap: anywhere; }

@media (max-width: 940px) {
    .ops-pipeline-workspace[b-qj65tyiqp4] { grid-template-columns: 1fr; }
    .ops-pipeline-inspector[b-qj65tyiqp4] { border-top: 1px solid var(--border); border-left: 0; }
}

@media (max-width: 480px) {
    dialog.action-dialog.pipeline-dialog[b-qj65tyiqp4] { width: calc(100% - 1rem); }
    .ops-pipeline-canvas[b-qj65tyiqp4] { padding: .75rem; }
}
/* /Components/Pages/ProcessingExecutionDetailPage.razor.rz.scp.css */
/* Page structure, rails and inspector ported from prototype styles.css:170-340,452-511. */
.execution-page[b-0ya2oye416] { --border:var(--hvo-border-muted); --border-strong:var(--hvo-border-strong); --text:var(--hvo-body-color); --muted:var(--hvo-muted); --muted-strong:var(--hvo-muted-strong); --blue:#58a6ff; --surface:#0d1420; --surface-raised:#111c2a; --surface-soft:#0a111b; --surface-hover:#142235; --green:#3fb950; --amber:#d29922; --red:#f85149; background:#05070d; min-width:0; }
.run-workspace[b-0ya2oye416] { display:grid; grid-template-columns:19rem minmax(0,1fr); min-height:calc(100dvh - 4rem); }
.run-workspace__rail[b-0ya2oye416],.run-workspace__main[b-0ya2oye416] { min-width:0; }
.run-workspace__rail[b-0ya2oye416] { position:sticky; top:4rem; height:calc(100dvh - 4rem); overflow-y:auto; border-right:1px solid var(--border); background:rgba(8,12,19,.84); scrollbar-color:var(--border-strong) transparent; }
.run-rail__heading[b-0ya2oye416] { display:flex; align-items:center; justify-content:space-between; padding:1.2rem 1rem .8rem; }
.run-rail__heading h2[b-0ya2oye416] { margin:0; font-size:1.12rem; letter-spacing:-.01em; }
.eyebrow[b-0ya2oye416] { margin:0 0 .28rem; color:var(--blue); font-size:.65rem; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.run-rail__controls[b-0ya2oye416] { display:grid; gap:.5rem; padding:0 1rem 1rem; }
.search-field[b-0ya2oye416] { position:relative; display:block; }
.search-field svg[b-0ya2oye416] { position:absolute; top:.68rem; left:.7rem; width:.95rem; color:var(--muted); pointer-events:none; }
.search-field input[b-0ya2oye416],.run-rail__controls select[b-0ya2oye416] { width:100%; min-height:2.45rem; border:1px solid var(--border); border-radius:.4rem; color:var(--text); background:var(--surface); font-size:.8rem; }
.search-field input[b-0ya2oye416] { padding:.5rem .7rem .5rem 2.2rem; }
.run-rail__controls select[b-0ya2oye416] { padding:.45rem .65rem; }
.run-rail__section[b-0ya2oye416] { border-top:1px solid var(--border); padding:.85rem .55rem 1rem; }
.run-rail__label[b-0ya2oye416] { display:flex; min-height:2rem; align-items:center; justify-content:space-between; padding:0 .45rem .45rem; }
.run-rail__label h3[b-0ya2oye416] { margin:0; color:var(--muted-strong); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
.run-rail__label small[b-0ya2oye416] { color:var(--muted); font:600 .62rem ui-monospace,monospace; }
.run-list[b-0ya2oye416],.stage-list[b-0ya2oye416] { display:grid; gap:.15rem; }
.run-item[b-0ya2oye416],.stage-item[b-0ya2oye416] { width:100%; border:1px solid transparent; color:var(--muted-strong); background:transparent; cursor:pointer; text-align:left; text-decoration:none; }
.run-item[b-0ya2oye416] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.65rem; align-items:center; padding:.62rem .55rem; border-radius:.45rem; }
.run-item:hover[b-0ya2oye416],.stage-item:hover[b-0ya2oye416] { background:var(--surface-hover); }
.run-item.selected[b-0ya2oye416],.stage-item.selected[b-0ya2oye416] { border-color:rgba(88,166,255,.28); background:rgba(47,129,247,.16); }
.run-copy[b-0ya2oye416] { min-width:0; }
.run-item strong[b-0ya2oye416],.run-item small[b-0ya2oye416] { display:block; }
.run-item strong[b-0ya2oye416] { color:var(--text); font-size:.78rem; overflow-wrap:anywhere; }
.run-item small[b-0ya2oye416] { margin-top:.18rem; overflow:hidden; color:var(--muted); font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }
.run-item time[b-0ya2oye416] { align-self:start; color:var(--muted); font:600 .64rem ui-monospace,monospace; }
.run-rail__filter[b-0ya2oye416] { display:inline-flex; align-items:center; gap:.3rem; padding:.25rem .4rem; border:1px solid transparent; border-radius:.35rem; color:var(--muted); background:transparent; cursor:pointer; font-size:.62rem; }
.run-rail__filter svg[b-0ya2oye416] { width:.8rem; }
.run-rail__filter:hover[b-0ya2oye416],.run-rail__filter[aria-pressed="true"][b-0ya2oye416] { border-color:var(--border); color:var(--text); background:var(--surface); }
.stage-item[b-0ya2oye416] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.46rem .5rem; border-radius:.35rem; }
.stage-item > span:nth-child(2)[b-0ya2oye416] { overflow:hidden; font-size:.72rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.stage-item small[b-0ya2oye416] { color:var(--muted); font:600 .62rem ui-monospace,monospace; }
.run-workspace__main[b-0ya2oye416] { padding:1.5rem clamp(1rem,2.4vw,2.25rem) 2rem; }
.run-overview[b-0ya2oye416] { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:0 auto 1.25rem; }
.run-breadcrumb[b-0ya2oye416] { display:flex; align-items:center; gap:.4rem; margin:0 0 .8rem; color:var(--muted); font-size:.74rem; }
.run-breadcrumb a[b-0ya2oye416] { color:var(--muted-strong); text-decoration:none; }
.run-title[b-0ya2oye416] { display:flex; align-items:center; gap:.8rem; }
.run-title h1[b-0ya2oye416] { margin:0; font-size:clamp(1.65rem,3vw,2.35rem); font-weight:700; letter-spacing:-.035em; }
.run-title p[b-0ya2oye416] { margin:.25rem 0 0; color:var(--muted); font-size:.78rem; }
.run-title__glyph[b-0ya2oye416] { width:1.75rem!important; height:1.75rem!important; font-size:1rem; }
.heading-actions[b-0ya2oye416] { display:flex; gap:.5rem; }
.btn[b-0ya2oye416] { display:inline-flex; min-height:2.45rem; align-items:center; justify-content:center; gap:.45rem; padding:.5rem .85rem; border:1px solid var(--border-strong); border-radius:.45rem; font-size:.75rem; font-weight:700; background:var(--surface-raised); color:var(--text); text-decoration:none; }
.btn svg[b-0ya2oye416] { width:.95rem; }
.btn[disabled][b-0ya2oye416],button[disabled][b-0ya2oye416] { opacity:.55; cursor:not-allowed; }
.icon-button[b-0ya2oye416] { display:inline-flex; min-width:2.4rem; min-height:2.4rem; align-items:center; justify-content:center; padding:.45rem; border:1px solid var(--border); border-radius:.45rem; color:var(--muted-strong); background:var(--surface); cursor:pointer; }
svg[b-0ya2oye416] { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.run-summary[b-0ya2oye416] { display:grid; grid-template-columns:minmax(16rem,1.5fr) minmax(0,2fr); gap:1.5rem; align-items:center; min-height:5.5rem; margin:0 auto 1rem; padding:1rem 1.2rem; border:1px solid var(--border); border-radius:.55rem; background:rgba(13,20,32,.72); }
.run-summary__origin[b-0ya2oye416] { display:flex; align-items:center; gap:.8rem; min-width:0; }
.camera-glyph[b-0ya2oye416] { display:grid; flex:0 0 auto; width:2.35rem; height:2.35rem; place-items:center; border:1px solid var(--border); border-radius:50%; color:#39c5cf; background:var(--surface-raised); }
.run-summary__origin > div[b-0ya2oye416] { min-width:0; }
.run-summary__origin strong[b-0ya2oye416],.run-summary__origin > div > span[b-0ya2oye416],.run-summary__origin small[b-0ya2oye416] { display:block; }
.run-summary__origin > div > span[b-0ya2oye416] { color:var(--muted); font-size:.67rem; }
.run-summary__origin strong[b-0ya2oye416] { margin-top:.2rem; font-size:.77rem; overflow-wrap:anywhere; }
.run-summary__origin small[b-0ya2oye416] { margin-top:.25rem; color:var(--muted); font-size:.58rem; overflow-wrap:anywhere; }
.run-summary dl[b-0ya2oye416] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
.run-summary dl > div[b-0ya2oye416] { padding:.15rem .9rem; border-left:1px solid var(--border); min-width:0; }
.run-summary dt[b-0ya2oye416] { color:var(--muted); font-size:.64rem; }
.run-summary dd[b-0ya2oye416] { margin:.35rem 0 0; font-size:.87rem; font-weight:720; overflow-wrap:anywhere; }
.run-notice[b-0ya2oye416] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.8rem; align-items:center; margin:0 auto 1rem; padding:.75rem 1rem; border:1px solid var(--border); border-left-width:3px; border-radius:.35rem; background:var(--surface-soft); }
.run-notice.warning[b-0ya2oye416] { border-left-color:var(--amber); background:linear-gradient(90deg,rgba(210,153,34,.16),rgba(10,17,27,.8) 42%); }
.run-notice.failure[b-0ya2oye416] { border-left-color:var(--red); }
.run-notice strong[b-0ya2oye416] { font-size:.76rem; }
.run-notice p[b-0ya2oye416] { margin:.15rem 0 0; color:var(--muted-strong); font-size:.68rem; }
.run-notice a[b-0ya2oye416] { color:var(--blue); font-size:.7rem; font-weight:700; text-decoration:none; }
.graph-card[b-0ya2oye416],.detail-card[b-0ya2oye416] { margin:0 auto 1rem; border:1px solid var(--border); border-radius:.55rem; background:rgba(8,13,21,.84); box-shadow:0 18px 45px rgba(0,0,0,.16); overflow:hidden; }
.detail-tabs[b-0ya2oye416] { display:flex; gap:1.1rem; min-height:3.1rem; padding:0 1rem; border-bottom:1px solid var(--border); background:#090f18; }
.detail-tabs button[b-0ya2oye416] { position:relative; border:0; color:var(--muted); background:transparent; cursor:pointer; font-size:.72rem; font-weight:700; }
.detail-tabs button[aria-selected="true"][b-0ya2oye416] { color:var(--text); }
.detail-tabs button[aria-selected="true"][b-0ya2oye416]::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:var(--blue); content:""; }
.detail-tabs button span[b-0ya2oye416] { margin-left:.25rem; padding:.1rem .32rem; border-radius:999px; color:var(--muted-strong); background:var(--surface-raised); font-size:.58rem; }
.tab-panel[b-0ya2oye416] { padding:1.15rem; min-width:0; }
.detail-heading[b-0ya2oye416],.panel-heading[b-0ya2oye416] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.detail-heading h2[b-0ya2oye416],.panel-heading h2[b-0ya2oye416] { margin:0; font-size:1.12rem; }
.detail-heading > div > p:last-child[b-0ya2oye416] { max-width:46rem; margin:.35rem 0 0; color:var(--muted); font-size:.72rem; overflow-wrap:anywhere; }
.state-chip[b-0ya2oye416] { display:inline-flex; padding:.28rem .55rem; border:1px solid var(--border); border-radius:999px; font-size:.61rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--muted-strong); }
.state-chip.success[b-0ya2oye416] { border-color:rgba(63,185,80,.4); color:#8fe49c; background:rgba(63,185,80,.15); }
.state-chip.failure[b-0ya2oye416] { border-color:rgba(248,81,73,.45); color:#ff9b95; background:rgba(248,81,73,.15); }
.state-chip.warning[b-0ya2oye416] { color:#e6bd62; background:rgba(210,153,34,.16); }
.state-chip.running[b-0ya2oye416] { color:#9bcaff; background:rgba(47,129,247,.16); }
.detail-grid[b-0ya2oye416] { display:grid; grid-template-columns:minmax(18rem,.85fr) minmax(0,1.4fr); gap:1.4rem; margin-top:1rem; }
.stage-facts[b-0ya2oye416] { min-width:0; padding:.9rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface-soft); }
.stage-facts h3[b-0ya2oye416],.event-log h3[b-0ya2oye416] { margin:0; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
.stage-facts h3:not(:first-child)[b-0ya2oye416] { margin-top:1rem; }
.stage-facts dl[b-0ya2oye416] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.65rem 0 0; }
.stage-facts dl > div[b-0ya2oye416] { padding:.5rem 0; border-top:1px solid var(--border); }
.stage-facts dt[b-0ya2oye416] { color:var(--muted); font-size:.59rem; text-transform:uppercase; }
.stage-facts dd[b-0ya2oye416] { margin:.18rem 0 0; font-size:.7rem; font-weight:650; overflow-wrap:anywhere; }
.token-list[b-0ya2oye416] { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.55rem; }
.token-list span[b-0ya2oye416] { padding:.28rem .43rem; border:1px solid var(--border); border-radius:.3rem; color:var(--muted-strong); background:var(--surface-raised); font:600 .6rem ui-monospace,monospace; overflow-wrap:anywhere; }
.token-list.outputs span[b-0ya2oye416] { border-color:rgba(57,197,207,.25); color:#95e6eb; }
.event-log[b-0ya2oye416] { min-width:0; }
.event-heading[b-0ya2oye416] { display:flex; align-items:baseline; justify-content:space-between; padding:0 .15rem .5rem; }
.event-heading span[b-0ya2oye416] { color:var(--muted); font-size:.6rem; }
.event-log ol[b-0ya2oye416] { margin:0; padding:0; border:1px solid var(--border); border-radius:.4rem; background:#060a10; list-style:none; overflow:hidden; }
.event-log li[b-0ya2oye416] { display:grid; grid-template-columns:5.8rem auto minmax(0,1fr); gap:.65rem; align-items:start; padding:.66rem .75rem; border-bottom:1px solid rgba(37,50,68,.72); font:.64rem ui-monospace,monospace; }
.event-log time[b-0ya2oye416] { color:#98a7bb; }
.event-level[b-0ya2oye416] { color:var(--green); font-weight:800; text-transform:uppercase; }
.event-level.warning[b-0ya2oye416] { color:var(--amber); }
.event-level.failure[b-0ya2oye416] { color:var(--red); }
.event-level.running[b-0ya2oye416] { color:var(--blue); }
.event-log p[b-0ya2oye416] { margin:0; overflow-wrap:anywhere; color:var(--muted-strong); }
.unavailable-copy[b-0ya2oye416],.quiet-label[b-0ya2oye416],.muted[b-0ya2oye416] { color:var(--muted); font-size:.65rem; }
.panel-heading[b-0ya2oye416] { align-items:center; margin-bottom:1rem; }
.artifact-table-wrap[b-0ya2oye416] { max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:.4rem; }
table[b-0ya2oye416] { width:100%; border-collapse:collapse; font-size:.68rem; }
th[b-0ya2oye416],td[b-0ya2oye416] { padding:.7rem .8rem; border-bottom:1px solid var(--border); text-align:left; }
th[b-0ya2oye416] { color:var(--muted); background:#090f18; font-size:.58rem; letter-spacing:.06em; text-transform:uppercase; }
td strong[b-0ya2oye416],td small[b-0ya2oye416] { display:block; }
td small[b-0ya2oye416] { margin-top:.22rem; color:var(--muted); font:.56rem ui-monospace,monospace; overflow-wrap:anywhere; }
.attempt-list[b-0ya2oye416] { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; }
.attempt-list li[b-0ya2oye416] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:start; padding:.8rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface-soft); }
.attempt-copy strong[b-0ya2oye416],.attempt-copy span[b-0ya2oye416] { display:block; }
.attempt-copy strong[b-0ya2oye416] { font-size:.72rem; }
.attempt-copy span[b-0ya2oye416] { margin-top:.25rem; color:var(--muted); font-size:.65rem; overflow-wrap:anywhere; }
.attempt-list time[b-0ya2oye416] { color:var(--muted); font:.6rem ui-monospace,monospace; }
.status-icon[b-0ya2oye416] { position:relative; display:inline-grid; flex:0 0 auto; place-items:center; border-radius:50%; width:1.05rem; height:1.05rem; }
.status-icon[b-0ya2oye416]::after { color:#07110a; font-weight:900; line-height:1; content:""; }
.status-icon.success[b-0ya2oye416] { background:var(--green); }
.status-icon.success[b-0ya2oye416]::after { content:"\2713"; }
.status-icon.warning[b-0ya2oye416] { background:var(--amber); }
.status-icon.warning[b-0ya2oye416]::after { content:"!"; }
.status-icon.failure[b-0ya2oye416] { background:var(--red); }
.status-icon.failure[b-0ya2oye416]::after { color:white; content:"\00d7"; }
.status-icon.running[b-0ya2oye416] { border:2px solid var(--blue); border-top-color:transparent; animation:run-spin-b-0ya2oye416 1s linear infinite; }
.status-icon.pending[b-0ya2oye416],.status-icon.skipped[b-0ya2oye416] { border:2px solid var(--muted); }
.status-icon.skipped[b-0ya2oye416]::after { width:.5rem; height:1px; background:var(--muted); content:""; }
.visually-hidden[b-0ya2oye416] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.run-technical[b-0ya2oye416] { margin:0 1rem 2rem; border:1px solid var(--border); border-radius:.55rem; min-width:0; }
.run-technical > summary[b-0ya2oye416] { min-height:2.75rem; padding:.75rem 1rem; cursor:pointer; font-size:.75rem; }
.execution-summary[b-0ya2oye416],.execution-nodes[b-0ya2oye416] { padding:1rem; }
.execution-status[b-0ya2oye416],.node summary[b-0ya2oye416] { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }
.fact-grid[b-0ya2oye416] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr)); gap:0 1rem; margin:.8rem 0 0; }
.fact-grid > div[b-0ya2oye416] { min-width:0; padding:.45rem 0; border-top:1px solid var(--border); }
.fact-grid dt[b-0ya2oye416] { color:var(--muted); font-size:.64rem; text-transform:uppercase; }
.fact-grid dd[b-0ya2oye416],code[b-0ya2oye416] { overflow-wrap:anywhere; }
.node-list[b-0ya2oye416] { list-style:none; display:grid; gap:.6rem; padding:0; }
.node[b-0ya2oye416] { border:1px solid var(--border); }
.node summary[b-0ya2oye416] { min-height:44px; padding:.5rem .8rem; cursor:pointer; }
.node details > :not(summary)[b-0ya2oye416] { margin-inline:.8rem; }
.node-table[b-0ya2oye416] { display:block; max-width:calc(100% - 1.6rem); overflow-x:auto; }
.failure-reason[b-0ya2oye416] { color:var(--red); }
:is(a,button,input,select,[tabindex]):focus-visible[b-0ya2oye416] { outline:3px solid rgba(88,166,255,.65); outline-offset:2px; }
@keyframes run-spin-b-0ya2oye416 { to { transform:rotate(360deg); } }
@media(max-width:1100px) { .run-workspace[b-0ya2oye416] { grid-template-columns:16.5rem minmax(0,1fr); } .run-summary[b-0ya2oye416],.detail-grid[b-0ya2oye416] { grid-template-columns:minmax(0,1fr); } .run-summary dl > div:first-child[b-0ya2oye416] { border-left:0; } }
@media(max-width:780px) { .run-workspace[b-0ya2oye416] { grid-template-columns:minmax(0,1fr); } .run-workspace__rail[b-0ya2oye416] { position:static; height:auto; max-height:22rem; border-right:0; border-bottom:1px solid var(--border); } .run-rail__heading[b-0ya2oye416] { padding-top:.85rem; } .run-rail__controls[b-0ya2oye416] { grid-template-columns:1fr 1fr; } .stage-section[b-0ya2oye416] { display:none; } .run-list[b-0ya2oye416] { display:flex; overflow-x:auto; } .run-item[b-0ya2oye416] { flex:0 0 13rem; } .run-workspace__main[b-0ya2oye416] { padding:1rem .75rem 2rem; } .run-overview[b-0ya2oye416] { align-items:flex-start; } .run-title h1[b-0ya2oye416] { font-size:1.55rem; } .run-summary dl[b-0ya2oye416] { grid-template-columns:repeat(2,minmax(0,1fr)); } .run-summary dl > div:nth-child(n+3)[b-0ya2oye416] { border-top:1px solid var(--border); padding-top:.7rem; } .run-notice[b-0ya2oye416] { grid-template-columns:auto minmax(0,1fr); } .run-notice a[b-0ya2oye416] { grid-column:2; } }
@media(max-width:520px) { .run-rail__controls[b-0ya2oye416] { grid-template-columns:1fr; } .run-overview[b-0ya2oye416] { display:grid; } .heading-actions[b-0ya2oye416] { width:100%; } .heading-actions .btn[b-0ya2oye416] { flex:1; } .run-summary[b-0ya2oye416] { padding:.8rem; } .run-summary dl > div[b-0ya2oye416] { padding:.55rem; border-left:0; border-top:1px solid var(--border); } .detail-tabs[b-0ya2oye416] { gap:.65rem; overflow-x:auto; } .detail-tabs button[b-0ya2oye416] { flex:0 0 auto; } .detail-heading[b-0ya2oye416],.panel-heading[b-0ya2oye416] { display:grid; } .stage-facts dl[b-0ya2oye416] { grid-template-columns:1fr; } .event-log li[b-0ya2oye416] { grid-template-columns:4.8rem minmax(0,1fr); } .event-log p[b-0ya2oye416] { grid-column:1 / -1; } .attempt-list li[b-0ya2oye416] { grid-template-columns:auto minmax(0,1fr); } .attempt-list time[b-0ya2oye416] { grid-column:2; } }
@media(pointer:coarse) { .icon-button[b-0ya2oye416],.run-rail__filter[b-0ya2oye416],.stage-item[b-0ya2oye416],.btn[b-0ya2oye416] { min-height:44px; } .icon-button[b-0ya2oye416] { min-width:44px; } }
@media(prefers-reduced-motion:reduce) { .status-icon.running[b-0ya2oye416] { animation:none; } }
/* /Components/Pages/ProcessingExecutionsPage.razor.rz.scp.css */
.executions-page[b-5catbyh7i6] { display: flex; flex-direction: column; gap: 1rem; }
.executions-refresh[b-5catbyh7i6] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; color: var(--hvo-muted-strong); font-size: .85rem; }
.executions-links[b-5catbyh7i6] { display: flex; flex-wrap: wrap; gap: .5rem; }
.executions-links a[b-5catbyh7i6] { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem .85rem; border: 1px solid var(--hvo-border-muted); border-radius: 999px; color: var(--hvo-muted-strong); background: var(--hvo-nav-badge-bg); text-decoration: none; }
.execution-class[b-5catbyh7i6] { padding: 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-card-bg); box-shadow: var(--hvo-panel-shadow); }
.execution-class > header[b-5catbyh7i6] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.execution-class h2[b-5catbyh7i6] { margin: 0; font-size: 1.08rem; }
.class-facts[b-5catbyh7i6] { display: flex; gap: 1.25rem; margin: 0; }
.class-facts dt[b-5catbyh7i6] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
.class-facts dd[b-5catbyh7i6] { margin: .1rem 0 0; font-weight: 650; }
.execution-table-wrap[b-5catbyh7i6] { margin-top: .8rem; overflow-x: auto; }
.execution-table[b-5catbyh7i6] { width: 100%; min-width: 52rem; border-collapse: collapse; font-size: .88rem; }
.execution-table th[b-5catbyh7i6], .execution-table td[b-5catbyh7i6] { padding: .5rem .6rem; border-top: 1px solid var(--hvo-border-muted); text-align: left; vertical-align: top; }
.execution-table th[b-5catbyh7i6] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
.execution-table a[b-5catbyh7i6] { color: var(--hvo-info-fg); }
.execution-table code[b-5catbyh7i6] { color: #e9c986; overflow-wrap: anywhere; }
.execution-row--active td[b-5catbyh7i6] { background: rgba(29, 78, 216, .08); }
.state-chip[b-5catbyh7i6] { display: inline-flex; align-items: center; min-height: 1.7rem; padding: .2rem .65rem; border: 1px solid var(--hvo-border-stronger); border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.state-chip--completed[b-5catbyh7i6] { color: var(--hvo-success-fg); background: var(--hvo-success-bg); }
.state-chip--running[b-5catbyh7i6] { color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.state-chip--pending[b-5catbyh7i6] { color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); }
.state-chip--failed[b-5catbyh7i6] { color: var(--hvo-danger-fg); background: var(--hvo-danger-bg); }
.muted[b-5catbyh7i6], .empty-copy[b-5catbyh7i6] { color: var(--hvo-muted); }
.visually-hidden[b-5catbyh7i6] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Components/Pages/ProcessingGraphDetailPage.razor.rz.scp.css */
.graph-page[b-lu2vzgdrro] { display: flex; flex-direction: column; gap: 1rem; }
.graph-links[b-lu2vzgdrro] { display: flex; flex-wrap: wrap; gap: .5rem; }
.graph-links a[b-lu2vzgdrro] { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem .85rem; border: 1px solid var(--hvo-border-muted); border-radius: 999px; color: var(--hvo-muted-strong); background: var(--hvo-nav-badge-bg); text-decoration: none; }
.graph-card[b-lu2vzgdrro] { padding: 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-card-bg); box-shadow: var(--hvo-panel-shadow); }
.graph-card h2[b-lu2vzgdrro] { margin: 0 0 .4rem; font-size: 1.08rem; }
.graph-note[b-lu2vzgdrro] { margin: 0 0 .6rem; color: var(--hvo-muted-strong); font-size: .85rem; }
.fact-grid[b-lu2vzgdrro] { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0 1rem; margin: .8rem 0 0; }
.fact-grid > div[b-lu2vzgdrro] { min-width: 0; padding: .45rem 0; border-top: 1px solid var(--hvo-border-muted); }
dt[b-lu2vzgdrro] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
dd[b-lu2vzgdrro] { margin: .1rem 0 0; overflow-wrap: anywhere; }
code[b-lu2vzgdrro] { color: #e9c986; overflow-wrap: anywhere; }
.definition-list[b-lu2vzgdrro] { margin: 0; padding-left: 1.25rem; }
.definition-list li[b-lu2vzgdrro] { display: grid; padding: .4rem 0; border-top: 1px solid var(--hvo-border-muted); }
.definition-list span[b-lu2vzgdrro], .definition-list small[b-lu2vzgdrro] { color: var(--hvo-muted-strong); }
.definition-node--disabled strong[b-lu2vzgdrro] { text-decoration: line-through; color: var(--hvo-muted); }
.state-chip[b-lu2vzgdrro] { display: inline-flex; align-items: center; min-height: 1.7rem; padding: .2rem .65rem; border: 1px solid var(--hvo-border-stronger); border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.state-chip--active[b-lu2vzgdrro] { color: var(--hvo-success-fg); background: var(--hvo-success-bg); }
.state-chip--validated[b-lu2vzgdrro] { color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.state-chip--draft[b-lu2vzgdrro] { color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); }
.state-chip--retired[b-lu2vzgdrro] { color: var(--hvo-muted); background: var(--hvo-nav-badge-bg); }
/* /Components/Pages/ProcessingGraphEditorPage.razor.rz.scp.css */
.editor-page[b-0i3u33yj3o] { display: flex; flex-direction: column; gap: 1rem; }
.editor-banner[b-0i3u33yj3o] { padding: .85rem 1rem; border-left: 3px solid var(--hvo-success-strong); background: var(--hvo-surface-elevated); }
.editor-banner--error[b-0i3u33yj3o] { border-color: var(--hvo-danger-strong); background: var(--hvo-danger-bg); }
.editor-banner a[b-0i3u33yj3o] { margin-left: .5rem; color: var(--hvo-info-fg); }
.editor-note[b-0i3u33yj3o] { margin: .3rem 0; color: var(--hvo-muted-strong); font-size: .85rem; }
.editor-note code[b-0i3u33yj3o] { color: #e9c986; }
.editor-form[b-0i3u33yj3o] { display: grid; gap: 1rem; }
.editor-form-header[b-0i3u33yj3o] { display: grid; gap: .2rem; }
.editor-form-header h2[b-0i3u33yj3o] { margin: 0; font-size: 1.08rem; }
.editor-group[b-0i3u33yj3o] { margin: 0; padding: .9rem 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-card-bg); min-inline-size: 0; }
.editor-group legend[b-0i3u33yj3o], .node-row__dependencies legend[b-0i3u33yj3o] { float: none; width: auto; padding: 0 .4rem; color: var(--hvo-success-fg); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.field-grid[b-0i3u33yj3o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .6rem .8rem; }
.field-grid label[b-0i3u33yj3o], .node-row__head label[b-0i3u33yj3o], .add-node label[b-0i3u33yj3o] { display: grid; gap: .25rem; margin: 0; color: var(--hvo-muted-strong); font-size: .8rem; }
.check[b-0i3u33yj3o] { display: flex !important; align-items: center; gap: .5rem; align-self: end; min-height: 44px; }
.node-rows[b-0i3u33yj3o] { margin: 0 0 .8rem; padding: 0; list-style: none; display: grid; gap: .6rem; counter-reset: node; }
.node-row[b-0i3u33yj3o] { padding: .7rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-surface-elevated); counter-increment: node; }
.node-row:focus[b-0i3u33yj3o] { outline: 2px solid var(--hvo-warning-strong); outline-offset: 2px; }
.node-row__head[b-0i3u33yj3o] { display: grid; grid-template-columns: 1.2fr 1fr auto auto auto; gap: .6rem; align-items: end; }
.node-row__head[b-0i3u33yj3o]::before { content: counter(node) "."; grid-column: 1 / -1; color: var(--hvo-muted-weak); font-size: .72rem; }
.node-row__actions[b-0i3u33yj3o] { display: flex; flex-wrap: wrap; gap: .35rem; }
.node-row__dependencies[b-0i3u33yj3o] { margin: .6rem 0 0; padding: .4rem .6rem; border: 1px dashed var(--hvo-border-muted); display: flex; flex-wrap: wrap; gap: .6rem; min-inline-size: 0; }
.add-node[b-0i3u33yj3o] { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; }
.editor-actions[b-0i3u33yj3o] { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.editor-preview[b-0i3u33yj3o] { padding: 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-card-bg); box-shadow: var(--hvo-panel-shadow); display: grid; gap: .8rem; min-width: 0; overflow-x: auto; }
.editor-preview h2[b-0i3u33yj3o] { margin: 0; font-size: 1.08rem; }
@media (max-width: 900px) { .node-row__head[b-0i3u33yj3o] { grid-template-columns: 1fr 1fr; } }
.identity-facts[b-0i3u33yj3o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, max-content)); gap: .3rem 1.5rem; margin: .6rem 0 0; }
.identity-facts dt[b-0i3u33yj3o] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
.identity-facts dd[b-0i3u33yj3o] { margin: .1rem 0 0; }
.check--stale[b-0i3u33yj3o] { color: var(--hvo-warning-fg); }

.node-options-section[b-0i3u33yj3o] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--hvo-border-muted); scroll-margin-top: 6rem; }
.node-options-section h3[b-0i3u33yj3o] { font-size: 1rem; margin-bottom: 1rem; scroll-margin-top: 6rem; }
.conversion-review[b-0i3u33yj3o] { border: 1px solid var(--hvo-border, #46617e); padding: 1rem; min-width: 0; }
.conversion-columns[b-0i3u33yj3o] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.conversion-columns > div[b-0i3u33yj3o] { min-width: 0; }
.conversion-columns pre[b-0i3u33yj3o] { max-height: 28rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 700px) { .conversion-columns[b-0i3u33yj3o] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/ProcessingGraphsPage.razor.rz.scp.css */
.graphs-page[b-w29eijcn29] { display: flex; flex-direction: column; gap: 1rem; }
.graphs-links[b-w29eijcn29] { display: flex; flex-wrap: wrap; gap: .5rem; }
.graphs-links a[b-w29eijcn29] { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem .85rem; border: 1px solid var(--hvo-border-muted); border-radius: 999px; color: var(--hvo-muted-strong); background: var(--hvo-nav-badge-bg); text-decoration: none; }
.graphs-links__primary[b-w29eijcn29] { border-color: var(--hvo-info-strong); color: var(--hvo-body-color); }
.graphs-banner[b-w29eijcn29] { padding: .85rem 1rem; border-left: 3px solid var(--hvo-success-strong); background: var(--hvo-surface-elevated); }
.graphs-banner--error[b-w29eijcn29] { border-color: var(--hvo-danger-strong); background: var(--hvo-danger-bg); }
.registry-facts[b-w29eijcn29], .revision-table-wrap[b-w29eijcn29] { padding: 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-card-bg); box-shadow: var(--hvo-panel-shadow); }
.revision-table-wrap h2[b-w29eijcn29] { margin: 0 0 .5rem; font-size: 1.08rem; }
.fact-grid[b-w29eijcn29] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0 1rem; margin: 0; }
.fact-grid > div[b-w29eijcn29] { min-width: 0; padding: .45rem 0; }
dt[b-w29eijcn29] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
dd[b-w29eijcn29] { margin: .1rem 0 0; overflow-wrap: anywhere; font-weight: 650; }
code[b-w29eijcn29] { color: #e9c986; overflow-wrap: anywhere; font-size: .82rem; }
.revision-table-wrap[b-w29eijcn29] { overflow-x: auto; }
.revision-table[b-w29eijcn29] { width: 100%; min-width: 60rem; border-collapse: collapse; font-size: .88rem; }
.revision-table th[b-w29eijcn29], .revision-table td[b-w29eijcn29] { padding: .5rem .6rem; border-top: 1px solid var(--hvo-border-muted); text-align: left; vertical-align: top; }
.revision-table th[b-w29eijcn29] { color: var(--hvo-muted-weak); font-size: .64rem; letter-spacing: .09em; text-transform: uppercase; }
.revision-table a[b-w29eijcn29] { color: var(--hvo-info-fg); }
.revision-row--active td[b-w29eijcn29] { background: rgba(22, 101, 52, .12); }
.revision-actions[b-w29eijcn29] { display: flex; flex-wrap: wrap; gap: .35rem; }
.state-chip[b-w29eijcn29] { display: inline-flex; align-items: center; min-height: 1.7rem; padding: .2rem .65rem; border: 1px solid var(--hvo-border-stronger); border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.state-chip--active[b-w29eijcn29] { color: var(--hvo-success-fg); background: var(--hvo-success-bg); }
.state-chip--validated[b-w29eijcn29] { color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.state-chip--draft[b-w29eijcn29] { color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); }
.state-chip--retired[b-w29eijcn29] { color: var(--hvo-muted); background: var(--hvo-nav-badge-bg); }
.confirmation-panel[b-w29eijcn29] { width: min(42rem, calc(100% - 2rem)); color: var(--hvo-body-color); padding: 1rem 1.2rem; border: 1px solid #e9c986; background: #292617; }
.confirmation-panel[open][b-w29eijcn29] { display: grid; gap: 1rem; }
.confirmation-panel[b-w29eijcn29]::backdrop { background: rgba(1, 4, 9, .78); }
.confirmation-panel h2[b-w29eijcn29] { margin: 0; }
.confirmation-panel label[b-w29eijcn29] { display: grid; gap: .25rem; margin-top: .6rem; color: var(--hvo-muted-strong); font-size: .8rem; }
.confirmation-panel div:last-child[b-w29eijcn29] { display: flex; gap: .6rem; }
.empty-copy[b-w29eijcn29] { color: var(--hvo-muted); }
.visually-hidden[b-w29eijcn29] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Components/Pages/ProductDetail.razor.rz.scp.css */
/* Composition ported from prototype archive-pages.css product detail. Imagery is never
   cropped, contrast-filtered, rotated or synthesized by the presentation. */
.product-detail[b-6y0xgxzfif] { --border:var(--hvo-border-muted); --text:var(--hvo-body-color); --muted:var(--hvo-muted); --muted-strong:var(--hvo-muted-strong); --blue:#58a6ff; --surface:var(--hvo-surface); min-width:0; padding:0 0 3rem; }
.product-detail-heading[b-6y0xgxzfif] { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:1.4rem 0 1rem; }
.eyebrow[b-6y0xgxzfif] { margin:0 0 .28rem; color:var(--blue); font-size:.65rem; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.product-detail-heading h1[b-6y0xgxzfif] { margin:0; font-size:clamp(2rem,4vw,3.3rem); font-weight:700; line-height:.95; letter-spacing:-.045em; overflow-wrap:anywhere; }
.product-detail-heading p:not(.eyebrow)[b-6y0xgxzfif] { margin:.55rem 0 0; color:var(--muted); font-size:.67rem; }
.detail-heading-actions[b-6y0xgxzfif] { display:flex; gap:.5rem; }
.btn[b-6y0xgxzfif] { display:inline-flex; min-height:2.45rem; align-items:center; justify-content:center; gap:.45rem; padding:.5rem .85rem; border:1px solid var(--hvo-border-strong); border-radius:.45rem; font-size:.75rem; font-weight:700; color:var(--text); background:var(--hvo-surface-elevated); text-decoration:none; }
button[disabled][b-6y0xgxzfif] { opacity:.6; cursor:not-allowed; }
.product-viewer-layout[b-6y0xgxzfif] { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(19rem,.65fr); border:1px solid var(--border); border-radius:.55rem; background:#060a11; overflow:hidden; }
.generated-media[b-6y0xgxzfif] { position:relative; display:flex; flex-direction:column; min-height:34rem; margin:0; min-width:0; overflow:auto; background:#000; }
.generated-media[b-6y0xgxzfif]  img,.generated-media video[b-6y0xgxzfif] { display:block; width:100%; height:100%; min-height:0; max-height:calc(80dvh - 4rem); object-fit:contain; align-self:center; }
.generated-media--native[b-6y0xgxzfif]  img { width:auto; height:auto; max-width:none; max-height:none; object-fit:initial; }
.generated-media .media-label[b-6y0xgxzfif] { padding:.4rem .65rem; color:var(--muted-strong); background:#05080d; font:.65rem ui-monospace,monospace; }
.media-controls[b-6y0xgxzfif] { position:sticky; left:0; bottom:0; z-index:3; display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; padding:.65rem; color:var(--muted-strong); background:rgba(5,8,13,.94); font-size:.65rem; }
.media-controls span[b-6y0xgxzfif] { flex:1; min-width:9rem; }
.icon-button[b-6y0xgxzfif] { display:inline-flex; min-width:2.4rem; min-height:2.4rem; align-items:center; justify-content:center; padding:.45rem; border:1px solid var(--border); border-radius:.45rem; color:var(--muted-strong); background:var(--surface); cursor:pointer; }
svg[b-6y0xgxzfif] { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.product-inspector[b-6y0xgxzfif] { min-width:0; padding:.9rem; border-left:1px solid var(--border); }
.product-inspector > header[b-6y0xgxzfif] { padding-bottom:.7rem; border-bottom:1px solid var(--border); }
.product-inspector h2[b-6y0xgxzfif] { margin:0; font-size:.8rem; }
.product-inspector header p[b-6y0xgxzfif] { margin:.25rem 0 0; color:var(--muted); font-size:.65rem; line-height:1.4; }
.product-provenance[b-6y0xgxzfif] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.4rem 0 0; }
.product-provenance > div[b-6y0xgxzfif] { min-width:0; padding:.55rem 0; border-bottom:1px solid var(--border); }
.product-provenance > div:nth-child(even)[b-6y0xgxzfif] { padding-left:.55rem; border-left:1px solid var(--border); }
.product-provenance > div.full[b-6y0xgxzfif] { grid-column:1/-1; padding-left:0; border-left:0; }
.product-provenance dt[b-6y0xgxzfif] { color:var(--muted); font-size:.65rem; text-transform:uppercase; }
.product-provenance dd[b-6y0xgxzfif] { margin:.18rem 0 0; font-size:.65rem; font-weight:700; overflow-wrap:anywhere; }
.evidence-actions[b-6y0xgxzfif] { display:grid; gap:.5rem; margin-top:.8rem; }
.text-button[b-6y0xgxzfif],.disabled-link[b-6y0xgxzfif] { display:inline-flex; min-height:2.75rem; align-items:center; color:var(--blue); font-size:.68rem; font-weight:700; text-decoration:none; }
.disabled-link[b-6y0xgxzfif] { color:var(--muted); cursor:not-allowed; }
.day-detail-grid[b-6y0xgxzfif] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-top:.9rem; }
.archive-panel[b-6y0xgxzfif] { min-width:0; margin-bottom:.75rem; padding:.9rem; border:1px solid var(--border); border-radius:.55rem; background:rgba(9,15,24,.86); }
.archive-panel > header[b-6y0xgxzfif] { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; padding-bottom:.65rem; }
.archive-panel h2[b-6y0xgxzfif] { margin:0; font-size:.85rem; }
.archive-panel h3[b-6y0xgxzfif] { margin:.9rem 0 .4rem; font-size:.75rem; }
.archive-panel header p[b-6y0xgxzfif] { margin:.25rem 0 0; font-size:.65rem; color:var(--muted); }
.state-chip[b-6y0xgxzfif] { padding:.28rem .55rem; border:1px solid var(--border); border-radius:999px; color:var(--muted-strong); font-size:.61rem; font-weight:750; }
.quiet-label[b-6y0xgxzfif],.unavailable-copy[b-6y0xgxzfif] { color:var(--muted); font-size:.65rem; }
.product-versions[b-6y0xgxzfif],.source-list[b-6y0xgxzfif] { list-style:none; margin:0; padding:0; }
.product-versions li[b-6y0xgxzfif] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.5rem; align-items:center; padding:.55rem 0; border-top:1px solid var(--border); font-size:.65rem; }
.product-versions strong[b-6y0xgxzfif],.product-versions small[b-6y0xgxzfif],.source-list small[b-6y0xgxzfif] { display:block; }
.product-versions small[b-6y0xgxzfif],.source-list small[b-6y0xgxzfif] { color:var(--muted); margin-top:.12rem; overflow-wrap:anywhere; }
.product-versions time[b-6y0xgxzfif] { color:var(--muted); font:.6rem ui-monospace,monospace; }
.version-dot[b-6y0xgxzfif] { width:.5rem; height:.5rem; border:1px solid var(--muted); border-radius:50%; }
.source-list li[b-6y0xgxzfif] { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.5rem; padding:.55rem 0; border-top:1px solid var(--border); font-size:.7rem; }
.source-list a[b-6y0xgxzfif],.product-versions a[b-6y0xgxzfif] { color:var(--blue); text-decoration:none; }
.ordinal[b-6y0xgxzfif] { color:var(--muted); font: .65rem ui-monospace,monospace; }
code[b-6y0xgxzfif] { color:var(--muted-strong); overflow-wrap:anywhere; font-size:.62rem; }
.media-unavailable[b-6y0xgxzfif] { display:grid; align-content:center; justify-items:center; gap:.65rem; min-height:34rem; padding:2rem; text-align:center; color:var(--muted); }
.media-unavailable svg[b-6y0xgxzfif] { width:2.5rem; height:2.5rem; }
.media-unavailable h2[b-6y0xgxzfif] { margin:0; font-size:1rem; color:var(--text); }
.media-unavailable p[b-6y0xgxzfif],.media-unavailable small[b-6y0xgxzfif] { margin:0; font-size:.75rem; }
.generated-media:fullscreen[b-6y0xgxzfif] { width:100%; height:100dvh; min-height:0; }
.generated-media:fullscreen[b-6y0xgxzfif]  img,.generated-media:fullscreen video[b-6y0xgxzfif] { max-height:calc(100dvh - 4rem); }
.generated-media--native:fullscreen[b-6y0xgxzfif]  img { max-height:none; }
:is(a,button,[tabindex]):focus-visible[b-6y0xgxzfif] { outline:3px solid rgba(88,166,255,.65); outline-offset:2px; }
@media(max-width:850px) { .product-detail-heading[b-6y0xgxzfif] { display:grid; align-items:start; } .detail-heading-actions[b-6y0xgxzfif] { flex-wrap:wrap; } .product-viewer-layout[b-6y0xgxzfif],.day-detail-grid[b-6y0xgxzfif] { grid-template-columns:minmax(0,1fr); } .product-inspector[b-6y0xgxzfif] { border-top:1px solid var(--border); border-left:0; } }
@media(max-width:650px) { .detail-heading-actions .btn[b-6y0xgxzfif] { flex:1; } .generated-media[b-6y0xgxzfif],.media-unavailable[b-6y0xgxzfif] { min-height:24rem; } .generated-media[b-6y0xgxzfif]  img,.generated-media video[b-6y0xgxzfif] { min-height:0; } .product-provenance[b-6y0xgxzfif] { grid-template-columns:minmax(0,1fr); } .product-provenance > div:nth-child(even)[b-6y0xgxzfif] { padding-left:0; border-left:0; } .product-versions li[b-6y0xgxzfif] { grid-template-columns:auto minmax(0,1fr); } .product-versions time[b-6y0xgxzfif] { grid-column:2; } }
@media(pointer:coarse) { .icon-button[b-6y0xgxzfif],.btn[b-6y0xgxzfif],.hvo-segmented__option[b-6y0xgxzfif] { min-height:44px; } .icon-button[b-6y0xgxzfif] { min-width:44px; } }
/* /Components/Pages/ProductsPage.razor.rz.scp.css */
.products-page[b-60ruq1ks11] { width: min(100%, 96rem); margin: 0 auto; padding: clamp(1rem, 3vw, 2.25rem); overflow-x: clip; }
.product-views[b-60ruq1ks11] { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: 1rem; border-bottom: 1px solid var(--hvo-border-muted); }
.product-views a[b-60ruq1ks11] { display: inline-flex; min-height: 44px; align-items: center; margin-bottom: -1px; padding: 0 .9rem; border-bottom: 2px solid transparent; color: var(--hvo-muted-strong); font-size: .82rem; font-weight: 700; text-decoration: none; }
.product-views a:hover[b-60ruq1ks11] { color: var(--hvo-body-color); }
.product-views a[aria-current="page"][b-60ruq1ks11] { border-bottom-color: var(--hvo-info-strong); color: var(--hvo-body-color); }
.result-count[b-60ruq1ks11] { display: inline-flex; align-items: center; min-height: 1.7rem; padding: .2rem .6rem; border: 1px solid var(--hvo-border-stronger); border-radius: 999px; color: var(--hvo-muted-strong); font-size: .68rem; font-weight: 750; white-space: nowrap; }
.product-filters[b-60ruq1ks11] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: .65rem; margin-bottom: 1rem; padding: .9rem; border: 1px solid var(--hvo-border-muted); border-radius: .9rem; background: rgba(15, 23, 42, .62); }
.product-filters label[b-60ruq1ks11] { display: block; margin-bottom: .3rem; color: var(--hvo-muted); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.product-filters :is(select, button)[b-60ruq1ks11] { min-height: 44px; }
.filter-actions[b-60ruq1ks11] { display: flex; align-items: end; gap: .5rem; }
.bounded-state[b-60ruq1ks11] { padding: .65rem .8rem; border-left: 3px solid var(--hvo-info-strong); color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.table-wrap[b-60ruq1ks11] { overflow-x: auto; border: 1px solid var(--hvo-border-muted); border-radius: .8rem; }
.product-table[b-60ruq1ks11] { width: 100%; border-collapse: collapse; }
.product-table th[b-60ruq1ks11], .product-table td[b-60ruq1ks11] { padding: .7rem .8rem; border-bottom: 1px solid var(--hvo-border-muted); text-align: left; vertical-align: top; }
.product-table th[b-60ruq1ks11] { color: var(--hvo-muted-weak); font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; }
.product-table a[b-60ruq1ks11] { color: var(--hvo-info-fg); }
.badge-soft[b-60ruq1ks11] { display: inline-block; margin-left: .5rem; padding: .1rem .5rem; border-radius: 999px; background: var(--hvo-nav-badge-bg); color: var(--hvo-muted-strong); font-size: .64rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.dim[b-60ruq1ks11] { display: block; color: var(--hvo-muted-weak); font-size: .78rem; }
.avail[b-60ruq1ks11] { padding: .15rem .5rem; border-radius: 999px; font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.avail--ok[b-60ruq1ks11] { color: var(--hvo-success-fg); background: var(--hvo-success-bg); }
.avail--warning[b-60ruq1ks11] { color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); }
.avail--danger[b-60ruq1ks11] { color: var(--hvo-danger-fg); background: var(--hvo-danger-bg); }
.cursor-nav[b-60ruq1ks11] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.cursor-nav .btn[b-60ruq1ks11] { min-height: 44px; }
:is(a, button, select):focus-visible[b-60ruq1ks11] { outline: 3px solid var(--hvo-info-strong); outline-offset: 3px; }
@media (max-width: 760px) { .products-page[b-60ruq1ks11] { padding: 1rem .75rem 2rem; } .product-filters[b-60ruq1ks11] { grid-template-columns: 1fr; } .cursor-nav[b-60ruq1ks11] { display: grid; } }
/* /Components/Pages/QuarantineList.razor.rz.scp.css */
.quarantine-list[b-u30vv4d0z3] { min-width: 0; padding: .8rem; background: rgba(2, 6, 23, .42); }
.quarantine-list h3[b-u30vv4d0z3] { margin: 0 0 .7rem; font-size: .95rem; }
.quarantine-list > p[b-u30vv4d0z3] { color: var(--hvo-muted); }
.quarantine-list ol[b-u30vv4d0z3] { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.quarantine-list li[b-u30vv4d0z3] { padding: .7rem; border-left: 3px solid var(--hvo-danger-strong); background: rgba(15, 23, 42, .75); }
.quarantine-list dl[b-u30vv4d0z3] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; margin: 0; }
.quarantine-list dd[b-u30vv4d0z3] { margin: .1rem 0 0; overflow-wrap: anywhere; font-size: .86rem; }
.quarantine-list .wide[b-u30vv4d0z3] { grid-column: 1 / -1; }
.actions[b-u30vv4d0z3] { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; }
@media (max-width: 480px) { .quarantine-list dl[b-u30vv4d0z3] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .actions[b-u30vv4d0z3] { display: grid; } }
/* /Components/Pages/QuarantinePage.razor.rz.scp.css */
.quarantine-page[b-9uf2n586ub] { width: min(100%, 76rem); margin: 0 auto; padding: clamp(1rem, 3vw, 2.25rem); overflow-x: clip; }
.breadcrumb[b-9uf2n586ub], .source-nav[b-9uf2n586ub], .alias-nav[b-9uf2n586ub], .cursor-nav[b-9uf2n586ub] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.breadcrumb[b-9uf2n586ub] { margin-bottom: 1rem; color: var(--hvo-muted); font-size: .78rem; }
.page-heading[b-9uf2n586ub] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.page-heading h1[b-9uf2n586ub] { margin: 0; font-size: clamp(2rem, 5vw, 3.6rem); line-height: .96; letter-spacing: -.04em; }
.page-heading p:last-child[b-9uf2n586ub] { max-width: 48rem; margin: .7rem 0 0; color: var(--hvo-muted); }
.eyebrow[b-9uf2n586ub] { margin: 0 0 .3rem; color: var(--hvo-info-fg); font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.result-count[b-9uf2n586ub] { padding: .25rem .65rem; border: 1px solid var(--hvo-border-stronger); border-radius: 999px; color: var(--hvo-muted); white-space: nowrap; }
.source-nav[b-9uf2n586ub], .alias-nav[b-9uf2n586ub] { margin-bottom: .8rem; padding: .7rem; border: 1px solid var(--hvo-border-muted); background: rgba(15, 23, 42, .62); }
.source-nav a[b-9uf2n586ub], .alias-nav a[b-9uf2n586ub] { display: inline-flex; min-height: 44px; align-items: center; padding: .35rem .7rem; border: 1px solid transparent; text-decoration: none; }
.source-nav a.active[b-9uf2n586ub], .alias-nav a.active[b-9uf2n586ub] { border-color: var(--hvo-info-strong); color: var(--hvo-info-fg); background: var(--hvo-info-bg); }
.alias-nav > span[b-9uf2n586ub] { color: var(--hvo-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.page-state[b-9uf2n586ub] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 7rem; padding: 1rem; border: 1px solid var(--hvo-border-muted); background: var(--hvo-surface-elevated); }
.page-state--error[b-9uf2n586ub] { border-color: var(--hvo-danger-strong); background: var(--hvo-danger-bg); }
.cursor-nav[b-9uf2n586ub] { justify-content: flex-end; margin-top: 1rem; }
.cursor-nav .btn[b-9uf2n586ub] { min-height: 44px; }
.receipt[b-9uf2n586ub] { position: sticky; bottom: 1rem; z-index: 4; margin: 1rem 0 0; padding: .8rem; border: 1px solid var(--hvo-success-strong); color: var(--hvo-success-fg); background: var(--hvo-surface); }
.confirmation[b-9uf2n586ub] { width: min(calc(100% - 2rem), 34rem); max-height: calc(100dvh - 2rem); overflow-y: auto; padding: 1.2rem; border: 1px solid var(--hvo-border-stronger); color: var(--hvo-body-color); background: var(--hvo-surface); }
.confirmation[b-9uf2n586ub]::backdrop { background: rgba(2, 6, 23, .86); }
.confirmation h2[b-9uf2n586ub] { margin: 0; }
.confirmation dl[b-9uf2n586ub] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.confirmation dl .wide[b-9uf2n586ub] { grid-column: 1 / -1; overflow-wrap: anywhere; }
.confirmation label[b-9uf2n586ub] { display: block; margin: .8rem 0 .35rem; font-weight: 700; }
.ownership-evidence[b-9uf2n586ub] { display: grid; gap: .55rem; margin: 1rem 0; padding: 1rem; border: 1px solid var(--hvo-border-muted); }
.ownership-evidence legend[b-9uf2n586ub] { float: none; width: auto; margin: 0; padding: 0 .35rem; font-size: 1rem; font-weight: 700; }
.ownership-evidence p[b-9uf2n586ub] { margin: 0 0 .25rem; }
.confirmation .ownership-acknowledgment[b-9uf2n586ub] { display: flex; gap: .65rem; align-items: flex-start; margin-top: .5rem; }
.ownership-acknowledgment input[b-9uf2n586ub] { margin-top: .3rem; }
.ownership-bound[b-9uf2n586ub] { color: var(--hvo-success-fg); font-weight: 700; }
.confirmation-actions[b-9uf2n586ub] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.confirmation-actions .btn[b-9uf2n586ub] { min-height: 44px; }
.dialog-error[b-9uf2n586ub] { margin: .8rem 0 0; padding: .7rem; border: 1px solid var(--hvo-danger-strong); color: var(--hvo-danger-fg); background: var(--hvo-danger-bg); }
:is(a, button, select):focus-visible[b-9uf2n586ub] { outline: 3px solid var(--hvo-info-strong); outline-offset: 3px; }
@media (max-width: 600px) { .quarantine-page[b-9uf2n586ub] { padding: 1rem .75rem 2rem; } .page-heading[b-9uf2n586ub] { display: grid; } .cursor-nav[b-9uf2n586ub], .confirmation-actions[b-9uf2n586ub] { display: grid; } }
/* /Components/Pages/RegistrationPage.razor.rz.scp.css */
/* Registration layout. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css; this file only adds the copyable identity values and the two-step dialog. */

div.ops-note-banner.compact.registration-message[b-xak7a3clc2] { margin: 0 0 .8rem; }
section.ops-profile-banner.registration-profile dl[b-xak7a3clc2] { flex-wrap: wrap; row-gap: .55rem; }
section.ops-profile-banner.registration-profile dd[b-xak7a3clc2] { overflow-wrap: anywhere; }

dd.registration-copy[b-xak7a3clc2] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
dd.registration-copy code[b-xak7a3clc2] { min-width: 0; overflow-wrap: anywhere; font-size: .62rem; letter-spacing: .04em; }
dd.registration-copy code.masked[b-xak7a3clc2] { letter-spacing: .12em; }
dd.registration-copy .icon-button[b-xak7a3clc2] { min-width: 2.75rem; min-height: 2.75rem; }

.registration-copy-status[b-xak7a3clc2] { margin: .6rem 0 0; color: var(--muted-strong); font-size: .58rem; }
.registration-copy-status.dialog[b-xak7a3clc2] { margin: .2rem 1.1rem 0; }
.registration-note[b-xak7a3clc2] { margin: .7rem 0 0; color: var(--muted); font-size: .6rem; line-height: 1.5; }
/* Current Sky's .text-button, copied so this page does not depend on another page's scoped styles. */
.text-button[b-xak7a3clc2] { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: .3rem; padding: .35rem 0; color: var(--blue); font-size: .63rem; font-weight: 700; text-decoration: none; }

dialog.action-dialog.registration-dialog[b-xak7a3clc2] { width: min(calc(100% - 2rem), 36rem); }
dialog.action-dialog.registration-dialog fieldset[b-xak7a3clc2] { min-inline-size: 0; }
dialog.action-dialog.registration-dialog textarea[b-xak7a3clc2] { min-height: 8rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; resize: vertical; overflow-wrap: anywhere; }
dialog.action-dialog.registration-dialog dl.registration-dialog-facts[b-xak7a3clc2] { margin: 0 1.1rem; }
dialog.action-dialog.registration-dialog .operations-dialog-note.warning[b-xak7a3clc2] { border-left-color: var(--amber); background: var(--amber-soft); }
dialog.action-dialog.registration-dialog .operations-dialog-note a[b-xak7a3clc2] { color: var(--blue); font-weight: 700; }

ol.registration-steps[b-xak7a3clc2] { display: flex; gap: .4rem; margin: .9rem 1.1rem 0; padding: 0; list-style: none; counter-reset: registration-step; }
ol.registration-steps li[b-xak7a3clc2] { flex: 1 1 0; padding-top: .4rem; border-top: 2px solid var(--border-strong); color: var(--muted); font-size: .55rem; font-weight: 700; counter-increment: registration-step; }
ol.registration-steps li[b-xak7a3clc2]::before { content: counter(registration-step) ". "; }
ol.registration-steps li.current[b-xak7a3clc2] { border-top-color: var(--blue); color: var(--text); }
ol.registration-steps li.done[b-xak7a3clc2] { border-top-color: var(--green); }
/* /Components/Pages/ReplayExecutionPage.razor.rz.scp.css */
.replay-execution[b-p1ffa9qvmq] { display: grid; gap: 1rem; min-width: 0; }
.execution-summary[b-p1ffa9qvmq], .execution-nodes[b-p1ffa9qvmq] { padding: 1.1rem; border: 1px solid #3c5265; background: linear-gradient(145deg, #13232b, #0c151d); min-width: 0; }
.execution-summary h2[b-p1ffa9qvmq], .execution-nodes h2[b-p1ffa9qvmq] { margin: .2rem 0 .6rem; font-family: Georgia, serif; }
.execution-facts[b-p1ffa9qvmq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .55rem 1rem; margin: 0; }
.execution-facts div[b-p1ffa9qvmq] { display: grid; gap: .15rem; min-width: 0; }
.execution-facts .wide[b-p1ffa9qvmq] { grid-column: 1 / -1; }
.execution-facts dt[b-p1ffa9qvmq] { color: #8fa0b3; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.execution-facts dd[b-p1ffa9qvmq] { margin: 0; overflow-wrap: anywhere; }
.execution-actions[b-p1ffa9qvmq] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.execution-actions .btn[b-p1ffa9qvmq] { min-height: 44px; }
.terminal-note[b-p1ffa9qvmq] { margin: .7rem 0 0; color: #aeb9c8; }
.unavailable-state[b-p1ffa9qvmq] { color: #e9c986; }
.node-list[b-p1ffa9qvmq] { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.node-list > li[b-p1ffa9qvmq] { padding: .8rem; border: 1px solid #2c3a4a; background: #0b131b; min-width: 0; }
.node-list > li > header[b-p1ffa9qvmq] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; align-items: baseline; }
.node-list h3[b-p1ffa9qvmq] { margin: 0; font-size: 1rem; }
.node-list h4[b-p1ffa9qvmq] { margin: .8rem 0 .35rem; color: #8fd4be; font: 700 .68rem/1.2 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.node-list dl[b-p1ffa9qvmq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .45rem 1rem; margin: .6rem 0 0; }
.node-list dl div[b-p1ffa9qvmq] { display: grid; gap: .15rem; min-width: 0; }
.node-list dl .wide[b-p1ffa9qvmq] { grid-column: 1 / -1; }
.node-list dt[b-p1ffa9qvmq] { color: #8fa0b3; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.node-list dd[b-p1ffa9qvmq] { margin: 0; overflow-wrap: anywhere; }
.attempt-list[b-p1ffa9qvmq], .input-list[b-p1ffa9qvmq], .output-list[b-p1ffa9qvmq] { margin: 0; padding: 0 0 0 1.1rem; display: grid; gap: .35rem; overflow-wrap: anywhere; }
.output-list[b-p1ffa9qvmq] { list-style: none; padding: 0; }
.output-list li[b-p1ffa9qvmq] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; align-items: center; padding: .5rem; background: #091017; }
.output-list li div[b-p1ffa9qvmq] { display: grid; gap: .15rem; min-width: 0; }
.attempt-list span[b-p1ffa9qvmq], .output-list span[b-p1ffa9qvmq], .node-list > li > header span[b-p1ffa9qvmq] { color: #8fa0b3; font-size: .78rem; }
.attempt-list small[b-p1ffa9qvmq] { display: block; color: #9baabd; }
.confirmation-panel[b-p1ffa9qvmq] { width: min(42rem, calc(100% - 2rem)); color: var(--hvo-body-color); padding: 1rem 1.2rem; border: 1px solid #e9c986; background: #292617; }
.confirmation-panel[open][b-p1ffa9qvmq] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.confirmation-panel[b-p1ffa9qvmq]::backdrop { background: rgba(1, 4, 9, .78); }
.confirmation-panel h2[b-p1ffa9qvmq] { margin: 0; }
.confirmation-panel div:last-child[b-p1ffa9qvmq] { display: flex; gap: .6rem; }
.confirmation-panel .btn[b-p1ffa9qvmq] { min-height: 44px; }
@media (max-width: 900px) { .confirmation-panel[b-p1ffa9qvmq] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/ReplaySubmitPage.razor.rz.scp.css */
.replay-submit[b-8cfyoiyawi] { display: grid; gap: 1rem; min-width: 0; }
.freeze-summary[b-8cfyoiyawi], .replay-form[b-8cfyoiyawi] { padding: 1.1rem; border: 1px solid #3c5265; background: linear-gradient(145deg, #13232b, #0c151d); min-width: 0; }
.freeze-summary > header p[b-8cfyoiyawi], .replay-form > header p[b-8cfyoiyawi] { color: #aeb9c8; margin: .3rem 0 0; max-width: 68ch; }
.freeze-summary h2[b-8cfyoiyawi], .replay-form h2[b-8cfyoiyawi] { margin: .2rem 0; font-family: Georgia, serif; }
.freeze-summary h3[b-8cfyoiyawi] { margin: 1rem 0 .5rem; color: #8fd4be; font: 700 .72rem/1.2 ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }
.freeze-facts[b-8cfyoiyawi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .55rem 1rem; margin: .8rem 0 0; }
.freeze-facts div[b-8cfyoiyawi] { display: grid; gap: .15rem; min-width: 0; }
.freeze-facts .wide[b-8cfyoiyawi] { grid-column: 1 / -1; }
.freeze-facts dt[b-8cfyoiyawi] { color: #8fa0b3; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.freeze-facts dd[b-8cfyoiyawi] { margin: 0; overflow-wrap: anywhere; }
.unavailable-state[b-8cfyoiyawi] { color: #e9c986; margin: .6rem 0 0; }
.form-row[b-8cfyoiyawi] { display: grid; gap: .3rem; margin: .9rem 0 0; max-width: 44rem; }
.form-row label[b-8cfyoiyawi] { color: #aeb9c8; font-size: .8rem; }
.form-row .form-select[b-8cfyoiyawi], .form-row .form-control[b-8cfyoiyawi] { min-height: 44px; border: 1px solid #415268; background: #091017; color: #dce6f2; }
.revision-list[b-8cfyoiyawi] { list-style: none; margin: .8rem 0 0; padding: 0; display: grid; gap: .5rem; }
.revision-list li[b-8cfyoiyawi] { display: grid; gap: .15rem; padding: .6rem; background: #0b131b; border: 1px solid #2c3a4a; min-width: 0; }
.revision-list span[b-8cfyoiyawi] { color: #8fa0b3; font-size: .78rem; }
.revision-list code[b-8cfyoiyawi] { color: #9baabd; font-size: .72rem; overflow-wrap: anywhere; }
.form-actions[b-8cfyoiyawi] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.form-actions .btn[b-8cfyoiyawi] { min-height: 44px; }
.confirmation-panel[b-8cfyoiyawi] { width: min(42rem, calc(100% - 2rem)); color: var(--hvo-body-color); padding: 1rem 1.2rem; border: 1px solid #e9c986; background: #292617; }
.confirmation-panel[open][b-8cfyoiyawi] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.confirmation-panel[b-8cfyoiyawi]::backdrop { background: rgba(1, 4, 9, .78); }
.confirmation-panel h2[b-8cfyoiyawi] { margin: 0; }
.confirmation-panel div:last-child[b-8cfyoiyawi] { display: flex; gap: .6rem; }
.confirmation-panel .btn[b-8cfyoiyawi] { min-height: 44px; }
@media (max-width: 900px) { .confirmation-panel[b-8cfyoiyawi] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/SchedulePage.razor.rz.scp.css */
/* Schedule layout. The shared Operations vocabulary (.ops-*, .button, .action-dialog) lives in
   OperationsLayout.razor.css; this file ports the prototype sky clock, week and regime rules from
   docs/prototypes/pipeline-operations/operations-pages.css and adds the draft editor the prototype does not define.
   The prototype paints a fixed twilight gradient; here the bands are the active revision's resolved segments. */

.schedule-state strong + small[b-q5jqci0mxr] { max-width: 36rem; }
section.ops-profile-banner.schedule-state dl[b-q5jqci0mxr] { flex-wrap: wrap; row-gap: .55rem; }
.schedule-pending p[b-q5jqci0mxr] { margin: 0; }
.schedule-pending > div[b-q5jqci0mxr] { display: grid; gap: .5rem; }
.schedule-pending-actions[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
.schedule-muted[b-q5jqci0mxr] { margin: 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }

/* Prototype .ops-sky-clock. */
.schedule-clock[b-q5jqci0mxr] { position: relative; height: 5.5rem; margin-top: .6rem; border: 1px solid var(--border); border-radius: .45rem; background: linear-gradient(180deg, #0b1422, #080d18); overflow: hidden; }
.schedule-clock .schedule-segment[b-q5jqci0mxr] { top: 0; bottom: 0; }
.schedule-now[b-q5jqci0mxr] { position: absolute; z-index: 2; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: white; box-shadow: 0 0 11px white; }
.schedule-clock strong[b-q5jqci0mxr] { position: absolute; z-index: 3; top: .65rem; left: .8rem; color: white; font-size: .64rem; text-shadow: 0 1px 3px rgba(0, 0, 0, .8); }
.schedule-clock span[b-q5jqci0mxr] { position: absolute; z-index: 3; bottom: .45rem; color: rgba(255, 255, 255, .72); font: .49rem ui-monospace, monospace; transform: translateX(-50%); }
.schedule-clock span:first-of-type[b-q5jqci0mxr] { transform: none; }
.schedule-clock span:last-of-type[b-q5jqci0mxr] { transform: translateX(-100%); }

.schedule-segment[b-q5jqci0mxr] { position: absolute; display: block; }
.schedule-segment.open[b-q5jqci0mxr] { background: linear-gradient(90deg, rgba(188, 140, 255, .48), rgba(47, 129, 247, .48)); }
.schedule-segment.override-open[b-q5jqci0mxr] { background: repeating-linear-gradient(135deg, rgba(57, 197, 207, .55) 0 .35rem, rgba(57, 197, 207, .32) .35rem .7rem); }
.schedule-segment.blackout[b-q5jqci0mxr], .schedule-segment.override-closed[b-q5jqci0mxr] { background: repeating-linear-gradient(135deg, rgba(248, 81, 73, .42) 0 .35rem, rgba(248, 81, 73, .2) .35rem .7rem); }

.schedule-window-list[b-q5jqci0mxr] { display: grid; gap: .35rem; margin: .7rem 0 0; padding: 0; list-style: none; }
.schedule-window-list li[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; padding: .5rem .6rem; border: 1px solid var(--border); border-left: 2px solid var(--blue); border-radius: .35rem; background: rgba(13, 20, 32, .58); font-size: .62rem; }
.schedule-window-list li.override-open[b-q5jqci0mxr] { border-left-color: var(--cyan); }
.schedule-window-list strong[b-q5jqci0mxr] { font: 700 .64rem ui-monospace, monospace; }
.schedule-window-list span[b-q5jqci0mxr] { color: var(--muted); }

/* Prototype .ops-week. */
.ops-week[b-q5jqci0mxr] { display: grid; gap: .35rem; }
.ops-week-row[b-q5jqci0mxr] { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) 7.5rem; gap: .55rem; align-items: center; }
.ops-week-row > span:first-child[b-q5jqci0mxr] { color: var(--muted); font-size: .52rem; }
.ops-week-bar[b-q5jqci0mxr] { position: relative; height: 1.15rem; border-radius: .24rem; background: var(--surface-raised); overflow: hidden; }
.ops-week-bar .schedule-segment[b-q5jqci0mxr] { top: 0; bottom: 0; }
.ops-week-row small[b-q5jqci0mxr] { color: var(--muted-strong); font: .49rem ui-monospace, monospace; }

.schedule-legend[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: .7rem 0 0; padding: 0; color: var(--muted); font-size: .54rem; list-style: none; }
.schedule-legend li[b-q5jqci0mxr] { display: inline-flex; align-items: center; gap: .35rem; }
.schedule-legend .schedule-segment[b-q5jqci0mxr] { position: static; width: 1.2rem; height: .6rem; border-radius: .15rem; }

/* Prototype .ops-regime-grid, auto-fit because the count is the revision's setpoints, not a fixed three. */
.ops-regime-grid[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .5rem; }
.ops-regime-card[b-q5jqci0mxr] { min-width: 0; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .62); }
.ops-regime-card.active[b-q5jqci0mxr] { border-color: var(--blue); box-shadow: 0 0 0 2px var(--blue-soft); }
.ops-regime-card > span[b-q5jqci0mxr] { color: var(--muted); font-size: .5rem; font-weight: 750; text-transform: uppercase; }
.ops-regime-card.active > span[b-q5jqci0mxr] { color: var(--blue); }
.ops-regime-card h4[b-q5jqci0mxr] { margin: .3rem 0 .5rem; overflow-wrap: anywhere; font-size: .72rem; }
.ops-regime-card dl[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin: 0; }
.ops-regime-card dl > .full[b-q5jqci0mxr] { grid-column: 1 / -1; }
.ops-regime-card dt[b-q5jqci0mxr] { color: var(--muted); font-size: .47rem; }
.ops-regime-card dd[b-q5jqci0mxr] { margin: .12rem 0 0; font-size: .57rem; font-weight: 700; }

.schedule-exceptions td[b-q5jqci0mxr] { vertical-align: top; }
.schedule-row-action[b-q5jqci0mxr] { text-align: right; white-space: nowrap; }

/* Dialogs; element-qualified so the widths outrank the shared .action-dialog width. */
dialog.action-dialog.schedule-dialog[b-q5jqci0mxr] { width: min(calc(100% - 2rem), 40rem); }
dialog.action-dialog.schedule-editor[b-q5jqci0mxr] { width: min(calc(100% - 2rem), 60rem); }
.schedule-dialog fieldset[b-q5jqci0mxr] { min-inline-size: 0; }
.schedule-dialog-grid[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .55rem .7rem; }
.schedule-dialog-message[b-q5jqci0mxr] { padding: 0 1.1rem; }
.schedule-check[b-q5jqci0mxr] { display: flex; align-items: flex-start; gap: .55rem; min-height: 2.75rem; padding-top: .35rem; color: var(--muted-strong); font-size: .65rem; line-height: 1.45; cursor: pointer; }
.schedule-check input[b-q5jqci0mxr] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; margin-top: .05rem; accent-color: var(--blue-strong); }

/* Draft editor: numbered sections, one visible at a time. */
.schedule-steps[b-q5jqci0mxr] { padding: .7rem 1.1rem; border-bottom: 1px solid var(--border); background: rgba(13, 20, 32, .55); }
.schedule-steps ol[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.schedule-steps button[b-q5jqci0mxr] { display: inline-flex; min-height: 2.2rem; align-items: center; gap: .45rem; padding: .35rem .65rem .35rem .4rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted-strong); background: var(--surface); font-size: .64rem; font-weight: 650; cursor: pointer; }
.schedule-steps button:hover[b-q5jqci0mxr] { border-color: var(--border-strong); color: var(--text); }
.schedule-steps button span[b-q5jqci0mxr] { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--muted-strong); background: var(--surface-raised); font: 700 .58rem ui-monospace, monospace; }
.schedule-steps button[aria-current="step"][b-q5jqci0mxr] { border-color: rgba(88, 166, 255, .45); color: white; background: var(--blue-soft); }
.schedule-steps button[aria-current="step"] span[b-q5jqci0mxr] { color: white; background: var(--blue-strong); }

.schedule-step[hidden][b-q5jqci0mxr] { display: none; }
.schedule-step[b-q5jqci0mxr] { display: grid; gap: .8rem; padding-bottom: .2rem; }
.schedule-step > .dialog-intro[b-q5jqci0mxr] { margin-bottom: 0; }
.schedule-step > fieldset[b-q5jqci0mxr], .schedule-step > .pipeline-console[b-q5jqci0mxr], .schedule-step > .schedule-review-actions[b-q5jqci0mxr],
.schedule-step > .schedule-preview[b-q5jqci0mxr], .schedule-step > .editor-advanced[b-q5jqci0mxr] { margin: 0 1.1rem; }
.editor-group[b-q5jqci0mxr] { display: grid; gap: .65rem; }
.editor-group legend[b-q5jqci0mxr] { margin-bottom: .45rem; padding: 0; color: var(--text); font-size: .72rem; font-weight: 650; }
.editor-note[b-q5jqci0mxr] { margin: 0; color: var(--muted); font-size: .6rem; line-height: 1.45; }

.policy-fields[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .55rem .7rem; }

.setpoint-list[b-q5jqci0mxr], .window-list[b-q5jqci0mxr], .blackout-list[b-q5jqci0mxr] { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.editor-card[b-q5jqci0mxr] { min-width: 0; padding: .65rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.setpoint-list .editor-card[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .55rem .6rem; align-items: end; }
.blackout-list .editor-card[b-q5jqci0mxr] { display: grid; grid-template-columns: minmax(8rem, .8fr) minmax(11rem, 1fr) minmax(11rem, 1fr) auto; gap: .55rem .6rem; align-items: end; }

.window-item[b-q5jqci0mxr] { display: grid; gap: .65rem; }
.window-item__head[b-q5jqci0mxr] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(10rem, 13rem) auto; gap: .6rem; align-items: end; }
.window-days[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; min-width: 0; }
.window-days > span[b-q5jqci0mxr] { width: 100%; color: var(--muted); font-size: .6rem; }
.window-days .check[b-q5jqci0mxr] { position: relative; display: inline-grid; min-width: 2.6rem; min-height: 2.15rem; place-items: center; cursor: pointer; }
.window-days .check input[b-q5jqci0mxr] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.window-days .check span[b-q5jqci0mxr] { display: grid; width: 100%; height: 100%; padding: 0 .45rem; place-items: center; border: 1px solid var(--border); border-radius: .35rem; color: var(--muted-strong); background: var(--surface); font-size: .62rem; font-weight: 650; }
.window-days .check input:checked + span[b-q5jqci0mxr] { border-color: rgba(88, 166, 255, .5); color: white; background: var(--blue-soft); }
.window-days .check input:focus-visible + span[b-q5jqci0mxr] { outline: 2px solid var(--blue); outline-offset: 2px; }

.boundary-grid[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.boundary-fields[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: .5rem; min-inline-size: 0; margin: 0; padding: .55rem .6rem .65rem; border: 1px solid var(--border); border-radius: .35rem; }
.boundary-fields legend[b-q5jqci0mxr] { padding: 0 .3rem; color: var(--muted-strong); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

.window-identifiers[b-q5jqci0mxr], .editor-advanced[b-q5jqci0mxr] { color: var(--muted-strong); font-size: .62rem; }
.window-identifiers summary[b-q5jqci0mxr], .editor-advanced summary[b-q5jqci0mxr] { min-height: 2.2rem; padding: .45rem 0; color: var(--text); font-weight: 700; cursor: pointer; }
.window-identifiers > div[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .5rem .7rem; }
.window-identifiers > div > div[b-q5jqci0mxr] { display: flex; align-items: end; gap: .45rem; }
.window-identifiers .ops-field[b-q5jqci0mxr] { flex: 1; }

.pipeline-console[b-q5jqci0mxr] { display: grid; gap: .6rem; }
.pipeline-console header[b-q5jqci0mxr] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; }
.pipeline-console h4[b-q5jqci0mxr] { margin: 0; font-size: .72rem; }
.pipeline-console dl[b-q5jqci0mxr] { display: flex; gap: 1rem; margin: 0; }
.pipeline-console dt[b-q5jqci0mxr] { color: var(--muted); font-size: .48rem; text-transform: uppercase; }
.pipeline-console dd[b-q5jqci0mxr] { margin: .12rem 0 0; }
.pipeline-console code[b-q5jqci0mxr] { color: #c4dcfa; font-size: .56rem; }
.pipeline-columns[b-q5jqci0mxr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.pipeline-columns article[b-q5jqci0mxr] { min-width: 0; padding: .6rem; border: 1px solid var(--border); border-radius: .42rem; background: rgba(13, 20, 32, .58); }
.pipeline-columns h5[b-q5jqci0mxr] { margin: 0 0 .45rem; color: var(--muted); font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; }
.pipeline-columns ol[b-q5jqci0mxr] { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.pipeline-columns li[b-q5jqci0mxr] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .45rem 0; border-top: 1px solid var(--border); }
.pipeline-columns li:first-child[b-q5jqci0mxr] { border-top: 0; }
.pipeline-columns li > div[b-q5jqci0mxr] { display: grid; gap: .1rem; min-width: 0; }
.pipeline-columns strong[b-q5jqci0mxr] { overflow-wrap: anywhere; font-size: .62rem; }
.pipeline-columns span[b-q5jqci0mxr], .pipeline-columns small[b-q5jqci0mxr] { color: var(--muted); font-size: .54rem; overflow-wrap: anywhere; }

.schedule-review-actions[b-q5jqci0mxr] { display: flex; }
.schedule-preview[b-q5jqci0mxr] { display: grid; gap: .45rem; }
.schedule-preview h4[b-q5jqci0mxr] { margin: .3rem 0 0; font-size: .64rem; }
.schedule-preview ol[b-q5jqci0mxr], .unavailable-list[b-q5jqci0mxr] { display: grid; gap: .3rem; max-height: 16rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.schedule-preview li[b-q5jqci0mxr] { display: grid; grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.6fr) minmax(5rem, .7fr); gap: .5rem; align-items: baseline; padding: .4rem .55rem; border-left: 2px solid var(--border-strong); background: rgba(13, 20, 32, .58); font-size: .6rem; }
.schedule-preview li.open[b-q5jqci0mxr] { border-left-color: var(--blue); }
.schedule-preview li span[b-q5jqci0mxr] { color: var(--muted-strong); font-family: ui-monospace, monospace; }
.schedule-preview li small[b-q5jqci0mxr] { color: var(--muted); text-align: right; }
.unavailable-list li[b-q5jqci0mxr] { grid-template-columns: minmax(8rem, auto) minmax(0, 1fr); border-left-color: var(--amber); }
.editor-advanced textarea[b-q5jqci0mxr] { width: 100%; min-height: 16rem; margin-top: .3rem; padding: .55rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface-soft); font: .62rem/1.5 ui-monospace, monospace; resize: vertical; }
.editor-advanced > span[b-q5jqci0mxr] { display: block; margin-top: .25rem; color: var(--muted); font: .52rem ui-monospace, monospace; text-align: right; }

.schedule-editor footer[b-q5jqci0mxr] { flex-wrap: wrap; }
.schedule-discard[b-q5jqci0mxr] { margin-right: auto; }

@media (max-width: 720px) {
    .ops-week-row[b-q5jqci0mxr] { grid-template-columns: 2.4rem minmax(0, 1fr); }
    .ops-week-row small[b-q5jqci0mxr] { grid-column: 2; }
    .window-item__head[b-q5jqci0mxr] { grid-template-columns: minmax(0, 1fr) auto; }
    .window-days[b-q5jqci0mxr] { grid-column: 1 / -1; }
    .boundary-grid[b-q5jqci0mxr], .pipeline-columns[b-q5jqci0mxr] { grid-template-columns: 1fr; }
    .blackout-list .editor-card[b-q5jqci0mxr] { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
    .schedule-preview li[b-q5jqci0mxr] { grid-template-columns: 1fr; gap: .15rem; }
    .schedule-preview li small[b-q5jqci0mxr] { text-align: left; }
    .schedule-pending-actions .button[b-q5jqci0mxr] { flex: 1 1 auto; }
}

@media (max-width: 480px) {
    dialog.action-dialog.schedule-dialog[b-q5jqci0mxr], dialog.action-dialog.schedule-editor[b-q5jqci0mxr] { width: calc(100% - 1rem); }
    .schedule-steps[b-q5jqci0mxr] { padding: .6rem .7rem; }
    .schedule-steps button[b-q5jqci0mxr] { padding-right: .5rem; }
    .schedule-editor footer .button[b-q5jqci0mxr] { flex: 1 1 auto; }
    .schedule-discard[b-q5jqci0mxr] { margin-right: 0; }
    .schedule-row-action[b-q5jqci0mxr] { text-align: left; }
    .schedule-clock strong[b-q5jqci0mxr] { right: .8rem; }
}
/* /Components/Pages/SoftwarePage.razor.rz.scp.css */
/* Software & catalog layout. The shared Operations vocabulary (.ops-*, .button, .state-chip) lives in
   OperationsLayout.razor.css; this file ports the prototype's lifecycle-comparison detail from operations-pages.css. */

.ops-table-wrap .ops-table.lifecycle-comparison td small[b-5dnsana18p] { display: block; margin-top: .15rem; color: var(--muted); font-size: .49rem; }
.ops-table-wrap .ops-table.software-boundary td[b-5dnsana18p], .ops-table-wrap .ops-table.software-packages td[b-5dnsana18p] { white-space: normal; }
.ops-table-wrap .ops-table code[b-5dnsana18p] { overflow-wrap: anywhere; font-size: .56rem; }
/* /Components/Pages/SpaceWeatherPage.razor.rz.scp.css */
/* Space weather. The shared Operations vocabulary lives in OperationsLayout.razor.css and the panel styles itself in
   SpaceWeatherPanel.razor.css; the page only spaces the panel below the heading. */

.space-weather-page[b-vmj63btx4b] { display: grid; gap: 1rem; margin-top: .2rem; }
/* /Components/Pages/StoragePage.razor.rz.scp.css */
/* Storage & retention layout. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css. The capacity donut and validation list are ported from the prototype's operations-pages.css. */

.storage-empty[b-voeylpu7jd] { margin: 0; color: var(--muted); font-size: .65rem; }
.storage-links[b-voeylpu7jd] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: .65rem 0 0; font-size: .62rem; }
.storage-links a[b-voeylpu7jd] { color: #9bcaff; }
.storage-location + .storage-location[b-voeylpu7jd] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); }
.storage-location h3[b-voeylpu7jd] { margin: 0 0 .6rem; color: var(--muted-strong); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.storage-lanes[b-voeylpu7jd] { margin-top: 1rem; }

.ops-storage-visual[b-voeylpu7jd] { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 1rem; align-items: center; }
.ops-donut[b-voeylpu7jd] { --used: 0%; position: relative; display: grid; width: 7.5rem; height: 7.5rem; place-items: center; border-radius: 50%; background: conic-gradient(var(--blue) 0 var(--used), var(--surface-raised) var(--used)); }
.ops-donut[b-voeylpu7jd]::before { content: ""; width: 5.1rem; height: 5.1rem; border-radius: 50%; background: #0a101a; }
.ops-donut span[b-voeylpu7jd] { position: absolute; font-size: 1rem; font-weight: 750; }
.ops-donut.unknown[b-voeylpu7jd] { background: var(--surface-raised); }
.ops-donut.unknown span[b-voeylpu7jd] { color: var(--muted); }

.ops-validation-list[b-voeylpu7jd] { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.ops-validation-item[b-voeylpu7jd] { display: flex; align-items: center; gap: .5rem; padding: .48rem 0; border-top: 1px solid var(--border); font-size: .57rem; }
.ops-validation-item:first-child[b-voeylpu7jd] { border-top: 0; }
.ops-validation-item i[b-voeylpu7jd] { display: grid; flex: 0 0 auto; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; color: #a9ecb1; background: var(--green-soft); font-style: normal; font-size: .55rem; }
.ops-validation-item.failed i[b-voeylpu7jd] { color: #ffb4ae; background: var(--red-soft); }
.ops-validation-item.neutral[b-voeylpu7jd] { color: var(--muted-strong); }
.ops-validation-item.neutral i[b-voeylpu7jd] { color: var(--muted-strong); background: var(--surface-raised); }

.ops-table-wrap .ops-table td small[b-voeylpu7jd] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; overflow-wrap: anywhere; }
.ops-table-wrap .ops-table.storage-class-table td[b-voeylpu7jd], .ops-table-wrap .ops-table.storage-lane-table td[b-voeylpu7jd] { white-space: normal; }
.ops-table-wrap .ops-table.storage-class-table td:first-child[b-voeylpu7jd], .ops-table-wrap .ops-table.storage-lane-table td:first-child[b-voeylpu7jd] { min-width: 7rem; }

dialog.action-dialog.storage-dialog[b-voeylpu7jd] { width: min(calc(100% - 2rem), 40rem); }
.storage-dialog-body[b-voeylpu7jd] { max-height: min(60vh, 34rem); padding: 0 1.1rem; overflow-y: auto; }
.storage-dialog-body h3[b-voeylpu7jd] { margin: 1rem 0 .45rem; color: var(--muted-strong); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.storage-dialog-body h3:first-child[b-voeylpu7jd] { margin-top: 0; }

@media (max-width: 720px) {
    .ops-storage-visual[b-voeylpu7jd] { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .ops-storage-visual .ops-facts[b-voeylpu7jd] { width: 100%; text-align: left; }
}

@media (max-width: 480px) {
    dialog.action-dialog.storage-dialog[b-voeylpu7jd] { width: calc(100% - 1rem); }
    .ops-table-wrap .ops-table.storage-class-table th[b-voeylpu7jd], .ops-table-wrap .ops-table.storage-lane-table th[b-voeylpu7jd] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.storage-class-table td[b-voeylpu7jd], .ops-table-wrap .ops-table.storage-lane-table td[b-voeylpu7jd] { padding-inline: .3rem; }
}
/* /Components/Pages/TimeLapseDetailPage.razor.rz.scp.css */
.time-lapse-detail[b-dpd15qnl09] { max-width: 80rem; margin: auto; padding: 1.5rem; }
.time-lapse-detail dl[b-dpd15qnl09] { display: grid; grid-template-columns: minmax(8rem, 1fr) 4fr; gap: .75rem; }
.time-lapse-detail dd[b-dpd15qnl09] { margin: 0; overflow-wrap: anywhere; }
.checksum[b-dpd15qnl09] { font-family: monospace; }
/* /Components/Pages/TransientDetail.razor.rz.scp.css */
/* event.html / archive-pages.css. Illustrative media filters, tracks and trajectory drawings are omitted. */
.transient-detail[b-5j1o83d9l8] {
    --border: var(--hvo-border-muted);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-soft: rgba(47, 129, 247, .16);
    --amber: #d29922;
    --amber-soft: rgba(210, 153, 34, .12);
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    box-sizing: border-box;
    width: min(100%, 105rem);
    margin: 0 auto;
    padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 4rem;
    color: var(--text);
}
.transient-detail *[b-5j1o83d9l8] { box-sizing: border-box; min-width: 0; }
.breadcrumb[b-5j1o83d9l8] { display: flex; gap: .55rem; margin: 0; font-size: .7rem; }
.eyebrow[b-5j1o83d9l8] { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.event-detail-heading[b-5j1o83d9l8] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.4rem 0 1rem; }
.event-detail-heading h1[b-5j1o83d9l8] { margin: 0; font-size: clamp(2rem, 4vw, 3.3rem); line-height: .95; letter-spacing: -.045em; }
.event-detail-heading p:not(.eyebrow)[b-5j1o83d9l8] { margin: .55rem 0 0; color: var(--muted); font-size: .67rem; }
.event-detail-status[b-5j1o83d9l8] { display: flex; align-items: center; gap: .5rem; }
.event-detail-status > span[b-5j1o83d9l8] { padding: .3rem .5rem; border: 1px solid rgba(210, 153, 34, .4); border-radius: 999px; color: #f1c96f; background: var(--amber-soft); font-size: .65rem; font-weight: 750; }
.event-detail-status .classification-chip[b-5j1o83d9l8] { color: var(--muted); background: var(--surface-raised); border-color: var(--border); }
.event-detail-status .fireball[b-5j1o83d9l8] { color: #f1c96f; background: var(--amber-soft); }
.event-detail-status .meteor[b-5j1o83d9l8], .event-detail-status .aircraft[b-5j1o83d9l8] { color: #c9b1f4; background: rgba(188, 140, 255, .12); }
.event-detail-status .satellite[b-5j1o83d9l8] { color: #39c5cf; background: rgba(57, 197, 207, .12); }
.event-media-tabs[b-5j1o83d9l8] { display: flex; gap: .35rem; margin-bottom: .55rem; flex-wrap: wrap; }
.event-media-tabs button[b-5j1o83d9l8] { padding: .45rem .65rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--muted); background: var(--surface); font-size: .65rem; font-weight: 700; }
.event-media-tabs button:disabled[b-5j1o83d9l8] { opacity: .7; cursor: not-allowed; }
.event-media-layout[b-5j1o83d9l8] { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .7fr); border: 1px solid var(--border); border-radius: .55rem; background: #05080d; overflow: hidden; }
.event-media-view[b-5j1o83d9l8] { position: relative; display: grid; place-items: center; min-height: 32rem; background: #000; }
.event-media-unavailable[b-5j1o83d9l8] { max-width: 28rem; padding: 2rem; text-align: center; }
.event-media-unavailable h2[b-5j1o83d9l8] { margin: 0; font-size: .95rem; }
.event-media-unavailable p[b-5j1o83d9l8] { margin: .7rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.event-context[b-5j1o83d9l8] { padding: .85rem; border-left: 1px solid var(--border); }
.event-context h2[b-5j1o83d9l8] { margin: 0; font-size: .8rem; }
.event-context > p[b-5j1o83d9l8] { margin: .25rem 0 .65rem; color: var(--muted); font-size: .65rem; line-height: 1.4; }
.context-frame-list[b-5j1o83d9l8] { display: grid; gap: .42rem; }
.context-frame[b-5j1o83d9l8] { display: grid; grid-template-columns: 4.8rem minmax(0, 1fr) auto; gap: .5rem; align-items: center; padding: .35rem; border: 1px solid var(--border); border-radius: .35rem; background: rgba(13, 20, 32, .6); }
.context-frame.reference[b-5j1o83d9l8] { border-color: var(--amber); }
.context-frame img[b-5j1o83d9l8] { width: 100%; height: 2.8rem; border-radius: .25rem; object-fit: contain; background: #000; }
.context-frame strong[b-5j1o83d9l8], .context-frame small[b-5j1o83d9l8], .context-frame a[b-5j1o83d9l8] { display: block; font-size: .65rem; }
.context-frame small[b-5j1o83d9l8] { margin-top: .1rem; color: var(--muted); }
.context-frame > span:last-child[b-5j1o83d9l8] { color: var(--muted); font: .65rem ui-monospace, monospace; }
.context-frame.unavailable[b-5j1o83d9l8] { color: var(--muted); border-style: dashed; }
.context-frame-placeholder[b-5j1o83d9l8] { display: grid; height: 2.8rem; place-items: center; border-radius: .25rem; background: var(--surface-raised); color: var(--muted); font-size: .65rem; }
.context-day-link[b-5j1o83d9l8] { display: inline-flex; align-items: center; margin-top: .8rem; font-size: .65rem; }
.science-grid[b-5j1o83d9l8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-top: .75rem; }
.science-panel[b-5j1o83d9l8] { padding: .8rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.science-panel > header[b-5j1o83d9l8] { display: flex; justify-content: space-between; gap: .5rem; align-items: flex-start; margin-bottom: .5rem; }
.science-panel h2[b-5j1o83d9l8] { margin: 0; font-size: .78rem; }
.science-panel header span[b-5j1o83d9l8] { color: var(--muted); font-size: .65rem; }
.science-facts[b-5j1o83d9l8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.science-facts > div[b-5j1o83d9l8] { padding: .5rem 0; border-top: 1px solid var(--border); }
.science-facts > div:nth-child(even)[b-5j1o83d9l8] { padding-left: .5rem; border-left: 1px solid var(--border); }
.science-facts > div.full[b-5j1o83d9l8] { grid-column: 1 / -1; padding-left: 0; border-left: 0; }
.science-facts dt[b-5j1o83d9l8] { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.science-facts dd[b-5j1o83d9l8] { margin: .15rem 0 0; font-size: .65rem; font-weight: 700; }
.science-value-kind[b-5j1o83d9l8] { display: inline-block; margin-left: .25rem; padding: .1rem .25rem; border-radius: 999px; color: var(--blue); background: var(--blue-soft); font-size: .65rem; font-style: normal; text-transform: uppercase; }
.science-value-kind.derived[b-5j1o83d9l8] { color: #c9b1f4; background: rgba(188, 140, 255, .12); }
.science-value-kind.unresolved[b-5j1o83d9l8] { color: var(--muted); background: var(--surface-raised); }
.trajectory-unresolved[b-5j1o83d9l8] { display: grid; min-height: 12rem; place-items: center; padding: 1rem; border: 1px solid var(--border); border-radius: .4rem; background: #060b13; color: var(--muted); font-size: .7rem; text-align: center; }
.archive-panel[b-5j1o83d9l8] { padding: .85rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.archive-panel > header[b-5j1o83d9l8] { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.archive-panel h2[b-5j1o83d9l8] { margin: 0; font-size: .85rem; }
.archive-panel p[b-5j1o83d9l8] { margin: .35rem 0 .65rem; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.archive-panel header > span[b-5j1o83d9l8] { flex-shrink: 0; color: var(--muted); font-size: .65rem; }
.satellite-assessment[b-5j1o83d9l8] { margin-top: .75rem; }
.satellite-assessment > header > div > p[b-5j1o83d9l8] { max-width: 48rem; }
.event-review-grid[b-5j1o83d9l8] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); gap: .65rem; margin-top: .75rem; }
.event-review-actions[b-5j1o83d9l8] { display: flex; gap: .45rem; flex-wrap: wrap; margin-top: .65rem; }
.evidence-list[b-5j1o83d9l8] { margin: 0; padding: 0; list-style: none; }
.evidence-list li[b-5j1o83d9l8] { display: flex; justify-content: space-between; gap: .5rem; padding: .5rem 0; border-top: 1px solid var(--border); font-size: .65rem; }
.evidence-list li:first-child[b-5j1o83d9l8] { border-top: 0; }
.evidence-list span[b-5j1o83d9l8] { color: var(--muted); max-width: 70%; }
code[b-5j1o83d9l8] { overflow-wrap: anywhere; }
.event-review-grid .ops-note-banner[b-5j1o83d9l8] { margin-top: .65rem; padding: .65rem; border-left: 2px solid var(--blue); color: var(--muted-strong); background: var(--blue-soft); }
.local-stage-evidence[b-5j1o83d9l8] { margin-top: .75rem; }
.local-stage-evidence summary[b-5j1o83d9l8] { cursor: pointer; color: var(--muted); font-size: .7rem; }
.stage-grid[b-5j1o83d9l8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: .8rem; }
.stage-grid article[b-5j1o83d9l8] { border-top: 1px solid var(--border); padding-top: .7rem; }
.stage-grid code[b-5j1o83d9l8], .stage-grid dt[b-5j1o83d9l8], .stage-grid dd[b-5j1o83d9l8] { font-size: .65rem; }
.stage-grid dd[b-5j1o83d9l8] { margin: .3rem 0; }
.detail-state[b-5j1o83d9l8] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: .5rem; background: var(--surface); font-size: .8rem; }
.detail-state p[b-5j1o83d9l8] { margin: .4rem 0 0; color: var(--muted); }
.detail-state--error[b-5j1o83d9l8] { color: var(--hvo-warning-fg); }
a[b-5j1o83d9l8], button[b-5j1o83d9l8], summary[b-5j1o83d9l8] { outline-offset: 3px; }
@media (max-width: 1100px) {
    .science-grid[b-5j1o83d9l8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .science-panel:last-child[b-5j1o83d9l8] { grid-column: 1 / -1; }
}
@media (max-width: 850px) {
    .event-detail-heading[b-5j1o83d9l8] { display: grid; align-items: start; }
    .event-media-layout[b-5j1o83d9l8], .science-grid[b-5j1o83d9l8], .event-review-grid[b-5j1o83d9l8] { grid-template-columns: 1fr; }
    .event-context[b-5j1o83d9l8] { border-top: 1px solid var(--border); border-left: 0; }
    .science-panel:last-child[b-5j1o83d9l8] { grid-column: auto; }
}
@media (max-width: 650px) {
    .transient-detail[b-5j1o83d9l8] { padding: 0 .65rem 3rem; }
    .event-media-view[b-5j1o83d9l8] { min-height: 23rem; }
    .science-facts[b-5j1o83d9l8], .stage-grid[b-5j1o83d9l8] { grid-template-columns: 1fr; }
    .science-facts > div:nth-child(even)[b-5j1o83d9l8] { padding-left: 0; border-left: 0; }
    .detail-state[b-5j1o83d9l8] { flex-wrap: wrap; }
    .context-frame[b-5j1o83d9l8] { grid-template-columns: 4rem minmax(0, 1fr); }
    .context-frame > span:last-child[b-5j1o83d9l8] { grid-column: 2; }
    .evidence-list li[b-5j1o83d9l8] { flex-wrap: wrap; }
    .evidence-list span[b-5j1o83d9l8] { max-width: 100%; }
}
@media (pointer: coarse) {
    .btn[b-5j1o83d9l8], .event-media-tabs button[b-5j1o83d9l8], .context-frame a[b-5j1o83d9l8], .context-day-link[b-5j1o83d9l8], .breadcrumb a[b-5j1o83d9l8], summary[b-5j1o83d9l8] { min-height: 44px; }
    .context-frame a[b-5j1o83d9l8], summary[b-5j1o83d9l8] { display: flex; align-items: center; }
    .breadcrumb a[b-5j1o83d9l8] { display: inline-flex; align-items: center; }
}
/* /Components/Pages/TransientOperationsPage.razor.rz.scp.css */
/* Transients layout. The shared Operations vocabulary (.ops-*, .button, .state-chip, .action-dialog) lives in
   OperationsLayout.razor.css. Table overrides carry the wrapper and both table classes to outrank
   .operations-layout ::deep .ops-table. */

.transients-state small a[b-9qmkfmcavj] { margin-left: .35rem; color: #9bcaff; }
section.ops-profile-banner.transients-state dl[b-9qmkfmcavj] { flex-wrap: wrap; row-gap: .55rem; }
section.ops-profile-banner.transients-state dd[b-9qmkfmcavj] { white-space: nowrap; }
.transients-empty[b-9qmkfmcavj] { margin: 0; color: var(--muted); font-size: .65rem; }
.transients-evaluated[b-9qmkfmcavj] { margin: .2rem 0 0; color: var(--muted); font-size: .55rem; text-align: right; }
.transients-latest dd a[b-9qmkfmcavj] { color: #9bcaff; overflow-wrap: anywhere; }
.transients-candidates .ops-panel-heading .button[b-9qmkfmcavj] { align-self: flex-start; }

.ops-table-wrap .ops-table td small[b-9qmkfmcavj] { display: block; margin-top: .15rem; color: var(--muted); font-size: .55rem; overflow-wrap: anywhere; }
.ops-table-wrap .ops-table td small.failure[b-9qmkfmcavj] { color: #ff9b95; }
.ops-table-wrap .ops-table td a[b-9qmkfmcavj] { color: #9bcaff; }
.ops-table-wrap .ops-table.transients-outcome-table td[b-9qmkfmcavj], .ops-table-wrap .ops-table.transients-candidate-table td[b-9qmkfmcavj] { white-space: normal; }
.ops-table-wrap .ops-table.transients-outcome-table td:first-child[b-9qmkfmcavj], .ops-table-wrap .ops-table.transients-candidate-table td:first-child[b-9qmkfmcavj] { white-space: nowrap; }

.transients-stages[b-9qmkfmcavj] { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.transients-stages li[b-9qmkfmcavj] { padding: .12rem .38rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .52rem; }
.transients-stages li.available[b-9qmkfmcavj] { border-color: rgba(63, 185, 80, .45); color: #7ee2a8; }
.transients-stages li.pending[b-9qmkfmcavj] { border-color: rgba(88, 166, 255, .4); color: #9bcaff; }
.transients-stages li.absent[b-9qmkfmcavj] { opacity: .6; text-decoration: line-through; }

.transients-handoff .ops-note-banner[b-9qmkfmcavj] { margin-bottom: .7rem; }

dialog.action-dialog.transients-dialog[b-9qmkfmcavj] { width: min(calc(100% - 2rem), 40rem); }
.transients-dialog-body[b-9qmkfmcavj] { max-height: min(60vh, 34rem); padding: 0 1.1rem; overflow-y: auto; }
.transients-dialog-body h3[b-9qmkfmcavj] { margin: 1rem 0 .45rem; color: var(--muted-strong); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.transients-dialog-body h3:first-child[b-9qmkfmcavj] { margin-top: 0; }
.transients-dialog-body dd[b-9qmkfmcavj] { overflow-wrap: anywhere; }

@media (max-width: 480px) {
    dialog.action-dialog.transients-dialog[b-9qmkfmcavj] { width: calc(100% - 1rem); }
    .ops-table-wrap .ops-table.transients-outcome-table th[b-9qmkfmcavj], .ops-table-wrap .ops-table.transients-candidate-table th[b-9qmkfmcavj] { padding-inline: .3rem; font-size: .55rem; letter-spacing: 0; }
    .ops-table-wrap .ops-table.transients-outcome-table td[b-9qmkfmcavj], .ops-table-wrap .ops-table.transients-candidate-table td[b-9qmkfmcavj] { padding-inline: .3rem; }
}
/* /Components/Pages/TransientPage.razor.rz.scp.css */
/* events.html / archive-pages.css, including the final seven-column phone calendar override. */
.transient-page[b-bqvlyokvih] {
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --blue-soft: rgba(47, 129, 247, .16);
    --amber-soft: rgba(210, 153, 34, .12);
    --surface: var(--hvo-surface);
    --surface-raised: var(--hvo-surface-elevated);
    --surface-soft: #0a111b;
    box-sizing: border-box;
    width: min(100%, 105rem);
    margin: 0 auto;
    padding: 0 clamp(.75rem, 2.6vw, 2.4rem) 4rem;
    color: var(--text);
}
.transient-page *[b-bqvlyokvih] { box-sizing: border-box; min-width: 0; }
.eyebrow[b-bqvlyokvih] { margin: 0 0 .28rem; color: var(--blue); font-size: .65rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.archive-heading[b-bqvlyokvih] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem; margin-bottom: 1.2rem; }
.archive-heading h1[b-bqvlyokvih] { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .95; letter-spacing: -.045em; }
.archive-heading > div:first-child > p:last-child[b-bqvlyokvih] { max-width: 52rem; margin: .65rem 0 0; color: var(--muted); font-size: .74rem; line-height: 1.45; }
.archive-heading-actions[b-bqvlyokvih] { display: flex; gap: .5rem; align-items: center; }
.event-summary[b-bqvlyokvih] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin-bottom: .8rem; }
.event-summary article[b-bqvlyokvih] { padding: .75rem; border: 1px solid var(--border); border-radius: .45rem; background: rgba(9, 15, 24, .82); }
.event-summary span[b-bqvlyokvih], .event-summary strong[b-bqvlyokvih], .event-summary small[b-bqvlyokvih] { display: block; }
.event-summary span[b-bqvlyokvih] { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.event-summary strong[b-bqvlyokvih] { margin-top: .22rem; font-size: 1rem; }
.event-summary small[b-bqvlyokvih] { margin-top: .13rem; color: var(--muted); font-size: .65rem; }
.event-toolbar[b-bqvlyokvih] { display: grid; grid-template-columns: repeat(3, minmax(10rem, 1fr)) auto; gap: .6rem; align-items: end; margin-bottom: .8rem; padding: .7rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.event-toolbar label[b-bqvlyokvih] { display: grid; gap: .28rem; color: var(--muted-strong); font-size: .65rem; font-weight: 700; }
.event-toolbar select[b-bqvlyokvih], .event-toolbar input[b-bqvlyokvih] { width: 100%; min-height: 2.3rem; padding: .4rem .5rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--surface); font-size: .7rem; }
.event-toolbar select:disabled[b-bqvlyokvih] { opacity: .65; cursor: not-allowed; }
.view-switcher[b-bqvlyokvih] { display: inline-flex; }
.view-switcher button[b-bqvlyokvih] { display: grid; width: 2.35rem; min-height: 2.35rem; place-items: center; border: 1px solid var(--border); color: var(--muted); background: var(--surface); }
.view-switcher button:first-child[b-bqvlyokvih] { border-radius: .38rem 0 0 .38rem; }
.view-switcher button:last-child[b-bqvlyokvih] { border-left: 0; border-radius: 0 .38rem .38rem 0; }
.view-switcher button.active[b-bqvlyokvih] { color: var(--blue); background: var(--blue-soft); }
.view-switcher svg[b-bqvlyokvih] { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.event-result-count[b-bqvlyokvih] { margin: .2rem 0 .65rem; color: var(--muted); font-size: .65rem; }
.event-results[b-bqvlyokvih] { display: grid; gap: .65rem; }
.event-card[b-bqvlyokvih] { display: grid; grid-template-columns: 15rem minmax(0, 1fr) 13rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); overflow: hidden; }
.event-card-media[b-bqvlyokvih] { position: relative; display: block; min-height: 10rem; color: var(--text); background: #000; text-decoration: none; }
.event-card-media img[b-bqvlyokvih] { position: absolute; width: 100%; height: 100%; object-fit: contain; }
.event-card-media > span[b-bqvlyokvih] { position: absolute; z-index: 2; right: .5rem; bottom: .5rem; left: .5rem; padding: .24rem .38rem; border-radius: .25rem; background: rgba(5, 8, 13, .84); font-size: .65rem; }
.event-media-placeholder[b-bqvlyokvih] { display: grid; min-height: 10rem; height: 100%; padding: 1rem; place-items: center; color: var(--muted); font-size: .7rem; text-align: center; }
.event-card-main[b-bqvlyokvih] { padding: .8rem; }
.event-card-main > header[b-bqvlyokvih] { display: flex; justify-content: space-between; gap: .7rem; align-items: flex-start; }
.event-card-main h2[b-bqvlyokvih] { margin: 0; font-size: .82rem; }
.event-card-main p[b-bqvlyokvih] { margin: .3rem 0 .65rem; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.event-card-main > a[b-bqvlyokvih] { display: inline-flex; align-items: center; font-size: .65rem; font-weight: 700; text-decoration: none; }
.classification-chip[b-bqvlyokvih] { padding: .2rem .38rem; border-radius: 999px; color: var(--muted); background: var(--surface-raised); font-size: .65rem; font-weight: 750; }
.classification-chip.fireball[b-bqvlyokvih] { color: #f1c96f; background: var(--amber-soft); }
.classification-chip.meteor[b-bqvlyokvih] { color: #c9b1f4; background: rgba(188, 140, 255, .12); }
.classification-chip.satellite[b-bqvlyokvih] { color: #39c5cf; background: rgba(57, 197, 207, .12); }
.classification-chip.aircraft[b-bqvlyokvih] { color: #c9b1f4; background: rgba(188, 140, 255, .12); }
.event-card-facts[b-bqvlyokvih] { display: grid; align-content: center; margin: 0; padding: .7rem; border-left: 1px solid var(--border); background: rgba(13, 20, 32, .5); }
.event-card-facts > div[b-bqvlyokvih] { padding: .4rem 0; border-top: 1px solid var(--border); }
.event-card-facts > div:first-child[b-bqvlyokvih] { border-top: 0; }
.event-card-facts dt[b-bqvlyokvih] { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.event-card-facts dd[b-bqvlyokvih] { margin: .15rem 0 0; font-size: .65rem; font-weight: 700; }
.event-local-evidence[b-bqvlyokvih] { margin-top: .5rem; font-size: .65rem; }
.event-local-evidence summary[b-bqvlyokvih] { color: var(--muted); cursor: pointer; }
.event-local-evidence dl[b-bqvlyokvih] { margin: .5rem 0 0; }
.event-local-evidence dt[b-bqvlyokvih] { color: var(--muted); }
.event-local-evidence dd[b-bqvlyokvih] { margin: .2rem 0 .5rem; }
.event-local-evidence code[b-bqvlyokvih] { overflow-wrap: anywhere; }
.event-calendar-panel[b-bqvlyokvih] { padding: .9rem; border: 1px solid var(--border); border-radius: .5rem; background: rgba(9, 15, 24, .86); }
.event-month-heading[b-bqvlyokvih] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }
.event-month-heading h2[b-bqvlyokvih] { margin: 0; font-size: .9rem; }
.event-month-weekdays[b-bqvlyokvih], .event-month-grid[b-bqvlyokvih] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .35rem; }
.event-month-weekdays[b-bqvlyokvih] { margin-bottom: .35rem; color: var(--muted); font-size: .65rem; text-align: center; }
.event-month-day[b-bqvlyokvih] { min-height: 6rem; padding: .45rem; border: 1px solid var(--border); border-radius: .35rem; background: var(--surface-soft); font-size: .65rem; }
.event-month-day.outside[b-bqvlyokvih] { visibility: hidden; }
.event-month-day.has-event[b-bqvlyokvih] { border-color: rgba(210, 153, 34, .5); background: var(--amber-soft); }
.event-month-day a[b-bqvlyokvih] { display: block; margin-top: .45rem; color: #f1c96f; font-size: .65rem; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.event-calendar-empty[b-bqvlyokvih] { margin: .75rem 0 0; color: var(--muted); font-size: .65rem; }
.page-state[b-bqvlyokvih] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: .5rem; background: var(--surface); font-size: .8rem; }
.page-state p[b-bqvlyokvih] { margin: .4rem 0 0; color: var(--muted); }
.page-state--error[b-bqvlyokvih] { color: var(--hvo-warning-fg); }
.range-state[b-bqvlyokvih] { margin-bottom: .7rem; color: var(--muted); font-size: .7rem; }
.cursor-nav[b-bqvlyokvih] { display: flex; justify-content: space-between; gap: .5rem; margin-top: .8rem; }
a[b-bqvlyokvih], button[b-bqvlyokvih], select[b-bqvlyokvih], input[b-bqvlyokvih], summary[b-bqvlyokvih] { outline-offset: 3px; }
@media (max-width: 1100px) {
    .event-card[b-bqvlyokvih] { grid-template-columns: 12rem minmax(0, 1fr); }
    .event-card-facts[b-bqvlyokvih] { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); border-left: 0; }
    .event-card-facts > div[b-bqvlyokvih] { padding: .4rem; border-top: 0; border-left: 1px solid var(--border); }
    .event-card-facts > div:first-child[b-bqvlyokvih] { border-left: 0; }
}
@media (max-width: 850px) {
    .archive-heading[b-bqvlyokvih] { display: grid; align-items: start; }
    .event-toolbar[b-bqvlyokvih] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
    .transient-page[b-bqvlyokvih] { padding: 0 .65rem 3rem; }
    .event-summary[b-bqvlyokvih] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .event-toolbar[b-bqvlyokvih], .event-card[b-bqvlyokvih], .event-card-facts[b-bqvlyokvih] { grid-template-columns: 1fr; }
    .archive-heading-actions .btn[b-bqvlyokvih] { flex: 1; }
    .event-card-media[b-bqvlyokvih], .event-media-placeholder[b-bqvlyokvih] { min-height: 13rem; }
    .event-card-facts > div[b-bqvlyokvih] { border-top: 1px solid var(--border); border-left: 0; }
    .event-month-day[b-bqvlyokvih] { min-height: 4rem; padding: .25rem; }
    .page-state[b-bqvlyokvih] { flex-wrap: wrap; }
}
@media (pointer: coarse) {
    .btn[b-bqvlyokvih], .view-switcher button[b-bqvlyokvih], .event-toolbar input[b-bqvlyokvih], .event-toolbar select[b-bqvlyokvih], .event-card-main > a[b-bqvlyokvih], summary[b-bqvlyokvih], .event-month-day a[b-bqvlyokvih], .range-state a[b-bqvlyokvih], .event-calendar-empty a[b-bqvlyokvih] { min-height: 44px; }
    .view-switcher button[b-bqvlyokvih] { min-width: 44px; }
    summary[b-bqvlyokvih], .event-month-day a[b-bqvlyokvih] { display: flex; align-items: center; }
    .range-state a[b-bqvlyokvih], .event-calendar-empty a[b-bqvlyokvih] { display: inline-flex; align-items: center; }
}
/* /Components/Presentation/ArchiveCard.razor.rz.scp.css */
/* Ported from cameraagent-pages.css .capture-card rules (lines 88-101, 293-331). The prototype's demo
   brightness filters for product-causal/single/raw are deliberately not applied to scientific data. */
.capture-card[b-iu6vsu2kva] {
    --border: var(--hvo-border-muted);
    --border-strong: var(--hvo-border-strong);
    --text: var(--hvo-body-color);
    --muted: var(--hvo-muted);
    --muted-strong: var(--hvo-muted-strong);
    --blue: #58a6ff;
    --surface: var(--hvo-surface);
    --green: #3fb950;
    --amber: #d29922;
    --red: #f85149;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: rgba(9, 15, 24, .86);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .16);
    transition: border-color .15s, transform .15s;
}
.capture-card:hover[b-iu6vsu2kva] { border-color: var(--border-strong); }
.capture-image[b-iu6vsu2kva] { position: relative; display: block; min-height: 13rem; color: var(--text); background: #000; overflow: hidden; text-decoration: none; }
/* The image is rendered by RetainedPreviewImage; anchor its styling to this card's scoped link. */
.capture-image[b-iu6vsu2kva]  img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; }
.capture-image-placeholder[b-iu6vsu2kva] { display: grid; min-height: 13rem; place-items: center; align-content: center; gap: .35rem; padding: 1rem; color: var(--muted); text-align: center; background: repeating-linear-gradient(135deg, #070c13 0 8px, #0a111b 8px 16px); }
.capture-image-placeholder b[b-iu6vsu2kva] { color: var(--text); font-size: .72rem; }
.capture-image-placeholder small[b-iu6vsu2kva] { font-size: .58rem; }
.capture-card-body[b-iu6vsu2kva] { padding: .7rem; }
.capture-card-heading[b-iu6vsu2kva] { display: flex; justify-content: space-between; align-items: flex-start; gap: .65rem; }
.capture-card-heading strong[b-iu6vsu2kva], .capture-card-heading span[b-iu6vsu2kva] { display: block; }
.capture-card-heading strong[b-iu6vsu2kva] { font-size: .75rem; }
.capture-card-heading span[b-iu6vsu2kva] { margin-top: .15rem; color: var(--muted-strong); font-size: .62rem; }
.capture-card-heading time[b-iu6vsu2kva] { flex: 0 0 auto; color: var(--muted-strong); font: .58rem ui-monospace, monospace; }
.capture-card-meta[b-iu6vsu2kva], .capture-card-summary[b-iu6vsu2kva], .capture-card-event[b-iu6vsu2kva] { margin: .45rem 0 0; color: var(--muted); font-size: .62rem; line-height: 1.45; }
.capture-card-event[b-iu6vsu2kva] { display: flex; flex-wrap: wrap; gap: .25rem .75rem; color: #f1c96f; }
.capture-card-event a[b-iu6vsu2kva] { color: inherit; }
.capture-card-facts[b-iu6vsu2kva] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: .65rem 0 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.capture-card-facts > div[b-iu6vsu2kva] { min-width: 0; padding: .5rem .25rem; }
.capture-card-facts dt[b-iu6vsu2kva] { color: var(--muted); font-size: .5rem; text-transform: uppercase; }
.capture-card-facts dd[b-iu6vsu2kva] { margin: .17rem 0 0; overflow: hidden; color: var(--muted-strong); font-size: .59rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.capture-card-actions[b-iu6vsu2kva] { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: .4rem 1.1rem; margin-top: .65rem; }
.capture-card-actions :is(a, span)[b-iu6vsu2kva] { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--blue); font-size: .68rem; font-weight: 700; text-decoration: underline; text-underline-offset: .18rem; }
.capture-card-actions a:hover[b-iu6vsu2kva] { color: var(--text); }
.capture-card-actions .run-link--disabled[b-iu6vsu2kva] { color: var(--muted); cursor: not-allowed; text-decoration: none; }
.pipeline-state[b-iu6vsu2kva] { display: inline-flex; align-items: center; gap: .3rem; }
.status-icon[b-iu6vsu2kva] { position: relative; display: inline-grid; flex: 0 0 auto; width: .85rem; height: .85rem; place-items: center; border-radius: 50%; }
.status-icon[b-iu6vsu2kva]::after { color: #07110a; font-weight: 900; line-height: 1; content: ""; }
.status-icon.success[b-iu6vsu2kva] { background: var(--green); }
.status-icon.success[b-iu6vsu2kva]::after { content: "\2713"; }
.status-icon.warning[b-iu6vsu2kva] { background: var(--amber); }
.status-icon.warning[b-iu6vsu2kva]::after { color: #1d1504; content: "!"; }
.status-icon.failure[b-iu6vsu2kva] { background: var(--red); }
.status-icon.failure[b-iu6vsu2kva]::after { color: white; content: "\00d7"; }
.status-icon.pending[b-iu6vsu2kva] { border: 2px solid var(--muted); }
.status-icon.skipped[b-iu6vsu2kva] { border: 2px solid var(--muted); }
.status-icon.skipped[b-iu6vsu2kva]::after { width: .5rem; height: 1px; background: var(--muted); content: ""; }
.status-icon.running[b-iu6vsu2kva] { border: 2px solid var(--blue); border-top-color: transparent; animation: archive-spin-b-iu6vsu2kva 1s linear infinite; }
@keyframes archive-spin-b-iu6vsu2kva { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .status-icon.running[b-iu6vsu2kva] { animation: none; } }
@media (pointer: coarse) { .capture-card-event a[b-iu6vsu2kva] { display: inline-flex; min-height: 44px; align-items: center; } }
:is(a, button):focus-visible[b-iu6vsu2kva] { outline: 3px solid rgba(88, 166, 255, .65); outline-offset: 2px; }
/* /Components/Presentation/CaptureImage.razor.rz.scp.css */
.capture-image[b-ml172a5rv7] { position: relative; width: 100%; max-width: 100%; min-height: clamp(18rem, 58vh, 46rem); display: grid; place-items: center; overflow: hidden; border: 1px solid var(--hvo-border-muted); border-radius: 1rem; background: radial-gradient(circle at 50% 40%, rgba(35, 78, 112, .22), transparent 48%), #02060a; box-shadow: var(--hvo-panel-shadow); }
.capture-image img[b-ml172a5rv7] { width: 100%; height: 100%; min-height: 0; max-height: 70vh; object-fit: contain; }
.capture-image__state[b-ml172a5rv7] { max-width: 34rem; display: grid; justify-items: center; gap: .5rem; padding: 2rem; color: var(--hvo-muted); text-align: center; }
.capture-image__state strong[b-ml172a5rv7] { color: var(--hvo-body-color); font-size: 1.05rem; }
.capture-image__state i[b-ml172a5rv7] { font-size: 2rem; }
.capture-image__pulse[b-ml172a5rv7] { width: 3rem; height: 3rem; border: .25rem solid var(--hvo-border-stronger); border-top-color: var(--hvo-info-strong); border-radius: 999px; animation: capture-image-spin-b-ml172a5rv7 1.1s linear infinite; }
.capture-image__actions[b-ml172a5rv7] { position: absolute; right: .8rem; bottom: .8rem; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
@keyframes capture-image-spin-b-ml172a5rv7 { to { transform: rotate(360deg); } }
@media (max-width: 640px) { .capture-image[b-ml172a5rv7] { min-height: 16rem; } .capture-image__actions[b-ml172a5rv7] { position: static; width: 100%; align-self: end; justify-content: stretch; border-radius: 0; } .capture-image__actions[b-ml172a5rv7]  :is(a, button) { flex: 1 1 9rem; } }
@media (max-height: 500px) and (orientation: landscape) { .capture-image[b-ml172a5rv7] { min-height: 15rem; max-height: calc(100dvh - 6rem); } .capture-image img[b-ml172a5rv7] { max-height: calc(100dvh - 6rem); } }
@media (prefers-reduced-motion: reduce) { .capture-image__pulse[b-ml172a5rv7] { animation: none; } }
/* /Components/Presentation/ImageStageSelector.razor.rz.scp.css */
.stage-selector[b-2mjju1gngx] { margin-top: .8rem; }
.stage-selector__unavailable[b-2mjju1gngx] { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .45rem 0 0; color: var(--hvo-muted); font-size: .78rem; }
.stage-selector__reason strong[b-2mjju1gngx] { color: var(--hvo-muted-strong); font-weight: 600; }
@media (max-width: 520px) { .stage-selector[b-2mjju1gngx] { display: flex; width: 100%; } .stage-selector__button[b-2mjju1gngx] { flex: 1 1 auto; } }
/* /Components/Presentation/LargeImageViewer.razor.rz.scp.css */
.large-viewer[b-r86xt6z5eo] { width: min(calc(100% - 1.5rem), 96rem); height: min(calc(100dvh - 1.5rem), 64rem); max-width: none; max-height: none; grid-template-rows: auto minmax(0, 1fr) auto; padding: 0; border: 1px solid var(--hvo-border-stronger); border-radius: 1rem; color: var(--hvo-body-color); background: #050b12; box-shadow: 0 28px 80px rgba(0, 0, 0, .8); overflow: hidden; }
.large-viewer[open][b-r86xt6z5eo] { display: grid; }
.large-viewer[b-r86xt6z5eo]::backdrop { background: rgba(0, 3, 8, .92); backdrop-filter: blur(4px); }
.large-viewer header[b-r86xt6z5eo], .large-viewer footer[b-r86xt6z5eo] { display: flex; align-items: center; gap: 1rem; padding: .75rem 1rem; background: var(--hvo-surface-elevated); }
.large-viewer header[b-r86xt6z5eo] { border-bottom: 1px solid var(--hvo-border-muted); }
.large-viewer footer[b-r86xt6z5eo] { justify-content: space-between; border-top: 1px solid var(--hvo-border-muted); color: var(--hvo-muted); font-size: .75rem; }
.large-viewer header > div[b-r86xt6z5eo] { margin-right: auto; }
.large-viewer header p[b-r86xt6z5eo] { margin: 0; color: var(--hvo-info-fg); font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }
.large-viewer h2[b-r86xt6z5eo] { margin: .1rem 0 0; font-size: 1rem; }
.large-viewer__close[b-r86xt6z5eo] { width: 2.5rem; height: 2.5rem; min-height: 0; padding: 0; }
.large-viewer__body[b-r86xt6z5eo] { min-width: 0; min-height: 0; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); }
.large-viewer__body--details[b-r86xt6z5eo] { grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); }
.large-viewer__details[b-r86xt6z5eo] { min-width: 0; min-height: 0; padding: 1rem; overflow: auto; border-left: 1px solid var(--hvo-border-muted); background: var(--hvo-surface-elevated); font-size: .75rem; }
.large-viewer__canvas[b-r86xt6z5eo] { min-width: 0; min-height: 0; display: grid; place-items: center; overflow: auto; background: #010307; }
.large-viewer__canvas img[b-r86xt6z5eo] { display: block; max-width: 100%; max-height: var(--large-viewer-fit-height, 100%); object-fit: contain; }
.large-viewer__canvas--native[b-r86xt6z5eo] { place-items: start; }
.large-viewer__canvas--native img[b-r86xt6z5eo] { max-width: none; max-height: none; }
:is(button):focus-visible[b-r86xt6z5eo] { outline: 3px solid var(--hvo-info-strong); outline-offset: 3px; }
@media (max-width: 850px) { .large-viewer__body--details[b-r86xt6z5eo] { --large-viewer-fit-height: 70dvh; grid-template: minmax(max-content, 1fr) max-content / minmax(0, 1fr); overflow: auto; } .large-viewer__body--details .large-viewer__canvas[b-r86xt6z5eo] { min-height: 12rem; } .large-viewer__details[b-r86xt6z5eo] { overflow: visible; border-top: 1px solid var(--hvo-border-muted); border-left: 0; } }
@media (max-width: 640px) { .large-viewer[b-r86xt6z5eo] { width: 100%; height: 100dvh; border: 0; border-radius: 0; } .large-viewer footer[b-r86xt6z5eo] { align-items: flex-start; flex-direction: column; } }
@media (max-height: 500px) and (orientation: landscape) { .large-viewer[b-r86xt6z5eo] { width: 100%; height: 100dvh; border: 0; border-radius: 0; } .large-viewer header[b-r86xt6z5eo], .large-viewer footer[b-r86xt6z5eo] { padding-block: .35rem; } .large-viewer footer > span[b-r86xt6z5eo] { display: none; } }
/* /Components/Presentation/TimeLapseDayProducts.razor.rz.scp.css */
.time-lapse-day[b-rkv5n05wt1] { padding: 1rem; border: 1px solid var(--hvo-border, #384354); border-radius: .75rem; min-width: 0; }
.time-lapse-day p[b-rkv5n05wt1] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0; }
.time-lapse-day small[b-rkv5n05wt1] { flex-basis: 100%; overflow-wrap: anywhere; }
.time-lapse-day__note[b-rkv5n05wt1] { color: var(--hvo-muted, #b3bdca); font-size: .9rem; }
/* /Components/Presentation/TimeLapseLibraryView.razor.rz.scp.css */
.video-library[b-mjavtm3krf] { margin-top: 2rem; border-top: 1px solid var(--hvo-border, #384354); padding-top: 1rem; }
.video-library li[b-mjavtm3krf] { margin-block: .5rem; }
/* /Components/Presentation/TimeLapsePlayer.razor.rz.scp.css */
.time-lapse-player[b-5c2f3ogliv] { display: grid; gap: .45rem; margin: 0; }
.time-lapse-player__frame[b-5c2f3ogliv] { position: relative; width: min(100%, calc(var(--time-lapse-max-height, 26rem) * var(--time-lapse-width-per-height))); aspect-ratio: var(--time-lapse-aspect); margin: 0 auto; overflow: hidden; border-radius: .4rem; background: #010307; }
.time-lapse-player__frame video[b-5c2f3ogliv], .time-lapse-player__frame img[b-5c2f3ogliv] { display: block; width: 100%; height: 100%; object-fit: contain; }
.time-lapse-player__reveal[b-5c2f3ogliv], .time-lapse-player__fallback[b-5c2f3ogliv] { display: grid; width: 100%; height: 100%; margin: 0; padding: 1rem; place-content: center; justify-items: center; gap: .45rem; color: var(--hvo-muted); text-align: center; font-size: .72rem; }
.time-lapse-player__reveal[b-5c2f3ogliv] { min-height: 0; border: 0; background: transparent; cursor: pointer; }
.time-lapse-player__reveal i[b-5c2f3ogliv], .time-lapse-player__fallback i[b-5c2f3ogliv] { font-size: 1.8rem; }
.time-lapse-player__reveal:hover[b-5c2f3ogliv] { color: var(--hvo-body-color); }
.time-lapse-player figcaption[b-5c2f3ogliv] { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; color: var(--hvo-muted); font-size: .66rem; }
.time-lapse-player figcaption a[b-5c2f3ogliv] { flex: none; color: #58a6ff; font-weight: 700; text-decoration: none; }
:is(button, a):focus-visible[b-5c2f3ogliv] { outline: 3px solid var(--hvo-info-strong); outline-offset: 3px; }
/* /Components/Shared/ErrorDisplay.razor.rz.scp.css */
.error-display[b-mwgicza4ud] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    align-items: flex-start;
    padding: clamp(1.25rem, 2vw, 2rem);
    border-radius: var(--hvo-border-radius-xl, 1.25rem);
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.18), rgba(220, 53, 69, 0.06));
    border: 1px solid rgba(220, 53, 69, 0.35);
    box-shadow: 0 1.5rem 3rem -2rem rgba(0, 0, 0, 0.8);
    color: var(--hvo-body-color);
}

.error-display__icon[b-mwgicza4ud] {
    font-size: 2.5rem;
    color: var(--hvo-danger, #ff6b6b);
}

.error-display__content[b-mwgicza4ud] {
    min-width: 0;
}

.error-display__title[b-mwgicza4ud] {
    font-size: 1.45rem;
    margin-bottom: 0.25rem;
}

.error-display__message[b-mwgicza4ud] {
    margin-bottom: 0.75rem;
    color: var(--hvo-body-color);
}

.error-display__correlation[b-mwgicza4ud] {
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.error-display__correlation-label[b-mwgicza4ud] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-right: 0.5rem;
}

.error-display__correlation code[b-mwgicza4ud] {
    overflow-wrap: anywhere;
}

.error-display__actions[b-mwgicza4ud] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-o439upc62l] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.page-header h1[b-o439upc62l] { margin: 0; font-family: var(--hvo-font-family); font-size: clamp(1.8rem, 3.5vw, 3.4rem); font-weight: 750; line-height: 1.05; letter-spacing: -.035em; }
.eyebrow[b-o439upc62l] { margin: 0 0 .3rem; color: var(--hvo-info-fg); font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lead-copy[b-o439upc62l] { max-width: 50rem; margin: .7rem 0 0; color: var(--hvo-muted); }
.page-header__aside[b-o439upc62l] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
@media (max-width: 680px) { .page-header[b-o439upc62l] { display: grid; } .page-header__aside[b-o439upc62l] { justify-content: flex-start; } }
@media (max-height: 500px) and (orientation: landscape) { .page-header[b-o439upc62l] { margin-bottom: .5rem; } .page-header > div:first-child[b-o439upc62l] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } }
/* /Components/Shared/PageStateNotice.razor.rz.scp.css */
.page-state[b-gosshke9tl] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 5rem; margin: 0 0 1rem; padding: 1rem 1.2rem; border: 1px solid var(--hvo-border-muted); border-radius: .75rem; background: var(--hvo-surface-elevated); }
.page-state strong[b-gosshke9tl], .page-state p[b-gosshke9tl] { margin: 0; }
.page-state p[b-gosshke9tl] { color: var(--hvo-muted); }
.page-state--error[b-gosshke9tl] { border-color: var(--hvo-danger-strong); background: var(--hvo-danger-bg); }
.page-state--warning[b-gosshke9tl] { border-color: var(--hvo-warning-fg); background: var(--hvo-warning-bg); }
.page-state--info[b-gosshke9tl] { border-left: 3px solid var(--hvo-info-strong); background: var(--hvo-info-bg); }
.page-state__actions[b-gosshke9tl] { display: flex; flex-wrap: wrap; gap: .5rem; }
.page-state__actions[b-gosshke9tl]  :is(a, button) { min-height: 44px; }
@media (max-width: 680px) { .page-state[b-gosshke9tl] { flex-direction: column; align-items: flex-start; } }