/* /Components/Common/DestructiveActionCard.razor.rz.scp.css */
.danger-confirmation[b-xqbeode22u] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 1rem;
    max-width: 46rem;
    margin: 1rem 0;
    padding: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--bs-danger) 36%, var(--bs-border-color));
    border-radius: .75rem;
    background: color-mix(in srgb, var(--bs-danger-bg-subtle) 62%, var(--bs-body-bg));
    box-shadow: 0 .4rem 1.2rem rgba(65, 20, 24, .08);
}

.danger-confirmation__icon[b-xqbeode22u] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--bs-danger);
    color: var(--bs-white);
    font-size: 1.15rem;
    font-weight: 800;
}

.danger-confirmation h2[b-xqbeode22u] { margin: 0 0 .35rem; font-size: 1.05rem; font-weight: 700; }
.danger-confirmation p[b-xqbeode22u] { max-width: 68ch; margin: 0; }
.danger-confirmation__consequence[b-xqbeode22u] { margin-top: .45rem !important; color: var(--bs-danger-text-emphasis); font-weight: 600; }
.danger-confirmation__actions[b-xqbeode22u] { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }

@media (max-width: 575.98px) {
    .danger-confirmation[b-xqbeode22u] { grid-template-columns: 1fr; }
    .danger-confirmation__actions .btn[b-xqbeode22u] { flex: 1 1 auto; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7u3j291b8h] { min-height: 100vh; display: flex; flex-direction: column; background: var(--app-canvas); }
main[b-7u3j291b8h] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sidebar[b-7u3j291b8h] { background: var(--app-sidebar); border-right: 1px solid var(--app-sidebar-border); }
.top-header[b-7u3j291b8h] { min-height: 4.5rem; padding: .7rem 1.5rem; display: flex; align-items: center; gap: 1.25rem; color: oklch(96% .008 225); background: var(--app-header); border-bottom: 1px solid oklch(34% .025 250); position: sticky; top: 0; z-index: 30; box-shadow: 0 5px 18px oklch(16% .03 250 / .16); }
.header-context[b-7u3j291b8h] { display: grid; line-height: 1.15; min-width: 0; }
.header-context strong[b-7u3j291b8h] { font-size: .98rem; letter-spacing: -.01em; color: oklch(97% .006 225); }
.header-eyebrow[b-7u3j291b8h] { margin-bottom: .22rem; color: oklch(73% .025 230); font-size: .67rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.header-actions[b-7u3j291b8h] { display: flex; align-items: center; }
.header-secure[b-7u3j291b8h] { color: oklch(76% .018 230); font-size: .74rem; font-weight: 650; }
.header-secure span[b-7u3j291b8h] { margin-right: .3rem; color: var(--app-success); font-size: .6rem; }
.user-pill[b-7u3j291b8h] { padding: .25rem .35rem; border-radius: .65rem; }
.user-avatar[b-7u3j291b8h] { width: 2.25rem; height: 2.25rem; border-radius: .55rem; background: var(--app-accent); color: oklch(99% .002 220); font-weight: 800; font-size: .82rem; display: grid; place-items: center; box-shadow: 0 4px 12px oklch(69% .13 203 / .22); flex-shrink: 0; }
.user-meta .user-name[b-7u3j291b8h] { max-width: 10rem; color: oklch(96% .007 225); font-size: .82rem; line-height: 1.2; }
.user-meta .user-role[b-7u3j291b8h] { color: oklch(70% .02 230); font-size: .68rem; line-height: 1.2; }
.content[b-7u3j291b8h] { flex: 1; padding: 1.5rem; }
@media (max-width: 640.98px) { .top-header[b-7u3j291b8h] { min-height: 4rem; padding-inline: .9rem; } .header-eyebrow[b-7u3j291b8h] { display: none; } .content[b-7u3j291b8h] { padding: 1rem .75rem; } }
@media (min-width: 641px) { .page[b-7u3j291b8h] { flex-direction: row; } .sidebar[b-7u3j291b8h] { width: 16.5rem; height: 100vh; position: sticky; top: 0; flex: 0 0 16.5rem; } }
#blazor-error-ui[b-7u3j291b8h] { color-scheme: light only; background: var(--app-warning-soft); border-top: 1px solid var(--app-warning-border); bottom: 0; box-shadow: 0 -1px 8px oklch(18% .02 250 / .16); display: none; left: 0; padding: .7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
/* /Components/Layout/NotificationCenter.razor.rz.scp.css */
.notification-center[b-vn3rwihmyp] {
    position: relative;
    display: flex;
    align-items: center;
}

.header-notification-icon[b-vn3rwihmyp] {
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: 50%;
    background: oklch(29% .03 250);
    border: 1px solid oklch(40% .025 245);
    display: grid;
    place-items: center;
    cursor: pointer;
    color: oklch(84% .015 225);
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}
.header-notification-icon:hover[b-vn3rwihmyp] {
    background: oklch(36% .045 225);
    border-color: var(--app-accent);
    color: var(--app-accent);
}
.header-notification-icon.is-open[b-vn3rwihmyp] {
    color: var(--app-accent);
    background: oklch(36% .045 225);
    border-color: var(--app-accent);
    box-shadow: 0 0 0 3px oklch(67% .13 204 / .15);
}
.header-notification-icon:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.notification-bell[b-vn3rwihmyp] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.notification-badge[b-vn3rwihmyp] {
    position: absolute;
    top: -0.15rem;
    right: -0.25rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 .25rem;
    background: var(--app-accent);
    color: oklch(99% .002 220);
    border-radius: 999px;
    border: 2px solid var(--app-header);
    display: grid;
    place-items: center;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 2px 6px oklch(67% .13 204 / .34);
}

.notification-panel[b-vn3rwihmyp] {
    position: absolute;
    top: calc(100% + .7rem);
    right: 0;
    width: min(24rem, calc(100vw - 2rem));
    max-height: min(37rem, calc(100vh - 6rem));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .9rem;
    box-shadow: 0 20px 48px rgba(31, 41, 55, .16), 0 4px 12px rgba(31, 41, 55, .08);
    z-index: 100;
    animation: notification-panel-in-b-vn3rwihmyp 140ms ease-out;
}
.notification-panel:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

.notification-panel-header[b-vn3rwihmyp] {
    padding: 1rem 1rem .8rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    border-bottom: 1px solid #EDF2F7;
}
.notification-panel-header h2[b-vn3rwihmyp] {
    margin: 0;
    color: #1F2937;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -.01em;
}
.notification-panel-header p[b-vn3rwihmyp] {
    margin: .25rem 0 0;
    color: #718096;
    font-size: .75rem;
    line-height: 1.4;
}
.notification-panel-actions[b-vn3rwihmyp] {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex: 0 0 auto;
}
.notification-refresh[b-vn3rwihmyp],
.notification-close[b-vn3rwihmyp] {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 0;
    border-radius: .45rem;
    display: grid;
    place-items: center;
    color: #718096;
    background: transparent;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}
.notification-refresh:hover[b-vn3rwihmyp],
.notification-close:hover[b-vn3rwihmyp] {
    color: var(--app-accent);
    background: var(--app-accent-soft);
}
.notification-refresh:focus-visible[b-vn3rwihmyp],
.notification-close:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: 1px;
}
.notification-refresh:disabled[b-vn3rwihmyp] {
    cursor: wait;
    opacity: .5;
}

.notification-summary[b-vn3rwihmyp] {
    padding: .55rem 1rem;
    color: oklch(40% .08 204);
    background: var(--app-accent-soft);
    border-bottom: 1px solid oklch(84% .06 204);
    font-size: .73rem;
}
.notification-summary strong[b-vn3rwihmyp] {
    color: oklch(40% .10 204);
}

.notification-list[b-vn3rwihmyp] {
    overflow-y: auto;
    overscroll-behavior: contain;
}
.notification-item[b-vn3rwihmyp] {
    position: relative;
    padding: .85rem 1rem;
    display: grid;
    grid-template-columns: .55rem minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: start;
    color: inherit;
    width: 100%;
    background: transparent;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 120ms ease;
}
.notification-item:hover[b-vn3rwihmyp] {
    background: #F8FAFC;
}
.notification-item:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: -2px;
    background: #F8FAFC;
}
.notification-indicator[b-vn3rwihmyp] {
    width: .55rem;
    height: .55rem;
    margin-top: .28rem;
    border-radius: 50%;
    background: #94A3B8;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .12);
}
.notification-critical .notification-indicator[b-vn3rwihmyp] {
    background: #DC2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12);
}
.notification-warning .notification-indicator[b-vn3rwihmyp] {
    background: #F59E0B;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .13);
}
.notification-success .notification-indicator[b-vn3rwihmyp] {
    background: #10B981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .12);
}
.notification-copy[b-vn3rwihmyp] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}
.notification-title[b-vn3rwihmyp] {
    color: #2D3748;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.35;
}
.notification-message[b-vn3rwihmyp] {
    color: #64748B;
    font-size: .73rem;
    line-height: 1.45;
}
.notification-time[b-vn3rwihmyp] {
    color: #94A3B8;
    font-size: .67rem;
    line-height: 1.3;
}
.notification-chevron[b-vn3rwihmyp] {
    margin-top: .05rem;
    color: #CBD5E1;
    font-size: 1.1rem;
    line-height: 1;
}

.notification-state[b-vn3rwihmyp],
.notification-empty[b-vn3rwihmyp] {
    min-height: 9rem;
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    text-align: center;
    color: #64748B;
    font-size: .76rem;
    line-height: 1.45;
}
.notification-state-error[b-vn3rwihmyp] {
    color: #991B1B;
    background: #FFF7F7;
}
.notification-state-error strong[b-vn3rwihmyp],
.notification-empty strong[b-vn3rwihmyp] {
    color: #334155;
    font-size: .84rem;
}
.notification-state-error strong[b-vn3rwihmyp] {
    color: #991B1B;
}
.notification-state-error button[b-vn3rwihmyp] {
    margin-top: .2rem;
    padding: .35rem .75rem;
    border: 1px solid #FCA5A5;
    border-radius: .45rem;
    color: #991B1B;
    background: #FFFFFF;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}
.notification-state-error button:hover[b-vn3rwihmyp] {
    background: #FEF2F2;
}
.notification-state-error button:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: 1px;
}
.notification-spinner[b-vn3rwihmyp] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #E2E8F0;
    border-top-color: var(--app-accent);
    border-radius: 50%;
    animation: notification-spin-b-vn3rwihmyp 700ms linear infinite;
}
.notification-empty-icon[b-vn3rwihmyp] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #047857;
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    font-size: 1rem;
    font-weight: 800;
}

.notification-panel-footer[b-vn3rwihmyp] {
    padding: .7rem 1rem;
    border-top: 1px solid #EDF2F7;
    background: #FAFBFC;
    text-align: center;
}
.notification-panel-footer a[b-vn3rwihmyp] {
    color: var(--app-accent);
    font-size: .74rem;
    font-weight: 700;
    text-decoration: none;
}
.notification-panel-footer a:hover[b-vn3rwihmyp] {
    text-decoration: underline;
}
.notification-panel-footer a:focus-visible[b-vn3rwihmyp] {
    outline: 2px solid var(--app-focus);
    outline-offset: 2px;
}

@media (max-width: 640.98px) {
    .notification-panel[b-vn3rwihmyp] {
        position: fixed;
        top: 4.25rem;
        right: .75rem;
        left: .75rem;
        width: auto;
        max-height: calc(100dvh - 5rem);
    }
}

@keyframes notification-panel-in-b-vn3rwihmyp {
    from { opacity: 0; transform: translateY(-.25rem) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

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

@media (prefers-reduced-motion: reduce) {
    .notification-panel[b-vn3rwihmyp],
    .notification-spinner[b-vn3rwihmyp] {
        animation: none;
    }
}
/* /Components/Layout/PathologyNavMenu.razor.rz.scp.css */
.nav-brand[b-fez709zw6d] { min-height: 4.5rem; padding: .8rem 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--app-sidebar-border); background: var(--app-sidebar); }
.sidebar-collapse-toggle[b-fez709zw6d] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sidebar-collapse-label[b-fez709zw6d] { width: 2rem; height: 2rem; border: 1px solid oklch(42% .025 250); border-radius: .45rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--app-sidebar-muted); cursor: pointer; background: oklch(27% .028 250); transition: color 160ms ease-out, background-color 160ms ease-out, border-color 160ms ease-out; }
.sidebar-collapse-label:hover[b-fez709zw6d] { color: var(--app-accent-soft); background: oklch(32% .035 240); border-color: var(--app-accent); }
.sidebar-collapse-label:focus-visible[b-fez709zw6d], .sidebar-collapse-toggle:focus-visible ~ .nav-brand .sidebar-collapse-label[b-fez709zw6d] { outline: 2px solid var(--app-focus); outline-offset: 2px; }
.sidebar-collapse-label span[b-fez709zw6d] { font-size: 1.35rem; line-height: 1; transition: transform 180ms ease-out; }
.brand-link[b-fez709zw6d] { color: oklch(97% .007 225); display: flex; align-items: center; gap: .7rem; text-decoration: none; min-width: 0; }
.brand-mark[b-fez709zw6d] { width: 2.35rem; height: 2.35rem; border-radius: 50%; display: grid; place-items: center; grid-template-columns: repeat(3, .32rem); gap: .12rem; flex: 0 0 auto; background: var(--app-accent); box-shadow: 0 5px 16px oklch(69% .13 203 / .25); transform: rotate(-18deg); }
.brand-mark span[b-fez709zw6d] { height: 1.15rem; border-radius: 999px; background: oklch(98% .01 205); }
.brand-mark span:nth-child(2)[b-fez709zw6d] { height: 1.55rem; }
.brand-copy[b-fez709zw6d] { display: grid; line-height: 1.12; }
.brand-copy strong[b-fez709zw6d] { color: oklch(98% .005 225); font-size: 1rem; letter-spacing: .02em; }
.brand-copy small[b-fez709zw6d] { margin-top: .18rem; color: var(--app-sidebar-muted); font-size: .67rem; letter-spacing: .03em; }
.nav-toggle[b-fez709zw6d] { display: none; }
.nav-toggle-label[b-fez709zw6d] { width: 2.5rem; height: 2.5rem; border: 1px solid var(--app-sidebar-border); border-radius: .5rem; display: none; place-content: center; gap: .25rem; cursor: pointer; color: oklch(90% .01 225); }
.nav-toggle-label span[b-fez709zw6d] { width: 1.1rem; height: 2px; background: currentColor; border-radius: 2px; }
.nav-scrollable[b-fez709zw6d] { height: calc(100vh - 4.5rem); overflow-y: auto; display: flex; flex-direction: column; padding: .75rem; background: var(--app-sidebar); scrollbar-color: oklch(42% .025 250) transparent; }
.nav-group[b-fez709zw6d] { margin-bottom: .72rem; }
.nav-group-admin[b-fez709zw6d] { margin-top: .2rem; }
.nav-group-label[b-fez709zw6d] { padding: .5rem .7rem .3rem; color: oklch(61% .025 235); font-size: .63rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.nav-accordion-trigger[b-fez709zw6d] { display: flex; align-items: center; gap: .55rem; border-radius: .42rem; cursor: pointer; user-select: none; list-style: none; transition: color 150ms ease-out, background-color 150ms ease-out; }
.nav-accordion-trigger[b-fez709zw6d]::-webkit-details-marker { display: none; }
.nav-accordion-trigger:hover[b-fez709zw6d] { color: oklch(89% .012 225); background: oklch(27% .028 250); }
.nav-accordion-trigger:focus-visible[b-fez709zw6d] { outline: 2px solid var(--app-focus); outline-offset: 1px; }
.nav-accordion-title[b-fez709zw6d] { flex: 1 1 auto; }
.nav-accordion-chevron[b-fez709zw6d] { flex: 0 0 auto; font-size: .78rem; line-height: 1; transition: transform 160ms ease-out; }
.nav-accordion[open] .nav-accordion-chevron[b-fez709zw6d] { transform: rotate(180deg); }
.nav-accordion-symbol[b-fez709zw6d] { display: none; }
.nav-accordion-content[b-fez709zw6d] { padding-top: .15rem; }
[b-fez709zw6d] .nav-link { min-height: 2.45rem; padding: .48rem .7rem; border-radius: .48rem; display: flex; align-items: center; gap: .68rem; color: oklch(78% .02 230); font-size: .83rem; font-weight: 520; text-decoration: none; transition: color 150ms ease-out, background-color 150ms ease-out; }
[b-fez709zw6d] .nav-link:hover { color: oklch(97% .008 220); background: oklch(31% .03 247); }
[b-fez709zw6d] .nav-link.active { color: oklch(99% .002 220) !important; background: oklch(38% .055 220) !important; font-weight: 650; box-shadow: inset 2px 0 0 var(--app-accent); }
[b-fez709zw6d] .nav-link:focus-visible { outline: 2px solid var(--app-focus); outline-offset: 1px; }
.nav-symbol[b-fez709zw6d] { width: 1.25rem; height: 1.25rem; display: inline-grid; place-items: center; flex: 0 0 auto; color: currentColor; font-size: .95rem; font-weight: 700; }
.nav-group-user[b-fez709zw6d] { margin-top: .25rem; padding-top: .65rem; border-top: 1px solid var(--app-sidebar-border); }
.user-info[b-fez709zw6d] { padding: .35rem .7rem; color: oklch(85% .015 230); display: flex; align-items: center; gap: .4rem; }
.nav-status[b-fez709zw6d] { margin-top: auto; padding: .75rem .7rem .25rem; display: flex; align-items: flex-start; gap: .6rem; color: oklch(72% .02 230); border-top: 1px solid var(--app-sidebar-border); }
.nav-status > span:last-child[b-fez709zw6d] { display: grid; font-size: .7rem; }
.nav-status strong[b-fez709zw6d] { color: oklch(91% .01 225); }
.nav-status small[b-fez709zw6d] { color: var(--app-sidebar-muted); margin-top: .08rem; }
.status-dot[b-fez709zw6d] { width: .5rem; height: .5rem; margin-top: .22rem; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 0 3px oklch(68% .13 155 / .12); }
.sidebar-collapse-toggle:checked ~ .nav-brand[b-fez709zw6d] { padding: .5rem .7rem; justify-content: center; flex-direction: column; gap: .25rem; }
.sidebar-collapse-toggle:checked ~ .nav-brand .brand-copy[b-fez709zw6d], .sidebar-collapse-toggle:checked ~ .nav-brand .nav-toggle-label[b-fez709zw6d] { display: none; }
.sidebar-collapse-toggle:checked ~ .nav-brand .sidebar-collapse-label span[b-fez709zw6d] { transform: rotate(180deg); }
.sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d] { padding-inline: .4rem; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d]  .nav-group-label, .sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d]  .nav-text, .sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d]  .nav-status > span:last-child, .sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d]  .user-info strong { display: none !important; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable[b-fez709zw6d]  .nav-link { justify-content: center; padding-inline: .4rem; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable .nav-accordion-trigger[b-fez709zw6d] { display: flex !important; min-height: 2.45rem; justify-content: center; padding: .48rem .4rem; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable .nav-accordion-title[b-fez709zw6d],
.sidebar-collapse-toggle:checked ~ .nav-scrollable .nav-accordion-chevron[b-fez709zw6d] { display: none !important; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable .nav-accordion-symbol[b-fez709zw6d] { display: inline-grid !important; }
.sidebar-collapse-toggle:checked ~ .nav-scrollable .nav-status[b-fez709zw6d] { justify-content: center; padding-inline: 0; }
@media (max-width: 640.98px) { .sidebar-collapse-label[b-fez709zw6d], .sidebar-collapse-toggle[b-fez709zw6d] { display: none; } .nav-brand[b-fez709zw6d] { min-height: 4rem; padding-block: .55rem; } .nav-toggle-label[b-fez709zw6d] { display: grid; } .nav-scrollable[b-fez709zw6d] { display: none; height: calc(100dvh - 4rem); } .nav-toggle:checked ~ .nav-scrollable[b-fez709zw6d] { display: flex; } }
@media (prefers-reduced-motion: reduce) { [b-fez709zw6d] .nav-link, .sidebar-collapse-label[b-fez709zw6d], .sidebar-collapse-label span[b-fez709zw6d], .nav-accordion-trigger[b-fez709zw6d], .nav-accordion-chevron[b-fez709zw6d] { transition: none; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-b0yszwu3ik],
.components-reconnect-repeated-attempt-visible[b-b0yszwu3ik],
.components-reconnect-failed-visible[b-b0yszwu3ik],
.components-pause-visible[b-b0yszwu3ik],
.components-resume-failed-visible[b-b0yszwu3ik],
.components-rejoining-animation[b-b0yszwu3ik] {
    display: none;
}

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


#components-reconnect-modal[b-b0yszwu3ik] {
    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-b0yszwu3ik 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-b0yszwu3ik {
    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/Pages/Pathology/PathologyBulkUpload.razor.rz.scp.css */
.bulk-upload-page[b-1azbm2k6m7] { max-width: 100%; }
.upload-mode-tabs .nav-link[b-1azbm2k6m7] { color: var(--app-text-muted); font-weight: 600; }
.upload-mode-tabs .nav-link.active[b-1azbm2k6m7] { color: var(--app-on-accent); background: var(--app-accent); }

/* Dropzone interactive animations */
.bulk-dropzone[b-1azbm2k6m7] {
    border: 2px dashed color-mix(in oklch, var(--app-accent) 55%, var(--app-border));
    border-radius: var(--app-radius-md); background: var(--app-surface-muted); cursor: pointer;
    padding: 2.5rem 1.25rem; transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms ease, box-shadow 180ms ease;
}
.bulk-dropzone:hover[b-1azbm2k6m7], .bulk-dropzone:focus-visible[b-1azbm2k6m7] {
    border-color: var(--app-accent); background: color-mix(in oklch, var(--app-accent) 7%, var(--app-surface));
    outline: 2px solid var(--app-focus); outline-offset: 2px;
}
.bulk-dropzone.is-dragging[b-1azbm2k6m7] {
    border-color: var(--app-accent); background: color-mix(in oklch, var(--app-accent) 12%, var(--app-surface));
    transform: scale(1.01);
    box-shadow: 0 8px 24px rgba(13, 110, 253, 0.18);
    animation: dropzonePulse-b-1azbm2k6m7 1.2s ease-in-out infinite alternate;
}
@keyframes dropzonePulse-b-1azbm2k6m7 {
    from { border-color: var(--app-accent); }
    to { border-color: color-mix(in oklch, var(--app-accent) 40%, white); }
}

.bulk-dropzone-label[b-1azbm2k6m7] { align-items: center; cursor: pointer; display: flex; flex-direction: column; gap: .35rem; margin: 0; text-align: center; }
.bulk-folder-icon[b-1azbm2k6m7] { color: var(--app-accent); font-size: 2rem; line-height: 1; transition: transform 0.2s ease; }
.bulk-dropzone:hover .bulk-folder-icon[b-1azbm2k6m7], .bulk-dropzone.is-dragging .bulk-folder-icon[b-1azbm2k6m7] { transform: translateY(-3px) scale(1.08); }
.bulk-dropzone-link[b-1azbm2k6m7] { color: var(--app-accent); text-decoration: underline; text-underline-offset: .15em; }

/* Progress bar */
.bulk-progress[b-1azbm2k6m7] {
    height: .75rem;
    border-radius: 999px;
    background-color: #e9ecef;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
}
.bulk-progress .progress-bar[b-1azbm2k6m7] {
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bulk-counts .badge[b-1azbm2k6m7] {
    font-size: .78rem;
    padding: .5em .7em;
    transition: all 0.25s ease;
}

.bulk-index[b-1azbm2k6m7] { width: 3rem; }
.bulk-size[b-1azbm2k6m7] { width: 7rem; }
.bulk-status[b-1azbm2k6m7] { width: 9.5rem; }
.bulk-actions[b-1azbm2k6m7] { width: 9rem; }

/* Active Extraction Live Banner Card */
.active-processing-banner[b-1azbm2k6m7] {
    border: 1px solid rgba(8, 155, 166, 0.3);
    background: linear-gradient(135deg, rgba(8, 155, 166, 0.05) 0%, rgba(8, 155, 166, 0.01) 100%);
    animation: bannerFadeIn-b-1azbm2k6m7 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: var(--app-radius-md);
}

@keyframes bannerFadeIn-b-1azbm2k6m7 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.scanner-icon-container[b-1azbm2k6m7] {
    position: relative;
    width: 44px;
    height: 48px;
    background: #ffffff;
    border: 1px solid rgba(8, 155, 166, 0.25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(8, 155, 166, 0.12);
    flex-shrink: 0;
}

.scanner-file-icon[b-1azbm2k6m7] {
    font-size: 1.4rem;
    user-select: none;
}

.scanner-laser[b-1azbm2k6m7] {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #089BA6, transparent);
    box-shadow: 0 0 6px #089BA6;
    animation: laserScan-b-1azbm2k6m7 1.6s ease-in-out infinite alternate;
}

@keyframes laserScan-b-1azbm2k6m7 {
    0% { top: 4px; opacity: 0.3; }
    50% { opacity: 1; }
    100% { top: 40px; opacity: 0.3; }
}

.active-file-title[b-1azbm2k6m7] {
    max-width: 460px;
    font-size: 0.92rem;
    color: #2D3748;
}

.animated-pulse-badge[b-1azbm2k6m7] {
    box-shadow: 0 0 0 0 rgba(8, 155, 166, 0.6);
    animation: badgePulse-b-1azbm2k6m7 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes badgePulse-b-1azbm2k6m7 {
    0% { box-shadow: 0 0 0 0 rgba(8, 155, 166, 0.6); }
    70% { box-shadow: 0 0 0 6px rgba(8, 155, 166, 0); }
    100% { box-shadow: 0 0 0 0 rgba(8, 155, 166, 0); }
}

.step-pill[b-1azbm2k6m7] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.step-pill.step-active[b-1azbm2k6m7] {
    background-color: #089BA6;
    color: #ffffff;
    box-shadow: 0 0 8px rgba(8, 155, 166, 0.4);
    animation: pulseStep-b-1azbm2k6m7 1.6s infinite ease-in-out;
}

.step-pill.step-complete[b-1azbm2k6m7] {
    background-color: rgba(25, 135, 84, 0.12);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.28);
}

.step-pill.step-upcoming[b-1azbm2k6m7] {
    background-color: #f8f9fa;
    color: #adb5bd;
    border: 1px solid #dee2e6;
}

.step-arrow[b-1azbm2k6m7] {
    color: #adb5bd;
    font-size: 0.75rem;
}

@keyframes pulseStep-b-1azbm2k6m7 {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.timer-badge[b-1azbm2k6m7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: monospace;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
}

.timer-dot[b-1azbm2k6m7] {
    width: 7px;
    height: 7px;
    background-color: #089BA6;
    border-radius: 50%;
    animation: blinkDot-b-1azbm2k6m7 1s infinite alternate;
}

@keyframes blinkDot-b-1azbm2k6m7 {
    from { opacity: 0.2; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1.1); }
}

/* Active Row in Table */
.processing-row[b-1azbm2k6m7] {
    background-color: rgba(8, 155, 166, 0.04) !important;
    position: relative;
    animation: rowGlow-b-1azbm2k6m7 2.5s ease-in-out infinite alternate;
}

.processing-row td[b-1azbm2k6m7] {
    border-top: 1px solid rgba(8, 155, 166, 0.2) !important;
    border-bottom: 1px solid rgba(8, 155, 166, 0.2) !important;
}

.active-row-indicator[b-1azbm2k6m7] {
    color: #089BA6;
    font-size: 0.75rem;
    display: inline-block;
    animation: bounceRight-b-1azbm2k6m7 1s infinite alternate;
}

@keyframes bounceRight-b-1azbm2k6m7 {
    from { transform: translateX(0); }
    to { transform: translateX(3px); }
}

@keyframes rowGlow-b-1azbm2k6m7 {
    0% { background-color: rgba(8, 155, 166, 0.03); }
    100% { background-color: rgba(8, 155, 166, 0.08); }
}

.completed-badge[b-1azbm2k6m7] {
    animation: popIn-b-1azbm2k6m7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes popIn-b-1azbm2k6m7 {
    0% { transform: scale(0.85); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.status-icon[b-1azbm2k6m7] {
    display: inline-block;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .bulk-filters[b-1azbm2k6m7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .bulk-filters .btn:first-child[b-1azbm2k6m7] { grid-column: 1 / -1; }
    .bulk-dropzone[b-1azbm2k6m7] { padding: 1.75rem 1rem; }
    .active-file-title[b-1azbm2k6m7] { max-width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
    .bulk-dropzone[b-1azbm2k6m7], .scanner-laser[b-1azbm2k6m7], .animated-pulse-badge[b-1azbm2k6m7], .step-pill.step-active[b-1azbm2k6m7], .timer-dot[b-1azbm2k6m7], .processing-row[b-1azbm2k6m7], .completed-badge[b-1azbm2k6m7], .active-row-indicator[b-1azbm2k6m7] {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Pages/Pathology/SummaryExperimentPanel.razor.rz.scp.css */
.summary-experiment[b-qqwftinpgi]{border:1px solid #d8dee8;border-radius:.75rem;background:#fff;margin-bottom:1.5rem;box-shadow:0 8px 24px rgba(30,41,59,.05)}
.summary-experiment>summary[b-qqwftinpgi]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.15rem;font-weight:700;cursor:pointer;list-style:none;color:#172033}
.summary-experiment>summary[b-qqwftinpgi]::-webkit-details-marker{display:none}.summary-count[b-qqwftinpgi]{font-size:.78rem;font-weight:600;color:#687386;background:#f1f4f8;padding:.25rem .55rem;border-radius:999px}
.summary-body[b-qqwftinpgi]{border-top:1px solid #e4e8ef;padding:1rem 1.15rem}.summary-actions[b-qqwftinpgi]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.summary-actions .btn:active[b-qqwftinpgi]{transform:translateY(1px)}
.summary-comparison[b-qqwftinpgi]{min-width:1050px;font-size:.82rem}.summary-comparison th[b-qqwftinpgi]{white-space:nowrap;color:#435066}.summary-comparison td[b-qqwftinpgi]{max-width:240px}.evidence-cell[b-qqwftinpgi]{font-size:.76rem;color:#5f6b7c}
.candidate-history[b-qqwftinpgi]{border-top:1px solid #e4e8ef}.candidate-row[b-qqwftinpgi]{display:grid;grid-template-columns:20px 100px 150px 100px 100px minmax(170px,1fr) 90px 150px minmax(180px,1.4fr);gap:.65rem;align-items:center;padding:.7rem .2rem;border-bottom:1px solid #edf0f4;font-size:.78rem;cursor:pointer}.candidate-strategy[b-qqwftinpgi]{font-weight:700}.issues[b-qqwftinpgi]{color:#657084}.summary-empty[b-qqwftinpgi]{margin:1rem 0 0;color:#687386;font-size:.9rem}
@media(max-width:900px){.candidate-row[b-qqwftinpgi]{grid-template-columns:20px 1fr 1fr}.candidate-row>*:nth-child(n+4)[b-qqwftinpgi]{grid-column:2/-1}.summary-body[b-qqwftinpgi]{padding:.85rem}.summary-experiment>summary[b-qqwftinpgi]{padding:.9rem}}
/* /Components/Pages/PathologyHome.razor.rz.scp.css */
.workspace-dashboard[b-hgx5cuelkr] { max-width: 94rem; margin: 0 auto; }
.dashboard-intro[b-hgx5cuelkr] { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: 1.25rem; }
.dashboard-kicker[b-hgx5cuelkr], .panel-kicker[b-hgx5cuelkr] { display: block; color: var(--app-accent-hover); font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.dashboard-intro h1[b-hgx5cuelkr] { margin: .35rem 0 .3rem; font-size: 1.85rem; font-weight: 760; }
.dashboard-intro p[b-hgx5cuelkr] { max-width: 44rem; margin: 0; color: var(--app-text-muted); }
.dashboard-actions[b-hgx5cuelkr] { display: flex; flex-wrap: wrap; gap: .55rem; }
.dashboard-loading[b-hgx5cuelkr], .metric-strip[b-hgx5cuelkr] { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--app-border); border-radius: var(--app-radius-md); background: var(--app-surface); box-shadow: var(--app-shadow-sm); overflow: hidden; }
.dashboard-loading span[b-hgx5cuelkr] { min-height: 7.5rem; background: oklch(94% .012 225); animation: pulse-b-hgx5cuelkr 1.2s ease-in-out infinite alternate; }
.metric-item[b-hgx5cuelkr] { min-width: 0; padding: 1rem 1.15rem; display: grid; border-right: 1px solid var(--app-border); color: inherit; }
.metric-item:last-child[b-hgx5cuelkr] { border-right: 0; }
.metric-item:hover[b-hgx5cuelkr] { color: inherit; background: oklch(97% .015 215); }
.metric-item span[b-hgx5cuelkr] { color: var(--app-text-muted); font-size: .75rem; font-weight: 700; }
.metric-item strong[b-hgx5cuelkr] { margin: .32rem 0 .15rem; color: var(--app-text); font-size: 1.65rem; line-height: 1; }
.metric-item small[b-hgx5cuelkr] { color: oklch(61% .02 235); font-size: .68rem; }
.metric-attention strong[b-hgx5cuelkr] { color: oklch(50% .13 65); }
.dashboard-grid[b-hgx5cuelkr] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr); gap: 1rem; margin-top: 1rem; }
.workflow-panel[b-hgx5cuelkr], .recent-panel[b-hgx5cuelkr] { min-width: 0; background: var(--app-surface); border: 1px solid var(--app-border); border-radius: var(--app-radius-md); box-shadow: var(--app-shadow-sm); }
.panel-heading[b-hgx5cuelkr] { min-height: 4.25rem; padding: .9rem 1.05rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--app-border); }
.panel-heading h2[b-hgx5cuelkr] { margin: .16rem 0 0; font-size: 1rem; font-weight: 750; }
.panel-heading > a[b-hgx5cuelkr] { font-size: .76rem; font-weight: 700; }
.workflow-status[b-hgx5cuelkr] { color: var(--app-text-muted); font-size: .7rem; white-space: nowrap; }
.workflow-status i[b-hgx5cuelkr] { display: inline-block; width: .46rem; height: .46rem; margin-right: .3rem; border-radius: 50%; background: var(--app-success); }
.workflow-list[b-hgx5cuelkr] { display: grid; grid-template-columns: 1fr 1fr; }
.workflow-list a[b-hgx5cuelkr] { padding: 1rem; display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .7rem; color: inherit; border-bottom: 1px solid var(--app-border); border-right: 1px solid var(--app-border); }
.workflow-list a:nth-child(even)[b-hgx5cuelkr] { border-right: 0; }
.workflow-list a:nth-last-child(-n+2)[b-hgx5cuelkr] { border-bottom: 0; }
.workflow-list a:hover[b-hgx5cuelkr] { color: inherit; background: oklch(97% .015 215); }
.workflow-number[b-hgx5cuelkr] { color: var(--app-accent-hover); font-size: .7rem; font-weight: 800; }
.workflow-list strong[b-hgx5cuelkr], .workflow-list small[b-hgx5cuelkr] { display: block; }
.workflow-list strong[b-hgx5cuelkr] { margin-bottom: .18rem; font-size: .83rem; }
.workflow-list small[b-hgx5cuelkr] { color: var(--app-text-muted); font-size: .7rem; line-height: 1.4; }
.workflow-list b[b-hgx5cuelkr] { color: oklch(68% .03 235); font-size: 1.2rem; }
.recent-list a[b-hgx5cuelkr] { padding: .72rem 1rem; display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; gap: .65rem; color: inherit; border-bottom: 1px solid var(--app-border); }
.recent-list a:last-child[b-hgx5cuelkr] { border-bottom: 0; }
.recent-list a:hover[b-hgx5cuelkr] { color: inherit; background: oklch(97% .015 215); }
.recent-mark[b-hgx5cuelkr] { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .45rem; background: var(--app-accent-soft); color: var(--app-accent-hover); font-size: .72rem; font-weight: 800; }
.recent-copy[b-hgx5cuelkr] { min-width: 0; }
.recent-copy strong[b-hgx5cuelkr], .recent-copy small[b-hgx5cuelkr] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-copy strong[b-hgx5cuelkr] { font-size: .79rem; }
.recent-copy small[b-hgx5cuelkr] { margin-top: .1rem; color: var(--app-text-muted); font-size: .66rem; }
.dashboard-empty[b-hgx5cuelkr] { min-height: 12rem; display: grid; place-content: center; text-align: center; color: var(--app-text-muted); }
.dashboard-empty strong[b-hgx5cuelkr], .dashboard-empty span[b-hgx5cuelkr] { display: block; }
.analysis-band[b-hgx5cuelkr] { margin-top: 1rem; padding: 1.2rem 1.3rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; color: oklch(94% .01 225); background: var(--app-header); border-radius: var(--app-radius-md); box-shadow: var(--app-shadow-md); }
.analysis-band h2[b-hgx5cuelkr] { margin: .22rem 0 .25rem; color: oklch(98% .005 225); font-size: 1.1rem; }
.analysis-band p[b-hgx5cuelkr] { max-width: 48rem; margin: 0; color: oklch(73% .02 230); font-size: .79rem; }
.analysis-band > div:last-child[b-hgx5cuelkr] { display: flex; flex-wrap: wrap; gap: .5rem; }
@keyframes pulse-b-hgx5cuelkr { from { opacity: .55; } to { opacity: 1; } }
@media (max-width: 980px) { .dashboard-grid[b-hgx5cuelkr] { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .dashboard-intro[b-hgx5cuelkr] { align-items: flex-start; flex-direction: column; } .metric-strip[b-hgx5cuelkr], .dashboard-loading[b-hgx5cuelkr] { grid-template-columns: 1fr 1fr; } .metric-item:nth-child(2)[b-hgx5cuelkr] { border-right: 0; } .metric-item:nth-child(-n+2)[b-hgx5cuelkr] { border-bottom: 1px solid var(--app-border); } .workflow-list[b-hgx5cuelkr] { grid-template-columns: 1fr; } .workflow-list a[b-hgx5cuelkr] { border-right: 0; } .workflow-list a:nth-child(3)[b-hgx5cuelkr] { border-bottom: 1px solid var(--app-border); } .analysis-band[b-hgx5cuelkr] { align-items: flex-start; flex-direction: column; } }
@media (max-width: 430px) { .metric-strip[b-hgx5cuelkr], .dashboard-loading[b-hgx5cuelkr] { grid-template-columns: 1fr; } .metric-item[b-hgx5cuelkr] { border-right: 0; border-bottom: 1px solid var(--app-border); } .metric-item:last-child[b-hgx5cuelkr] { border-bottom: 0; } }
@media (prefers-reduced-motion: reduce) { .dashboard-loading span[b-hgx5cuelkr] { animation: none; } }