@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
header[b-wm1rfjykdv] { max-width: 720px; margin: 32px auto; padding: 24px; border: 1px solid #d6e2f4; border-radius: 20px; background: #fffffff0; color: #25385b; }
h1[b-wm1rfjykdv] { font-size: 26px; }
a[b-wm1rfjykdv] { display: inline-block; margin: 8px 12px 0 0; padding: 10px 14px; border: 1px solid #ccd9ef; border-radius: 10px; color: #345ccc; }
@media(max-width:600px) { header[b-wm1rfjykdv] { margin: 12px; padding: 16px; } h1[b-wm1rfjykdv] { font-size: 22px; } }
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-49d22q7ws2] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 56fr) minmax(440px, 44fr);
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    isolation: isolate;
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;
    background:
        linear-gradient(90deg, rgba(4, 18, 48, 0.12) 0%, rgba(16, 39, 88, 0.04) 48%, rgba(243, 247, 255, 0.78) 73%, rgba(250, 246, 253, 0.94) 100%),
        url('/images/login-lab-hero-v2.png') left center / cover no-repeat;
}

.login-page[b-49d22q7ws2]::before,
.login-page[b-49d22q7ws2]::after {
    position: absolute;
    z-index: -1;
    content: '';
    pointer-events: none;
}

.login-page[b-49d22q7ws2]::before {
    inset: 0;
    background:
        radial-gradient(circle at 80% 12%, rgba(236, 72, 153, 0.12), transparent 30%),
        radial-gradient(circle at 58% 88%, rgba(59, 130, 246, 0.18), transparent 36%);
}

.login-page[b-49d22q7ws2]::after {
    inset: auto 4vw 2.5vh auto;
    width: 26rem;
    height: 26rem;
    border-radius: 50%;
    background: rgba(124, 58, 237, 0.08);
    filter: blur(72px);
}

.login-hero[b-49d22q7ws2] {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    padding: clamp(2rem, 4.5vw, 5rem);
}

.login-hero__brand[b-49d22q7ws2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;
    width: min(100%, 40rem);
    padding: 1.25rem 1.5rem;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 1.75rem;
    background: linear-gradient(135deg, rgba(9, 36, 92, 0.84), rgba(67, 36, 142, 0.68));
    box-shadow: 0 28px 70px rgba(8, 29, 76, 0.28);
    backdrop-filter: blur(18px) saturate(135%);
}

.login-hero__logo[b-49d22q7ws2] {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    height: auto;
    padding: 8px;
    border-radius: 12px;
    background: #eff7ff;
    object-fit: contain;
}

.login-hero__brand h1[b-49d22q7ws2] {
    margin: 0;
    font-size: clamp(2.5rem, 4vw, 4rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.login-hero__brand p[b-49d22q7ws2] {
    margin: 0.45rem 0 0;
    color: rgba(239, 246, 255, 0.84);
    font-size: clamp(0.625rem, 0.9vw, 0.95rem);
    font-weight: 700;
}

.brand-cans[b-49d22q7ws2] { color: #f8fafc; }
.brand-lis[b-49d22q7ws2] { color: #ed1932; }

.login-hero__brand h1 span[b-49d22q7ws2] {
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.18), 0 7px 18px rgba(3, 20, 48, 0.34);
}

.login-hero__chips[b-49d22q7ws2] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.login-hero__chips span[b-49d22q7ws2] {
    padding: 0.5rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 1rem;
    font-weight: 800;
}

.login-form-area[b-49d22q7ws2] {
    display: flex;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: clamp(1.5rem, 3.4vw, 4rem);
}

.login-form-wrap[b-49d22q7ws2] {
    display: flex;
    width: min(100%, 31rem);
    flex-direction: column;
}

.login-mobile-brand[b-49d22q7ws2] {
    display: none;
}

.login-mobile-wordmark[b-49d22q7ws2] {
    font-size: 2.2rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.035em;
}

.login-mobile-wordmark .brand-cans[b-49d22q7ws2] {
    color: #27343b;
}

.login-mobile-tagline[b-49d22q7ws2] {
    margin-top: 0.3rem;
    color: #526078;
    font-size: 0.54rem;
    font-weight: 750;
}

.login-card[b-49d22q7ws2] {
    padding: clamp(1.75rem, 3vw, 2.5rem);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow:
        0 30px 80px rgba(30, 41, 89, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(26px) saturate(145%);
}

.login-submit[b-49d22q7ws2] {
    background: linear-gradient(105deg, #1479f8 0%, #5445ee 52%, #d52ca1 100%);
    box-shadow: 0 14px 30px rgba(79, 70, 229, 0.24);
}

.login-submit:hover[b-49d22q7ws2] {
    filter: brightness(1.06);
    box-shadow: 0 17px 34px rgba(79, 70, 229, 0.3);
}

.login-footer[b-49d22q7ws2] {
    align-self: center;
    margin: 1.25rem 0 0;
    padding: 0.55rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.64);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    color: #526078;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    backdrop-filter: blur(14px);
}

@media (max-width: 1023px) {
    .login-page[b-49d22q7ws2] {
        display: block;
        overflow-y: auto;
        background-position: 34% center;
    }

    .login-page[b-49d22q7ws2]::before {
        background: linear-gradient(90deg, rgba(236, 244, 255, 0.34), rgba(249, 247, 253, 0.82));
    }

    .login-hero[b-49d22q7ws2] {
        display: none;
    }

    .login-form-area[b-49d22q7ws2] {
        justify-content: flex-end;
    }

    .login-mobile-brand[b-49d22q7ws2] {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem;
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.76);
        box-shadow: 0 18px 48px rgba(30, 41, 89, 0.14);
        backdrop-filter: blur(20px) saturate(140%);
    }

    .login-mobile-brand img[b-49d22q7ws2] {
        width: 280px;
        max-width: 100%;
        height: auto;
        flex: none;
        object-fit: contain;
    }
}

@media (max-width: 640px) {
    .login-page[b-49d22q7ws2] {
        background-position: 27% center;
    }

    .login-page[b-49d22q7ws2]::before {
        background: linear-gradient(rgba(239, 246, 255, 0.72), rgba(250, 247, 253, 0.9));
    }

    .login-form-area[b-49d22q7ws2] {
        min-height: 100dvh;
        align-items: flex-start;
        padding: 1rem;
    }

    .login-mobile-brand[b-49d22q7ws2] {
        border-radius: 1.25rem;
    }

    .login-mobile-brand img[b-49d22q7ws2] {
        width: 280px;
        height: auto;
    }

    .login-card[b-49d22q7ws2] {
        padding: 1.5rem;
        border-radius: 1.6rem;
        background: rgba(255, 255, 255, 0.88);
    }

    .login-footer[b-49d22q7ws2] {
        margin-bottom: 0.25rem;
    }
}

@media (min-width: 1024px) and (max-height: 760px) {
    .login-form-area[b-49d22q7ws2] {
        padding-block: 1.25rem;
    }

    .login-card[b-49d22q7ws2] {
        padding: 1.6rem 2rem;
    }

    .login-card > div:first-child[b-49d22q7ws2] {
        margin-bottom: 1.15rem;
    }

    .login-card > div:first-child h2[b-49d22q7ws2] {
        margin-top: 0.45rem;
    }

    .login-card > div:first-child p[b-49d22q7ws2] {
        margin-top: 0.6rem;
    }

    .login-card form[b-49d22q7ws2] {
        gap: 0.9rem;
    }

    .login-footer[b-49d22q7ws2] {
        margin-top: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-submit[b-49d22q7ws2] {
        transition: none !important;
    }
}
/* /Components/Layout/LaboratoryPrototypeLayout.razor.rz.scp.css */
:global(html)[b-t3s3faa7jc],
:global(body)[b-t3s3faa7jc] {
    min-width: 960px;
    min-height: 100%;
    margin: 0;
    background: #f6f6f6;
}

.prototype-shell[b-t3s3faa7jc] {
    --jiva-blue: #2563eb;
    --jiva-violet: #7c3aed;
    --jiva-pink: #db2777;
    --jiva-cyan: #06b6d4;
    --jiva-focus: #38bdf8;
    --jiva-slate: #64748b;
    --jiva-critical: #ef4444;
    --jiva-text: #334155;
    width: 100%;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: 68px minmax(0, 1fr) 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 16%, rgba(125, 211, 252, 0.5), transparent 27%),
        radial-gradient(circle at 88% 12%, rgba(244, 114, 182, 0.3), transparent 30%),
        radial-gradient(circle at 56% 92%, rgba(253, 224, 71, 0.2), transparent 28%),
        linear-gradient(145deg, #f8fbff, #fdf7ff 54%, #fffdf4);
    color: var(--jiva-text);
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;
}

.prototype-shell.is-focused-page[b-t3s3faa7jc] {
    height: 100dvh;
    grid-template-rows: 68px minmax(0, 1fr) 26px;
}

.prototype-header[b-t3s3faa7jc] {
    min-width: 0;
    display: flex;
    position: relative;
    z-index: 30;
    align-items: center;
    justify-content: space-between;
    padding: 0 26px;
    background:
        linear-gradient(90deg, #eaf6ff 0, #ddecff var(--brand-light-end, 185px), transparent var(--brand-fade-end, 340px)),
        linear-gradient(112deg, var(--jiva-blue) 0%, var(--jiva-violet) 54%, var(--jiva-pink) 100%);
    color: #fff;
    box-shadow: 0 14px 34px rgba(76, 65, 170, 0.22);
}

.prototype-header[b-t3s3faa7jc]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(112deg, rgba(255, 255, 255, 0.14), transparent 34%, rgba(255, 255, 255, 0.08));
    content: "";
    pointer-events: none;
}

.prototype-brand[b-t3s3faa7jc],
.prototype-user[b-t3s3faa7jc],
.prototype-header-actions[b-t3s3faa7jc],
.prototype-nav-button[b-t3s3faa7jc],
.prototype-nav-menu-heading[b-t3s3faa7jc],
.prototype-nav-menu-grid a[b-t3s3faa7jc],
.prototype-statusbar[b-t3s3faa7jc] {
    display: flex;
    align-items: center;
}

.prototype-header-actions[b-t3s3faa7jc] { gap: 12px; }

.prototype-close-page[b-t3s3faa7jc] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    backdrop-filter: blur(14px);
    transition: background 160ms ease, transform 160ms ease;
}

.prototype-close-page[b-t3s3faa7jc]  svg { width: 17px; height: 17px; }
.prototype-close-page:hover[b-t3s3faa7jc] { background: rgba(255, 255, 255, 0.24); transform: translateY(-1px); }
.prototype-close-page:focus-visible[b-t3s3faa7jc] { outline: 3px solid var(--jiva-focus); outline-offset: 2px; }

.prototype-logout-form[b-t3s3faa7jc] {
    position: relative;
    z-index: 1;
    margin: 0;
}

.prototype-logout[b-t3s3faa7jc] {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    backdrop-filter: blur(14px);
    transition: background 160ms ease, transform 160ms ease;
}

.prototype-logout[b-t3s3faa7jc]  svg { width: 17px; height: 17px; }
.prototype-logout:hover[b-t3s3faa7jc] { background: rgba(255, 255, 255, 0.24); transform: translateY(-1px); }
.prototype-logout:focus-visible[b-t3s3faa7jc] { outline: 3px solid var(--jiva-focus); outline-offset: 2px; }

.prototype-brand[b-t3s3faa7jc] {
    position: relative;
    z-index: 1;
    gap: 12px;
    color: inherit;
    text-decoration: none;
}

.prototype-brand-mark[b-t3s3faa7jc] {
    display: block;
    width: 148px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.prototype-brand strong[b-t3s3faa7jc],
.prototype-brand small[b-t3s3faa7jc] {
    display: block;
}

.prototype-brand strong[b-t3s3faa7jc] {
    font-size: 20px;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.prototype-brand small[b-t3s3faa7jc] {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0;
}

.prototype-brand .brand-cans[b-t3s3faa7jc] { color: #f8fafc; }
.prototype-brand .brand-lis[b-t3s3faa7jc] { color: #ed1932; }

.prototype-brand strong span[b-t3s3faa7jc] {
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(15, 23, 42, 0.38);
}

.prototype-user[b-t3s3faa7jc] {
    position: relative;
    z-index: 1;
    gap: 10px;
}

.prototype-online[b-t3s3faa7jc] {
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.16);
    font-size: 11px;
    font-weight: 800;
    backdrop-filter: blur(14px);
}

.prototype-online i[b-t3s3faa7jc],
.prototype-statusbar i[b-t3s3faa7jc] {
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.14);
}

.prototype-avatar[b-t3s3faa7jc] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    font-size: 10px;
    font-weight: 900;
    backdrop-filter: blur(16px);
}

.prototype-nav[b-t3s3faa7jc] {
    display: flex;
    position: relative;
    z-index: 25;
    align-items: center;
    gap: 8px;
    padding: 8px 22px;
    border-bottom: 1px solid rgba(90, 110, 110, 0.18);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 30px rgba(62, 49, 143, 0.09);
    backdrop-filter: blur(26px) saturate(180%);
}

.prototype-nav[hidden][b-t3s3faa7jc] { display: none; }

.prototype-nav-group[b-t3s3faa7jc] {
    position: relative;
}

.prototype-nav-button[b-t3s3faa7jc] {
    min-height: 50px;
    gap: 9px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 15px;
    background: color-mix(in srgb, var(--theme-soft, #dbeafe) 46%, rgba(255, 255, 255, 0.7));
    color: var(--theme-text, var(--jiva-blue));
    cursor: pointer;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.88);
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.prototype-nav-button > span[b-t3s3faa7jc] {
    width: 30px;
    height: 30px;
    display: grid;
    position: relative;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(145deg, var(--theme-soft), var(--theme));
    color: var(--theme-ink, #fff);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--theme) 25%, transparent), inset 0 1px rgba(255, 255, 255, 0.7);
}

.prototype-nav-button > span[b-t3s3faa7jc]::after {
    width: 7px;
    height: 7px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 50%;
    background: var(--theme-dot, var(--jiva-cyan));
    box-shadow: 0 2px 6px color-mix(in srgb, var(--theme-dot, var(--jiva-cyan)) 38%, transparent);
    content: "";
}

.prototype-nav-button > span[b-t3s3faa7jc]  svg {
    width: 17px;
    height: 17px;
}

.prototype-nav-button > span.has-image[b-t3s3faa7jc] {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.prototype-nav-button > span.has-image[b-t3s3faa7jc]::after {
    content: none;
}

.navigation-category-image[b-t3s3faa7jc] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.prototype-nav-button[b-t3s3faa7jc] >  svg {
    width: 13px;
    height: 13px;
    transition: transform 180ms ease;
}

.prototype-nav-button[aria-expanded="true"][b-t3s3faa7jc] >  svg {
    transform: rotate(180deg);
}

.prototype-nav-button:hover[b-t3s3faa7jc],
.prototype-nav-button.active[b-t3s3faa7jc] {
    transform: translateY(-2px);
    background: color-mix(in srgb, var(--theme) 15%, rgba(255, 255, 255, 0.76));
    box-shadow: 0 12px 24px color-mix(in srgb, var(--theme) 16%, rgba(56, 65, 95, 0.08));
}

.theme-dashboard[b-t3s3faa7jc] { --theme: #3b82f6; --theme-soft: #dbeafe; --theme-text: #1d4ed8; --theme-ink: #fff; --theme-dot: #22d3ee; }
.theme-dutyworkflow[b-t3s3faa7jc] { --theme: #f59e0b; --theme-soft: #fef3c7; --theme-text: #b45309; --theme-ink: #78350f; --theme-dot: #fb7185; }
.theme-patient[b-t3s3faa7jc] { --theme: #06b6d4; --theme-soft: #cffafe; --theme-text: #0e7490; --theme-ink: #083344; --theme-dot: #2dd4bf; }
.theme-stock[b-t3s3faa7jc] { --theme: #10b981; --theme-soft: #d1fae5; --theme-text: #047857; --theme-ink: #064e3b; --theme-dot: #facc15; }
.theme-operations[b-t3s3faa7jc] { --theme: #8b5cf6; --theme-soft: #ede9fe; --theme-text: #6d28d9; --theme-ink: #fff; --theme-dot: #f472b6; }
.theme-settings[b-t3s3faa7jc] { --theme: #ec4899; --theme-soft: #fce7f3; --theme-text: #be185d; --theme-ink: #fff; --theme-dot: #a78bfa; }

.prototype-nav-menu[b-t3s3faa7jc] {
    width: min(690px, calc(100vw - 44px));
    position: absolute;
    z-index: 40;
    top: calc(100% + 10px);
    left: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 246, 246, 0.94));
    box-shadow: 0 30px 70px color-mix(in srgb, var(--theme) 14%, rgba(51, 65, 85, 0.12)), inset 0 1px rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    animation: prototype-menu-in-b-t3s3faa7jc 120ms ease-out both;
}

.prototype-nav-menu-heading[b-t3s3faa7jc] {
    gap: 10px;
    padding: 4px 5px 12px;
}

.prototype-nav-menu-heading > span[b-t3s3faa7jc] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--theme-text, var(--theme));
}

.prototype-nav-menu-heading strong[b-t3s3faa7jc],
.prototype-nav-menu-heading small[b-t3s3faa7jc],
.prototype-nav-menu-grid strong[b-t3s3faa7jc],
.prototype-nav-menu-grid small[b-t3s3faa7jc] {
    display: block;
}

.prototype-nav-menu-heading strong[b-t3s3faa7jc] {
    font-size: 1rem;
}

.prototype-nav-menu-heading small[b-t3s3faa7jc],
.prototype-nav-menu-grid small[b-t3s3faa7jc] {
    margin-top: 2px;
    color: var(--jiva-slate);
    font-size: 1rem;
}

.prototype-nav-menu-grid[b-t3s3faa7jc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.prototype-nav-menu-grid a[b-t3s3faa7jc] {
    min-width: 0;
    gap: 10px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--item-icon, var(--theme)) 14%, white);
    border-radius: 14px;
    color: var(--jiva-text);
    background: color-mix(in srgb, var(--item-icon, var(--theme)) 6%, rgba(255, 255, 255, 0.72));
    text-decoration: none;
    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.prototype-nav-menu-grid a:hover[b-t3s3faa7jc],
.prototype-nav-menu-grid a.active[b-t3s3faa7jc] {
    transform: translateX(3px);
    border-color: color-mix(in srgb, var(--item-icon, var(--theme)) 35%, white);
    background: color-mix(in srgb, var(--item-icon, var(--theme)) 12%, white);
    box-shadow: 0 9px 20px rgba(62, 49, 143, 0.1);
}

.prototype-item-icon[b-t3s3faa7jc] {
    width: 40px;
    height: 40px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    position: relative;
    color: var(--item-icon, var(--theme-text, var(--jiva-blue)));
}

.tone-blue[b-t3s3faa7jc] { --item-icon: #2563eb; }
.tone-cyan[b-t3s3faa7jc] { --item-icon: #0891b2; }
.tone-teal[b-t3s3faa7jc] { --item-icon: #0f9f8f; }
.tone-green[b-t3s3faa7jc] { --item-icon: #16a34a; }
.tone-orange[b-t3s3faa7jc] { --item-icon: #ea580c; }
.tone-red[b-t3s3faa7jc] { --item-icon: #e11d48; }
.tone-pink[b-t3s3faa7jc] { --item-icon: #db2777; }
.tone-violet[b-t3s3faa7jc] { --item-icon: #7c3aed; }
.tone-indigo[b-t3s3faa7jc] { --item-icon: #4f46e5; }
.tone-slate[b-t3s3faa7jc] { --item-icon: #475569; }

.prototype-item-icon[b-t3s3faa7jc]::after {
    content: none;
}

.prototype-item-icon[b-t3s3faa7jc]  svg {
    width: 29px;
    height: 29px;
    stroke-width: 1.9;
    filter: drop-shadow(0 5px 6px color-mix(in srgb, var(--item-icon, var(--theme)) 28%, transparent));
}

.prototype-nav-menu-heading[b-t3s3faa7jc]  svg {
    width: 34px;
    height: 34px;
    stroke-width: 1.85;
    filter: drop-shadow(0 6px 7px color-mix(in srgb, var(--theme) 30%, transparent));
}

.prototype-nav-menu-grid strong[b-t3s3faa7jc] {
    color: color-mix(in srgb, var(--item-icon, var(--jiva-text)) 48%, #142d4e);
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prototype-body[b-t3s3faa7jc] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

.prototype-shell.is-focused-page .prototype-body[b-t3s3faa7jc] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.prototype-body:has(.donor-drawer[open], .lab-drawer[open])[b-t3s3faa7jc] { overflow: hidden; }

.prototype-statusbar[b-t3s3faa7jc] {
    position: relative;
    z-index: 20;
    justify-content: space-between;
    padding: 0 20px;
    background: linear-gradient(100deg, var(--jiva-blue), var(--jiva-violet), var(--jiva-pink));
    color: rgba(255, 255, 255, 0.82);
    font-size: 9px;
    font-weight: 700;
}

.prototype-nav-button:focus-visible[b-t3s3faa7jc],
.prototype-nav-menu-grid a:focus-visible[b-t3s3faa7jc] {
    outline: 3px solid var(--jiva-focus);
    outline-offset: 2px;
}

@keyframes prototype-menu-in-b-t3s3faa7jc {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1180px) {
    .prototype-nav[b-t3s3faa7jc] {
        overflow-x: auto;
    }

    .prototype-nav-button[b-t3s3faa7jc] {
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .prototype-header[b-t3s3faa7jc] {
        --brand-light-end: 132px;
        --brand-fade-end: 192px;
    }
    .prototype-header[b-t3s3faa7jc] { padding: 0 10px; gap: 8px; }
    .prototype-brand[b-t3s3faa7jc] { min-width: 0; gap: 6px; }
    .prototype-brand-mark[b-t3s3faa7jc] { width: 110px; height: auto; }
    .prototype-brand strong[b-t3s3faa7jc] { font-size: 18px; }
    .prototype-brand small[b-t3s3faa7jc], .prototype-online[b-t3s3faa7jc] { display: none; }
    .prototype-header-actions[b-t3s3faa7jc] { flex-shrink: 0; gap: 6px; }
    .prototype-close-page[b-t3s3faa7jc], .prototype-logout[b-t3s3faa7jc] { justify-content: center; min-width: 44px; padding: 0 10px; }
    .prototype-close-page > span[b-t3s3faa7jc], .prototype-logout > span[b-t3s3faa7jc] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *[b-t3s3faa7jc], *[b-t3s3faa7jc]::before, *[b-t3s3faa7jc]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9mohdibifg] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1000;
    display: none;
    box-sizing: border-box;
    border: 1px solid #f0aaa4;
    border-radius: var(--jiva-radius-sm);
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    color: #7a1a14;
    background: #fff3f1;
    box-shadow: 0 12px 32px rgba(61, 25, 21, 0.18);
}

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

.app-workstation-shell[b-9mohdibifg] {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100dvh;
    min-height: 100vh;
    overflow: hidden;
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;
}

.app-topbar[b-9mohdibifg] {
    position: relative;
    z-index: 40;
    flex: 0 0 auto;
    width: 100%;
    padding: 0.7rem 1.25rem;
    border: 0;
    border-bottom: 1px solid var(--jiva-nav-border);
    background: var(--jiva-nav-glass);
    box-shadow: var(--jiva-nav-shadow);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.app-topbar-frame[b-9mohdibifg] {
    display: grid;
    grid-template-columns: max-content minmax(290px, 1fr) max-content;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-width: 0;
}

.app-brand[b-9mohdibifg] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    color: #102e58;
    text-decoration: none;
}

.app-brand-logo[b-9mohdibifg] {
    display: block;
    flex: none;
    width: 148px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.app-brand-copy[b-9mohdibifg] {
    min-width: 0;
}

.app-brand-copy strong[b-9mohdibifg] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-brand-copy strong[b-9mohdibifg] {
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1.1;
}

.app-brand-copy small[b-9mohdibifg] {
    display: block;
    margin-top: 0.16rem;
    color: #526b83;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.app-brand-copy .brand-cans[b-9mohdibifg] { color: #303a3e; }
.app-brand-copy .brand-lis[b-9mohdibifg] { color: #ed1932; }

.app-primary-nav[b-9mohdibifg] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
    padding: 0.3rem;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.46);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.9), 0 6px 18px rgba(30, 58, 82, 0.07);
}

.app-primary-nav[hidden][b-9mohdibifg],
.app-compact-nav[hidden][b-9mohdibifg],
.app-top-menu-trigger[hidden][b-9mohdibifg] {
    display: none;
}

.app-primary-nav-group[b-9mohdibifg] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

.app-primary-nav-button[b-9mohdibifg] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 0.8rem;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    min-height: 3.25rem;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    padding: 0.4rem 0.55rem;
    color: #233b5b;
    background: transparent;
    text-align: left;
    transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.app-primary-nav-button:hover[b-9mohdibifg],
.app-primary-nav-button:focus-visible[b-9mohdibifg] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.2);
    background: rgba(255, 255, 255, 0.72);
}

.app-primary-nav-button.active[b-9mohdibifg] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.34);
    background: rgba(235, 248, 255, 0.9);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 4px 14px rgba(14, 116, 144, 0.12);
}

.app-primary-nav-icon[b-9mohdibifg],
.app-nav-dropdown-icon[b-9mohdibifg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #49647e;
}

.app-nav-dropdown-icon[b-9mohdibifg] {
    width: 2.2rem;
    height: 2.2rem;
    color: var(--item-icon, #1677a7);
}

.tone-blue[b-9mohdibifg] { --item-icon: #2563eb; }
.tone-cyan[b-9mohdibifg] { --item-icon: #0891b2; }
.tone-teal[b-9mohdibifg] { --item-icon: #0f9f8f; }
.tone-green[b-9mohdibifg] { --item-icon: #16a34a; }
.tone-orange[b-9mohdibifg] { --item-icon: #ea580c; }
.tone-red[b-9mohdibifg] { --item-icon: #e11d48; }
.tone-pink[b-9mohdibifg] { --item-icon: #db2777; }
.tone-violet[b-9mohdibifg] { --item-icon: #7c3aed; }
.tone-indigo[b-9mohdibifg] { --item-icon: #4f46e5; }
.tone-slate[b-9mohdibifg] { --item-icon: #475569; }

.app-primary-nav-icon[b-9mohdibifg] (svg) {
    width: 1.2rem;
    height: 1.2rem;
    stroke-width: 2;
}

.navigation-category-image[b-9mohdibifg] {
    width: 100%;
    height: 1.8rem;
    display: block;
    object-fit: contain;
}

.app-primary-nav-copy[b-9mohdibifg] {
    min-width: 0;
}

.app-primary-nav-copy strong[b-9mohdibifg],
.app-primary-nav-copy small[b-9mohdibifg] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-primary-nav-copy strong[b-9mohdibifg] {
    font-size: 1rem;
    font-weight: 850;
}

.app-primary-nav-copy small[b-9mohdibifg] {
    margin-top: 0.15rem;
    color: #687d91;
    font-size: 1rem;
    font-weight: 650;
}

.app-primary-nav-chevron[b-9mohdibifg] {
    display: inline-flex;
    color: #7b8ea0;
}

.app-primary-nav-chevron[b-9mohdibifg] (svg) {
    width: 0.8rem;
    height: 0.8rem;
}

.app-nav-dropdown[b-9mohdibifg] {
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    z-index: 60;
    display: grid;
    gap: 0.2rem;
    width: max-content;
    min-width: 18rem;
    max-width: min(24rem, calc(100vw - 2rem));
    max-height: min(70vh, 36rem);
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 0.9rem;
    padding: 0.45rem;
    background: rgba(248, 252, 255, 0.96);
    box-shadow: 0 18px 45px rgba(26, 52, 77, 0.2);
    backdrop-filter: blur(18px) saturate(1.12);
    -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.app-primary-nav-group:nth-last-child(-n+2) .app-nav-dropdown[b-9mohdibifg] {
    right: 0;
    left: auto;
}

.app-nav-dropdown-item[b-9mohdibifg] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--item-icon, #1677a7) 14%, white);
    border-radius: 0.65rem;
    padding: 0.65rem 0.75rem;
    color: #263f5d;
    background: color-mix(in srgb, var(--item-icon, #1677a7) 5%, white);
    text-decoration: none;
}

.app-nav-dropdown-item:hover[b-9mohdibifg],
.app-nav-dropdown-item:focus-visible[b-9mohdibifg],
.app-nav-dropdown-item.active[b-9mohdibifg] {
    color: color-mix(in srgb, var(--item-icon, #1677a7) 48%, #142d4e);
    border-color: color-mix(in srgb, var(--item-icon, #1677a7) 35%, white);
    background: color-mix(in srgb, var(--item-icon, #1677a7) 12%, white);
}

.app-nav-dropdown-item strong[b-9mohdibifg],
.app-nav-dropdown-item small[b-9mohdibifg] {
    display: block;
}

.app-nav-dropdown-item strong[b-9mohdibifg] {
    color: color-mix(in srgb, var(--item-icon, #1677a7) 48%, #142d4e);
    font-size: 1rem;
    font-weight: 800;
}

.app-nav-dropdown-item small[b-9mohdibifg] {
    margin-top: 0.1rem;
    color: #6c8093;
    font-size: 1rem;
}

.app-nav-dropdown-icon svg[b-9mohdibifg],
.app-nav-dropdown-icon[b-9mohdibifg] (svg) {
    width: 1.55rem;
    height: 1.55rem;
    stroke-width: 1.9;
    filter: drop-shadow(0 4px 5px color-mix(in srgb, var(--item-icon, #1677a7) 24%, transparent));
}

.app-topbar-actions[b-9mohdibifg],
.app-user-block[b-9mohdibifg] {
    display: flex;
    align-items: center;
}

.app-topbar-actions[b-9mohdibifg] {
    justify-content: flex-end;
    gap: 0.55rem;
    min-width: 0;
}

.app-header-icon-button[b-9mohdibifg],
.app-top-menu-trigger[b-9mohdibifg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.55rem;
    width: 2.55rem;
    height: 2.55rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 50%;
    color: #334e6b;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.9);
}

.app-header-icon-button:hover[b-9mohdibifg],
.app-top-menu-trigger:hover[b-9mohdibifg] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.3);
    background: rgba(255, 255, 255, 0.95);
}

.app-header-icon-button[b-9mohdibifg] (svg),
.app-top-menu-trigger[b-9mohdibifg] (svg) {
    width: 1.1rem;
    height: 1.1rem;
}

.app-top-menu-trigger[b-9mohdibifg] {
    display: none;
}

.app-notification-button[b-9mohdibifg] {
    position: relative;
}

.app-notification-indicator[b-9mohdibifg] {
    position: absolute;
    top: 0.38rem;
    right: 0.38rem;
    width: 0.48rem;
    height: 0.48rem;
    border: 2px solid #f8fcff;
    border-radius: 50%;
    background: #dc2626;
}

.app-user-block[b-9mohdibifg] {
    gap: 0.55rem;
    min-width: 0;
    border-left: 1px solid rgba(148, 163, 184, 0.25);
    padding-left: 0.7rem;
}

.app-user-avatar[b-9mohdibifg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.55rem;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 50%;
    color: #124c74;
    background: linear-gradient(145deg, #dff4fb, #eef7ff);
    font-size: 1rem;
    font-weight: 900;
}

.app-user-copy[b-9mohdibifg] {
    min-width: 0;
}

.app-user-copy strong[b-9mohdibifg],
.app-user-copy small[b-9mohdibifg] {
    display: block;
    overflow: hidden;
    max-width: 9.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-user-copy strong[b-9mohdibifg] {
    color: #173653;
    font-size: 1rem;
    font-weight: 850;
}

.app-user-copy small[b-9mohdibifg] {
    margin-top: 0.12rem;
    color: #687d91;
    font-size: 1rem;
    font-weight: 650;
}

.app-compact-nav[b-9mohdibifg] {
    position: absolute;
    top: calc(100% - 0.35rem);
    right: 1rem;
    left: 1rem;
    z-index: 55;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    padding: 0.75rem;
    background: rgba(246, 251, 254, 0.98);
    box-shadow: 0 22px 50px rgba(25, 50, 74, 0.22);
}

.app-compact-nav-section > button[b-9mohdibifg] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.8rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.65rem;
    padding: 0.45rem 0.65rem;
    color: #29445f;
    background: rgba(255, 255, 255, 0.74);
    text-align: left;
}

.app-compact-nav-section > button.active[b-9mohdibifg] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.3);
    background: #edf8fc;
}

.app-compact-nav-section > button span[b-9mohdibifg],
.app-compact-chevron[b-9mohdibifg] {
    display: inline-flex;
}

.app-compact-nav-section > button[b-9mohdibifg] (svg) {
    width: 1rem;
    height: 1rem;
}

.app-compact-nav-items[b-9mohdibifg] {
    display: grid;
    gap: 0.15rem;
    padding: 0.35rem 0.35rem 0;
}

.app-compact-nav-items a[b-9mohdibifg] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border-radius: 0.5rem;
    padding: 0.5rem 0.65rem;
    color: #425b73;
    background: color-mix(in srgb, var(--item-icon, #1677a7) 6%, white);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

.app-compact-item-icon[b-9mohdibifg] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--item-icon, #1677a7);
}

.app-compact-item-icon[b-9mohdibifg] (svg) {
    width: 1.35rem;
    height: 1.35rem;
    stroke-width: 1.9;
}

.app-compact-nav-items a:hover[b-9mohdibifg],
.app-compact-nav-items a:focus-visible[b-9mohdibifg],
.app-compact-nav-items a.active[b-9mohdibifg] {
    color: color-mix(in srgb, var(--item-icon, #1677a7) 48%, #142d4e);
    background: color-mix(in srgb, var(--item-icon, #1677a7) 12%, white);
}

.app-main-content[b-9mohdibifg] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

/* โหมดกะทัดรัด (1280-1560px = โน้ตบุ๊กส่วนใหญ่):
   ยังโชว์เมนูเต็ม แต่ตัดบรรทัดภาษาอังกฤษใต้ชื่อไทยออก และบีบระยะห่าง
   เพื่อให้เมนู 5 กลุ่มพอดีจอโดยไม่ต้องหลบเข้าแฮมเบอร์เกอร์ */
@media (max-width: 1560px) {
    /* ยังเป็น 4 คอลัมน์อยู่ (โลโก้ | หมู่เลือด | เมนู | ปุ่มขวา) เพราะเมนูยังแสดงอยู่
       ถ้าลดเหลือ 3 คอลัมน์ ปุ่มขวาจะตกไปบรรทัดใหม่
       คอลัมน์หมู่เลือดห้ามต่ำกว่า 290px เพราะการ์ด 4 ใบ (A/B/O/AB) ต้องการ ~282px
       ถ้าแคบกว่านี้ใบ AB จะโดนบีบหาย */
    .app-topbar-frame[b-9mohdibifg] {
        grid-template-columns: max-content minmax(290px, 1fr) max-content;
        gap: 0.5rem;
    }

    .app-primary-nav[b-9mohdibifg] {
        padding: 0.22rem;
    }

    .app-primary-nav-button[b-9mohdibifg] {
        grid-template-columns: 1.5rem minmax(0, 1fr) 0.7rem;
        gap: 0.3rem;
        min-height: 2.6rem;
        padding: 0.3rem 0.4rem;
    }

    /* ตัดบรรทัดภาษาอังกฤษออก - ประหยัดความกว้างได้มากที่สุด */
    .app-primary-nav-copy small[b-9mohdibifg] {
        display: none;
    }

    .app-primary-nav-copy strong[b-9mohdibifg] {
        font-size: 1rem;
    }

    .app-user-copy[b-9mohdibifg] {
        display: none;
    }
}

/* ต่ำกว่า 1280px ค่อยหลบเข้าแฮมเบอร์เกอร์จริงๆ */
@media (max-width: 1279px) {
    .app-topbar-frame[b-9mohdibifg] {
        grid-template-columns: max-content minmax(230px, 1fr) max-content;
    }

    .app-primary-nav[b-9mohdibifg] {
        display: none;
    }

    .app-top-menu-trigger[b-9mohdibifg] {
        display: inline-flex;
    }
}

@media (max-width: 720px) {
    .app-topbar[b-9mohdibifg] {
        padding: 0.55rem 0.7rem;
    }

    .app-brand-logo[b-9mohdibifg] {
        width: 110px;
        height: auto;
    }

    .app-brand-copy strong[b-9mohdibifg] {
        font-size: 1.15rem;
    }

    .app-notification-button[b-9mohdibifg],
    .app-user-avatar[b-9mohdibifg] {
        display: none;
    }

    .app-user-block[b-9mohdibifg] {
        border-left: 0;
        padding-left: 0;
    }

    .app-compact-nav[b-9mohdibifg] {
        right: 0.5rem;
        left: 0.5rem;
        grid-template-columns: 1fr;
        max-height: calc(100dvh - 5rem);
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .app-topbar[b-9mohdibifg],
    .app-nav-dropdown[b-9mohdibifg],
    .app-compact-nav[b-9mohdibifg] {
        background: rgba(246, 251, 254, 0.99);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ppqtdo8lkv],
.components-reconnect-repeated-attempt-visible[b-ppqtdo8lkv],
.components-reconnect-failed-visible[b-ppqtdo8lkv],
.components-pause-visible[b-ppqtdo8lkv],
.components-resume-failed-visible[b-ppqtdo8lkv],
.components-rejoining-animation[b-ppqtdo8lkv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ppqtdo8lkv {
    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/WorkspaceShell.razor.rz.scp.css */
.workspace-shell[b-ggwlhn5poz] { height: 100dvh; display: flex; flex-direction: column; overflow: hidden; background: #eff6ff; color: #193c68; }
.workspace-toolbar[b-ggwlhn5poz] { display: flex; flex: 0 0 auto; min-height: 46px; gap: 8px; padding: 5px 10px; border-bottom: 1px solid #c3d9f3; background: linear-gradient(110deg, #eff8ff, #f5f2ff); }
.workspace-history[b-ggwlhn5poz], .workspace-tabs[b-ggwlhn5poz], .workspace-tab[b-ggwlhn5poz] { display: flex; align-items: center; }
.workspace-history[b-ggwlhn5poz] { flex: 0 0 auto; gap: 4px; }
.workspace-tabs[b-ggwlhn5poz] { min-width: 0; gap: 5px; overflow-x: auto; }
.workspace-toolbar button[b-ggwlhn5poz] { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.workspace-history button[b-ggwlhn5poz], .workspace-close[b-ggwlhn5poz] { min-width: 36px; min-height: 36px; border-radius: 8px; }
.workspace-history button[b-ggwlhn5poz] { font-size: 22px; }
.workspace-toolbar button:disabled[b-ggwlhn5poz] { opacity: .35; cursor: default; }
.workspace-toolbar button:focus-visible[b-ggwlhn5poz] { outline: 2px solid #2563eb; outline-offset: -2px; }
.workspace-tab[b-ggwlhn5poz] { flex: 0 0 auto; border: 1px solid #d3e1f3; border-radius: 10px; background: #ffffff80; }
.workspace-tab.is-active[b-ggwlhn5poz] { border-color: #6a9fdf; background: white; box-shadow: 0 2px 5px #1e40af14; }
.workspace-tab [role=tab][b-ggwlhn5poz] { max-width: 220px; min-height: 36px; padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; }
.workspace-close[b-ggwlhn5poz] { font-size: 20px !important; }
.workspace-toolbar button:hover:not(:disabled)[b-ggwlhn5poz] { background: #dbeafe; border-radius: 8px; }
.workspace-pages[b-ggwlhn5poz] { flex: 1; min-height: 0; position: relative; }
.workspace-page[b-ggwlhn5poz] { position: absolute; inset: 0; }
.workspace-page[hidden][b-ggwlhn5poz] { display: none; }
.workspace-page iframe[b-ggwlhn5poz] { width: 100%; height: 100%; border: 0; display: block; background: #f8fafc; }
.workspace-message[b-ggwlhn5poz] { padding: 8px 14px; color: #854d0e; background: #fef9c3; font-size: 14px; }
.workspace-message button[b-ggwlhn5poz] { float: right; }
@media (max-width: 640px) {
    .workspace-toolbar[b-ggwlhn5poz] { gap: 4px; padding: 4px; }
    .workspace-history button[b-ggwlhn5poz], .workspace-close[b-ggwlhn5poz] { min-width: 40px; min-height: 40px; }
    .workspace-tab [role=tab][b-ggwlhn5poz] { max-width: 150px; min-height: 40px; }
}
/* /Components/Pages/Demo/LaboratoryWorklist.razor.rz.scp.css */
:global(html)[b-22cs8gilg3],
:global(body)[b-22cs8gilg3] {
    margin: 0;
    min-width: 960px;
    min-height: 100%;
    overflow: hidden;
    background: #f6f6f6;
}

:global(body)[b-22cs8gilg3] {
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;
}

.launcher-app[b-22cs8gilg3] {
    --launcher-ui-scale: 1.25;
    --jiva-blue: #2563eb;
    --jiva-violet: #7c3aed;
    --jiva-pink: #db2777;
    --jiva-cyan: #06b6d4;
    --jiva-focus: #38bdf8;
    --jiva-slate: #64748b;
    --jiva-critical: #ef4444;
    --jiva-text: #334155;
    width: calc(100vw / var(--launcher-ui-scale));
    height: calc(100dvh / var(--launcher-ui-scale));
    zoom: var(--launcher-ui-scale);
    display: grid;
    grid-template-rows: 64px 158px minmax(0, 1fr) 30px;
    overflow: hidden;
    background: #f6f6f6;
    color: var(--jiva-text);
}

button[b-22cs8gilg3] {
    font: inherit;
}

.app-titlebar[b-22cs8gilg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    background: linear-gradient(110deg, var(--jiva-blue), var(--jiva-violet), var(--jiva-pink));
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px #fff;
}

.titlebar-brand[b-22cs8gilg3],
.titlebar-status[b-22cs8gilg3],
.module-tile[b-22cs8gilg3],
.quick-card[b-22cs8gilg3],
.module-toast[b-22cs8gilg3],
.launcher-statusbar[b-22cs8gilg3] {
    display: flex;
    align-items: center;
}

.titlebar-brand[b-22cs8gilg3] {
    gap: 8px;
}

.brand-logo[b-22cs8gilg3] {
    display: block;
    width: 148px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.titlebar-brand strong[b-22cs8gilg3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(15, 23, 42, 0.38);
}

.brand-cans[b-22cs8gilg3] { color: #f8fafc; }
.brand-lis[b-22cs8gilg3] { color: #ed1932; }

.version[b-22cs8gilg3] {
    color: #929ba7;
    font-size: 9px;
}

.titlebar-status[b-22cs8gilg3] {
    gap: 11px;
}

.online[b-22cs8gilg3] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 10px;
    font-weight: 700;
}

.online i[b-22cs8gilg3],
.launcher-statusbar i[b-22cs8gilg3] {
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    background: #25b66f;
    animation: online-pulse-b-22cs8gilg3 1.8s ease-out infinite;
}

.user-avatar[b-22cs8gilg3] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
}

.titlebar-logout-form[b-22cs8gilg3] {
    margin: 0;
}

.titlebar-logout[b-22cs8gilg3] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
    font: inherit;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: background 160ms ease, transform 160ms ease;
}

.titlebar-logout[b-22cs8gilg3]  svg {
    width: 13px;
    height: 13px;
}

.titlebar-logout:hover[b-22cs8gilg3] {
    background: rgba(255, 255, 255, 0.23);
    transform: translateY(-1px);
}

.titlebar-logout:focus-visible[b-22cs8gilg3] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.module-dock[b-22cs8gilg3] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 5px;
    padding: 10px 18px 8px;
    overflow-x: auto;
    background: rgba(255, 255, 255, 0.84);
    border-bottom: 1px solid rgba(147, 197, 253, 0.52);
    box-shadow: 0 6px 18px rgba(62, 49, 143, 0.08);
}

.module-tile[b-22cs8gilg3] {
    width: 96px;
    min-width: 88px;
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 7px 6px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #4f5967;
    cursor: pointer;
    opacity: 0;
    animation: module-enter-b-22cs8gilg3 480ms cubic-bezier(.2, .9, .35, 1.2) forwards;
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.module-tile:nth-child(2)[b-22cs8gilg3] { animation-delay: 45ms; }
.module-tile:nth-child(3)[b-22cs8gilg3] { animation-delay: 90ms; }
.module-tile:nth-child(4)[b-22cs8gilg3] { animation-delay: 135ms; }
.module-tile:nth-child(5)[b-22cs8gilg3] { animation-delay: 180ms; }
.module-tile:nth-child(6)[b-22cs8gilg3] { animation-delay: 225ms; }
.module-tile:nth-child(7)[b-22cs8gilg3] { animation-delay: 270ms; }
.module-tile:nth-child(8)[b-22cs8gilg3] { animation-delay: 315ms; }
.module-tile:nth-child(9)[b-22cs8gilg3] { animation-delay: 360ms; }

.module-tile:hover[b-22cs8gilg3],
.module-tile.active[b-22cs8gilg3] {
    z-index: 1;
    transform: none;
    background: #fff;
    box-shadow: 0 11px 23px rgba(49, 57, 73, 0.15);
}

.module-tile.active[b-22cs8gilg3] {
    border-color: currentColor;
}

.module-icon[b-22cs8gilg3] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 0;
    color: currentColor;
}

.module-tile:hover .module-icon[b-22cs8gilg3] {
    animation: none;
}

.module-icon[b-22cs8gilg3]  svg {
    width: 52px;
    height: 52px;
    stroke-width: 1.85;
}

.module-icon.has-image[b-22cs8gilg3] {
    width: 80px;
    height: 80px;
}

.navigation-category-image[b-22cs8gilg3] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 3px 4px rgba(15, 23, 42, 0.18));
}

/* Keep each icon's longest visible edge close to the same size. */
.category-image-dashboard[b-22cs8gilg3] { transform: scale(1.1); }
.category-image-patient[b-22cs8gilg3] { transform: scale(0.96, 0.78); }
.category-image-donor[b-22cs8gilg3] { transform: scale(0.87); }
.category-image-stock[b-22cs8gilg3] { transform: scale(0.79); }
.category-image-operations[b-22cs8gilg3] { transform: translateY(-3%) scale(1.02); }
.category-image-settings[b-22cs8gilg3] { transform: scale(0.82); }

.module-label[b-22cs8gilg3] {
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
}

.module-badge[b-22cs8gilg3] {
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    position: absolute;
    top: 2px;
    right: 7px;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    animation: badge-pulse-b-22cs8gilg3 2s ease-in-out infinite;
}

.module-blue[b-22cs8gilg3] { color: #2563eb; }
.module-blue .module-icon[b-22cs8gilg3], .module-toast.module-blue .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #60a5fa, #2563eb); }
.module-orange[b-22cs8gilg3] { color: #0891b2; }
.module-orange .module-icon[b-22cs8gilg3], .module-toast.module-orange .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #67e8f9, #06b6d4); }
.module-cyan[b-22cs8gilg3] { color: #d97706; }
.module-cyan .module-icon[b-22cs8gilg3], .module-toast.module-cyan .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #fcd34d, #f59e0b); }
.module-indigo[b-22cs8gilg3] { color: #4f46e5; }
.module-indigo .module-icon[b-22cs8gilg3], .module-toast.module-indigo .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #818cf8, #4f46e5); }
.module-rose[b-22cs8gilg3] { color: #7c3aed; }
.module-rose .module-icon[b-22cs8gilg3], .module-toast.module-rose .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #c084fc, #8b5cf6); }
.module-amber[b-22cs8gilg3] { color: #d97706; }
.module-amber .module-icon[b-22cs8gilg3], .module-toast.module-amber .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #fde68a, #f59e0b); }
.module-violet[b-22cs8gilg3] { color: #db2777; }
.module-violet .module-icon[b-22cs8gilg3], .module-toast.module-violet .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #f472b6, #ec4899); }
.module-emerald[b-22cs8gilg3] { color: #059669; }
.module-emerald .module-icon[b-22cs8gilg3], .module-toast.module-emerald .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #34d399, #10b981); }
.module-red[b-22cs8gilg3] { color: #dc2626; }
.module-red .module-icon[b-22cs8gilg3], .module-toast.module-red .toast-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #fb7185, #ef4444); }

.launcher-workspace[b-22cs8gilg3] {
    min-height: 0;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 18%, rgba(125, 211, 252, 0.42), transparent 22%),
        radial-gradient(circle at 86% 78%, rgba(244, 114, 182, 0.28), transparent 25%),
        radial-gradient(circle at 54% 90%, rgba(253, 224, 71, 0.2), transparent 24%),
        linear-gradient(#f8fbff, #fdf7ff 58%, #fffdf4);
}

.launcher-workspace[b-22cs8gilg3]::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(137, 146, 160, 0.14) 0.7px, transparent 0.7px);
    background-size: 20px 20px;
    content: "";
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), transparent 75%);
}

.ambient-orb[b-22cs8gilg3] {
    width: 230px;
    height: 230px;
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.13;
    pointer-events: none;
}

.orb-one[b-22cs8gilg3] {
    top: 14%;
    right: 10%;
    background: #60a5fa;
    animation: orb-drift-b-22cs8gilg3 8s ease-in-out infinite;
}

.orb-two[b-22cs8gilg3] {
    bottom: -8%;
    left: 30%;
    background: #c084fc;
    animation: orb-drift-b-22cs8gilg3 10s ease-in-out -3s infinite reverse;
}

.quick-launch[b-22cs8gilg3] {
    width: 285px;
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 24px;
}

.quick-card[b-22cs8gilg3] {
    width: 100%;
    min-height: 72px;
    gap: 12px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #d8dce4;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
    color: #334155;
    text-align: left;
    cursor: pointer;
    opacity: 0;
    box-shadow: 0 9px 24px rgba(43, 51, 65, 0.09);
    backdrop-filter: blur(10px);
    animation: quick-enter-b-22cs8gilg3 520ms 280ms cubic-bezier(.2, .9, .35, 1.1) forwards;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.quick-card:nth-child(2)[b-22cs8gilg3] {
    animation-delay: 380ms;
}

.quick-card:nth-child(3)[b-22cs8gilg3] {
    animation-delay: 480ms;
}

.quick-card:hover[b-22cs8gilg3] {
    transform: translateX(7px);
    box-shadow: 0 13px 28px rgba(43, 51, 65, 0.14);
}

.quick-icon[b-22cs8gilg3] {
    width: 45px;
    height: 45px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: #fff;
}

.quick-request .quick-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #60a5fa, #2563eb); }
.quick-result .quick-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #f472b6, #db2777); }
.quick-report .quick-icon[b-22cs8gilg3] { background: linear-gradient(145deg, #34d399, #0d9488); }
.quick-report.active[b-22cs8gilg3] { border-color: rgba(13, 148, 136, 0.65); }

.quick-icon[b-22cs8gilg3]  svg {
    width: 23px;
    height: 23px;
}

.quick-card > span:nth-child(2)[b-22cs8gilg3] {
    min-width: 0;
    flex: 1;
}

.quick-card strong[b-22cs8gilg3],
.quick-card small[b-22cs8gilg3] {
    display: block;
}

.quick-card strong[b-22cs8gilg3] {
    font-size: 1rem;
}

.quick-card small[b-22cs8gilg3] {
    margin-top: 2px;
    color: #7b8492;
    font-size: 1rem;
}

.quick-card b[b-22cs8gilg3] {
    min-width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #f0f2f6;
    color: #526072;
    font-size: 1rem;
}

.quick-card[b-22cs8gilg3] >  svg {
    width: 17px;
    height: 17px;
    color: #8a94a2;
}

.workspace-mark[b-22cs8gilg3] {
    position: absolute;
    top: 47%;
    left: 54%;
    transform: translate(-50%, -50%);
    color: #d8dce4;
    text-align: center;
    user-select: none;
}

.workspace-mark img[b-22cs8gilg3],
.workspace-mark small[b-22cs8gilg3] {
    display: block;
}

.workspace-mark img[b-22cs8gilg3] {
    width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.workspace-mark small[b-22cs8gilg3] {
    margin-top: -10px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.28em;
}

.module-toast[b-22cs8gilg3] {
    min-width: 265px;
    min-height: 66px;
    position: absolute;
    z-index: 3;
    right: 24px;
    bottom: 22px;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid currentColor;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 35px rgba(47, 55, 70, 0.18);
    backdrop-filter: blur(12px);
    animation: toast-in-b-22cs8gilg3 350ms cubic-bezier(.2, .9, .3, 1.15) both;
}

.toast-icon[b-22cs8gilg3] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #fff;
}

.toast-icon[b-22cs8gilg3]  svg {
    width: 21px;
    height: 21px;
}

.module-toast > span:nth-child(2)[b-22cs8gilg3] {
    flex: 1;
}

.module-toast strong[b-22cs8gilg3],
.module-toast small[b-22cs8gilg3] {
    display: block;
}

.module-toast strong[b-22cs8gilg3] {
    color: #344154;
    font-size: 1rem;
}

.module-toast small[b-22cs8gilg3] {
    margin-top: 3px;
    color: #7b8491;
    font-size: 1rem;
}

.module-toast button[b-22cs8gilg3] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #eef0f4;
    color: #667281;
    cursor: pointer;
}

.module-toast button[b-22cs8gilg3]  svg {
    width: 14px;
    height: 14px;
}

.launcher-statusbar[b-22cs8gilg3] {
    justify-content: flex-end;
    gap: 8px;
    padding: 0 12px;
    background: linear-gradient(#f0f2f5, #e6e9ed);
    border-top: 1px solid #c5cbd2;
    color: #747e8a;
    font-size: 9px;
}

.statusbar-ready[b-22cs8gilg3] {
    margin-right: auto;
    color: #407458;
    font-weight: 700;
}

.statusbar-version[b-22cs8gilg3],
.statusbar-user[b-22cs8gilg3],
.statusbar-date[b-22cs8gilg3],
.statusbar-time[b-22cs8gilg3] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.94);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.16);
}

.statusbar-time[b-22cs8gilg3] {
    min-width: 42px;
    justify-content: center;
    color: #ffffff;
}

/* Liquid glass visual layer */
.launcher-app[b-22cs8gilg3] {
    background:
        radial-gradient(circle at 12% 8%, rgba(125, 211, 252, 0.54), transparent 27%),
        radial-gradient(circle at 86% 12%, rgba(244, 114, 182, 0.3), transparent 29%),
        radial-gradient(circle at 52% 92%, rgba(253, 224, 71, 0.2), transparent 28%),
        linear-gradient(145deg, #f8fbff 0%, #fdf7ff 50%, #fffdf4 100%);
}

.app-titlebar[b-22cs8gilg3] {
    position: relative;
    z-index: 5;
    background:
        linear-gradient(90deg, #eaf6ff 0, #ddecff var(--brand-light-end, 185px), transparent var(--brand-fade-end, 340px)),
        linear-gradient(110deg, var(--jiva-blue), var(--jiva-violet) 58%, var(--jiva-pink));
    border-bottom-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 28px rgba(62, 49, 143, 0.2), inset 0 -1px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(24px) saturate(170%);
}

.user-avatar[b-22cs8gilg3] {
    border: 1px solid rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.16);
    box-shadow: 0 5px 14px rgba(28, 21, 81, 0.18), inset 0 1px rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(12px);
}

.module-dock[b-22cs8gilg3] {
    position: relative;
    z-index: 4;
    margin: 9px 22px 8px;
    padding: 8px 14px;
    border: 1px solid rgba(191, 219, 254, 0.82);
    border-radius: 26px;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.28)),
        radial-gradient(circle at 14% 0%, rgba(255, 255, 255, 0.86), transparent 32%);
    box-shadow:
        0 20px 55px rgba(62, 49, 143, 0.13),
        inset 0 1px 1px rgba(255, 255, 255, 0.98),
        inset 0 -1px 1px rgba(99, 118, 158, 0.09);
    backdrop-filter: blur(30px) saturate(185%);
}

.module-tile[b-22cs8gilg3] {
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 20px;
    transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.module-tile[b-22cs8gilg3]::before {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(118deg, rgba(255, 255, 255, 0.72), transparent 42%);
    opacity: 0;
    content: "";
    pointer-events: none;
    transition: opacity 120ms ease;
}

.module-tile:hover[b-22cs8gilg3],
.module-tile.active[b-22cs8gilg3] {
    border-color: rgba(255, 255, 255, 0.86);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.26));
    box-shadow:
        0 18px 35px color-mix(in srgb, currentColor 16%, rgba(59, 74, 111, 0.1)),
        inset 0 1px 1px rgba(255, 255, 255, 0.95),
        inset 0 -1px rgba(99, 118, 158, 0.1);
    backdrop-filter: none;
}

.module-tile:hover[b-22cs8gilg3]::before,
.module-tile.active[b-22cs8gilg3]::before {
    opacity: 1;
}

.module-blue[b-22cs8gilg3] { --liquid-start: #60a5fa; --liquid-end: #2563eb; --liquid-ink: #fff; --liquid-dot: #22d3ee; }
.module-orange[b-22cs8gilg3] { --liquid-start: #67e8f9; --liquid-end: #06b6d4; --liquid-ink: #083344; --liquid-dot: #2dd4bf; }
.module-cyan[b-22cs8gilg3] { --liquid-start: #fcd34d; --liquid-end: #f59e0b; --liquid-ink: #78350f; --liquid-dot: #fb7185; }
.module-indigo[b-22cs8gilg3] { --liquid-start: #818cf8; --liquid-end: #4f46e5; --liquid-ink: #fff; --liquid-dot: #38bdf8; }
.module-rose[b-22cs8gilg3] { --liquid-start: #c084fc; --liquid-end: #8b5cf6; --liquid-ink: #fff; --liquid-dot: #f472b6; }
.module-amber[b-22cs8gilg3] { --liquid-start: #fde68a; --liquid-end: #f59e0b; --liquid-ink: #78350f; --liquid-dot: #fb7185; }
.module-violet[b-22cs8gilg3] { --liquid-start: #f472b6; --liquid-end: #ec4899; --liquid-ink: #fff; --liquid-dot: #c084fc; }
.module-emerald[b-22cs8gilg3] { --liquid-start: #34d399; --liquid-end: #10b981; --liquid-ink: #064e3b; --liquid-dot: #facc15; }
.module-red[b-22cs8gilg3] { --liquid-start: #fb7185; --liquid-end: #ef4444; --liquid-ink: #fff; --liquid-dot: #fff; }

.module-dock .module-tile[b-22cs8gilg3] {
    color: #1e4d82;
}

.module-tile .module-icon[b-22cs8gilg3],
.module-toast .toast-icon[b-22cs8gilg3] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.78);
    background:
        radial-gradient(circle at 28% 17%, rgba(255, 255, 255, 0.92), transparent 18%),
        linear-gradient(145deg, var(--liquid-start), var(--liquid-end));
    color: var(--liquid-ink, #fff);
    box-shadow:
        0 12px 24px color-mix(in srgb, var(--liquid-end) 31%, transparent),
        inset 0 1px 1px rgba(255, 255, 255, 0.88),
        inset 0 -4px 10px rgba(23, 35, 75, 0.12);
}

.module-tile .module-icon[b-22cs8gilg3] {
    overflow: visible;
    box-sizing: border-box;
    border: 1px solid rgba(147, 197, 253, 0.7);
    border-radius: 14px;
    background: rgba(232, 244, 255, 0.55);
    color: var(--liquid-end);
    box-shadow: 0 3px 8px rgba(30, 77, 130, 0.08), inset 0 1px rgba(255, 255, 255, 0.85);
}

.module-tile .module-icon[b-22cs8gilg3]::before,
.module-tile .module-icon[b-22cs8gilg3]::after {
    content: none;
}

.module-tile .module-icon[b-22cs8gilg3]  svg {
    filter:
        drop-shadow(0 2px 0 rgba(255, 255, 255, 0.9))
        drop-shadow(0 7px 8px color-mix(in srgb, var(--liquid-end) 34%, transparent));
}

.module-icon[b-22cs8gilg3]::before,
.toast-icon[b-22cs8gilg3]::before {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: 50%;
    background: var(--liquid-dot, var(--jiva-cyan));
    box-shadow: 0 3px 8px color-mix(in srgb, var(--liquid-dot, var(--jiva-cyan)) 38%, transparent);
    content: "";
}

.module-icon[b-22cs8gilg3]::after,
.toast-icon[b-22cs8gilg3]::after {
    width: 72%;
    height: 22%;
    position: absolute;
    top: 7%;
    left: 14%;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.66), transparent);
    content: "";
    transform: rotate(-8deg);
    pointer-events: none;
}

.module-icon[b-22cs8gilg3]  svg,
.toast-icon[b-22cs8gilg3]  svg {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 3px rgba(19, 31, 65, 0.18));
}

.module-tile:hover .module-icon[b-22cs8gilg3],
.module-tile:focus-visible .module-icon[b-22cs8gilg3] {
    animation: liquid-icon-b-22cs8gilg3 900ms ease-in-out infinite;
}

.module-badge[b-22cs8gilg3] {
    border-color: rgba(255, 255, 255, 0.9);
    background: linear-gradient(145deg, #fb7185, var(--jiva-critical));
    box-shadow: 0 6px 14px rgba(226, 48, 8, 0.28), inset 0 1px rgba(255, 255, 255, 0.72);
}

.launcher-workspace[b-22cs8gilg3] {
    background:
        radial-gradient(circle at 13% 14%, rgba(204, 221, 247, 0.62), transparent 31%),
        radial-gradient(circle at 84% 25%, rgba(223, 221, 243, 0.72), transparent 34%),
        radial-gradient(circle at 54% 95%, rgba(213, 255, 153, 0.32), transparent 30%),
        linear-gradient(145deg, #fff 0%, #f6f6f6 48%, #f5fbec 100%);
}

.launcher-workspace[b-22cs8gilg3]::before {
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 14%, rgba(255, 255, 255, 0.48) 42%, transparent 68%),
        radial-gradient(rgba(104, 129, 176, 0.16) 0.65px, transparent 0.65px);
    background-size: 180% 100%, 22px 22px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent 82%);
    animation: none;
}

.ambient-orb[b-22cs8gilg3] {
    width: 390px;
    height: 390px;
    opacity: 0.36;
    filter: blur(68px) saturate(135%);
    mix-blend-mode: multiply;
}

.orb-one[b-22cs8gilg3] {
    top: 2%;
    right: 2%;
    background: linear-gradient(135deg, #38bdf8, #8b5cf6);
    animation: none;
}

.orb-two[b-22cs8gilg3] {
    bottom: -24%;
    left: 24%;
    background: linear-gradient(135deg, #facc15, #f472b6);
    animation: none;
}

.quick-card[b-22cs8gilg3] {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.8);
    border-radius: 24px;
    background:
        linear-gradient(128deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.24)),
        radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.92), transparent 38%);
    box-shadow:
        0 20px 48px rgba(65, 82, 125, 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.96),
        inset 0 -1px rgba(95, 117, 158, 0.1);
    backdrop-filter: blur(28px) saturate(190%);
    transition: transform 280ms cubic-bezier(.2, .8, .2, 1), box-shadow 280ms ease;
}

.quick-card[b-22cs8gilg3]::after {
    width: 42%;
    height: 180%;
    position: absolute;
    top: -42%;
    left: -58%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.56), transparent);
    content: "";
    pointer-events: none;
    transform: rotate(17deg);
    transition: left 650ms ease;
}

.quick-card:hover[b-22cs8gilg3] {
    transform: translateX(9px) translateY(-3px) scale(1.018);
    box-shadow: 0 28px 58px rgba(65, 82, 125, 0.2), inset 0 1px 1px rgba(255, 255, 255, 1);
}

.quick-card:hover[b-22cs8gilg3]::after {
    left: 118%;
}

.quick-icon[b-22cs8gilg3] {
    border: 1px solid rgba(255, 255, 255, 0.78);
    box-shadow: 0 11px 23px color-mix(in srgb, currentColor 25%, rgba(59, 75, 112, 0.14)),
        inset 0 1px rgba(255, 255, 255, 0.82);
}

.quick-card b[b-22cs8gilg3] {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.48);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.86);
}

.workspace-mark[b-22cs8gilg3] {
    width: clamp(160px, 24vw, 300px);
    display: block;
}

.module-toast[b-22cs8gilg3] {
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.82);
    border-radius: 22px;
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.3));
    box-shadow: 0 24px 55px rgba(56, 70, 108, 0.2), inset 0 1px rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(30px) saturate(185%);
}

.module-toast button[b-22cs8gilg3] {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.45);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.88);
}

.launcher-statusbar[b-22cs8gilg3] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    z-index: 20;
    background: linear-gradient(105deg, var(--jiva-blue), var(--jiva-violet), var(--jiva-pink));
    border-top-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.82);
    box-shadow: 0 -8px 24px rgba(62, 49, 143, 0.12), inset 0 1px rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(22px) saturate(170%);
}

@keyframes liquid-icon-b-22cs8gilg3 {
    0%, 100% { transform: translateY(0) rotate(0) scale(1); }
    38% { transform: translateY(-7px) rotate(-5deg) scale(1.08); }
    68% { transform: translateY(1px) rotate(4deg) scale(0.98); }
}

@keyframes liquid-float-b-22cs8gilg3 {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); border-radius: 50%; }
    35% { transform: translate3d(-42px, 26px, 0) scale(1.12); border-radius: 44% 56% 61% 39%; }
    70% { transform: translate3d(24px, -34px, 0) scale(0.94); border-radius: 58% 42% 45% 55%; }
}

@keyframes liquid-sheen-b-22cs8gilg3 {
    from { background-position: 0 0, 0 0; }
    to { background-position: 100% 0, 0 0; }
}

@keyframes mark-morph-b-22cs8gilg3 {
    0%, 100% { border-radius: 42% 58% 48% 52% / 54% 42% 58% 46%; transform: translate(-50%, -50%) rotate(-1deg); }
    50% { border-radius: 58% 42% 57% 43% / 42% 58% 44% 56%; transform: translate(-50%, -52%) rotate(2deg); }
}

@keyframes module-enter-b-22cs8gilg3 {
    from { opacity: 0; transform: translateY(-18px) scale(0.82); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes quick-enter-b-22cs8gilg3 {
    from { opacity: 0; transform: translateX(-25px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes icon-bounce-b-22cs8gilg3 {
    0%, 100% { transform: translateY(0) rotate(0); }
    35% { transform: translateY(-6px) rotate(-5deg); }
    70% { transform: translateY(1px) rotate(4deg); }
}

@keyframes badge-pulse-b-22cs8gilg3 {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.05); }
    50% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.12); }
}

@keyframes online-pulse-b-22cs8gilg3 {
    0% { box-shadow: 0 0 0 0 rgba(37, 182, 111, 0.42); }
    70%, 100% { box-shadow: 0 0 0 7px rgba(37, 182, 111, 0); }
}

@keyframes orb-drift-b-22cs8gilg3 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, -22px) scale(1.12); }
}

@keyframes toast-in-b-22cs8gilg3 {
    from { opacity: 0; transform: translateY(18px) scale(0.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    *[b-22cs8gilg3], *[b-22cs8gilg3]::before, *[b-22cs8gilg3]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

@media (max-width: 1080px) {
    .module-dock[b-22cs8gilg3] {
        justify-content: flex-start;
    }

    .module-tile[b-22cs8gilg3] {
        width: 88px;
    }
}

/* Shared-menu launcher */
.titlebar-brand[b-22cs8gilg3] {
    color: inherit;
    text-decoration: none;
}

.titlebar-brand > span:last-child[b-22cs8gilg3],
.titlebar-brand small[b-22cs8gilg3] {
    display: block;
}

.titlebar-brand small[b-22cs8gilg3] {
    margin-top: 1px;
    color: rgba(255, 255, 255, 0.7);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5px;
    font-weight: 750;
    letter-spacing: 0;
}

.module-dock[b-22cs8gilg3] {
    gap: 18px;
}

.module-tile[b-22cs8gilg3] {
    width: 112px;
    min-width: 104px;
}

.module-count[b-22cs8gilg3] {
    box-sizing: border-box;
    min-width: 25px;
    min-height: 25px;
    display: grid;
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 8px;
    place-items: center;
    padding: 3px 6px;
    border: 1px solid rgba(151, 197, 235, 0.7);
    border-radius: 999px;
    background: #e8f4ff;
    color: #1e4d82;
    box-shadow: 0 6px 15px rgba(48, 59, 91, 0.12), inset 0 1px rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 900;
    backdrop-filter: blur(12px);
}

.quick-card[b-22cs8gilg3] {
    text-decoration: none;
}

.launcher-menu-sheet[b-22cs8gilg3] {
    --sheet-color: var(--liquid-end, #2563eb);
    width: min(1180px, calc(100% - 348px));
    max-height: calc(100% - 32px);
    position: absolute;
    z-index: 8;
    top: 16px;
    right: 24px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 30px;
    background:
        linear-gradient(132deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9)),
        radial-gradient(circle at 84% 2%, color-mix(in srgb, var(--sheet-color) 12%, transparent), transparent 34%);
    box-shadow:
        0 32px 80px rgba(52, 63, 103, 0.2),
        inset 0 1px rgba(255, 255, 255, 0.98),
        inset 0 -1px rgba(95, 112, 154, 0.08);
    backdrop-filter: blur(8px);
    animation: menu-sheet-in-b-22cs8gilg3 120ms ease-out both;
}

.launcher-menu-sheet > header[b-22cs8gilg3] {
    display: flex;
    position: sticky;
    z-index: 2;
    top: 0;
    align-items: center;
    gap: 12px;
    padding: 17px 18px 13px;
    border-bottom: 1px solid rgba(132, 146, 180, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.54));
    backdrop-filter: none;
}

.menu-sheet-icon[b-22cs8gilg3] {
    width: 52px;
    height: 52px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--liquid-end);
}

.tone-blue[b-22cs8gilg3] { --item-icon: #2563eb; }
.tone-cyan[b-22cs8gilg3] { --item-icon: #0891b2; }
.tone-teal[b-22cs8gilg3] { --item-icon: #0f9f8f; }
.tone-green[b-22cs8gilg3] { --item-icon: #16a34a; }
.tone-orange[b-22cs8gilg3] { --item-icon: #ea580c; }
.tone-red[b-22cs8gilg3] { --item-icon: #e11d48; }
.tone-pink[b-22cs8gilg3] { --item-icon: #db2777; }
.tone-violet[b-22cs8gilg3] { --item-icon: #7c3aed; }
.tone-indigo[b-22cs8gilg3] { --item-icon: #4f46e5; }
.tone-slate[b-22cs8gilg3] { --item-icon: #475569; }

.menu-sheet-icon[b-22cs8gilg3]  svg {
    width: 42px;
    height: 42px;
    stroke-width: 1.85;
    filter: drop-shadow(0 6px 7px color-mix(in srgb, var(--liquid-end) 30%, transparent));
}

.launcher-menu-sheet header > span:nth-child(2)[b-22cs8gilg3] {
    min-width: 0;
    flex: 1;
}

.launcher-menu-sheet header strong[b-22cs8gilg3],
.launcher-menu-sheet header small[b-22cs8gilg3],
.launcher-menu-link strong[b-22cs8gilg3],
.launcher-menu-link small[b-22cs8gilg3] {
    display: block;
}

.launcher-menu-sheet header strong[b-22cs8gilg3] {
    color: var(--jiva-violet);
    font-size: 1rem;
}

.launcher-menu-sheet header small[b-22cs8gilg3] {
    margin-top: 2px;
    color: var(--jiva-slate);
    font-size: 1rem;
}

.launcher-menu-sheet header button[b-22cs8gilg3] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.48);
    color: #6e7890;
    cursor: pointer;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.9);
}

.launcher-menu-sheet header button[b-22cs8gilg3]  svg {
    width: 15px;
    height: 15px;
}

.launcher-menu-grid[b-22cs8gilg3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}

.launcher-menu-link[b-22cs8gilg3] {
    min-width: 0;
    min-height: 68px;
    display: flex;
    position: relative;
    align-items: center;
    gap: 10px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--item-icon, var(--sheet-color)) 16%, rgba(255, 255, 255, 0.86));
    border-radius: 18px;
    background: linear-gradient(132deg, rgba(255, 255, 255, 0.9), color-mix(in srgb, var(--item-icon, var(--sheet-color)) 7%, rgba(255, 255, 255, 0.5)));
    color: var(--jiva-text);
    text-decoration: none;
    box-shadow: 0 11px 26px rgba(57, 68, 103, 0.08), inset 0 1px rgba(255, 255, 255, 0.92);
    transition: transform 190ms ease, box-shadow 190ms ease, border-color 190ms ease;
}

.launcher-menu-link[aria-disabled="true"][b-22cs8gilg3] { cursor: not-allowed; background: #f3f5fa; }
.launcher-menu-link .menu-unavailable[b-22cs8gilg3] { color: #815017; font-weight: 600; }

.launcher-menu-link[b-22cs8gilg3]::before {
    width: 34%;
    height: 180%;
    position: absolute;
    top: -42%;
    left: -45%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    content: "";
    transform: rotate(18deg);
    transition: left 560ms ease;
}

.launcher-menu-link:hover[b-22cs8gilg3],
.launcher-menu-link:focus-visible[b-22cs8gilg3] {
    z-index: 1;
    transform: translateY(-3px) scale(1.018);
    border-color: color-mix(in srgb, var(--item-icon, var(--sheet-color)) 35%, white);
    box-shadow: 0 18px 34px color-mix(in srgb, var(--item-icon, var(--sheet-color)) 14%, rgba(54, 66, 104, 0.12));
    outline: none;
}

.launcher-menu-link:focus-visible[b-22cs8gilg3] {
    outline: 3px solid var(--jiva-focus);
    outline-offset: 2px;
}

.launcher-menu-link:hover[b-22cs8gilg3]::before,
.launcher-menu-link:focus-visible[b-22cs8gilg3]::before {
    left: 118%;
}

.launcher-item-icon[b-22cs8gilg3] {
    width: 42px;
    height: 42px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--item-icon, var(--liquid-end));
}

.launcher-item-icon[b-22cs8gilg3]  svg {
    width: 31px;
    height: 31px;
    stroke-width: 1.9;
    filter:
        drop-shadow(0 2px 0 rgba(255, 255, 255, 0.9))
        drop-shadow(0 6px 7px color-mix(in srgb, var(--item-icon, var(--liquid-end)) 28%, transparent));
}

.launcher-menu-link > span:nth-child(2)[b-22cs8gilg3] {
    min-width: 0;
    flex: 1;
}

.launcher-menu-link strong[b-22cs8gilg3] {
    color: color-mix(in srgb, var(--item-icon, var(--jiva-text)) 48%, #142d4e);
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link strong[b-22cs8gilg3],
.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link small[b-22cs8gilg3] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.launcher-menu-sheet[data-section="Donor"][b-22cs8gilg3] {
    width: min(1000px, calc(100% - 348px));
}

.launcher-menu-sheet[data-section="Donor"] > header[b-22cs8gilg3] {
    padding: 12px 16px;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-grid[b-22cs8gilg3] {
    gap: 8px;
    padding: 12px;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link[b-22cs8gilg3] {
    min-height: 60px;
    gap: 8px;
    padding: 8px;
    border-radius: 14px;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-item-icon[b-22cs8gilg3] {
    width: 32px;
    height: 32px;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-item-icon[b-22cs8gilg3]  svg {
    width: 25px;
    height: 25px;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link strong[b-22cs8gilg3] {
    font-size: .9rem;
    line-height: 1.25;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link small[b-22cs8gilg3] {
    margin-top: 2px;
    font-size: .8rem;
    line-height: 1.25;
}

.launcher-menu-sheet[data-section="Donor"] .launcher-menu-link small:not(.menu-unavailable)[b-22cs8gilg3] {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.launcher-menu-link small[b-22cs8gilg3] {
    margin-top: 3px;
    overflow: hidden;
    color: var(--jiva-slate);
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-menu-link[b-22cs8gilg3] >  svg {
    width: 14px;
    height: 14px;
    color: #9aa3b3;
}

.module-tile:focus-visible[b-22cs8gilg3],
.quick-card:focus-visible[b-22cs8gilg3],
.titlebar-brand:focus-visible[b-22cs8gilg3],
.launcher-menu-sheet header button:focus-visible[b-22cs8gilg3] {
    outline: 3px solid var(--jiva-focus);
    outline-offset: 2px;
}

.module-tile:focus-visible[b-22cs8gilg3] {
    transform: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.3));
}

.statusbar-ready[b-22cs8gilg3] {
    color: #67e8f9;
}

@keyframes menu-sheet-in-b-22cs8gilg3 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1180px) {
    .module-dock[b-22cs8gilg3] {
        justify-content: center;
        gap: 8px;
    }

    .module-tile[b-22cs8gilg3] {
        width: 98px;
        min-width: 92px;
    }

    .launcher-menu-grid[b-22cs8gilg3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .app-titlebar[b-22cs8gilg3] {
        --brand-light-end: 132px;
        --brand-fade-end: 192px;
    }

    .brand-logo[b-22cs8gilg3] {
        width: 110px;
    }

    .titlebar-status .online[b-22cs8gilg3] {
        display: none;
    }

    .module-dock[b-22cs8gilg3] {
        justify-content: flex-start;
    }

    .launcher-menu-grid[b-22cs8gilg3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .launcher-menu-link strong[b-22cs8gilg3],
    .launcher-menu-link small[b-22cs8gilg3] {
        white-space: normal;
    }

    .launcher-menu-sheet[b-22cs8gilg3] {
        left: 12px;
        right: 12px;
        width: auto;
    }

    .launcher-menu-sheet[data-section="Donor"][b-22cs8gilg3] {
        width: auto;
    }
}
/* /Components/Pages/Donor/DonorAftercarePanel.razor.rz.scp.css */
.aftercare-panel[b-zoo8292qao]{box-sizing:border-box;flex:none;width:100%;max-width:1080px;margin:18px auto;padding:24px;border:1px solid #dce5f3;border-radius:24px;background:white;color:#172342;box-shadow:0 12px 35px #334f7b12;font-size:18px;line-height:1.7}.aftercare-header[b-zoo8292qao],.aftercare-person[b-zoo8292qao],.aftercare-footer[b-zoo8292qao]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.aftercare-header h2[b-zoo8292qao]{font-size:26px;margin:4px 0}.aftercare-panel h3[b-zoo8292qao]{font-size:21px;margin:20px 0 12px}.aftercare-header small[b-zoo8292qao],.aftercare-person span[b-zoo8292qao],.aftercare-hint[b-zoo8292qao],.aftercare-footer span[b-zoo8292qao]{color:#526783;font-size:1rem}.aftercare-person[b-zoo8292qao]{margin:18px 0;padding:18px;background:#f0f4ff;border-radius:16px;overflow-wrap:anywhere}.aftercare-person span[b-zoo8292qao],.aftercare-bag strong[b-zoo8292qao],.aftercare-bag span[b-zoo8292qao]{display:block}.aftercare-bag[b-zoo8292qao]{padding:18px;background:#fff8e9;border:1px solid #ead5a7;border-radius:16px;overflow-wrap:anywhere}.aftercare-bag span[b-zoo8292qao]{font-weight:700;color:#765021}.aftercare-bag p[b-zoo8292qao]{font-size:1rem;margin-bottom:0}
.aftercare-panel button[b-zoo8292qao]{border:1px solid #d4deef;background:white;color:#26395e;border-radius:10px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}.aftercare-panel button.primary[b-zoo8292qao]{background:#3458d5;border-color:#3458d5;color:white}.aftercare-panel button:disabled[b-zoo8292qao]{opacity:.5;cursor:not-allowed}.aftercare-panel fieldset[b-zoo8292qao]{border:0;margin:0;padding:0;min-width:0}.aftercare-panel label[b-zoo8292qao]{display:grid;gap:8px;min-width:0;margin:14px 0;font-size:1rem}.aftercare-panel input[b-zoo8292qao],.aftercare-panel select[b-zoo8292qao],.aftercare-panel textarea[b-zoo8292qao],.aftercare-panel[b-zoo8292qao]  input[type=number],.aftercare-panel[b-zoo8292qao]  input[type=datetime-local]{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd8ec;border-radius:10px;background:white;color:#152443;font:inherit;font-size:18px}.aftercare-panel textarea[b-zoo8292qao]{min-height:90px;resize:vertical}.aftercare-panel .aftercare-check[b-zoo8292qao]{display:flex;align-items:flex-start;gap:10px}.aftercare-check input[b-zoo8292qao]{width:20px;height:20px;min-height:20px;flex:none;margin-top:4px;accent-color:#3458d5}.aftercare-fields[b-zoo8292qao],.aftercare-summary[b-zoo8292qao]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.aftercare-summary[b-zoo8292qao]{gap:16px;overflow-wrap:anywhere}.aftercare-summary dt[b-zoo8292qao]{color:#526783;font-size:1rem}.aftercare-summary dd[b-zoo8292qao]{margin:4px 0;font-weight:700}
.aftercare-message[b-zoo8292qao],.aftercare-confirm[b-zoo8292qao]{padding:14px 16px;border:1px solid #d4deef;border-radius:12px;background:#f1f5ff;overflow-wrap:anywhere}.aftercare-message[role=alert][b-zoo8292qao]{color:#973b24;background:#fff4ef;border-color:#efd0c2}.aftercare-confirm button[b-zoo8292qao]{margin:8px 8px 0 0}.aftercare-footer[b-zoo8292qao]{padding:18px 0;border-top:1px solid #e0e7f2;margin-top:20px}
@media(max-width:600px){.aftercare-panel[b-zoo8292qao]{padding:16px;margin:12px 0;border-radius:18px}.aftercare-fields[b-zoo8292qao],.aftercare-summary[b-zoo8292qao]{grid-template-columns:1fr}.aftercare-header h2[b-zoo8292qao]{font-size:22px}.aftercare-person>div[b-zoo8292qao]{width:100%}.aftercare-footer button[b-zoo8292qao]{width:100%}}
/* /Components/Pages/Donor/DonorCollectionPanel.razor.rz.scp.css */
.collection-panel[b-gi2bbtzte0]{box-sizing:border-box;flex:none;width:100%;max-width:1080px;margin:18px auto;padding:24px;border:1px solid #dce5f3;border-radius:24px;background:white;color:#172342;box-shadow:0 12px 35px #334f7b12;font-size:18px;line-height:1.7}
.collection-header[b-gi2bbtzte0],.collection-person[b-gi2bbtzte0],.collection-footer[b-gi2bbtzte0]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.collection-header h2[b-gi2bbtzte0]{font-size:26px;margin:4px 0}.collection-panel h3[b-gi2bbtzte0]{font-size:21px;margin:20px 0 12px}.collection-header small[b-gi2bbtzte0],.collection-hint[b-gi2bbtzte0],.collection-person span[b-gi2bbtzte0],.collection-footer span[b-gi2bbtzte0]{color:#526783;font-size:1rem}.collection-person[b-gi2bbtzte0]{margin:18px 0;padding:18px;background:#f0f4ff;border-radius:16px;overflow-wrap:anywhere}.collection-person span[b-gi2bbtzte0]{display:block}.collection-unit[b-gi2bbtzte0]{padding:20px;background:#eef6ff;border:1px solid #b7d5f6;border-radius:16px;overflow-wrap:anywhere}.collection-unit small[b-gi2bbtzte0],.collection-unit strong[b-gi2bbtzte0],.collection-unit span[b-gi2bbtzte0]{display:block}.collection-unit strong[b-gi2bbtzte0]{font-size:24px;letter-spacing:.02em}.collection-unit span[b-gi2bbtzte0]{font-weight:700;color:#765021}
.collection-panel button[b-gi2bbtzte0]{border:1px solid #d4deef;background:white;color:#26395e;border-radius:10px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}.collection-panel button.primary[b-gi2bbtzte0]{background:#3458d5;border-color:#3458d5;color:white}.collection-panel button:disabled[b-gi2bbtzte0]{opacity:.5;cursor:not-allowed}.collection-panel fieldset[b-gi2bbtzte0]{border:0;margin:0;padding:0;min-width:0}.collection-panel label[b-gi2bbtzte0]{display:grid;gap:8px;min-width:0;margin:14px 0;font-size:1rem}.collection-panel input[b-gi2bbtzte0],.collection-panel select[b-gi2bbtzte0],.collection-panel textarea[b-gi2bbtzte0]{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd8ec;border-radius:10px;background:white;color:#152443;font:inherit;font-size:18px}.collection-panel textarea[b-gi2bbtzte0]{min-height:90px;resize:vertical}.collection-panel .collection-check[b-gi2bbtzte0]{display:flex;align-items:flex-start;gap:10px}.collection-check input[b-gi2bbtzte0]{width:20px;height:20px;min-height:20px;flex:none;margin-top:4px;accent-color:#3458d5}.collection-fields[b-gi2bbtzte0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.collection-tube[b-gi2bbtzte0]{display:flex;align-items:center;gap:16px}.collection-tube label[b-gi2bbtzte0]{flex:1}.collection-specimen[b-gi2bbtzte0]{margin:12px 0;padding:16px;border:1px solid #dce5f3;border-radius:12px;overflow-wrap:anywhere}.collection-specimen>span[b-gi2bbtzte0],.collection-specimen>strong[b-gi2bbtzte0]{display:block}.scan-result[b-gi2bbtzte0]{font-weight:700;color:#344e72}.collection-message[b-gi2bbtzte0],.collection-confirm[b-gi2bbtzte0]{padding:14px 16px;border:1px solid #d4deef;border-radius:12px;background:#f1f5ff;overflow-wrap:anywhere}.collection-message[role=alert][b-gi2bbtzte0]{color:#973b24;background:#fff4ef;border-color:#efd0c2}.collection-confirm button[b-gi2bbtzte0]{margin:8px 8px 0 0}.collection-footer[b-gi2bbtzte0]{padding:18px 0;border-top:1px solid #e0e7f2;margin-top:20px}.collection-label-tools[b-gi2bbtzte0]{padding:4px 0 20px;border-bottom:1px solid #e0e7f2}.collection-summary[b-gi2bbtzte0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow-wrap:anywhere}.collection-summary dt[b-gi2bbtzte0]{color:#526783;font-size:1rem}.collection-summary dd[b-gi2bbtzte0]{margin:4px 0;font-weight:700}.donor-collection-print-sheet[b-gi2bbtzte0]{display:none}
@media(max-width:600px){.collection-panel[b-gi2bbtzte0]{padding:16px;margin:12px 0;border-radius:18px}.collection-fields[b-gi2bbtzte0],.collection-summary[b-gi2bbtzte0]{grid-template-columns:1fr}.collection-header h2[b-gi2bbtzte0]{font-size:22px}.collection-unit strong[b-gi2bbtzte0]{font-size:20px}.collection-person>div[b-gi2bbtzte0]{width:100%}.collection-tube[b-gi2bbtzte0]{flex-wrap:wrap;gap:4px}.collection-tube label[b-gi2bbtzte0]{flex-basis:100%}.collection-footer button[b-gi2bbtzte0]{width:100%}}
.collection-panel[b-gi2bbtzte0]  input[type=number],.collection-panel[b-gi2bbtzte0]  input[type=datetime-local]{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd8ec;border-radius:10px;background:white;color:#152443;font:inherit;font-size:18px}
/* /Components/Pages/Donor/DonorDrawer.razor.rz.scp.css */
.donor-drawer[b-g5dt5sp6hb] { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(900px, 90vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 1px solid #dbe5f4; padding: 0; background: #f5f8ff; color: #243855; box-shadow: -12px 0 45px #172f552b; }
.donor-drawer[open][b-g5dt5sp6hb] { display: flex; flex-direction: column; animation: drawer-in-b-g5dt5sp6hb .2s ease-out; }
.donor-drawer[b-g5dt5sp6hb]::backdrop { background: #142b4840; }
header[b-g5dt5sp6hb] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: #f1f6ff; flex-shrink: 0; }
button[b-g5dt5sp6hb] { padding: 8px 12px; border: 1px solid #cedcee; border-radius: 10px; color: #243855; background: white; cursor: pointer; }
.drawer-body[b-g5dt5sp6hb] { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 12px 18px; }
.drawer-body[b-g5dt5sp6hb]  > section { margin: 0; min-width: 0; }
.drawer-body[b-g5dt5sp6hb]  footer { position: sticky; bottom: -12px; background: #f1f6ff; z-index: 2; }
.drawer-body[b-g5dt5sp6hb]  [role="alert"] { position: sticky; top: -12px; z-index: 3; padding: 12px; border-radius: 10px; background: #fff1e4; color: #902c21; }
p[role="alert"][b-g5dt5sp6hb] { margin: 0; padding: 12px; background: #fff1e4; }
@keyframes drawer-in-b-g5dt5sp6hb { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media(max-width:600px) { .donor-drawer[b-g5dt5sp6hb] { width: 100vw; } .drawer-body[b-g5dt5sp6hb] { padding: 12px; } }
@media(prefers-reduced-motion:reduce) { .donor-drawer[open][b-g5dt5sp6hb] { animation: none; } }
@media print { .donor-drawer[open][b-g5dt5sp6hb], .drawer-body[b-g5dt5sp6hb] { position: static; display: block; height: auto; overflow: visible; } header[b-g5dt5sp6hb] { display: none; } }
/* /Components/Pages/Donor/DonorLabDraftPanel.razor.rz.scp.css */
.lab-drawer[b-wz3rtd31dl] { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(820px, 90vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 1px solid #dbe5f4; padding: 0; background: #f5f8ff; color: #243855; box-shadow: -12px 0 45px #172f552b; }
.lab-drawer[open][b-wz3rtd31dl] { display: flex; flex-direction: column; animation: slide-in-b-wz3rtd31dl .2s ease-out; }
.lab-drawer[b-wz3rtd31dl]::backdrop { background: #142b4840; }
.lab-drawer header[b-wz3rtd31dl], .lab-drawer footer[b-wz3rtd31dl] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: #f1f6ff; flex-shrink: 0; }
h2[b-wz3rtd31dl] { margin: 2px 0 6px; font-size: 22px; }
button[b-wz3rtd31dl] { border: 1px solid #cedcee; background: #fff; border-radius: 10px; padding: 8px 12px; color: #243855; cursor: pointer; }
.primary[b-wz3rtd31dl], button[aria-pressed="true"][b-wz3rtd31dl] { background: #245bb0; color: white; }
.lab-body[b-wz3rtd31dl] { overflow: auto; overscroll-behavior: contain; padding: 12px 18px; min-height: 0; }
nav[b-wz3rtd31dl] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.draft-badge[b-wz3rtd31dl], .pending[b-wz3rtd31dl] { color: #78500a; background: #fff2ce; padding: 4px 8px; border-radius: 6px; }
.identity[b-wz3rtd31dl] { background: #eaf1fd; padding: 10px; border-radius: 10px; }
.message[b-wz3rtd31dl] { margin: 0; padding: 10px 18px; background: #fff0d8; flex-shrink: 0; }
fieldset[b-wz3rtd31dl] { padding: 0; border: 0; min-width: 0; }
.lab-field[b-wz3rtd31dl] { border-bottom: 1px solid #dbe5f4; padding: 12px 0; display: grid; gap: 6px; }
label[b-wz3rtd31dl], small[b-wz3rtd31dl] { display: block; }
small[b-wz3rtd31dl] { color: #576983; overflow-wrap: anywhere; }
input[b-wz3rtd31dl], textarea[b-wz3rtd31dl] { width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid #cbd9eb; border-radius: 8px; font: inherit; }
.metadata[b-wz3rtd31dl] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
details[b-wz3rtd31dl] { margin-top: 12px; }
footer span[b-wz3rtd31dl] { font-size: 12px; }
@keyframes slide-in-b-wz3rtd31dl { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (max-width: 600px) { .lab-drawer[b-wz3rtd31dl] { width: 100vw; } .metadata[b-wz3rtd31dl] { grid-template-columns: 1fr; } .lab-drawer footer[b-wz3rtd31dl] { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { .lab-drawer[open][b-wz3rtd31dl] { animation: none; } }
/* /Components/Pages/Donor/DonorLabDraftSummary.razor.rz.scp.css */
.table[b-fhwfhvjr68] { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; background: #fff; }
th[b-fhwfhvjr68], td[b-fhwfhvjr68] { padding: 8px; border: 1px solid #dbe5f4; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
th[b-fhwfhvjr68] { background: #eaf1fd; }
small[b-fhwfhvjr68] { color: #576983; font-size: 11px; }
/* /Components/Pages/Donor/DonorLabResults.razor.rz.scp.css */
.lab-results[b-lseac150gv] { padding: 20px; color: #243855; min-width: 0; }
h1[b-lseac150gv] { margin: 0 0 8px; font-size: 24px; font-weight: 700; }
p[role="status"][b-lseac150gv] { padding: 10px 14px; border-radius: 12px; background: #fff2ce; color: #78500a; }
a[b-lseac150gv] { display: inline-block; margin: 12px 0; color: #245bb0; }
.table[b-lseac150gv] { width: 100%; min-width: 1250px; border-collapse: collapse; font-size: 13px; background: #fffffff0; }
th[b-lseac150gv], td[b-lseac150gv] { border: 1px solid #dbe5f4; padding: 10px; vertical-align: top; text-align: left; overflow-wrap: anywhere; }
th[b-lseac150gv] { background: #eaf1fd; font-weight: 700; }
td > div[b-lseac150gv] { margin-bottom: 10px; }
small[b-lseac150gv] { color: #576983; font-size: 11px; }
button[b-lseac150gv] { border: 1px solid #cedcee; background: #f1f6ff; border-radius: 8px; padding: 8px; color: #245bb0; cursor: pointer; }
details[b-lseac150gv] { margin-top: 10px; }
@media (max-width: 600px) { .lab-results[b-lseac150gv] { padding: 12px; } }
/* /Components/Pages/Donor/DonorLabReview.razor.rz.scp.css */
.lab-review[b-knyf1m941b] { padding: 20px; min-width: 0; color: #243855; }
h1[b-knyf1m941b] { font-size: 24px; }
h2[b-knyf1m941b] { font-size: 18px; overflow-wrap: anywhere; }
label[b-knyf1m941b] { display: block; margin: 12px 0; }
input[type="search"][b-knyf1m941b], textarea[b-knyf1m941b] { display: block; box-sizing: border-box; width: 100%; max-width: 560px; padding: 10px; border: 1px solid #cedcee; border-radius: 8px; }
.scroll[b-knyf1m941b], .review-detail[b-knyf1m941b] { max-width: 100%; overflow-x: auto; }
table[b-knyf1m941b] { width: 100%; min-width: 800px; border-collapse: collapse; background: #fff; }
td[b-knyf1m941b], th[b-knyf1m941b] { padding: 10px; border: 1px solid #dbe5f4; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
button[b-knyf1m941b] { padding: 10px; border: 1px solid #cedcee; border-radius: 8px; background: #f1f6ff; color: #245bb0; }
.review-detail[b-knyf1m941b] { margin-top: 16px; }
[role="alert"][b-knyf1m941b] { color: #a02020; }
[role="note"][b-knyf1m941b] { padding: 12px; background: #fff2ce; }
@media (max-width: 600px) { .lab-review[b-knyf1m941b] { padding: 12px; } }
/* /Components/Pages/Donor/DonorLabWorklist.razor.rz.scp.css */
.lab-worklist[b-hqe42ffmp5] { min-width: 0; padding: 20px; color: #243855; }
h1[b-hqe42ffmp5] { margin: 0 0 8px; font-size: 24px; }
header p[b-hqe42ffmp5] { margin: 0 0 12px; color: #576983; }
nav[b-hqe42ffmp5] { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
a[b-hqe42ffmp5] { color: #245bb0; }
.search[b-hqe42ffmp5] { display: grid; gap: 6px; max-width: 560px; }
input[b-hqe42ffmp5] { box-sizing: border-box; width: 100%; border: 1px solid #cedcee; border-radius: 8px; padding: 10px; font: inherit; }
.table-scroll[b-hqe42ffmp5] { max-width: 100%; overflow-x: auto; }
table[b-hqe42ffmp5] { width: 100%; min-width: 900px; border-collapse: collapse; background: #fffffff0; font-size: 13px; }
th[b-hqe42ffmp5], td[b-hqe42ffmp5] { border: 1px solid #dbe5f4; padding: 10px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
th[b-hqe42ffmp5] { background: #eaf1fd; }
td > div + div[b-hqe42ffmp5] { margin-top: 6px; }
small[b-hqe42ffmp5] { color: #576983; }
button[b-hqe42ffmp5] { border: 1px solid #cedcee; background: #f1f6ff; border-radius: 8px; padding: 8px; color: #245bb0; cursor: pointer; white-space: nowrap; }
[role="alert"][b-hqe42ffmp5] { color: #a02020; }
@media (max-width: 600px) { .lab-worklist[b-hqe42ffmp5] { padding: 12px; } h1[b-hqe42ffmp5] { font-size: 20px; } }
/* /Components/Pages/Donor/DonorPageShell.razor.rz.scp.css */
.donor-page[b-we96qisaje] { min-width: 0; color: #243855; }
.donor-page[b-we96qisaje]  > section { margin: 16px; padding: 20px; border: 1px solid #d5e2f5; border-radius: 20px; background: linear-gradient(135deg, #ffffffed, #f1f7ffed); box-shadow: 0 8px 24px #324c7210; min-width: 0; }
.donor-page[b-we96qisaje]  h1 { margin: 0 0 8px; font-size: 26px; color: #25385b; }
.donor-page[b-we96qisaje]  > section > p, .donor-page[b-we96qisaje]  header > p { color: #536781; }
.donor-page[b-we96qisaje]  .queue-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0; }
.donor-page[b-we96qisaje]  .queue-filters label { display: grid; gap: 6px; flex: 1 1 170px; }
.donor-page[b-we96qisaje]  .queue-filters label:first-child { flex-basis: 280px; }
.donor-page[b-we96qisaje]  .queue-filters input, .donor-page[b-we96qisaje]  .queue-filters select { box-sizing: border-box; width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid #cbd9ec; border-radius: 10px; background: #fff; color: inherit; font: inherit; }
.donor-page[b-we96qisaje]  .table-scroll, .donor-page[b-we96qisaje]  .scroll { max-width: 100%; overflow-x: auto; border: 1px solid #dbe5f4; border-radius: 12px; }
.donor-page[b-we96qisaje]  .table-scroll > table, .donor-page[b-we96qisaje]  .scroll > table { width: 100%; min-width: 760px; border-collapse: collapse; background: #fff; font-size: 14px; }
.donor-page[b-we96qisaje]  .table-scroll th, .donor-page[b-we96qisaje]  .scroll th { padding: 12px; text-align: left; background: #eaf1ff; color: #345378; }
.donor-page[b-we96qisaje]  .table-scroll td, .donor-page[b-we96qisaje]  .scroll td { padding: 12px; vertical-align: top; border-bottom: 1px solid #e2eaf6; overflow-wrap: anywhere; }
.donor-page[b-we96qisaje]  .table-scroll tr:hover, .donor-page[b-we96qisaje]  .scroll tr:hover { background: #f6f9ff; }
.donor-page[b-we96qisaje]  button { border: 1px solid #cbd9ec; border-radius: 10px; padding: 9px 13px; background: #f1f6ff; color: #245bb0; cursor: pointer; font: inherit; }
.donor-page[b-we96qisaje]  button:disabled { opacity: .55; cursor: not-allowed; }
.donor-page[b-we96qisaje]  button:focus-visible, .donor-page[b-we96qisaje]  a:focus-visible { outline: 3px solid #5674e6; outline-offset: 2px; }
.donor-page[b-we96qisaje]  .queue-status { display: inline-block; padding: 4px 8px; border-radius: 8px; background: #edf1ff; color: #4b46ab; }
.donor-page[b-we96qisaje]  [role="alert"] { color: #982c2c; background: #fff1ef; border: 1px solid #efd0c9; border-radius: 10px; padding: 12px; }
.donor-page[b-we96qisaje]  [role="note"] { padding: 12px; border: 1px solid #eddfa5; border-radius: 10px; background: #fff8e5; color: #73541d; }
.donor-page[b-we96qisaje]  a { color: #345ccc; }
@media (max-width: 600px) { .donor-page[b-we96qisaje]  > section { margin: 8px; padding: 12px; } .donor-page[b-we96qisaje]  h1 { font-size: 22px; } .donor-page[b-we96qisaje]  .queue-filters label { flex-basis: 100%; } }
/* /Components/Pages/Donor/DonorRecords.razor.rz.scp.css */
.donor-command-center[b-7uk23i3su7] {
    box-sizing: border-box;
    grid-row: 1 / -1;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 14px;
    padding: 18px;
    color: #183463;
    font-size: 16px;
}
.donor-titlebar[b-7uk23i3su7], .donor-profile[b-7uk23i3su7], .donor-registration-card[b-7uk23i3su7], .donor-history[b-7uk23i3su7], .donor-rail[b-7uk23i3su7], .donor-empty-panel[b-7uk23i3su7] {
    background: linear-gradient(130deg, rgba(255,255,255,.94), rgba(247,248,255,.84));
    border: 1px solid #d7e1f7;
    border-radius: 22px;
    box-shadow: 0 5px 18px #18346309;
}
.donor-titlebar[b-7uk23i3su7], .donor-title[b-7uk23i3su7], .donor-search[b-7uk23i3su7], .donor-registration-card[b-7uk23i3su7], .donor-history > header[b-7uk23i3su7], .donor-editor > header[b-7uk23i3su7], .donor-editor footer[b-7uk23i3su7] { display: flex; align-items: center; gap: 14px; }
.donor-titlebar[b-7uk23i3su7] { justify-content: space-between; padding: 10px 18px; }
.donor-title img[b-7uk23i3su7] { width: 64px; height: 64px; object-fit: contain; }
h1[b-7uk23i3su7], h2[b-7uk23i3su7], h3[b-7uk23i3su7], p[b-7uk23i3su7] { margin: 0; }
h1[b-7uk23i3su7] { font-size: clamp(24px, 2.2vw, 34px); }
h2[b-7uk23i3su7] { font-size: 22px; }
small[b-7uk23i3su7], dt[b-7uk23i3su7] { font-size: 1rem; color: #607395; }
.prototype-label[b-7uk23i3su7], .registered-status[b-7uk23i3su7] { border-radius: 10px; padding: 8px 12px; background: #edf2ff; color: #4f46a4; font-size: 1rem; }
.donor-workspace[b-7uk23i3su7] { min-height: 0; min-width: 0; display: grid; grid-template-columns: minmax(280px, 30%) minmax(0, 1fr); gap: 16px; }
.donor-rail[b-7uk23i3su7] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 14px; padding: 14px; min-width: 0; min-height: 0; }
.donor-search[b-7uk23i3su7] { flex-wrap: wrap; gap: 8px; }
.donor-search input[b-7uk23i3su7] { flex: 1 1 170px; min-width: 0; }
input[b-7uk23i3su7], select[b-7uk23i3su7], textarea[b-7uk23i3su7], button[b-7uk23i3su7] { font: inherit; }
input[b-7uk23i3su7], select[b-7uk23i3su7], textarea[b-7uk23i3su7] { width: 100%; border: 1px solid #cddaf1; border-radius: 12px; padding: 11px 13px; color: #183463; background: #fff; box-sizing: border-box; }
button[b-7uk23i3su7] { cursor: pointer; }
button:disabled[b-7uk23i3su7] { opacity: .55; cursor: not-allowed; }
.primary-button[b-7uk23i3su7], .quiet-button[b-7uk23i3su7] { border: 1px solid #cddaf1; border-radius: 12px; min-height: 44px; padding: 9px 16px; white-space: normal; }
.primary-button[b-7uk23i3su7] { background: linear-gradient(115deg, #2874ed, #7543df); color: #fff; border-color: transparent; font-weight: 600; }
.quiet-button[b-7uk23i3su7] { color: #285aca; background: #fff; }
button:focus-visible[b-7uk23i3su7], input:focus-visible[b-7uk23i3su7], select:focus-visible[b-7uk23i3su7], textarea:focus-visible[b-7uk23i3su7] { outline: 3px solid #5d91ed; outline-offset: 3px; }
.donor-list[b-7uk23i3su7] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 3px; }
.donor-list-item[b-7uk23i3su7] { display: flex; align-items: center; gap: 12px; text-align: left; border: 1px solid #dce5f7; background: #ffffffb8; color: #183463; border-radius: 18px; padding: 14px; min-height: 110px; flex-shrink: 0; }
.donor-list-item.is-selected[b-7uk23i3su7] { border-color: #3481f7; background: #eaf2ff; box-shadow: inset 0 0 0 1px #3481f7; }
.donor-list-item img[b-7uk23i3su7] { width: 64px; height: 74px; object-fit: contain; }
.donor-list-item > span:first-of-type[b-7uk23i3su7] { flex: 1; min-width: 0; display: grid; gap: 7px; overflow-wrap: anywhere; }
.donor-list-item strong[b-7uk23i3su7] { font-size: 20px; }
.donor-rail-caption[b-7uk23i3su7] { line-height: 1.6; }
.donor-details[b-7uk23i3su7] { min-width: 0; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 14px; padding: 2px; }
.donor-profile[b-7uk23i3su7] { padding: 20px; display: flex; gap: 20px; align-items: flex-start; }
.donor-profile-image[b-7uk23i3su7] { width: clamp(85px, 10vw, 155px); height: 175px; object-fit: contain; }
.donor-profile-copy[b-7uk23i3su7] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.donor-profile-copy h2[b-7uk23i3su7] { font-size: clamp(24px, 2.3vw, 34px); margin: 6px 0; }
.donor-number[b-7uk23i3su7] { color: #245dd7; font-size: 23px; overflow-wrap: anywhere; }
.donor-facts[b-7uk23i3su7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 0; }
dd[b-7uk23i3su7] { margin: 6px 0 0; overflow-wrap: anywhere; }
.donor-registration-card[b-7uk23i3su7] { padding: 16px 20px; flex-wrap: wrap; }
.donor-registration-card img[b-7uk23i3su7] { width: 78px; height: 90px; object-fit: contain; }
.donor-registration-card > div[b-7uk23i3su7] { flex: 1; min-width: 170px; }
.donor-registration-card p[b-7uk23i3su7], .donor-next-phase[b-7uk23i3su7] { font-size: 1rem; color: #607395; line-height: 1.7; }
.donor-next-phase[b-7uk23i3su7] { padding: 0 12px; }
.donor-history[b-7uk23i3su7] { padding: 18px; }
.donor-history > header[b-7uk23i3su7] { justify-content: space-between; margin-bottom: 16px; }
.donor-history > header > span[b-7uk23i3su7] { font-size: 1rem; }
.donor-visit[b-7uk23i3su7] { border: 1px solid #e0e7f6; border-radius: 14px; padding: 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
.donor-visit > div[b-7uk23i3su7] { flex: 1; min-width: 150px; display: grid; gap: 6px; overflow-wrap: anywhere; }
.donor-visit > small[b-7uk23i3su7] { width: 100%; overflow-wrap: anywhere; }
.registered-status[b-7uk23i3su7] { background: #e1f5f1; color: #11786f; }
.empty-state[b-7uk23i3su7] { color: #607395; padding: 28px 12px; text-align: center; }
.donor-empty-panel[b-7uk23i3su7] { padding: 32px; display: grid; justify-items: center; gap: 16px; flex: 1; align-content: center; }
.donor-empty-panel img[b-7uk23i3su7] { width: 180px; height: 210px; object-fit: contain; }
.donor-message[b-7uk23i3su7] { padding: 11px 16px; border-radius: 12px; background: #e0f5ed; color: #17674f; }
.donor-message.is-error[b-7uk23i3su7], .dialog-error[b-7uk23i3su7] { background: #fff0f3; color: #a72f4f; }
.donor-backdrop[b-7uk23i3su7] { position: fixed; inset: 0; z-index: 1200; background: #17264c66; display: grid; place-items: center; padding: 20px; }
.donor-editor[b-7uk23i3su7] { width: min(820px, 100%); max-height: 90dvh; overflow: auto; background: #fbfcff; border: 1px solid #d7e1f7; border-radius: 24px; box-shadow: 0 22px 80px #11234c38; min-width: 0; }
.donor-editor > header[b-7uk23i3su7] { justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #e0e7f6; }
.donor-editor footer[b-7uk23i3su7] { justify-content: flex-end; padding: 18px 24px; border-top: 1px solid #e0e7f6; }
.donor-form[b-7uk23i3su7] { margin: 0; padding: 24px; border: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; min-width: 0; }
.donor-form label[b-7uk23i3su7] { display: grid; gap: 8px; min-width: 0; }
.form-wide[b-7uk23i3su7] { grid-column: 1 / -1; }
.dialog-error[b-7uk23i3su7] { margin: 14px 24px 0; padding: 12px; border-radius: 12px; }
.donor-review[b-7uk23i3su7] { padding: 24px; display: grid; gap: 18px; line-height: 1.7; }
.review-acknowledgement[b-7uk23i3su7] { display: flex; align-items: center; gap: 10px; }
.review-acknowledgement input[b-7uk23i3su7] { width: 22px; height: 22px; flex-shrink: 0; }
.focus-sentinel[b-7uk23i3su7], .sr-only[b-7uk23i3su7] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 1100px) {
    .donor-profile[b-7uk23i3su7] { flex-wrap: wrap; }
    .donor-profile-image[b-7uk23i3su7] { width: 90px; height: 115px; }
    .donor-profile > button[b-7uk23i3su7] { margin-left: auto; }
}
@media (max-width: 900px), (max-height: 700px) {
    .donor-command-center[b-7uk23i3su7] { height: auto; min-height: 100%; }
    .donor-details[b-7uk23i3su7] { overflow: visible; }
    .donor-list[b-7uk23i3su7] { max-height: 420px; }
}
@media (max-width: 900px) {
    .donor-workspace[b-7uk23i3su7] { grid-template-columns: minmax(0, 1fr); }
    .donor-list[b-7uk23i3su7] { max-height: 260px; }
    .donor-command-center[b-7uk23i3su7] { height: 100%; overflow-y: auto; display: flex; flex-direction: column; }
    .donor-workspace[b-7uk23i3su7] { flex: none; min-height: auto; }
    .donor-rail[b-7uk23i3su7], .donor-details[b-7uk23i3su7] { min-height: auto; }
    .donor-message[b-7uk23i3su7] { flex-shrink: 0; }
}
@media (max-width: 640px) {
    .donor-command-center[b-7uk23i3su7] { padding: 10px; gap: 10px; }
    .donor-titlebar[b-7uk23i3su7] { flex-wrap: wrap; padding: 12px; }
    .donor-title img[b-7uk23i3su7] { width: 50px; height: 50px; }
    .donor-profile[b-7uk23i3su7], .donor-registration-card[b-7uk23i3su7] { padding: 16px; gap: 12px; }
    .donor-profile-image[b-7uk23i3su7] { width: 64px; height: 82px; }
    .donor-profile-copy[b-7uk23i3su7] { flex-basis: calc(100% - 76px); }
    .donor-profile > button[b-7uk23i3su7] { flex-basis: 100%; margin-left: 0; }
    .donor-facts[b-7uk23i3su7] { grid-template-columns: minmax(0, 1fr); }
    .donor-editor[b-7uk23i3su7] { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
    .donor-backdrop[b-7uk23i3su7] { padding: 0; }
    .donor-form[b-7uk23i3su7] { grid-template-columns: minmax(0, 1fr); padding: 18px; }
    .donor-editor > header[b-7uk23i3su7], .donor-editor footer[b-7uk23i3su7] { padding: 16px; }
    .donor-editor footer[b-7uk23i3su7] { flex-wrap: wrap; }
    .donor-registration-card > button[b-7uk23i3su7] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    *[b-7uk23i3su7], *[b-7uk23i3su7]::before, *[b-7uk23i3su7]::after { scroll-behavior: auto; transition: none; animation: none; }
}
.donor-workspace[hidden][b-7uk23i3su7] { display: none; }
.donor-command-center:has(.donor-workspace[hidden])[b-7uk23i3su7] { display: flex; flex-direction: column; overflow-y: auto; }
/* /Components/Pages/Donor/DonorScreeningPanel.razor.rz.scp.css */
.screening-panel[b-8eegbkfr8u]{flex:none;box-sizing:border-box;width:100%;margin:18px auto;padding:24px;max-width:1080px;background:#fff;border:1px solid #dce5f3;border-radius:24px;box-shadow:0 12px 35px #334f7b12;color:#172342}
.screening-header[b-8eegbkfr8u],.screening-person[b-8eegbkfr8u],.screening-footer[b-8eegbkfr8u],.question-heading[b-8eegbkfr8u]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.screening-header small[b-8eegbkfr8u],.screening-person span[b-8eegbkfr8u],.screening-footer span[b-8eegbkfr8u],.screening-hint[b-8eegbkfr8u]{color:#60728f;font-size:1rem;line-height:1.7}
.screening-header h2[b-8eegbkfr8u]{margin:5px 0;font-size:25px}.screening-person[b-8eegbkfr8u]{margin:18px 0;padding:18px;background:#f0f4ff;border-radius:16px;overflow-wrap:anywhere}.screening-person span[b-8eegbkfr8u]{display:block;margin-top:5px}
.screening-tabs[b-8eegbkfr8u]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.screening-panel button[b-8eegbkfr8u]{border:1px solid #d4deef;background:#fff;color:#26395e;border-radius:10px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}.screening-panel button[aria-pressed=true][b-8eegbkfr8u],.screening-panel button.primary[b-8eegbkfr8u]{background:#3458d5;color:white;border-color:#3458d5}.screening-panel button:disabled[b-8eegbkfr8u]{opacity:.5;cursor:not-allowed}
.screening-panel fieldset[b-8eegbkfr8u]{border:0;padding:0;margin:0;min-width:0}.screening-panel h3[b-8eegbkfr8u]{font-size:18px}.screening-fields[b-8eegbkfr8u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.screening-field[b-8eegbkfr8u]{display:grid;gap:8px;margin:14px 0;font-size:1rem;min-width:0}.screening-field input[b-8eegbkfr8u],.screening-field select[b-8eegbkfr8u],.screening-field textarea[b-8eegbkfr8u]{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cbd8ec;border-radius:10px;background:#fff;color:#152443;font:inherit;font-size:16px}.screening-field textarea[b-8eegbkfr8u]{min-height:80px;resize:vertical}.screening-question[b-8eegbkfr8u]{border-bottom:1px solid #e0e7f2;padding:4px 0 12px}.screening-question small[b-8eegbkfr8u]{color:#60728f}
.screening-check[b-8eegbkfr8u]{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:1rem;line-height:1.7}.screening-check input[b-8eegbkfr8u]{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:#3458d5}.screening-footer[b-8eegbkfr8u]{margin-top:22px;padding-top:18px;border-top:1px solid #e0e7f2}.screening-footer>div[b-8eegbkfr8u]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.screening-message[b-8eegbkfr8u],.screening-confirm[b-8eegbkfr8u]{padding:14px 16px;border:1px solid #d4deef;border-radius:12px;background:#f1f5ff;line-height:1.7;overflow-wrap:anywhere}.screening-message[role=alert][b-8eegbkfr8u]{color:#973b24;background:#fff4ef;border-color:#efd0c2}.screening-confirm button[b-8eegbkfr8u]{margin:8px 8px 0 0}
@media(max-width:600px){.screening-panel[b-8eegbkfr8u]{padding:16px;margin:12px 0;border-radius:18px}.screening-fields[b-8eegbkfr8u]{grid-template-columns:1fr}.screening-tabs[b-8eegbkfr8u]{gap:5px}.screening-tabs button[b-8eegbkfr8u]{font-size:1rem;padding:8px 4px}.screening-header h2[b-8eegbkfr8u]{font-size:22px}.screening-footer>div[b-8eegbkfr8u]{width:100%}.screening-footer button[b-8eegbkfr8u]{flex:1}.screening-person>div[b-8eegbkfr8u]{width:100%}}
/* /Components/Pages/Donor/DonorSpecimenReceive.razor.rz.scp.css */
.donor-receive[b-8ffcy5vkn3] { padding: 20px; min-width: 0; color: #243855; }
h1[b-8ffcy5vkn3] { font-size: 24px; }
label[b-8ffcy5vkn3] { display: block; margin: 12px 0; }
input[b-8ffcy5vkn3] { display: block; box-sizing: border-box; width: 100%; max-width: 560px; padding: 10px; border: 1px solid #cedcee; border-radius: 8px; }
.scroll[b-8ffcy5vkn3] { max-width: 100%; overflow-x: auto; }
table[b-8ffcy5vkn3] { width: 100%; min-width: 900px; border-collapse: collapse; background: #fff; }
td[b-8ffcy5vkn3], th[b-8ffcy5vkn3] { padding: 10px; border: 1px solid #dbe5f4; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
button[b-8ffcy5vkn3] { padding: 10px; border: 1px solid #cedcee; border-radius: 8px; background: #f1f6ff; color: #245bb0; }
.scan[b-8ffcy5vkn3] { padding: 12px; background: #eaf1fd; margin-top: 12px; overflow-wrap: anywhere; }
[role="alert"][b-8ffcy5vkn3] { color: #a02020; }
@media (max-width: 600px) { .donor-receive[b-8ffcy5vkn3] { padding: 12px; } }
/* /Components/Pages/Donor/DonorUnitDisposition.razor.rz.scp.css */
.unit-disposition[b-5r4d5adaul] { padding: 20px; min-width: 0; color: #243855; }
h1[b-5r4d5adaul] { font-size: 24px; }
h2[b-5r4d5adaul], h3[b-5r4d5adaul] { font-size: 18px; overflow-wrap: anywhere; }
label[b-5r4d5adaul] { display: block; margin: 12px 0; }
input:not([type="checkbox"])[b-5r4d5adaul], textarea[b-5r4d5adaul], select[b-5r4d5adaul] { display: block; box-sizing: border-box; width: 100%; max-width: 560px; padding: 10px; border: 1px solid #cedcee; border-radius: 8px; }
.scroll[b-5r4d5adaul] { max-width: 100%; overflow-x: auto; }
table[b-5r4d5adaul] { width: 100%; min-width: 800px; border-collapse: collapse; background: #fff; }
td[b-5r4d5adaul], th[b-5r4d5adaul] { padding: 10px; border: 1px solid #dbe5f4; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
button[b-5r4d5adaul] { padding: 10px; border: 1px solid #cedcee; border-radius: 8px; background: #f1f6ff; color: #245bb0; }
.decision[b-5r4d5adaul] { margin-top: 16px; overflow-wrap: anywhere; }
article[b-5r4d5adaul] { margin: 12px 0; padding: 12px; border: 1px solid #cedcee; border-radius: 8px; }
[role="alert"][b-5r4d5adaul] { color: #a02020; }
[role="note"][b-5r4d5adaul] { padding: 12px; background: #fff2ce; }
@media (max-width: 600px) { .unit-disposition[b-5r4d5adaul] { padding: 12px; } }
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-workspace[b-zgxiapr4ue] {
    display: block;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    padding: 1rem 1.25rem 1.5rem;
    background:
        linear-gradient(135deg, rgba(203, 229, 247, 0.82), transparent 34%),
        linear-gradient(225deg, rgba(238, 226, 250, 0.48), transparent 38%),
        linear-gradient(315deg, rgba(210, 241, 235, 0.62), transparent 42%),
        #eef6fa;
}

.dashboard-header[b-zgxiapr4ue],
.dashboard-section[b-zgxiapr4ue],
.dashboard-lower-grid[b-zgxiapr4ue] {
    margin-bottom: 0.85rem;
}

.dashboard-header[b-zgxiapr4ue] {
    align-items: center;
    min-height: 3.5rem;
    padding-inline: 0.15rem;
}

.dashboard-header h1[b-zgxiapr4ue] {
    margin: 0;
    color: #102f58;
    font-size: 1.35rem;
    line-height: 1.2;
}

.dashboard-header p[b-zgxiapr4ue],
.dashboard-updated-at[b-zgxiapr4ue],
.dashboard-section-heading > span[b-zgxiapr4ue],
.dashboard-section-heading > div > span[b-zgxiapr4ue] {
    color: #687d91;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-header p[b-zgxiapr4ue] {
    margin-top: 0.2rem;
}

.dashboard-updated-at[b-zgxiapr4ue] {
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--jiva-radius-sm);
    background: rgba(255, 255, 255, 0.54);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.88), 0 5px 16px rgba(44, 83, 110, 0.06);
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    font-variant-numeric: tabular-nums;
}

.dashboard-update-status[b-zgxiapr4ue] {
    display: grid;
    justify-items: end;
    gap: 0.3rem;
}

.dashboard-update-controls[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.dashboard-refresh-button[b-zgxiapr4ue] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 50%;
    color: #24678f;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.94), 0 4px 12px rgba(44, 83, 110, 0.07);
    cursor: pointer;
}

.dashboard-refresh-button:hover:not(:disabled)[b-zgxiapr4ue],
.dashboard-refresh-button:focus-visible[b-zgxiapr4ue] {
    border-color: rgba(27, 112, 196, 0.48);
    color: #0b6fa4;
    background: #fff;
    outline: 3px solid rgba(27, 112, 196, 0.18);
    outline-offset: 2px;
}

.dashboard-refresh-button:disabled[b-zgxiapr4ue] {
    cursor: wait;
    opacity: 0.64;
}

.dashboard-refresh-button[b-zgxiapr4ue] (svg) {
    width: 1rem;
    height: 1rem;
}

.dashboard-refresh-button.is-refreshing[b-zgxiapr4ue] (svg) {
    animation: dashboard-refresh-spin-b-zgxiapr4ue 750ms linear infinite;
}

.dashboard-refresh-error[b-zgxiapr4ue] {
    color: #a23530;
    font-size: 1rem;
    font-weight: 750;
}

@keyframes dashboard-refresh-spin-b-zgxiapr4ue {
    to { transform: rotate(360deg); }
}

.dashboard-section-heading[b-zgxiapr4ue],
.dashboard-section-heading--actions[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.dashboard-section-heading[b-zgxiapr4ue] {
    margin-bottom: 0.55rem;
    padding-inline: 0.1rem;
}

.dashboard-section-heading h2[b-zgxiapr4ue] {
    margin: 0;
    color: #183855;
    font-size: 1rem;
    font-weight: 850;
}

.dashboard-section-heading--actions a[b-zgxiapr4ue],
.dashboard-watch-card a[b-zgxiapr4ue] {
    color: #0b6fa4;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-section-heading--actions a:hover[b-zgxiapr4ue],
.dashboard-watch-card a:hover[b-zgxiapr4ue] {
    text-decoration: underline;
}

.dashboard-section-heading--actions a:focus-visible[b-zgxiapr4ue],
.dashboard-watch-card a:focus-visible[b-zgxiapr4ue],
.dashboard-expiry-filter button:focus-visible[b-zgxiapr4ue],
.dashboard-expiry-filter input:focus-visible[b-zgxiapr4ue] {
    outline: 3px solid rgba(27, 112, 196, 0.22);
    outline-offset: 2px;
}

.dashboard-blood-group-grid[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.85rem;
}

.blood-group-card[b-zgxiapr4ue] {
    --group-color: #2563eb;
    --group-rgb: 37, 99, 235;
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--group-color) 34%, white);
    border-radius: var(--jiva-radius-md);
    padding: 0.85rem 1rem 0.7rem;
    color: var(--group-color);
    background:
        linear-gradient(145deg, rgba(var(--group-rgb), 0.12), rgba(255, 255, 255, 0.88) 44%, rgba(var(--group-rgb), 0.06));
    box-shadow:
        0 11px 28px rgba(30, 58, 82, 0.1),
        inset 0 3px 0 rgba(var(--group-rgb), 0.8),
        inset 0 1px rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px) saturate(118%);
    -webkit-backdrop-filter: blur(16px) saturate(118%);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.blood-group-card:hover[b-zgxiapr4ue] {
    border-color: color-mix(in srgb, var(--alert-color, var(--group-color)) 42%, white);
    box-shadow:
        0 15px 34px rgba(30, 58, 82, 0.14),
        inset 0 3px 0 rgba(var(--group-rgb), 0.94),
        inset 0 1px rgba(255, 255, 255, 0.98);
    transform: translateY(-1px);
}

.blood-group-card--zero[b-zgxiapr4ue] {
    background:
        linear-gradient(145deg, rgba(var(--group-rgb), 0.08), rgba(255, 255, 255, 0.88) 52%, rgba(var(--group-rgb), 0.035));
    box-shadow:
        0 8px 20px rgba(30, 58, 82, 0.07),
        inset 0 3px 0 rgba(var(--group-rgb), 0.58),
        inset 0 1px rgba(255, 255, 255, 0.94);
}

.blood-group-card--zero .blood-group-card-main > span[b-zgxiapr4ue],
.blood-group-card--zero .blood-group-card-meta[b-zgxiapr4ue] {
    color: #6f8191;
}

.blood-group-card.is-alert-critical[b-zgxiapr4ue] { --alert-color: #dc2626; border-color: rgba(220, 38, 38, 0.48); }
.blood-group-card.is-alert-warning[b-zgxiapr4ue] { --alert-color: #d97706; border-color: rgba(217, 119, 6, 0.4); }
.blood-group-card.is-alert-normal[b-zgxiapr4ue] { --alert-color: #16835c; border-color: rgba(22, 131, 92, 0.24); }
.blood-group-card.is-alert-disabled[b-zgxiapr4ue],
.blood-group-card.is-alert-unconfigured[b-zgxiapr4ue] { --alert-color: #7b8c9d; border-color: rgba(123, 140, 157, 0.3); }

.blood-group-card--a[b-zgxiapr4ue] { --group-color: #cf3434; --group-rgb: 207, 52, 52; }
.blood-group-card--b[b-zgxiapr4ue] { --group-color: #d78608; --group-rgb: 215, 134, 8; }
.blood-group-card--o[b-zgxiapr4ue] { --group-color: #078b70; --group-rgb: 7, 139, 112; }
.blood-group-card--ab[b-zgxiapr4ue] { --group-color: #7655bb; --group-rgb: 118, 85, 187; }

.blood-group-card-main[b-zgxiapr4ue],
.blood-group-card-meta[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.blood-group-card-main[b-zgxiapr4ue] {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.blood-group-card-main > strong[b-zgxiapr4ue] {
    color: var(--group-color);
    font-family: "Arial Rounded MT Bold", "Noto Sans Thai", "Leelawadee UI", sans-serif;
    font-size: 2.8rem;
    font-weight: 950;
    letter-spacing: -0.08em;
    line-height: 1;
    -webkit-text-stroke: 0.55px color-mix(in srgb, var(--group-color) 78%, #172554);
    text-shadow:
        0 -2px 1px rgba(255, 255, 255, 0.95),
        0 3px 0 color-mix(in srgb, var(--group-color) 52%, #fff),
        0 8px 11px rgba(var(--group-rgb), 0.26);
}

.blood-group-card-main > span[b-zgxiapr4ue] {
    overflow: hidden;
    font-size: 1.75rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blood-group-card-main small[b-zgxiapr4ue] {
    color: #63778a;
    font-size: 1rem;
    font-weight: 700;
}

.blood-group-card-meta[b-zgxiapr4ue] {
    padding-top: 0.55rem;
    color: #425a72;
    font-size: 1rem;
    font-weight: 750;
}

.blood-group-card-meta b[b-zgxiapr4ue] {
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    color: var(--group-color);
    background: color-mix(in srgb, var(--group-color) 10%, white);
    white-space: nowrap;
}

.blood-group-card-meta .blood-group-alert-badge[b-zgxiapr4ue] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    color: var(--alert-color);
    background: color-mix(in srgb, var(--alert-color) 10%, white);
}

.blood-group-alert-badge[b-zgxiapr4ue] (svg) {
    width: 0.82rem;
    height: 0.82rem;
}

.dashboard-status-grid[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.7rem;
}

.dashboard-status-card[b-zgxiapr4ue] {
    --status-rgb: 37, 117, 215;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    min-height: 4.6rem;
    border: 1px solid rgba(var(--status-rgb), 0.2);
    border-radius: var(--jiva-radius-md);
    padding: 0.7rem;
    color: #2575d7;
    background:
        linear-gradient(145deg, rgba(var(--status-rgb), 0.105), rgba(255, 255, 255, 0.86) 54%, rgba(var(--status-rgb), 0.045));
    box-shadow:
        0 8px 21px rgba(30, 58, 82, 0.08),
        inset 0 2px 0 rgba(var(--status-rgb), 0.5),
        inset 0 1px rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px) saturate(115%);
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    font: inherit;
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.dashboard-card-trigger[b-zgxiapr4ue] {
    cursor: pointer;
}

.dashboard-card-trigger:focus-visible[b-zgxiapr4ue],
.dashboard-chart-trigger:focus-visible[b-zgxiapr4ue],
.dashboard-drilldown-modal :is(button, a):focus-visible[b-zgxiapr4ue] {
    outline: 3px solid rgba(27, 112, 196, 0.3);
    outline-offset: 2px;
}

.dashboard-status-card:hover[b-zgxiapr4ue] {
    border-color: color-mix(in srgb, currentColor 28%, white);
    box-shadow:
        0 12px 27px rgba(30, 58, 82, 0.12),
        inset 0 2px 0 rgba(var(--status-rgb), 0.72),
        inset 0 1px rgba(255, 255, 255, 0.96);
    transform: translateY(-1px);
}

.dashboard-status-card > .material-symbols-outlined[b-zgxiapr4ue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 1.25rem;
    background: color-mix(in srgb, currentColor 11%, white);
    box-shadow: 0 4px 12px rgba(var(--status-rgb), 0.14);
}

.dashboard-status-card div[b-zgxiapr4ue],
.dashboard-status-card small[b-zgxiapr4ue],
.dashboard-status-card strong[b-zgxiapr4ue] {
    display: block;
    min-width: 0;
}

.dashboard-status-card small[b-zgxiapr4ue] {
    overflow: hidden;
    color: #435a71;
    font-size: 1rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-status-card strong[b-zgxiapr4ue] {
    margin-top: 0.15rem;
    color: #102f58;
    font-size: 1.3rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.status-available[b-zgxiapr4ue] { --status-rgb: 18, 142, 115; color: #128e73; }
.status-crossmatch[b-zgxiapr4ue] { --status-rgb: 16, 165, 166; color: #0b9698; }
.status-issued[b-zgxiapr4ue] { --status-rgb: 38, 120, 217; color: #2678d9; }
.status-deposited[b-zgxiapr4ue] { --status-rgb: 220, 148, 24; color: #cf8410; }
.status-disposed[b-zgxiapr4ue] { --status-rgb: 131, 89, 203; color: #8359cb; }
.status-expired[b-zgxiapr4ue] { --status-rgb: 220, 68, 68; color: #d63c3c; }
.status-split[b-zgxiapr4ue] { --status-rgb: 32, 169, 182; color: #1599a6; }

.dashboard-chart-grid[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.85rem;
}

.dashboard-chart-card[b-zgxiapr4ue],
.dashboard-donor-card[b-zgxiapr4ue],
.dashboard-watch-card[b-zgxiapr4ue] {
    min-width: 0;
    border: 1px solid rgba(169, 195, 211, 0.42);
    border-radius: var(--jiva-radius-md);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 27px rgba(30, 58, 82, 0.09), inset 0 1px rgba(255, 255, 255, 0.97);
}

.dashboard-chart-card[b-zgxiapr4ue] {
    --chart-accent: #2383df;
    --chart-rgb: 35, 131, 223;
    min-height: 12.25rem;
    padding: 0.85rem 0.9rem 0.7rem;
    border-top-color: rgba(var(--chart-rgb), 0.52);
    background:
        linear-gradient(180deg, rgba(var(--chart-rgb), 0.075), rgba(255, 255, 255, 0.96) 30%),
        rgba(255, 255, 255, 0.94);
    box-shadow:
        0 10px 27px rgba(30, 58, 82, 0.09),
        inset 0 3px 0 rgba(var(--chart-rgb), 0.62),
        inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-chart-card:nth-child(1)[b-zgxiapr4ue] { --chart-accent: #df4a42; --chart-rgb: 223, 74, 66; }
.dashboard-chart-card:nth-child(2)[b-zgxiapr4ue] { --chart-accent: #168e75; --chart-rgb: 22, 142, 117; }
.dashboard-chart-card:nth-child(3)[b-zgxiapr4ue] { --chart-accent: #287fdc; --chart-rgb: 40, 127, 220; }
.dashboard-chart-card:nth-child(4)[b-zgxiapr4ue] { --chart-accent: #7657b7; --chart-rgb: 118, 87, 183; }

.dashboard-chart-card > header[b-zgxiapr4ue],
.dashboard-watch-summary > header[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.dashboard-chart-card > header > div[b-zgxiapr4ue] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.dashboard-chart-card > header > div > span[b-zgxiapr4ue] {
    overflow: hidden;
    color: #75899b;
    font-size: 1rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-chart-card > header strong[b-zgxiapr4ue],
.dashboard-watch-summary > header strong[b-zgxiapr4ue],
.dashboard-donor-card strong[b-zgxiapr4ue] {
    color: #1f3d59;
    font-size: 1rem;
    font-weight: 850;
}

.dashboard-chart-card > header strong[b-zgxiapr4ue] {
    color: var(--chart-accent);
}

.dashboard-chart-card > header small[b-zgxiapr4ue] {
    color: #7a8d9f;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-chart-toolbar[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem 0.7rem;
}

.dashboard-chart-toolbar > a[b-zgxiapr4ue] {
    white-space: nowrap;
}

.dashboard-chart-filter[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.32rem;
    min-height: 1.9rem;
    margin: 0;
    padding: 0.28rem 0.38rem;
    border: 1px solid rgba(var(--chart-rgb), 0.2);
    border-radius: var(--jiva-radius-sm);
    color: #60768a;
    background: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    font-weight: 750;
}

.dashboard-chart-filter select[b-zgxiapr4ue],
.dashboard-chart-date-range input[b-zgxiapr4ue],
.dashboard-chart-date-range button[b-zgxiapr4ue] {
    min-height: 1.45rem;
    border: 1px solid rgba(var(--chart-rgb), 0.28);
    border-radius: 0.32rem;
    color: #1f3d59;
    background: rgba(255, 255, 255, 0.95);
    font: inherit;
}

.dashboard-chart-filter select[b-zgxiapr4ue] {
    flex: 0 0 auto;
    min-width: 5.5rem;
    padding: 0.18rem 1.35rem 0.18rem 0.35rem;
    cursor: pointer;
}

.dashboard-chart-date-range[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    flex: 1 1 14rem;
    gap: 0.25rem;
    min-width: 0;
}

.dashboard-chart-date-range input[b-zgxiapr4ue] {
    min-width: 0;
    width: 6.8rem;
    padding: 0.12rem 0.25rem;
    font-variant-numeric: tabular-nums;
}

.dashboard-chart-date-range button[b-zgxiapr4ue] {
    padding-inline: 0.45rem;
    color: var(--chart-accent);
    cursor: pointer;
}

.dashboard-chart-filter :is(select, input, button):hover:not(:disabled)[b-zgxiapr4ue] {
    border-color: rgba(var(--chart-rgb), 0.55);
    background: #fff;
}

.dashboard-chart-filter :is(select, input, button):focus-visible[b-zgxiapr4ue] {
    outline: 3px solid rgba(var(--chart-rgb), 0.2);
    outline-offset: 1px;
}

.dashboard-chart-filter :is(select, input, button):disabled[b-zgxiapr4ue] {
    cursor: wait;
    opacity: 0.58;
}

.dashboard-chart-filter-error[b-zgxiapr4ue] {
    margin: -0.2rem 0 0.55rem;
    color: #b43b36;
    font-size: 1rem;
    font-weight: 750;
}

.dashboard-bar-chart[b-zgxiapr4ue] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: end;
    gap: 0.32rem;
    height: 9.25rem;
    margin-top: 0.65rem;
    padding: 0.5rem 0.2rem 0 1.25rem;
    border-bottom: 1px solid #dbe4eb;
    background: repeating-linear-gradient(to bottom, transparent 0, transparent 2.15rem, rgba(203, 213, 225, 0.32) 2.2rem);
}

.dashboard-bar-chart--requests[b-zgxiapr4ue] {
    grid-template-columns: repeat(var(--trend-columns, 7), minmax(0, 1fr));
}

.dashboard-chart-axis[b-zgxiapr4ue] {
    position: absolute;
    top: 0.48rem;
    bottom: 1.05rem;
    left: 0.05rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 1rem;
    color: #8495a5;
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
}

.dashboard-bar-chart--groups[b-zgxiapr4ue] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-bar-chart--lab[b-zgxiapr4ue] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-bar-chart--issued[b-zgxiapr4ue] {
    grid-template-columns: repeat(var(--trend-columns, 7), minmax(0, 1fr));
    gap: 0.18rem;
}

.dashboard-bar-column[b-zgxiapr4ue] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: center;
}

.dashboard-chart-trigger[b-zgxiapr4ue] {
    border-radius: 0.25rem 0.25rem 0 0;
    cursor: pointer;
    transition: background-color 150ms ease, transform 150ms ease;
}

.dashboard-chart-trigger:hover[b-zgxiapr4ue],
.dashboard-chart-trigger:focus-visible[b-zgxiapr4ue] {
    background: rgba(var(--chart-rgb), 0.085);
    transform: translateY(-1px);
}

.dashboard-chart-trigger:hover > span[b-zgxiapr4ue],
.dashboard-chart-trigger:focus-visible > span[b-zgxiapr4ue] {
    filter: brightness(1.08) saturate(1.08);
}

.dashboard-bar-column > span[b-zgxiapr4ue] {
    display: block;
    width: min(68%, 1.6rem);
    min-height: 0;
    margin-inline: auto;
    border-radius: 0.25rem 0.25rem 0 0;
    background: linear-gradient(to top, var(--chart-accent), color-mix(in srgb, var(--chart-accent) 64%, white));
    box-shadow: 0 -3px 12px rgba(var(--chart-rgb), 0.12);
}

.dashboard-bar-column > b[b-zgxiapr4ue] {
    display: block;
    margin-bottom: 0.18rem;
    color: #49657a;
    font-size: 1rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.dashboard-bar-chart--groups .dashboard-bar-column:nth-child(1) > span[b-zgxiapr4ue] { background: #df6262; }
.dashboard-bar-chart--groups .dashboard-bar-column:nth-child(2) > span[b-zgxiapr4ue] { background: #e8a540; }
.dashboard-bar-chart--groups .dashboard-bar-column:nth-child(3) > span[b-zgxiapr4ue] { background: #35a98f; }
.dashboard-bar-chart--groups .dashboard-bar-column:nth-child(4) > span[b-zgxiapr4ue] { background: #8a70c8; }

.dashboard-bar-chart--lab .lab-bar-draft > span[b-zgxiapr4ue] { background: #dc9418; }
.dashboard-bar-chart--lab .lab-bar-verified > span[b-zgxiapr4ue] { background: #277ed8; }
.dashboard-bar-chart--lab .lab-bar-approved > span[b-zgxiapr4ue] { background: #13876a; }
.dashboard-bar-chart--lab .lab-bar-corrected > span[b-zgxiapr4ue] { background: #7657b7; }
.dashboard-bar-chart--lab .lab-bar-cancelled > span[b-zgxiapr4ue] { background: #c84b4b; }

.dashboard-bar-column small[b-zgxiapr4ue] {
    overflow: hidden;
    margin-top: 0.3rem;
    color: #718599;
    font-size: 1rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-chart-empty[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 9.8rem;
    margin-top: 0.45rem;
    border-top: 1px solid #e4ebf0;
    color: #708497;
    text-align: center;
}

.dashboard-chart-empty .material-symbols-outlined[b-zgxiapr4ue] {
    margin-bottom: 0.35rem;
    color: var(--chart-accent);
    font-size: 1.8rem;
}

.dashboard-chart-empty strong[b-zgxiapr4ue],
.dashboard-chart-empty small[b-zgxiapr4ue] {
    display: block;
}

.dashboard-chart-empty strong[b-zgxiapr4ue] {
    color: #3d5a70;
    font-size: 1rem;
}

.dashboard-chart-empty small[b-zgxiapr4ue] {
    margin-top: 0.2rem;
    font-size: 1rem;
}

.dashboard-lower-grid[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: 1.05fr repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.85rem;
}

.dashboard-donor-card[b-zgxiapr4ue],
.dashboard-watch-card[b-zgxiapr4ue] {
    min-height: 9.1rem;
    padding: 0.85rem 1rem;
}

.dashboard-donor-card[b-zgxiapr4ue] {
    display: block;
    font: inherit;
    text-align: left;
    border-color: rgba(63, 137, 199, 0.3);
    background:
        linear-gradient(145deg, rgba(66, 153, 225, 0.13), rgba(255, 255, 255, 0.95) 52%, rgba(84, 183, 214, 0.07));
    box-shadow:
        0 10px 27px rgba(30, 67, 94, 0.1),
        inset 0 3px 0 rgba(66, 153, 225, 0.56),
        inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-watch-summary[b-zgxiapr4ue] {
    display: block;
    width: 100%;
    border: 0;
    border-radius: var(--jiva-radius-sm);
    padding: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
}

.dashboard-watch-summary:hover[b-zgxiapr4ue] {
    background: rgba(255, 255, 255, 0.38);
}

.dashboard-donor-card:hover[b-zgxiapr4ue] {
    border-color: rgba(78, 143, 199, 0.4);
    box-shadow: 0 12px 30px rgba(30, 67, 94, 0.12), inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-donor-card > div[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-donor-card > div .material-symbols-outlined[b-zgxiapr4ue] {
    color: #4e8fc7;
    filter: drop-shadow(0 4px 7px rgba(78, 143, 199, 0.18));
}

.dashboard-donor-card p[b-zgxiapr4ue] {
    margin: 0.8rem 0 0.25rem;
    color: #49617a;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-donor-card p span[b-zgxiapr4ue] {
    margin-right: 0.25rem;
    color: #102f58;
    font-size: 1.8rem;
    font-weight: 900;
}

.dashboard-donor-card small[b-zgxiapr4ue],
.dashboard-watch-card p[b-zgxiapr4ue] {
    color: #73879a;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-watch-card--danger[b-zgxiapr4ue] {
    border-color: #efb4ae;
    background:
        linear-gradient(145deg, rgba(239, 85, 76, 0.12), rgba(255, 250, 249, 0.96) 52%, rgba(239, 85, 76, 0.05));
    box-shadow:
        0 10px 27px rgba(137, 51, 44, 0.09),
        inset 0 3px 0 rgba(223, 74, 66, 0.68),
        inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-watch-card--warning[b-zgxiapr4ue] {
    border-color: #e9c77f;
    background:
        linear-gradient(145deg, rgba(242, 169, 49, 0.13), rgba(255, 253, 247, 0.96) 52%, rgba(242, 169, 49, 0.05));
    box-shadow:
        0 10px 27px rgba(126, 89, 31, 0.09),
        inset 0 3px 0 rgba(217, 144, 25, 0.62),
        inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-watch-count[b-zgxiapr4ue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.55rem;
    min-width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    padding-inline: 0.3rem;
    color: #fff;
    background: #df4a42;
    font-size: 1rem;
    font-weight: 900;
}

.dashboard-watch-card--warning .dashboard-watch-count[b-zgxiapr4ue] {
    background: #d99019;
}

.dashboard-watch-card p[b-zgxiapr4ue] {
    min-height: 1.8rem;
    margin: 0.45rem 0 0.35rem;
    line-height: 1.45;
}

.dashboard-watch-title[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.38rem;
}

.dashboard-watch-title > .material-symbols-outlined[b-zgxiapr4ue] {
    color: #d99019;
    font-size: 1.15rem;
}

.dashboard-watch-card--danger .dashboard-watch-title > .material-symbols-outlined[b-zgxiapr4ue] {
    color: #d94841;
}

.dashboard-watch-title strong[b-zgxiapr4ue] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-watch-metrics[b-zgxiapr4ue] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    margin-top: 0.65rem;
    padding-block: 0.42rem;
    border-block: 1px solid rgba(165, 182, 196, 0.28);
}

.dashboard-watch-metrics span[b-zgxiapr4ue] {
    color: #5d7184;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-watch-metrics b[b-zgxiapr4ue] {
    margin-left: 0.2rem;
    color: #193a55;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.dashboard-expiry-filter[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0.45rem 0;
    color: #5d7184;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-expiry-filter input[b-zgxiapr4ue] {
    width: 3.6rem;
    min-height: 1.75rem;
    border: 1px solid #cbd8e2;
    border-radius: var(--jiva-radius-sm);
    padding: 0.2rem 0.35rem;
    color: #193a55;
    background: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.dashboard-expiry-filter button[b-zgxiapr4ue] {
    min-height: 1.75rem;
    border: 1px solid #b9cddd;
    border-radius: var(--jiva-radius-sm);
    padding: 0.2rem 0.55rem;
    color: #0b6fa4;
    background: rgba(255, 255, 255, 0.78);
    font: inherit;
    cursor: pointer;
}

.dashboard-expiry-filter button:hover[b-zgxiapr4ue] {
    border-color: #78a9ca;
    background: #fff;
}

.dashboard-pending-rule[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    color: #81631e !important;
}

.dashboard-pending-rule .material-symbols-outlined[b-zgxiapr4ue] {
    flex: 0 0 auto;
    font-size: 1rem;
}

.dashboard-drilldown-backdrop[b-zgxiapr4ue] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 1rem;
    background: rgba(15, 35, 52, 0.48);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.dashboard-drilldown-modal[b-zgxiapr4ue] {
    display: flex;
    flex-direction: column;
    width: min(1100px, 94vw);
    max-width: 100%;
    max-height: 88vh;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: var(--jiva-radius-md);
    background: rgba(249, 252, 254, 0.98);
    box-shadow: 0 24px 70px rgba(18, 47, 67, 0.25), inset 0 1px rgba(255, 255, 255, 0.98);
}

.dashboard-drilldown-header[b-zgxiapr4ue],
.dashboard-drilldown-footer[b-zgxiapr4ue] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: rgba(239, 247, 251, 0.94);
}

.dashboard-drilldown-header[b-zgxiapr4ue] {
    border-bottom: 1px solid #d9e5ec;
}

.dashboard-drilldown-header h2[b-zgxiapr4ue],
.dashboard-drilldown-header p[b-zgxiapr4ue] {
    margin: 0;
}

.dashboard-drilldown-header h2[b-zgxiapr4ue] {
    color: #153a59;
    font-size: 1rem;
    font-weight: 850;
}

.dashboard-drilldown-header p[b-zgxiapr4ue] {
    margin-top: 0.18rem;
    color: #6b8092;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-drilldown-close[b-zgxiapr4ue] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border: 1px solid #c9d8e2;
    border-radius: 50%;
    color: #49677d;
    background: #fff;
    cursor: pointer;
}

.dashboard-drilldown-close .material-symbols-outlined[b-zgxiapr4ue] {
    font-size: 1.1rem;
}

.dashboard-drilldown-summary[b-zgxiapr4ue] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.55rem 1rem;
    border-bottom: 1px solid #e0e9ef;
    background: #fff;
}

.dashboard-drilldown-summary span[b-zgxiapr4ue] {
    border: 1px solid #d7e2e9;
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    color: #5b7286;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-drilldown-summary strong[b-zgxiapr4ue] {
    margin-left: 0.2rem;
    color: #153a59;
    font-variant-numeric: tabular-nums;
}

.dashboard-drilldown-summary .is-consistent[b-zgxiapr4ue] {
    border-color: #b8dfd2;
    color: #13745f;
    background: #edf9f5;
}

.dashboard-drilldown-summary .is-changed[b-zgxiapr4ue] {
    border-color: #ecd5ad;
    color: #8a651d;
    background: #fff9ed;
}

.dashboard-drilldown-body[b-zgxiapr4ue] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

.dashboard-drilldown-table-wrap[b-zgxiapr4ue] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.dashboard-drilldown-table[b-zgxiapr4ue] {
    width: 100%;
    min-width: 48rem;
    border-collapse: collapse;
    table-layout: auto;
    color: #2f4c63;
    background: #fff;
    font-size: 1rem;
}

.dashboard-drilldown-table th[b-zgxiapr4ue] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #cfdee8;
    color: #294a63;
    background: #edf4f8;
    font-weight: 850;
    text-align: left;
    white-space: nowrap;
}

.dashboard-drilldown-table td[b-zgxiapr4ue] {
    max-width: 18rem;
    padding: 0.58rem 0.7rem;
    border-bottom: 1px solid #e6edf2;
    overflow-wrap: anywhere;
    vertical-align: top;
}

.dashboard-drilldown-table tbody tr:hover[b-zgxiapr4ue] {
    background: #f4f9fc;
}

.dashboard-drilldown-state[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 16rem;
    gap: 0.45rem;
    color: #657c90;
    text-align: center;
}

.dashboard-drilldown-state .material-symbols-outlined[b-zgxiapr4ue] {
    color: #4d8ebc;
    font-size: 2rem;
}

.dashboard-drilldown-state strong[b-zgxiapr4ue] {
    font-size: 1rem;
}

.dashboard-drilldown-state--error[b-zgxiapr4ue],
.dashboard-drilldown-state--error .material-symbols-outlined[b-zgxiapr4ue] {
    color: #bd3c3c;
}

.dashboard-drilldown-footer[b-zgxiapr4ue] {
    justify-content: flex-end;
    border-top: 1px solid #d9e5ec;
}

.dashboard-drilldown-footer a[b-zgxiapr4ue],
.dashboard-drilldown-footer button[b-zgxiapr4ue] {
    min-height: 2.15rem;
    border-radius: var(--jiva-radius-sm);
    padding: 0.42rem 0.75rem;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-drilldown-footer a[b-zgxiapr4ue] {
    border: 1px solid #9cc2da;
    color: #0b6fa4;
    background: #fff;
}

.dashboard-drilldown-footer button[b-zgxiapr4ue] {
    border: 1px solid #1b70c4;
    color: #fff;
    background: #1b70c4;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .dashboard-workspace[b-zgxiapr4ue] {
        padding: 0.85rem 0.9rem 1.25rem;
    }

    .dashboard-blood-group-grid[b-zgxiapr4ue],
    .dashboard-chart-grid[b-zgxiapr4ue],
    .dashboard-lower-grid[b-zgxiapr4ue] {
        gap: 0.65rem;
    }

    .dashboard-status-grid[b-zgxiapr4ue] {
        gap: 0.5rem;
    }

    .dashboard-status-card[b-zgxiapr4ue] {
        gap: 0.5rem;
        padding: 0.58rem;
    }

    .dashboard-status-card > .material-symbols-outlined[b-zgxiapr4ue] {
        flex-basis: 2.15rem;
        width: 2.15rem;
        height: 2.15rem;
    }

    .dashboard-chart-card[b-zgxiapr4ue] {
        padding-inline: 0.72rem;
    }
}

@media (max-width: 1280px) {
    .dashboard-status-grid[b-zgxiapr4ue] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dashboard-chart-grid[b-zgxiapr4ue],
    .dashboard-lower-grid[b-zgxiapr4ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 960px) {
    .dashboard-blood-group-grid[b-zgxiapr4ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dashboard-workspace[b-zgxiapr4ue] {
        padding: 0.75rem;
    }

    .dashboard-header[b-zgxiapr4ue],
    .dashboard-section-heading--actions[b-zgxiapr4ue] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-chart-toolbar[b-zgxiapr4ue],
    .dashboard-chart-filter[b-zgxiapr4ue] {
        width: 100%;
        justify-content: flex-start;
    }

    .dashboard-blood-group-grid[b-zgxiapr4ue],
    .dashboard-status-grid[b-zgxiapr4ue],
    .dashboard-chart-grid[b-zgxiapr4ue],
    .dashboard-lower-grid[b-zgxiapr4ue] {
        grid-template-columns: 1fr;
    }

    .dashboard-update-status[b-zgxiapr4ue],
    .dashboard-update-controls[b-zgxiapr4ue] {
        width: 100%;
    }

    .dashboard-update-status[b-zgxiapr4ue] {
        justify-items: stretch;
    }

    .dashboard-updated-at[b-zgxiapr4ue] {
        align-self: stretch;
        flex: 1 1 auto;
    }

    .dashboard-drilldown-backdrop[b-zgxiapr4ue] {
        padding: 0.35rem;
    }

    .dashboard-drilldown-modal[b-zgxiapr4ue] {
        width: 100%;
        max-height: 94vh;
    }

    .dashboard-drilldown-header[b-zgxiapr4ue],
    .dashboard-drilldown-footer[b-zgxiapr4ue] {
        padding: 0.7rem 0.75rem;
    }

    .dashboard-drilldown-summary[b-zgxiapr4ue] {
        padding-inline: 0.75rem;
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .blood-group-card[b-zgxiapr4ue] {
        background: rgba(255, 255, 255, 0.96);
    }
}

/* 3D Blood Bank Command Center */
.dashboard-command-center[b-zgxiapr4ue] {
    --command-ink: #152449;
    --command-muted: #66748d;
    --command-blue: #2463ee;
    --command-violet: #6b3de8;
    --command-teal: #06a993;
    --command-pink: #e83d88;
    gap: clamp(.7rem, 1.1vw, 1rem);
    padding: clamp(.7rem, 1.2vw, 1.15rem);
    color: var(--command-ink);
    background:
        radial-gradient(circle at 12% 18%, rgba(109, 201, 255, .18), transparent 28rem),
        radial-gradient(circle at 88% 12%, rgba(244, 135, 209, .16), transparent 26rem),
        linear-gradient(135deg, #f7fbff, #fbf8ff 56%, #fff9fc);
}
.dashboard-command-center .dashboard-header[b-zgxiapr4ue],
.dashboard-command-center .dashboard-section[b-zgxiapr4ue],
.dashboard-quick-actions[b-zgxiapr4ue] {
    border: 1px solid rgba(151, 173, 214, .35);
    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(251, 248, 255, .74));
    box-shadow: 0 14px 35px rgba(45, 61, 118, .09), inset 0 1px rgba(255, 255, 255, .95);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}
.dashboard-command-center .dashboard-header[b-zgxiapr4ue] {
    min-height: 68px;
    padding: .6rem .75rem;
    border-radius: 23px;
}
.dashboard-title-lockup[b-zgxiapr4ue] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}
.dashboard-title-lockup > div[b-zgxiapr4ue] {
    display: flex;
    flex-direction: column;
}
.dashboard-title-icon[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(145deg, #1989ef, #6740ea);
    box-shadow: 0 10px 22px rgba(65, 89, 226, .27), inset 0 1px rgba(255, 255, 255, .58);
}
.dashboard-title-icon[b-zgxiapr4ue] (svg) {
    width: 24px;
    height: 24px;
}
.dashboard-title-lockup small[b-zgxiapr4ue] {
    color: var(--command-muted);
    font-size: 1rem;
    font-weight: 800;
}
.dashboard-title-lockup h1[b-zgxiapr4ue] {
    margin: .08rem 0 0;
    color: var(--command-ink);
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    line-height: 1.1;
}
.dashboard-command-center .dashboard-update-controls[b-zgxiapr4ue] {
    gap: .5rem;
}
.dashboard-command-center .dashboard-updated-at[b-zgxiapr4ue] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 38px;
    padding: .45rem .75rem;
    border: 1px solid rgba(25, 169, 144, .2);
    border-radius: 999px;
    color: #087b6d;
    background: rgba(224, 250, 244, .76);
    font-size: 1rem;
    font-weight: 800;
}
.dashboard-updated-at i[b-zgxiapr4ue] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #13bf9f;
    box-shadow: 0 0 0 4px rgba(19, 191, 159, .12);
}
.dashboard-command-center .dashboard-refresh-button[b-zgxiapr4ue] {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    color: #4f43d7;
    background: rgba(255, 255, 255, .78);
}
.dashboard-control-hero[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: minmax(320px, .9fr) minmax(460px, 1.1fr);
    gap: clamp(.8rem, 1.25vw, 1.3rem);
    min-height: clamp(370px, 45vh, 500px);
    padding: clamp(.75rem, 1.2vw, 1.15rem) !important;
    border-radius: 28px !important;
    overflow: hidden;
}
.dashboard-hub-visual[b-zgxiapr4ue] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 0;
    border: 1px solid rgba(137, 174, 228, .28);
    border-radius: 23px;
    background:
        radial-gradient(circle at 50% 50%, rgba(97, 196, 255, .2), transparent 48%),
        linear-gradient(145deg, rgba(234, 245, 255, .8), rgba(246, 240, 255, .72));
    overflow: hidden;
}
.dashboard-hub-visual[b-zgxiapr4ue]::before {
    position: absolute;
    width: 68%;
    aspect-ratio: 1;
    border: 1px solid rgba(89, 159, 245, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(112, 82, 234, .035), 0 0 0 58px rgba(42, 165, 226, .025);
    content: "";
}
.dashboard-hub-visual > img[b-zgxiapr4ue] {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, 680px);
    height: 100%;
    max-height: 440px;
    object-fit: contain;
    filter: drop-shadow(0 20px 20px rgba(33, 54, 112, .16));
}
.dashboard-hub-total[b-zgxiapr4ue] {
    position: absolute;
    z-index: 2;
    right: .8rem;
    bottom: .8rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 142px;
    padding: .65rem .8rem;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 25px rgba(42, 63, 121, .14);
    backdrop-filter: blur(16px);
}
.dashboard-hub-total > span[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, #13b9a1, #197dec);
}
.dashboard-hub-total > span[b-zgxiapr4ue] (svg) {
    width: 21px;
    height: 21px;
}
.dashboard-hub-total > div[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    column-gap: .25rem;
}
.dashboard-hub-total small[b-zgxiapr4ue] {
    grid-column: span 2;
    color: var(--command-muted);
    font-size: 1rem;
    font-weight: 800;
}
.dashboard-hub-total strong[b-zgxiapr4ue] {
    color: #096f89;
    font-size: 1.6rem;
    line-height: 1;
}
.dashboard-hub-total b[b-zgxiapr4ue] {
    color: #63718a;
    font-size: 1rem;
}
.dashboard-abo-console[b-zgxiapr4ue] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: .75rem;
    min-width: 0;
}
.dashboard-abo-heading[b-zgxiapr4ue] {
    min-height: 48px;
    padding: 0 .2rem !important;
}
.dashboard-abo-heading > div[b-zgxiapr4ue] {
    display: flex;
    flex-direction: column;
}
.dashboard-abo-heading small[b-zgxiapr4ue] {
    color: var(--command-muted);
    font-size: 1rem;
    font-weight: 800;
}
.dashboard-abo-heading h2[b-zgxiapr4ue] {
    margin: 0;
    font-size: 1.15rem;
}
.dashboard-abo-heading > a[b-zgxiapr4ue] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    min-height: 38px;
    padding: .45rem .75rem;
    border-radius: 12px;
    color: #5441d7;
    background: rgba(101, 70, 226, .08);
    font-size: 1rem;
    font-weight: 850;
    text-decoration: none;
}
.dashboard-abo-heading > a[b-zgxiapr4ue] (svg) {
    width: 15px;
    height: 15px;
}
.dashboard-command-center .dashboard-blood-group-grid[b-zgxiapr4ue] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}
.dashboard-command-center .blood-group-card[b-zgxiapr4ue] {
    position: relative;
    min-height: 126px;
    padding: .8rem;
    border: 1px solid rgba(141, 162, 205, .32);
    border-radius: 20px;
    background: linear-gradient(140deg, rgba(255, 255, 255, .9), rgba(246, 247, 255, .73));
    box-shadow: 0 8px 20px rgba(45, 64, 117, .08);
    overflow: hidden;
}
.dashboard-command-center .blood-group-card[b-zgxiapr4ue]::before {
    right: -22px;
    bottom: -28px;
    width: 94px;
    height: 94px;
    opacity: .12;
}
.dashboard-command-center .blood-group-card-main strong[b-zgxiapr4ue] {
    font-size: clamp(2.1rem, 3.2vw, 3rem);
}
.dashboard-command-center .blood-group-card-main > span[b-zgxiapr4ue] {
    font-size: clamp(1.45rem, 2.3vw, 2.2rem);
}
.dashboard-command-center .blood-group-card-meta[b-zgxiapr4ue] {
    gap: .35rem;
}
.dashboard-command-center .blood-group-card-meta > span[b-zgxiapr4ue] {
    min-width: 42px;
    padding: .25rem .45rem;
    border-radius: 9px;
    background: rgba(235, 240, 250, .82);
    font-size: 1rem;
    text-align: center;
}
.dashboard-command-center .blood-group-alert-badge[b-zgxiapr4ue] {
    margin-left: auto;
    font-size: 1rem;
}
.dashboard-command-center .blood-group-card.is-alert-critical[b-zgxiapr4ue] {
    border-color: rgba(231, 53, 102, .46);
    box-shadow: 0 8px 22px rgba(219, 47, 95, .13);
}
.dashboard-command-center .blood-group-card.is-alert-warning[b-zgxiapr4ue] {
    border-color: rgba(231, 153, 28, .48);
}
.dashboard-command-center .blood-group-card.is-alert-normal[b-zgxiapr4ue] {
    border-color: rgba(11, 174, 147, .35);
}
.dashboard-hero-alert[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: 38px auto 1fr auto 20px;
    align-items: center;
    gap: .55rem;
    min-height: 58px;
    padding: .5rem .65rem;
    border: 1px solid rgba(230, 70, 118, .2);
    border-radius: 17px;
    color: #b92e62;
    background: linear-gradient(110deg, rgba(255, 231, 240, .75), rgba(255, 247, 238, .78));
    cursor: pointer;
}
.dashboard-hero-alert > span[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #e33f79;
    background: rgba(255, 255, 255, .72);
}
.dashboard-hero-alert > span[b-zgxiapr4ue] (svg), .dashboard-hero-alert[b-zgxiapr4ue] > (svg) {
    width: 18px;
    height: 18px;
}
.dashboard-hero-alert strong[b-zgxiapr4ue] {
    font-size: 1.3rem;
}
.dashboard-hero-alert small[b-zgxiapr4ue] {
    color: #8e536b;
    font-size: 1rem;
    font-weight: 800;
}
.dashboard-hero-alert b[b-zgxiapr4ue] {
    color: #956178;
    font-size: 1rem;
}
.dashboard-quick-actions[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    padding: .65rem;
    border-radius: 22px;
}
.dashboard-quick-actions > a[b-zgxiapr4ue] {
    display: grid;
    grid-template-columns: 42px 1fr 18px;
    align-items: center;
    gap: .6rem;
    min-height: 62px;
    padding: .55rem .65rem;
    border: 1px solid rgba(143, 165, 205, .3);
    border-radius: 16px;
    color: #263b67;
    background: rgba(255, 255, 255, .72);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dashboard-quick-actions > a:hover[b-zgxiapr4ue] {
    border-color: rgba(79, 85, 222, .38);
    box-shadow: 0 9px 20px rgba(62, 67, 160, .11);
    transform: translateY(-1px);
}
.dashboard-quick-actions > a > span[b-zgxiapr4ue] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, #1b8cf0, #6341e7);
}
.dashboard-quick-actions > a:nth-child(2) > span[b-zgxiapr4ue] { background: linear-gradient(145deg, #7046e9, #d447a5); }
.dashboard-quick-actions > a:nth-child(3) > span[b-zgxiapr4ue] { background: linear-gradient(145deg, #0cb7a0, #2479e7); }
.dashboard-quick-actions > a:nth-child(4) > span[b-zgxiapr4ue] { background: linear-gradient(145deg, #e84684, #783ee2); }
.dashboard-quick-actions[b-zgxiapr4ue] (svg) {
    width: 18px;
    height: 18px;
}
.dashboard-quick-actions > a > span[b-zgxiapr4ue] (svg) {
    width: 21px;
    height: 21px;
}
.dashboard-quick-actions strong[b-zgxiapr4ue] {
    font-size: 1rem;
}
.dashboard-command-center .dashboard-status-section[b-zgxiapr4ue] {
    padding: .6rem !important;
    border-radius: 21px;
}
.dashboard-visually-hidden[b-zgxiapr4ue] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.dashboard-command-center .dashboard-status-grid[b-zgxiapr4ue] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .5rem;
}
.dashboard-command-center .dashboard-status-card[b-zgxiapr4ue] {
    min-height: 66px;
    padding: .5rem .6rem;
    border-radius: 15px;
}
.dashboard-command-center .dashboard-status-card > .material-symbols-outlined[b-zgxiapr4ue] {
    width: 34px;
    height: 34px;
    font-size: 20px;
}
.dashboard-command-center .dashboard-status-card strong[b-zgxiapr4ue] {
    font-size: 1.32rem;
}
.dashboard-command-center .dashboard-section:not(.dashboard-control-hero):not(.dashboard-status-section)[b-zgxiapr4ue] {
    border-radius: 24px;
}
.dashboard-command-center .dashboard-chart-card[b-zgxiapr4ue],
.dashboard-command-center .dashboard-donor-card[b-zgxiapr4ue],
.dashboard-command-center .dashboard-watch-card[b-zgxiapr4ue] {
    border-color: rgba(147, 168, 207, .3);
    background: linear-gradient(140deg, rgba(255, 255, 255, .88), rgba(249, 247, 255, .72));
    box-shadow: 0 10px 25px rgba(43, 60, 112, .07);
}
.dashboard-command-center button:focus-visible[b-zgxiapr4ue],
.dashboard-command-center a:focus-visible[b-zgxiapr4ue],
.dashboard-command-center select:focus-visible[b-zgxiapr4ue],
.dashboard-command-center input:focus-visible[b-zgxiapr4ue] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(45, 115, 239, .25);
}
@media (max-width: 1180px) {
    .dashboard-control-hero[b-zgxiapr4ue] {
        grid-template-columns: minmax(280px, .78fr) minmax(420px, 1.22fr);
    }
    .dashboard-command-center .dashboard-status-grid[b-zgxiapr4ue] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 900px) {
    .dashboard-control-hero[b-zgxiapr4ue] {
        grid-template-columns: 1fr;
    }
    .dashboard-hub-visual[b-zgxiapr4ue] {
        min-height: 330px;
    }
    .dashboard-hub-visual > img[b-zgxiapr4ue] {
        max-height: 320px;
    }
    .dashboard-quick-actions[b-zgxiapr4ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .dashboard-command-center[b-zgxiapr4ue] {
        padding: .55rem;
    }
    .dashboard-command-center .dashboard-header[b-zgxiapr4ue] {
        align-items: center;
        flex-direction: row;
        border-radius: 18px;
    }
    .dashboard-title-icon[b-zgxiapr4ue] {
        width: 43px;
        height: 43px;
    }
    .dashboard-title-lockup small[b-zgxiapr4ue],
    .dashboard-command-center .dashboard-updated-at[b-zgxiapr4ue] {
        display: none;
    }
    .dashboard-control-hero[b-zgxiapr4ue] {
        min-height: 0;
        padding: .55rem !important;
        border-radius: 20px !important;
    }
    .dashboard-hub-visual[b-zgxiapr4ue] {
        min-height: 250px;
    }
    .dashboard-hub-visual > img[b-zgxiapr4ue] {
        max-height: 245px;
    }
    .dashboard-hub-total[b-zgxiapr4ue] {
        right: .5rem;
        bottom: .5rem;
        min-width: 126px;
        padding: .5rem;
    }
    .dashboard-command-center .blood-group-card[b-zgxiapr4ue] {
        min-height: 105px;
        padding: .65rem;
    }
    .dashboard-command-center .blood-group-card-main strong[b-zgxiapr4ue] {
        font-size: 2rem;
    }
    .dashboard-command-center .blood-group-card-main > span[b-zgxiapr4ue] {
        font-size: 1.35rem;
    }
    .dashboard-command-center .blood-group-alert-badge[b-zgxiapr4ue] {
        max-width: 78px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dashboard-hero-alert[b-zgxiapr4ue] {
        grid-template-columns: 34px auto 1fr 18px;
    }
    .dashboard-hero-alert b[b-zgxiapr4ue] {
        display: none;
    }
    .dashboard-quick-actions[b-zgxiapr4ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
        padding: .5rem;
        border-radius: 18px;
    }
    .dashboard-quick-actions > a[b-zgxiapr4ue] {
        grid-template-columns: 38px 1fr;
        min-height: 56px;
    }
    .dashboard-quick-actions > a > span[b-zgxiapr4ue] {
        width: 38px;
        height: 38px;
    }
    .dashboard-quick-actions > a[b-zgxiapr4ue] > (svg):last-child {
        display: none;
    }
    .dashboard-command-center .dashboard-status-grid[b-zgxiapr4ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (prefers-reduced-motion: reduce) {
    .dashboard-quick-actions > a[b-zgxiapr4ue] {
        transition: none;
    }
}
/* /Components/Pages/Home/BloodStatusCharts.razor.rz.scp.css */
.status-command-center[b-m84p6oz8ii] {
    --status-blue: #2463eb;
    --status-violet: #6d43e8;
    --status-teal: #0cae9b;
    --status-pink: #e83f89;
    --status-amber: #dc8500;
    --status-ink: #172544;
    --status-muted: #687892;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: clamp(.6rem, .9vw, .9rem);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(.65rem, 1.15vw, 1.15rem);
    color: var(--status-ink);
    overflow: hidden;
}

.status-command-center *[b-m84p6oz8ii],
.status-command-center *[b-m84p6oz8ii]::before,
.status-command-center *[b-m84p6oz8ii]::after { box-sizing: border-box; }

.status-command-header[b-m84p6oz8ii],
.status-summary-card[b-m84p6oz8ii],
.status-analytics-panel[b-m84p6oz8ii],
.status-attention-panel[b-m84p6oz8ii],
.status-chart-card[b-m84p6oz8ii],
.status-alert-card[b-m84p6oz8ii],
.tracking-settings[b-m84p6oz8ii],
.alert-drawer[b-m84p6oz8ii],
.confirmation-dialog[b-m84p6oz8ii] {
    border: 1px solid rgba(143, 165, 208, .34);
    background: linear-gradient(135deg, rgba(255, 255, 255, .91), rgba(250, 247, 255, .77));
    box-shadow: 0 14px 34px rgba(43, 63, 125, .09), inset 0 1px rgba(255, 255, 255, .94);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.status-command-header[b-m84p6oz8ii],
.status-title-lockup[b-m84p6oz8ii],
.status-header-actions[b-m84p6oz8ii],
.status-updated-at[b-m84p6oz8ii],
.status-summary-card[b-m84p6oz8ii],
.status-section-heading[b-m84p6oz8ii],
.status-chart-card > header[b-m84p6oz8ii],
.status-alert-card > header[b-m84p6oz8ii],
.status-alert-card > header > div[b-m84p6oz8ii],
.view-all-button[b-m84p6oz8ii],
.status-preview-row[b-m84p6oz8ii],
.tracking-settings > header[b-m84p6oz8ii],
.tracking-settings > footer[b-m84p6oz8ii],
.tracking-settings-body > p[b-m84p6oz8ii],
.tracking-settings-body label[b-m84p6oz8ii],
.status-feedback[b-m84p6oz8ii],
.status-error[b-m84p6oz8ii],
.alert-drawer > header[b-m84p6oz8ii],
.alert-drawer > footer a[b-m84p6oz8ii] {
    display: flex;
    align-items: center;
}

.status-command-header[b-m84p6oz8ii] {
    justify-content: space-between;
    min-height: 68px;
    gap: 1rem;
    padding: .6rem .75rem;
    border-radius: 23px;
}

.status-title-lockup[b-m84p6oz8ii] { min-width: 0; gap: .75rem; }
.status-title-lockup > div[b-m84p6oz8ii] { min-width: 0; }
.status-title-lockup small[b-m84p6oz8ii],
.status-title-lockup h1[b-m84p6oz8ii],
.status-summary-card small[b-m84p6oz8ii],
.status-summary-card strong[b-m84p6oz8ii],
.status-section-heading h2[b-m84p6oz8ii],
.status-section-heading p[b-m84p6oz8ii],
.status-chart-card h3[b-m84p6oz8ii],
.status-chart-card p[b-m84p6oz8ii],
.status-alert-card h3[b-m84p6oz8ii],
.status-preview-row strong[b-m84p6oz8ii],
.status-preview-row small[b-m84p6oz8ii],
.status-alert-empty[b-m84p6oz8ii],
.tracking-settings h2[b-m84p6oz8ii],
.tracking-settings small[b-m84p6oz8ii],
.tracking-settings-body p[b-m84p6oz8ii],
.confirmation-dialog h2[b-m84p6oz8ii],
.confirmation-dialog p[b-m84p6oz8ii] { margin: 0; }

.status-title-icon[b-m84p6oz8ii] {
    display: grid;
    width: 49px;
    height: 49px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #2787f2, #6b40e9 64%, #c63fb1);
    box-shadow: 0 10px 22px rgba(75, 68, 220, .27), inset 0 1px rgba(255, 255, 255, .58);
}
.status-title-icon[b-m84p6oz8ii] (svg) { width: 25px; height: 25px; }
.status-title-lockup small[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-weight: 800; }
.status-title-lockup h1[b-m84p6oz8ii] { overflow: hidden; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.12; text-overflow: ellipsis; white-space: nowrap; }
.status-header-actions[b-m84p6oz8ii] { gap: .5rem; }
.status-updated-at[b-m84p6oz8ii] { gap: .32rem; color: var(--status-muted); font-size: 1rem; font-weight: 750; white-space: nowrap; }
.status-updated-at[b-m84p6oz8ii] (svg) { width: 15px; height: 15px; }

.status-icon-button[b-m84p6oz8ii],
.tracking-settings-button[b-m84p6oz8ii],
.status-modal-close[b-m84p6oz8ii] {
    border: 1px solid rgba(128, 153, 199, .38);
    color: #3e557b;
    background: rgba(255, 255, 255, .74);
    font: inherit;
    cursor: pointer;
}
.status-icon-button[b-m84p6oz8ii],
.status-modal-close[b-m84p6oz8ii] { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 14px; }
.status-icon-button > span[b-m84p6oz8ii] { display: grid; place-items: center; }
.status-icon-button[b-m84p6oz8ii] (svg),
.status-modal-close[b-m84p6oz8ii] (svg) { width: 19px; height: 19px; }
.status-icon-button:disabled[b-m84p6oz8ii] { cursor: wait; opacity: .62; }
.status-icon-button .is-spinning[b-m84p6oz8ii] { animation: status-spin-b-m84p6oz8ii .8s linear infinite; }
.tracking-settings-button[b-m84p6oz8ii] { display: inline-flex; min-height: 42px; align-items: center; gap: .4rem; padding: .55rem .8rem; border-radius: 13px; font-size: 1rem; font-weight: 850; }
.tracking-settings-button[b-m84p6oz8ii] (svg) { width: 18px; height: 18px; }

.status-feedback[b-m84p6oz8ii],
.status-error[b-m84p6oz8ii] { gap: .45rem; min-height: 38px; padding: .45rem .75rem; border-radius: 13px; font-size: 1rem; font-weight: 750; }
.status-feedback[b-m84p6oz8ii] { border: 1px solid rgba(12, 174, 155, .25); color: #087968; background: rgba(226, 249, 242, .88); }
.status-error[b-m84p6oz8ii] { border: 1px solid rgba(215, 49, 91, .24); color: #b52855; background: rgba(255, 235, 242, .88); }
.status-feedback > .material-symbols-outlined[b-m84p6oz8ii],
.status-error > .material-symbols-outlined[b-m84p6oz8ii] { font-size: 18px; }
.status-feedback button[b-m84p6oz8ii] { display: grid; width: 28px; height: 28px; margin-left: auto; place-items: center; border: 0; border-radius: 9px; color: inherit; background: transparent; cursor: pointer; }
.status-feedback button .material-symbols-outlined[b-m84p6oz8ii] { font-size: 17px; }

.status-summary[b-m84p6oz8ii] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(.5rem, .8vw, .8rem);
}
.status-summary-card[b-m84p6oz8ii] {
    min-width: 0;
    min-height: 76px;
    gap: .72rem;
    padding: .68rem .85rem;
    border-radius: 20px;
    color: var(--status-ink);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.status-summary-card:hover[b-m84p6oz8ii] { border-color: rgba(91, 74, 229, .42); box-shadow: 0 16px 35px rgba(67, 53, 160, .13); transform: translateY(-1px); }
.status-summary-card > span[b-m84p6oz8ii] { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; border-radius: 15px; }
.status-summary-card > span[b-m84p6oz8ii] (svg) { width: 23px; height: 23px; }
.status-summary-card > div[b-m84p6oz8ii] { display: grid; min-width: 0; }
.status-summary-card small[b-m84p6oz8ii] { overflow: hidden; color: var(--status-muted); font-size: 1rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.status-summary-card strong[b-m84p6oz8ii] { margin-top: .16rem; font-size: clamp(1.45rem, 2.1vw, 1.92rem); line-height: 1; }
.summary-available > span[b-m84p6oz8ii] { color: var(--status-teal); background: rgba(12, 174, 155, .11); }
.summary-available strong[b-m84p6oz8ii] { color: var(--status-teal); }
.summary-crossmatch > span[b-m84p6oz8ii] { color: var(--status-blue); background: rgba(36, 99, 235, .1); }
.summary-crossmatch strong[b-m84p6oz8ii] { color: var(--status-blue); }
.summary-deposit > span[b-m84p6oz8ii] { color: var(--status-violet); background: rgba(109, 67, 232, .1); }
.summary-deposit strong[b-m84p6oz8ii] { color: var(--status-violet); }
.summary-warning > span[b-m84p6oz8ii] { color: var(--status-amber); background: rgba(247, 160, 27, .12); }
.summary-warning strong[b-m84p6oz8ii] { color: var(--status-amber); }
.summary-expired > span[b-m84p6oz8ii] { color: var(--status-pink); background: rgba(232, 63, 137, .1); }
.summary-expired strong[b-m84p6oz8ii] { color: var(--status-pink); }

.status-dashboard-grid[b-m84p6oz8ii] {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(320px, .72fr);
    gap: clamp(.6rem, .9vw, .9rem);
    min-height: 0;
}
.status-analytics-panel[b-m84p6oz8ii],
.status-attention-panel[b-m84p6oz8ii] { min-width: 0; min-height: 0; border-radius: 23px; overflow: hidden; }
.status-analytics-panel[b-m84p6oz8ii] { display: grid; grid-template-rows: auto minmax(0, 1fr); padding: .72rem; }
.status-attention-panel[b-m84p6oz8ii] { display: flex; flex-direction: column; padding: .72rem; }
.status-section-heading[b-m84p6oz8ii] { justify-content: space-between; min-height: 42px; gap: .7rem; padding: 0 .15rem .55rem; }
.status-section-heading h2[b-m84p6oz8ii] { font-size: 1rem; }
.status-section-heading p[b-m84p6oz8ii] { margin-top: .1rem; color: var(--status-muted); font-size: 1rem; font-weight: 700; }
.current-snapshot-chip[b-m84p6oz8ii] { display: inline-flex; align-items: center; gap: .28rem; padding: .32rem .55rem; border-radius: 999px; color: #315dda; background: rgba(36, 99, 235, .09); font-size: 1rem; font-weight: 800; white-space: nowrap; }
.current-snapshot-chip .material-symbols-outlined[b-m84p6oz8ii] { font-size: 15px; }

.status-charts[b-m84p6oz8ii] {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(240px, .84fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: .62rem;
    min-height: 0;
}
.status-chart-card[b-m84p6oz8ii] { min-width: 0; min-height: 0; padding: .7rem; border-radius: 19px; overflow: hidden; }
.chart-abo[b-m84p6oz8ii] { grid-row: 1 / 3; }
.status-chart-card > header[b-m84p6oz8ii] { justify-content: space-between; gap: .6rem; min-height: 38px; }
.status-chart-card h3[b-m84p6oz8ii] { font-size: 1rem; }
.status-chart-card header p[b-m84p6oz8ii] { margin-top: .08rem; color: var(--status-muted); font-size: 1rem; font-weight: 700; }
.status-chart-card header > span[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-weight: 750; white-space: nowrap; }

.vertical-chart[b-m84p6oz8ii] { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); height: calc(100% - 62px); min-height: 180px; gap: .5rem; padding: 1.4rem .4rem 0; }
.chart-grid-lines[b-m84p6oz8ii] { position: absolute; inset: 28px 8px 23px; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; }
.chart-grid-lines span[b-m84p6oz8ii] { width: 100%; border-top: 1px solid rgba(140, 160, 197, .16); }
.vertical-chart-group[b-m84p6oz8ii] { position: relative; z-index: 1; display: grid; grid-template-rows: minmax(0, 1fr) 18px; min-width: 0; align-items: end; text-align: center; }
.bar-pair[b-m84p6oz8ii] { display: flex; height: 100%; align-items: flex-end; justify-content: center; gap: .28rem; }
.bar-pair.single[b-m84p6oz8ii] { justify-content: center; }
.vertical-bar[b-m84p6oz8ii] { position: relative; width: min(25px, 32%); min-height: 3px; border-radius: 8px 8px 3px 3px; box-shadow: inset 0 1px rgba(255, 255, 255, .58), 0 7px 14px rgba(51, 79, 142, .12); }
.vertical-bar > span[b-m84p6oz8ii] { position: absolute; top: -1.15rem; left: 50%; color: #52637d; font-size: 1rem; font-weight: 850; transform: translateX(-50%); }
.vertical-bar.positive[b-m84p6oz8ii] { background: linear-gradient(180deg, #277cf0, #53a9f3); }
.vertical-bar.negative[b-m84p6oz8ii] { background: linear-gradient(180deg, #8051e7, #b58af2); }
.vertical-bar.crossmatch[b-m84p6oz8ii] { width: min(36px, 47%); background: linear-gradient(180deg, #08a98d, #55cbb5); }
.vertical-chart-group > strong[b-m84p6oz8ii] { font-size: 1rem; }
.chart-legend[b-m84p6oz8ii] { display: flex; justify-content: center; gap: .8rem; color: var(--status-muted); font-size: 1rem; }
.chart-legend span[b-m84p6oz8ii] { display: inline-flex; align-items: center; gap: .25rem; }
.chart-legend i[b-m84p6oz8ii] { width: 8px; height: 8px; border-radius: 3px; }
.chart-legend i.positive[b-m84p6oz8ii] { background: #3987ee; }
.chart-legend i.negative[b-m84p6oz8ii] { background: #9365e9; }
.horizontal-chart[b-m84p6oz8ii] { display: grid; height: calc(100% - 38px); min-height: 100px; align-content: center; gap: .55rem; padding: .35rem .1rem 0; }
.horizontal-row[b-m84p6oz8ii] { display: grid; grid-template-columns: 50px minmax(0, 1fr) 28px; align-items: center; gap: .45rem; }
.horizontal-row > strong[b-m84p6oz8ii] { overflow: hidden; color: #425774; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.horizontal-row > div[b-m84p6oz8ii] { height: 11px; border-radius: 999px; background: rgba(132, 153, 190, .12); overflow: hidden; }
.horizontal-row > div > span[b-m84p6oz8ii] { display: block; height: 100%; min-width: 3px; border-radius: inherit; }
.horizontal-row em[b-m84p6oz8ii] { color: #50617c; font-size: 1rem; font-style: normal; font-weight: 850; text-align: right; }
.component-red[b-m84p6oz8ii] { background: linear-gradient(90deg, #ea6475, #ee8f9c); }
.component-yellow[b-m84p6oz8ii] { background: linear-gradient(90deg, #e59a17, #f2c254); }
.component-green[b-m84p6oz8ii] { background: linear-gradient(90deg, #0eaa8f, #5bcab6); }
.component-purple[b-m84p6oz8ii] { background: linear-gradient(90deg, #7248de, #ad7eea); }
.component-blue[b-m84p6oz8ii] { background: linear-gradient(90deg, #287bea, #59a8f0); }
.chart-empty[b-m84p6oz8ii] { display: grid; height: calc(100% - 38px); min-height: 120px; place-items: center; align-content: center; color: #8090a8; }
.chart-empty .material-symbols-outlined[b-m84p6oz8ii] { font-size: 32px; }
.chart-empty strong[b-m84p6oz8ii] { margin-top: .25rem; font-size: 1rem; }

.status-attention-panel .alerts-title[b-m84p6oz8ii] { flex: 0 0 auto; }
.status-alert-grid[b-m84p6oz8ii] { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); flex: 1 1 auto; min-height: 0; gap: .55rem; }
.status-alert-card[b-m84p6oz8ii] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; min-height: 0; padding: .55rem; border-radius: 18px; overflow: hidden; }
.status-alert-card > header[b-m84p6oz8ii] { justify-content: space-between; gap: .5rem; min-height: 34px; padding: 0 .15rem .35rem; }
.status-alert-card > header > div[b-m84p6oz8ii] { min-width: 0; gap: .35rem; }
.status-alert-card > header .material-symbols-outlined[b-m84p6oz8ii] { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 9px; font-size: 17px; }
.status-alert-card h3[b-m84p6oz8ii] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.status-alert-card > header > strong[b-m84p6oz8ii] { display: grid; min-width: 26px; height: 26px; padding: 0 .35rem; place-items: center; border-radius: 999px; font-size: 1rem; }
.alert-expiration > header .material-symbols-outlined[b-m84p6oz8ii],
.alert-expiration > header > strong[b-m84p6oz8ii] { color: #ca315e; background: #ffe6ef; }
.alert-crossmatch > header .material-symbols-outlined[b-m84p6oz8ii],
.alert-crossmatch > header > strong[b-m84p6oz8ii] { color: #b66b00; background: #fff0d5; }
.alert-deposit > header .material-symbols-outlined[b-m84p6oz8ii],
.alert-deposit > header > strong[b-m84p6oz8ii] { color: #6d42da; background: #eee8ff; }
.status-preview-list[b-m84p6oz8ii] { display: grid; min-height: 0; align-content: center; gap: .3rem; overflow: hidden; }
.status-preview-row[b-m84p6oz8ii] { justify-content: space-between; min-width: 0; gap: .5rem; min-height: 40px; padding: .35rem .45rem; border: 1px solid rgba(143, 163, 202, .22); border-radius: 11px; background: rgba(255, 255, 255, .65); }
.status-preview-row > span[b-m84p6oz8ii] { display: flex; min-width: 0; flex-direction: column; }
.status-preview-row strong[b-m84p6oz8ii],
.status-preview-row small[b-m84p6oz8ii] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-preview-row strong[b-m84p6oz8ii] { font-size: 1rem; }
.status-preview-row small[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-weight: 700; }
.status-preview-row em[b-m84p6oz8ii] { flex: 0 0 auto; font-size: 1rem; font-style: normal; font-weight: 850; }
.status-alert-empty[b-m84p6oz8ii] { display: grid; min-height: 48px; place-items: center; color: #088a75; font-size: 1rem; font-weight: 800; }
.danger-text[b-m84p6oz8ii] { color: #ca315e !important; font-weight: 850; }
.warning-text[b-m84p6oz8ii] { color: #b46900 !important; font-weight: 850; }
.deposit-text[b-m84p6oz8ii] { color: #6d42da !important; font-weight: 850; }
.view-all-button[b-m84p6oz8ii] { justify-content: flex-end; gap: .2rem; width: 100%; min-height: 27px; padding: .2rem .3rem 0; border: 0; color: #5364c9; background: transparent; font: inherit; font-size: 1rem; font-weight: 850; cursor: pointer; }
.view-all-button .material-symbols-outlined[b-m84p6oz8ii] { font-size: 16px; }

.status-modal-backdrop[b-m84p6oz8ii],
.alert-drawer-overlay[b-m84p6oz8ii],
.confirmation-overlay[b-m84p6oz8ii] { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: clamp(.7rem, 2vw, 1.5rem); background: rgba(24, 29, 60, .42); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.tracking-settings[b-m84p6oz8ii] { display: flex; width: min(620px, 100%); max-height: calc(100dvh - 2rem); flex-direction: column; border-radius: 27px; overflow: hidden; }
.tracking-settings > header[b-m84p6oz8ii] { justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid rgba(143, 163, 202, .27); }
.tracking-settings h2[b-m84p6oz8ii] { font-size: 1.15rem; }
.tracking-settings small[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-weight: 800; }
.tracking-settings-body[b-m84p6oz8ii] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; padding: 1rem; overflow-y: auto; }
.tracking-settings-body > p[b-m84p6oz8ii] { grid-column: 1 / -1; gap: .35rem; padding: .55rem .65rem; border-radius: 12px; color: #486081; background: rgba(231, 240, 255, .74); font-size: 1rem; font-weight: 750; }
.tracking-settings-body > p[b-m84p6oz8ii] (svg) { width: 17px; height: 17px; color: var(--status-blue); }
.tracking-settings-body label[b-m84p6oz8ii] { position: relative; gap: .45rem; padding: .6rem; border: 1px solid rgba(136, 158, 201, .3); border-radius: 14px; color: #526681; font-size: 1rem; font-weight: 800; }
.tracking-settings-body label > span[b-m84p6oz8ii] { flex: 1 1 auto; }
.tracking-settings-body input[b-m84p6oz8ii] { width: 72px; height: 40px; border: 1px solid rgba(128, 151, 197, .4); border-radius: 12px; color: var(--status-ink); background: rgba(255, 255, 255, .82); font: inherit; font-weight: 850; text-align: center; }
.tracking-settings-body em[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-style: normal; }
.tracking-settings > footer[b-m84p6oz8ii] { justify-content: flex-end; padding: .75rem 1rem; border-top: 1px solid rgba(143, 163, 202, .27); }
.apply-settings-button[b-m84p6oz8ii] { min-height: 42px; padding: .55rem 1.1rem; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(120deg, #247af2, #7040e6 60%, #cf3da1); box-shadow: 0 8px 18px rgba(75, 57, 210, .22); font: inherit; font-size: 1rem; font-weight: 850; cursor: pointer; }

.alert-drawer[b-m84p6oz8ii] { display: flex; width: min(1120px, 100%); max-height: min(850px, calc(100dvh - 2rem)); flex-direction: column; border-radius: 27px; overflow: hidden; }
.alert-drawer > header[b-m84p6oz8ii] { justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid rgba(143, 163, 202, .27); }
.alert-drawer > header small[b-m84p6oz8ii] { color: var(--status-muted); font-size: 1rem; font-weight: 800; }
.alert-drawer > header h2[b-m84p6oz8ii] { margin: .05rem 0 0; font-size: 1.15rem; }
.alert-drawer > header button[b-m84p6oz8ii] { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(128, 153, 199, .38); border-radius: 14px; color: #3e557b; background: rgba(255, 255, 255, .74); cursor: pointer; }
.alert-drawer > header button .material-symbols-outlined[b-m84p6oz8ii] { font-size: 20px; }
.drawer-notice[b-m84p6oz8ii] { display: flex; align-items: center; gap: .4rem; margin: .7rem .8rem 0; padding: .5rem .65rem; border-radius: 12px; color: #3f5d80; background: rgba(229, 240, 255, .76); font-size: 1rem; font-weight: 750; }
.drawer-notice .material-symbols-outlined[b-m84p6oz8ii] { color: var(--status-blue); font-size: 17px; }
.drawer-table-wrap[b-m84p6oz8ii] { flex: 1 1 auto; min-height: 0; margin: .7rem .8rem; border: 1px solid rgba(142, 164, 205, .3); border-radius: 16px; background: rgba(255, 255, 255, .78); overflow: auto; }
.drawer-table[b-m84p6oz8ii] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.drawer-table th[b-m84p6oz8ii] { position: sticky; z-index: 1; top: 0; padding: .65rem; border-bottom: 1px solid rgba(143, 163, 202, .28); color: #5d6f89; background: #f3f7fc; font-size: 1rem; font-weight: 850; text-align: left; }
.drawer-table td[b-m84p6oz8ii] { padding: .62rem; border-bottom: 1px solid rgba(143, 163, 202, .2); color: #344a6c; font-size: 1rem; }
.drawer-table td strong[b-m84p6oz8ii],
.drawer-table td span[b-m84p6oz8ii],
.drawer-table td small[b-m84p6oz8ii] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drawer-table td small[b-m84p6oz8ii] { margin-top: .1rem; color: var(--status-muted); font-size: 1rem; }
.drawer-action[b-m84p6oz8ii] { min-height: 34px; padding: .35rem .6rem; border: 1px solid rgba(66, 113, 220, .34); border-radius: 10px; color: #315fcf; background: #edf4ff; font: inherit; font-size: 1rem; font-weight: 850; white-space: nowrap; cursor: pointer; }
.drawer-action.danger[b-m84p6oz8ii] { border-color: rgba(210, 53, 91, .3); color: #c8325d; background: #ffedf3; }
.alert-drawer > footer[b-m84p6oz8ii] { padding: .65rem .8rem .8rem; }
.alert-drawer > footer a[b-m84p6oz8ii] { justify-content: center; gap: .35rem; min-height: 42px; border-radius: 13px; color: #fff; background: linear-gradient(120deg, #247af2, #7040e6 60%, #cf3da1); font-size: 1rem; font-weight: 850; text-decoration: none; }
.alert-drawer > footer .material-symbols-outlined[b-m84p6oz8ii] { font-size: 17px; }

.confirmation-dialog[b-m84p6oz8ii] { width: min(470px, 100%); padding: 1.2rem; border-radius: 25px; text-align: center; }
.confirmation-icon[b-m84p6oz8ii] { display: grid; width: 58px; height: 58px; margin: 0 auto .65rem; place-items: center; border-radius: 19px; color: #cc315e; background: #ffe7ef; font-size: 30px; }
.confirmation-dialog h2[b-m84p6oz8ii] { font-size: 1.12rem; }
.confirmation-dialog p[b-m84p6oz8ii] { margin-top: .35rem; color: var(--status-muted); font-size: 1rem; }
.confirmation-dialog > strong[b-m84p6oz8ii] { display: block; margin: .8rem 0 1rem; color: #315fcf; font-size: 1rem; }
.confirmation-dialog > div[b-m84p6oz8ii] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.confirmation-dialog button[b-m84p6oz8ii] { min-height: 42px; border: 1px solid; border-radius: 13px; font: inherit; font-size: 1rem; font-weight: 850; cursor: pointer; }
.confirmation-dialog button:disabled[b-m84p6oz8ii] { cursor: wait; opacity: .62; }
.cancel-button[b-m84p6oz8ii] { border-color: rgba(128, 151, 197, .4) !important; color: #4c607e; background: #fff; }
.confirm-button[b-m84p6oz8ii] { border-color: transparent !important; color: #fff; background: linear-gradient(120deg, #247af2, #7040e6); }
.confirm-button.danger[b-m84p6oz8ii] { background: linear-gradient(120deg, #e43e69, #c82b58); }

.status-command-center button:focus-visible[b-m84p6oz8ii],
.status-command-center a:focus-visible[b-m84p6oz8ii],
.status-modal-backdrop button:focus-visible[b-m84p6oz8ii],
.status-modal-backdrop input:focus-visible[b-m84p6oz8ii],
.alert-drawer-overlay button:focus-visible[b-m84p6oz8ii],
.alert-drawer-overlay a:focus-visible[b-m84p6oz8ii],
.confirmation-overlay button:focus-visible[b-m84p6oz8ii] {
    outline: 3px solid rgba(42, 112, 239, .25);
    outline-offset: 2px;
}

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

@media (max-width: 1180px) {
    .status-dashboard-grid[b-m84p6oz8ii] { grid-template-columns: minmax(0, 1.55fr) minmax(300px, .7fr); }
    .status-charts[b-m84p6oz8ii] { grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr); }
}

@media (max-width: 900px) {
    .status-command-center[b-m84p6oz8ii] { height: auto; min-height: 100%; overflow: visible; }
    .status-summary[b-m84p6oz8ii] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .status-dashboard-grid[b-m84p6oz8ii] { grid-template-columns: 1fr; }
    .status-analytics-panel[b-m84p6oz8ii] { min-height: 640px; }
    .status-attention-panel[b-m84p6oz8ii] { min-height: 560px; }
    .status-alert-grid[b-m84p6oz8ii] { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr; }
}

@media (max-width: 640px) {
    .status-command-center[b-m84p6oz8ii] { gap: .55rem; padding: .55rem; }
    .status-command-header[b-m84p6oz8ii] { min-height: 60px; border-radius: 19px; }
    .status-title-icon[b-m84p6oz8ii] { width: 43px; height: 43px; border-radius: 14px; }
    .status-title-lockup h1[b-m84p6oz8ii] { font-size: 1.16rem; }
    .status-updated-at[b-m84p6oz8ii] { display: none; }
    .tracking-settings-button > span[b-m84p6oz8ii] { display: none; }
    .tracking-settings-button[b-m84p6oz8ii] { width: 42px; padding: 0; justify-content: center; }
    .status-summary[b-m84p6oz8ii] { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .status-summary-card[b-m84p6oz8ii] { min-width: 0; min-height: 68px; }
    .status-summary-card:last-child[b-m84p6oz8ii] { grid-column: 1 / -1; }
    .status-summary-card > span[b-m84p6oz8ii] { width: 39px; height: 39px; }
    .status-analytics-panel[b-m84p6oz8ii],
    .status-attention-panel[b-m84p6oz8ii] { border-radius: 19px; }
    .status-analytics-panel[b-m84p6oz8ii] { min-height: auto; }
    .status-charts[b-m84p6oz8ii] { grid-template-columns: 1fr; grid-template-rows: auto; }
    .chart-abo[b-m84p6oz8ii] { grid-row: auto; }
    .status-chart-card[b-m84p6oz8ii] { min-height: 280px; }
    .chart-components[b-m84p6oz8ii] { min-height: 250px; }
    .status-alert-grid[b-m84p6oz8ii] { grid-template-columns: 1fr; grid-template-rows: auto; }
    .status-alert-card[b-m84p6oz8ii] { min-height: 170px; }
    .tracking-settings-body[b-m84p6oz8ii] { grid-template-columns: 1fr; }
    .alert-drawer[b-m84p6oz8ii] { width: 100%; height: 100%; max-height: none; border-radius: 0; }
    .drawer-table[b-m84p6oz8ii] { min-width: 760px; }
    .confirmation-dialog[b-m84p6oz8ii] { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .status-command-center *[b-m84p6oz8ii],
    .status-command-center *[b-m84p6oz8ii]::before,
    .status-command-center *[b-m84p6oz8ii]::after,
    .status-modal-backdrop *[b-m84p6oz8ii],
    .alert-drawer-overlay *[b-m84p6oz8ii],
    .confirmation-overlay *[b-m84p6oz8ii] {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Pages/Home/ReservedBloodStock.razor.rz.scp.css */
.reserved-command-center[b-4xskohcyh7] {
    --reserved-blue: #2463eb;
    --reserved-violet: #6d43e8;
    --reserved-teal: #0cae9b;
    --reserved-pink: #e83f89;
    --reserved-amber: #dc8500;
    --reserved-ink: #172544;
    --reserved-muted: #687892;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: clamp(.6rem, .9vw, .9rem);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(.65rem, 1.15vw, 1.15rem);
    color: var(--reserved-ink);
    overflow: hidden;
}

.reserved-command-center *[b-4xskohcyh7],
.reserved-command-center *[b-4xskohcyh7]::before,
.reserved-command-center *[b-4xskohcyh7]::after { box-sizing: border-box; }

.reserved-command-header[b-4xskohcyh7],
.reserved-summary-card[b-4xskohcyh7],
.reserved-search-bar[b-4xskohcyh7],
.reserved-queue-panel[b-4xskohcyh7],
.reserved-detail-panel[b-4xskohcyh7],
.reserved-attention-panel[b-4xskohcyh7],
.reserved-filter-modal[b-4xskohcyh7] {
    border: 1px solid rgba(143, 165, 208, .34);
    background: linear-gradient(135deg, rgba(255, 255, 255, .91), rgba(250, 247, 255, .76));
    box-shadow: 0 14px 34px rgba(43, 63, 125, .09), inset 0 1px rgba(255, 255, 255, .94);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.reserved-command-header[b-4xskohcyh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    padding: .6rem .75rem;
    border-radius: 23px;
}

.reserved-title-lockup[b-4xskohcyh7],
.reserved-header-actions[b-4xskohcyh7],
.reserved-updated[b-4xskohcyh7],
.reserved-search-bar[b-4xskohcyh7],
.reserved-summary-card[b-4xskohcyh7],
.reserved-unit-identity[b-4xskohcyh7],
.reserved-detail-hero[b-4xskohcyh7],
.reserved-person-card[b-4xskohcyh7],
.reserved-attention-panel > header[b-4xskohcyh7],
.reserved-filter-modal > header[b-4xskohcyh7],
.reserved-filter-modal > footer[b-4xskohcyh7] {
    display: flex;
    align-items: center;
}

.reserved-title-lockup[b-4xskohcyh7] { gap: .75rem; min-width: 0; }
.reserved-title-lockup > div[b-4xskohcyh7] { min-width: 0; }
.reserved-title-lockup small[b-4xskohcyh7],
.reserved-title-lockup h1[b-4xskohcyh7],
.reserved-summary-card small[b-4xskohcyh7],
.reserved-summary-card strong[b-4xskohcyh7],
.reserved-queue-header h2[b-4xskohcyh7],
.reserved-queue-header span[b-4xskohcyh7],
.reserved-detail-hero h2[b-4xskohcyh7],
.reserved-detail-hero small[b-4xskohcyh7],
.reserved-person-card small[b-4xskohcyh7],
.reserved-person-card strong[b-4xskohcyh7],
.reserved-person-card p[b-4xskohcyh7],
.reserved-tracking h3[b-4xskohcyh7],
.reserved-attention-panel h3[b-4xskohcyh7],
.reserved-filter-modal h2[b-4xskohcyh7],
.reserved-filter-modal small[b-4xskohcyh7] { margin: 0; }

.reserved-title-icon[b-4xskohcyh7] {
    display: grid;
    width: 49px;
    height: 49px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #2787f2, #6b40e9 64%, #c63fb1);
    box-shadow: 0 10px 22px rgba(75, 68, 220, .27), inset 0 1px rgba(255, 255, 255, .58);
}

.reserved-title-icon[b-4xskohcyh7] (svg) { width: 25px; height: 25px; }
.reserved-title-lockup small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 800; }
.reserved-title-lockup h1[b-4xskohcyh7] { overflow: hidden; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.12; text-overflow: ellipsis; white-space: nowrap; }
.reserved-header-actions[b-4xskohcyh7] { gap: .5rem; }
.reserved-updated[b-4xskohcyh7] { gap: .35rem; color: var(--reserved-muted); font-size: 1rem; font-weight: 750; white-space: nowrap; }
.reserved-updated[b-4xskohcyh7] (svg) { width: 15px; height: 15px; }

.reserved-icon-button[b-4xskohcyh7],
.reserved-clear-button[b-4xskohcyh7],
.reserved-modal-close[b-4xskohcyh7] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(128, 153, 199, .38);
    border-radius: 14px;
    color: #3e557b;
    background: rgba(255, 255, 255, .74);
    cursor: pointer;
}

.reserved-icon-button[b-4xskohcyh7] (svg),
.reserved-clear-button[b-4xskohcyh7] (svg),
.reserved-modal-close[b-4xskohcyh7] (svg) { width: 19px; height: 19px; }
.reserved-icon-button:disabled[b-4xskohcyh7] { cursor: wait; opacity: .62; }
.reserved-icon-button.is-loading[b-4xskohcyh7] (svg) { animation: reserved-spin-b-4xskohcyh7 .8s linear infinite; }

.reserved-error[b-4xskohcyh7] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    padding: .45rem .75rem;
    border: 1px solid rgba(215, 49, 91, .24);
    border-radius: 13px;
    color: #b52855;
    background: rgba(255, 235, 242, .88);
    font-size: 1rem;
    font-weight: 750;
}

.reserved-error[b-4xskohcyh7] (svg) { width: 18px; height: 18px; }

.reserved-summary-grid[b-4xskohcyh7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(.5rem, .8vw, .8rem);
}

.reserved-summary-card[b-4xskohcyh7] {
    min-width: 0;
    min-height: 76px;
    gap: .72rem;
    padding: .68rem .85rem;
    border-radius: 20px;
    color: var(--reserved-ink);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.reserved-summary-card:hover[b-4xskohcyh7] { border-color: rgba(91, 74, 229, .42); box-shadow: 0 16px 35px rgba(67, 53, 160, .13); transform: translateY(-1px); }
.reserved-summary-card > span[b-4xskohcyh7] { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; border-radius: 15px; }
.reserved-summary-card > span[b-4xskohcyh7] (svg) { width: 23px; height: 23px; }
.reserved-summary-card > div[b-4xskohcyh7] { display: grid; min-width: 0; }
.reserved-summary-card small[b-4xskohcyh7] { overflow: hidden; color: var(--reserved-muted); font-size: 1rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.reserved-summary-card strong[b-4xskohcyh7] { margin-top: .16rem; font-size: clamp(1.45rem, 2.1vw, 1.92rem); line-height: 1; }
.reserved-summary-card--blue > span[b-4xskohcyh7] { color: var(--reserved-blue); background: rgba(36, 99, 235, .1); }
.reserved-summary-card--blue strong[b-4xskohcyh7] { color: var(--reserved-blue); }
.reserved-summary-card--violet > span[b-4xskohcyh7] { color: var(--reserved-violet); background: rgba(109, 67, 232, .1); }
.reserved-summary-card--violet strong[b-4xskohcyh7] { color: var(--reserved-violet); }
.reserved-summary-card--teal > span[b-4xskohcyh7] { color: var(--reserved-teal); background: rgba(12, 174, 155, .11); }
.reserved-summary-card--teal strong[b-4xskohcyh7] { color: var(--reserved-teal); }
.reserved-summary-card--amber > span[b-4xskohcyh7] { color: var(--reserved-amber); background: rgba(247, 160, 27, .12); }
.reserved-summary-card--amber strong[b-4xskohcyh7] { color: var(--reserved-amber); }
.reserved-summary-card--pink > span[b-4xskohcyh7] { color: var(--reserved-pink); background: rgba(232, 63, 137, .1); }
.reserved-summary-card--pink strong[b-4xskohcyh7] { color: var(--reserved-pink); }

.reserved-search-bar[b-4xskohcyh7] { gap: .55rem; min-height: 58px; padding: .5rem; border-radius: 19px; }
.reserved-quick-search[b-4xskohcyh7] { position: relative; flex: 1 1 auto; min-width: 0; }
.reserved-quick-search[b-4xskohcyh7] > (svg) { position: absolute; z-index: 1; top: 50%; left: .9rem; width: 18px; height: 18px; color: #71809b; transform: translateY(-50%); pointer-events: none; }
.reserved-quick-search input[b-4xskohcyh7],
.reserved-filter-grid input[b-4xskohcyh7],
.reserved-filter-grid select[b-4xskohcyh7] {
    width: 100%;
    height: 43px;
    border: 1px solid rgba(132, 156, 203, .4);
    border-radius: 13px;
    color: var(--reserved-ink);
    background: rgba(255, 255, 255, .78);
    font: inherit;
}
.reserved-quick-search input[b-4xskohcyh7] { padding: 0 .9rem 0 2.65rem; }
.reserved-filter-button[b-4xskohcyh7],
.reserved-secondary-button[b-4xskohcyh7],
.reserved-primary-button[b-4xskohcyh7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 42px;
    padding: .55rem .85rem;
    border-radius: 13px;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}
.reserved-filter-button[b-4xskohcyh7],
.reserved-secondary-button[b-4xskohcyh7] { border: 1px solid rgba(123, 146, 193, .42); color: #364e76; background: rgba(255, 255, 255, .76); }
.reserved-filter-button.is-active[b-4xskohcyh7] { border-color: rgba(103, 71, 230, .48); color: #5e3cdd; background: rgba(105, 69, 232, .08); }
.reserved-filter-button[b-4xskohcyh7] (svg),
.reserved-secondary-button[b-4xskohcyh7] (svg),
.reserved-primary-button[b-4xskohcyh7] (svg) { width: 18px; height: 18px; }
.reserved-filter-button b[b-4xskohcyh7] { display: grid; min-width: 22px; height: 22px; place-items: center; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #3970ee, #773ce3); font-size: 1rem; }

.reserved-board[b-4xskohcyh7] {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, .72fr);
    gap: clamp(.6rem, .9vw, .9rem);
    min-height: 0;
}
.reserved-queue-panel[b-4xskohcyh7] { display: flex; min-width: 0; min-height: 0; flex-direction: column; border-radius: 23px; overflow: hidden; }
.reserved-queue-header[b-4xskohcyh7] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; min-height: 58px; padding: .48rem .65rem .42rem .85rem; border-bottom: 1px solid rgba(147, 168, 207, .27); }
.reserved-queue-header > div[b-4xskohcyh7] { flex: 0 0 auto; }
.reserved-queue-header h2[b-4xskohcyh7] { font-size: 1rem; }
.reserved-queue-header > div > span[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 750; }
.reserved-view-tabs[b-4xskohcyh7] { display: flex; min-width: 0; gap: .3rem; overflow-x: auto; scrollbar-width: none; }
.reserved-view-tabs[b-4xskohcyh7]::-webkit-scrollbar { display: none; }
.reserved-view-tabs button[b-4xskohcyh7] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-height: 34px;
    padding: .35rem .55rem;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #60718c;
    background: transparent;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}
.reserved-view-tabs button span[b-4xskohcyh7] { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 999px; background: rgba(119, 137, 175, .1); font-size: 1rem; }
.reserved-view-tabs button.active[b-4xskohcyh7] { border-color: rgba(101, 72, 226, .24); color: #5e3fe0; background: rgba(104, 75, 230, .09); }

.reserved-unit-feed[b-4xskohcyh7] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: .48rem;
    padding: .6rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.reserved-unit-card[b-4xskohcyh7] {
    display: grid;
    grid-template-columns: minmax(185px, 1.35fr) minmax(150px, 1fr) minmax(135px, .86fr) minmax(118px, .72fr) 22px;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    min-height: 74px;
    padding: .48rem .62rem;
    border: 1px solid rgba(145, 166, 207, .29);
    border-radius: 18px;
    color: var(--reserved-ink);
    background: linear-gradient(110deg, rgba(255, 255, 255, .92), rgba(247, 249, 255, .74));
    box-shadow: 0 5px 15px rgba(47, 62, 111, .05);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.reserved-unit-card:hover[b-4xskohcyh7] { border-color: rgba(86, 74, 223, .38); box-shadow: 0 9px 21px rgba(65, 57, 150, .1); transform: translateY(-1px); }
.reserved-unit-card.is-selected[b-4xskohcyh7] { border-color: rgba(78, 84, 231, .6); background: linear-gradient(110deg, rgba(238, 246, 255, .96), rgba(244, 238, 255, .88)); box-shadow: inset 3px 0 #5264ed, 0 10px 23px rgba(74, 65, 172, .11); }
.reserved-unit-identity[b-4xskohcyh7] { min-width: 0; gap: .58rem; }
.reserved-unit-identity > span:last-child[b-4xskohcyh7],
.reserved-unit-context[b-4xskohcyh7],
.reserved-unit-date[b-4xskohcyh7],
.reserved-unit-expiry[b-4xskohcyh7] { display: flex; min-width: 0; flex-direction: column; gap: .08rem; }
.reserved-group-tile[b-4xskohcyh7],
.reserved-group-hero[b-4xskohcyh7] { display: grid; flex: 0 0 auto; place-items: center; border-radius: 14px; font-weight: 950; }
.reserved-group-tile[b-4xskohcyh7] { width: 47px; height: 47px; font-size: 1rem; }
.group-a[b-4xskohcyh7] { color: #2467db; background: linear-gradient(145deg, #e1edff, #eef0ff); }
.group-b[b-4xskohcyh7] { color: #078e77; background: linear-gradient(145deg, #dff7f0, #eaf8f6); }
.group-o[b-4xskohcyh7] { color: #7442dd; background: linear-gradient(145deg, #eee6ff, #f5edff); }
.group-ab[b-4xskohcyh7] { color: #d9387c; background: linear-gradient(145deg, #ffe5ef, #fff0f6); }
.group-other[b-4xskohcyh7] { color: #5a6d89; background: #edf2f7; }
.reserved-unit-card small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 750; }
.reserved-unit-card strong[b-4xskohcyh7] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.reserved-unit-card em[b-4xskohcyh7] { overflow: hidden; color: #52627d; font-size: 1rem; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.reserved-unit-expiry.warning > strong[b-4xskohcyh7] { color: #b66a00; }
.reserved-unit-expiry.danger > strong[b-4xskohcyh7] { color: #ce315d; }
.reserved-state-pill[b-4xskohcyh7] { display: inline-flex !important; align-items: center; align-self: flex-start; width: max-content; max-width: 100%; min-height: 23px; margin-top: .12rem; padding: .2rem .5rem; border-radius: 999px; font-size: 1rem !important; font-style: normal; font-weight: 850 !important; }
.reserved-state-pill.active[b-4xskohcyh7] { color: #315dda; background: #e7efff; }
.reserved-state-pill.deposit[b-4xskohcyh7] { color: #078a74; background: #def7f0; }
.reserved-state-pill.warning[b-4xskohcyh7] { color: #ae6500; background: #fff0d5; }
.reserved-state-pill.danger[b-4xskohcyh7] { color: #c92e5a; background: #ffe4ed; }
.reserved-chevron[b-4xskohcyh7] { display: grid; place-items: center; color: #8b97ac; }
.reserved-chevron[b-4xskohcyh7] (svg) { width: 18px; height: 18px; }

.reserved-empty-state[b-4xskohcyh7] { display: grid; flex: 1 1 auto; min-height: 180px; place-items: center; align-content: center; gap: .35rem; color: var(--reserved-muted); text-align: center; }
.reserved-empty-state > span:not(.reserved-loader)[b-4xskohcyh7] { display: grid; width: 58px; height: 58px; margin-bottom: .25rem; place-items: center; border-radius: 20px; color: var(--reserved-violet); background: rgba(109, 67, 232, .09); }
.reserved-empty-state > span[b-4xskohcyh7] (svg) { width: 27px; height: 27px; }
.reserved-empty-state strong[b-4xskohcyh7] { color: var(--reserved-ink); font-size: 1rem; }
.reserved-empty-state small[b-4xskohcyh7] { font-size: 1rem; }
.reserved-loader[b-4xskohcyh7] { width: 32px; height: 32px; border: 3px solid rgba(95, 70, 224, .18); border-top-color: #6546e4; border-radius: 50%; animation: reserved-spin-b-4xskohcyh7 .8s linear infinite; }

.reserved-pagination[b-4xskohcyh7] { display: flex; min-height: 46px; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: .7rem; padding: .38rem .7rem; border-top: 1px solid rgba(147, 168, 207, .27); color: var(--reserved-muted); font-size: 1rem; font-weight: 750; }
.reserved-pagination > div[b-4xskohcyh7] { display: flex; gap: .28rem; }
.reserved-pagination button[b-4xskohcyh7] { display: grid; min-width: 31px; height: 31px; place-items: center; border: 1px solid rgba(128, 151, 197, .34); border-radius: 10px; color: #445a7e; background: rgba(255, 255, 255, .78); font: inherit; font-weight: 850; cursor: pointer; }
.reserved-pagination button.active[b-4xskohcyh7] { border-color: transparent; color: #fff; background: linear-gradient(135deg, #3772ef, #7140e5); }
.reserved-pagination button:disabled[b-4xskohcyh7] { cursor: not-allowed; opacity: .42; }

.reserved-inspector[b-4xskohcyh7] { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: .65rem; min-width: 0; min-height: 0; }
.reserved-detail-panel[b-4xskohcyh7] { min-height: 0; padding: .75rem; border-radius: 23px; overflow-y: auto; }
.reserved-detail-empty[b-4xskohcyh7] { display: grid; min-height: 100%; place-items: center; align-content: center; gap: .3rem; color: var(--reserved-muted); text-align: center; }
.reserved-detail-empty > span[b-4xskohcyh7] { display: grid; width: 66px; height: 66px; margin-bottom: .35rem; place-items: center; border-radius: 23px; color: var(--reserved-violet); background: rgba(109, 67, 232, .09); }
.reserved-detail-empty > span[b-4xskohcyh7] (svg) { width: 31px; height: 31px; }
.reserved-detail-empty strong[b-4xskohcyh7] { color: var(--reserved-ink); }
.reserved-detail-empty small[b-4xskohcyh7] { font-size: 1rem; }
.reserved-detail-hero[b-4xskohcyh7] { gap: .7rem; padding-bottom: .7rem; border-bottom: 1px solid rgba(146, 167, 207, .26); }
.reserved-group-hero[b-4xskohcyh7] { width: 62px; height: 62px; font-size: 1.18rem; }
.reserved-detail-hero > div[b-4xskohcyh7] { min-width: 0; }
.reserved-detail-hero small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 800; }
.reserved-detail-hero h2[b-4xskohcyh7] { overflow: hidden; margin: .08rem 0 .22rem; font-size: clamp(1rem, 1.4vw, 1.25rem); text-overflow: ellipsis; white-space: nowrap; }
.reserved-person-card[b-4xskohcyh7] { gap: .6rem; margin-top: .68rem; padding: .58rem; border: 1px solid rgba(141, 163, 204, .25); border-radius: 16px; background: rgba(245, 249, 255, .65); }
.reserved-person-card > span[b-4xskohcyh7] { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 13px; color: var(--reserved-blue); background: rgba(36, 99, 235, .1); }
.reserved-person-card > span[b-4xskohcyh7] (svg) { width: 21px; height: 21px; }
.reserved-person-card > div[b-4xskohcyh7] { min-width: 0; }
.reserved-person-card small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 750; }
.reserved-person-card strong[b-4xskohcyh7],
.reserved-person-card p[b-4xskohcyh7] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reserved-person-card strong[b-4xskohcyh7] { display: block; font-size: 1rem; }
.reserved-person-card p[b-4xskohcyh7] { color: #586a84; font-size: 1rem; font-weight: 700; }
.reserved-fact-grid[b-4xskohcyh7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: .68rem 0 0; }
.reserved-fact-grid > div[b-4xskohcyh7] { min-width: 0; padding: .52rem .58rem; border-radius: 14px; background: rgba(244, 247, 252, .72); }
.reserved-fact-grid dt[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 750; }
.reserved-fact-grid dd[b-4xskohcyh7] { overflow: hidden; margin: .1rem 0 0; font-size: 1rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.reserved-fact-grid .warning dd[b-4xskohcyh7] { color: #b26700; }
.reserved-fact-grid .danger dd[b-4xskohcyh7] { color: #c92e5a; }
.reserved-tracking[b-4xskohcyh7] { margin-top: .68rem; }
.reserved-tracking h3[b-4xskohcyh7] { margin-bottom: .45rem; font-size: 1rem; }
.reserved-tracking > div[b-4xskohcyh7] { position: relative; display: grid; grid-template-columns: 17px minmax(0, 1fr); gap: .45rem; min-height: 42px; }
.reserved-tracking > div:not(:last-child)[b-4xskohcyh7]::after { position: absolute; top: 14px; bottom: 0; left: 6px; width: 2px; background: #dce5f2; content: ""; }
.reserved-tracking i[b-4xskohcyh7] { z-index: 1; width: 13px; height: 13px; margin-top: .1rem; border: 3px solid #fff; border-radius: 50%; background: #83a0c4; box-shadow: 0 0 0 2px #ccd9e9; }
.reserved-tracking .is-current i[b-4xskohcyh7] { background: var(--reserved-teal); box-shadow: 0 0 0 2px rgba(12, 174, 155, .25); }
.reserved-tracking span[b-4xskohcyh7] { display: flex; min-width: 0; flex-direction: column; }
.reserved-tracking strong[b-4xskohcyh7] { font-size: 1rem; }
.reserved-tracking small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; }
.reserved-detail-link[b-4xskohcyh7] { display: flex; align-items: center; justify-content: center; gap: .35rem; min-height: 40px; margin-top: .45rem; border-radius: 13px; color: #fff; background: linear-gradient(120deg, #1f79f2, #6b3fe6 60%, #cf3ba0); box-shadow: 0 8px 18px rgba(76, 58, 211, .2); font-size: 1rem; font-weight: 850; text-decoration: none; }
.reserved-detail-link[b-4xskohcyh7] (svg) { width: 17px; height: 17px; }

.reserved-attention-panel[b-4xskohcyh7] { min-height: 116px; padding: .58rem; border-radius: 20px; }
.reserved-attention-panel > header[b-4xskohcyh7] { gap: .38rem; padding: 0 .15rem .42rem; }
.reserved-attention-panel > header > span[b-4xskohcyh7] { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: var(--reserved-pink); background: rgba(232, 63, 137, .1); }
.reserved-attention-panel > header > span[b-4xskohcyh7] (svg) { width: 16px; height: 16px; }
.reserved-attention-panel h3[b-4xskohcyh7] { flex: 1 1 auto; font-size: 1rem; }
.reserved-attention-panel > header b[b-4xskohcyh7] { display: grid; min-width: 24px; height: 24px; place-items: center; border-radius: 999px; color: #cf315f; background: #ffe6ee; font-size: 1rem; }
.reserved-attention-panel > div[b-4xskohcyh7] { display: grid; max-height: 118px; gap: .3rem; overflow-y: auto; }
.reserved-alert-row[b-4xskohcyh7] { display: grid; grid-template-columns: minmax(0, 1fr) 17px; align-items: center; gap: .4rem; width: 100%; padding: .43rem .48rem; border: 1px solid rgba(143, 162, 200, .24); border-radius: 12px; color: var(--reserved-ink); background: rgba(255, 255, 255, .7); font: inherit; text-align: left; cursor: pointer; }
.reserved-alert-row.critical[b-4xskohcyh7] { border-color: rgba(222, 55, 96, .2); background: rgba(255, 238, 244, .75); }
.reserved-alert-row.warning[b-4xskohcyh7] { border-color: rgba(225, 143, 15, .2); background: rgba(255, 247, 229, .78); }
.reserved-alert-row span[b-4xskohcyh7] { display: flex; min-width: 0; flex-direction: column; }
.reserved-alert-row strong[b-4xskohcyh7] { font-size: 1rem; }
.reserved-alert-row small[b-4xskohcyh7] { overflow: hidden; color: var(--reserved-muted); font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.reserved-alert-row[b-4xskohcyh7] > (svg) { width: 16px; height: 16px; color: #8b96a9; }
.reserved-alert-empty[b-4xskohcyh7] { display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 58px; margin: 0; color: #078a74; font-size: 1rem; font-weight: 800; }
.reserved-alert-empty[b-4xskohcyh7] (svg) { width: 18px; height: 18px; }

.reserved-modal-backdrop[b-4xskohcyh7] { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: clamp(.7rem, 2vw, 1.5rem); background: rgba(24, 29, 60, .4); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.reserved-filter-modal[b-4xskohcyh7] { display: flex; width: min(820px, 100%); max-height: calc(100dvh - 2rem); flex-direction: column; border-radius: 27px; overflow: hidden; }
.reserved-filter-modal > header[b-4xskohcyh7] { justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid rgba(143, 163, 202, .27); }
.reserved-filter-modal h2[b-4xskohcyh7] { font-size: 1.15rem; }
.reserved-filter-modal small[b-4xskohcyh7] { color: var(--reserved-muted); font-size: 1rem; font-weight: 800; }
.reserved-filter-grid[b-4xskohcyh7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; padding: 1rem; overflow-y: auto; }
.reserved-filter-grid label[b-4xskohcyh7] { display: grid; gap: .32rem; min-width: 0; color: #526681; font-size: 1rem; font-weight: 800; }
.reserved-filter-grid label:first-child[b-4xskohcyh7] { grid-column: 1 / -1; }
.reserved-filter-grid input[b-4xskohcyh7],
.reserved-filter-grid select[b-4xskohcyh7] { padding: 0 .75rem; font-size: 1rem; }
.reserved-filter-modal > footer[b-4xskohcyh7] { justify-content: flex-end; gap: .55rem; padding: .75rem 1rem; border-top: 1px solid rgba(143, 163, 202, .27); }
.reserved-primary-button[b-4xskohcyh7] { border: 0; color: #fff; background: linear-gradient(120deg, #247af2, #7040e6 60%, #cf3da1); box-shadow: 0 8px 18px rgba(75, 57, 210, .22); }

.reserved-command-center button:focus-visible[b-4xskohcyh7],
.reserved-command-center a:focus-visible[b-4xskohcyh7],
.reserved-command-center input:focus-visible[b-4xskohcyh7],
.reserved-command-center select:focus-visible[b-4xskohcyh7],
.reserved-modal-backdrop button:focus-visible[b-4xskohcyh7],
.reserved-modal-backdrop input:focus-visible[b-4xskohcyh7],
.reserved-modal-backdrop select:focus-visible[b-4xskohcyh7] {
    outline: 3px solid rgba(42, 112, 239, .25);
    outline-offset: 2px;
}

@keyframes reserved-spin-b-4xskohcyh7 { to { transform: rotate(360deg); } }

@media (max-width: 1180px) {
    .reserved-board[b-4xskohcyh7] { grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); }
    .reserved-unit-card[b-4xskohcyh7] { grid-template-columns: minmax(175px, 1.3fr) minmax(145px, 1fr) minmax(112px, .72fr) 22px; }
    .reserved-unit-date[b-4xskohcyh7] { display: none; }
    .reserved-view-tabs button[b-4xskohcyh7] { padding-inline: .45rem; }
}

@media (max-width: 900px) {
    .reserved-command-center[b-4xskohcyh7] { height: auto; min-height: 100%; overflow: visible; }
    .reserved-summary-grid[b-4xskohcyh7] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .reserved-board[b-4xskohcyh7] { grid-template-columns: 1fr; }
    .reserved-queue-panel[b-4xskohcyh7] { min-height: 560px; }
    .reserved-inspector[b-4xskohcyh7] { grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr); grid-template-rows: auto; }
    .reserved-detail-panel[b-4xskohcyh7] { min-height: 380px; }
    .reserved-attention-panel[b-4xskohcyh7] { min-height: 380px; }
    .reserved-attention-panel > div[b-4xskohcyh7] { max-height: 300px; }
}

@media (max-width: 640px) {
    .reserved-command-center[b-4xskohcyh7] { gap: .55rem; padding: .55rem; }
    .reserved-command-header[b-4xskohcyh7] { min-height: 60px; border-radius: 19px; }
    .reserved-title-icon[b-4xskohcyh7] { width: 43px; height: 43px; border-radius: 14px; }
    .reserved-title-lockup h1[b-4xskohcyh7] { font-size: 1.2rem; }
    .reserved-updated[b-4xskohcyh7] { display: none; }
    .reserved-summary-grid[b-4xskohcyh7] { display: flex; padding-bottom: .12rem; overflow-x: auto; scroll-snap-type: x proximity; }
    .reserved-summary-card[b-4xskohcyh7] { min-width: 148px; min-height: 68px; scroll-snap-align: start; }
    .reserved-summary-card > span[b-4xskohcyh7] { width: 39px; height: 39px; }
    .reserved-search-bar[b-4xskohcyh7] { min-height: 54px; }
    .reserved-filter-button > span[b-4xskohcyh7] { display: none; }
    .reserved-filter-button[b-4xskohcyh7] { width: 43px; padding: 0; }
    .reserved-filter-button b[b-4xskohcyh7] { position: absolute; margin: -31px 0 0 28px; }
    .reserved-clear-button[b-4xskohcyh7] { width: 43px; height: 43px; }
    .reserved-queue-panel[b-4xskohcyh7] { min-height: 580px; border-radius: 19px; }
    .reserved-queue-header[b-4xskohcyh7] { align-items: flex-start; flex-direction: column; padding: .65rem; }
    .reserved-view-tabs[b-4xskohcyh7] { width: 100%; }
    .reserved-unit-feed[b-4xskohcyh7] { padding: .45rem; }
    .reserved-unit-card[b-4xskohcyh7] { grid-template-columns: minmax(0, 1fr) 92px 18px; min-height: 82px; gap: .45rem; padding: .45rem; }
    .reserved-unit-context[b-4xskohcyh7],
    .reserved-unit-date[b-4xskohcyh7] { display: none; }
    .reserved-group-tile[b-4xskohcyh7] { width: 43px; height: 43px; }
    .reserved-pagination[b-4xskohcyh7] { padding-inline: .5rem; }
    .reserved-inspector[b-4xskohcyh7] { grid-template-columns: 1fr; }
    .reserved-detail-panel[b-4xskohcyh7],
    .reserved-attention-panel[b-4xskohcyh7] { min-height: 0; }
    .reserved-detail-panel[b-4xskohcyh7] { overflow: visible; }
    .reserved-filter-modal[b-4xskohcyh7] { width: 100%; max-height: 100dvh; height: 100dvh; border-radius: 0; }
    .reserved-filter-grid[b-4xskohcyh7] { grid-template-columns: 1fr; }
    .reserved-filter-grid label:first-child[b-4xskohcyh7] { grid-column: auto; }
    .reserved-filter-modal > footer[b-4xskohcyh7] { margin-top: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .reserved-command-center *[b-4xskohcyh7],
    .reserved-command-center *[b-4xskohcyh7]::before,
    .reserved-command-center *[b-4xskohcyh7]::after { scroll-behavior: auto !important; transition: none !important; }
    .reserved-icon-button.is-loading[b-4xskohcyh7] (svg),
    .reserved-loader[b-4xskohcyh7] { animation-duration: 1.8s; }
}
/* /Components/Pages/Patient/AntibodyIdentificationPage.razor.rz.scp.css */
/* Scoped CSS for 2.9 Lot Panel & Antibody Identification */

.panel-container[b-3jx8r2n10e] {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.card-section-panel[b-3jx8r2n10e] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0; /* slate-200 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.panel-title[b-3jx8r2n10e] {
    font-size: 1rem;
    font-weight: 800;
    color: #1E3A8A; /* dark-blue */
    border-left: 4px solid #1E3A8A;
    padding-left: 0.75rem;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Patient Details loaded box */
.patient-loaded-box[b-3jx8r2n10e] {
    background-color: #EEF2F6; /* slate-100/50 */
    border: 1px solid #E2E8F0;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
}

.patient-info-grid[b-3jx8r2n10e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .patient-info-grid[b-3jx8r2n10e] {
        grid-template-columns: 1fr 1fr;
    }
}

.patient-info-label[b-3jx8r2n10e] {
    font-size: 1rem;
    font-weight: 600;
    color: #475569;
}

.patient-info-value[b-3jx8r2n10e] {
    font-weight: 700;
    color: #1E293B;
}

/* Form input styling */
.form-input-panel[b-3jx8r2n10e] {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    transition: all 0.15s ease;
}

.form-input-panel:focus[b-3jx8r2n10e] {
    outline: none;
    border-color: #1E3A8A;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.15);
}

.form-label-panel[b-3jx8r2n10e] {
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    margin-bottom: 0.25rem;
    display: block;
}

/* Quick Action Buttons */
.btn-panel-action[b-3jx8r2n10e] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    cursor: pointer;
    text-align: center;
    border: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    color: #334155;
}

.btn-panel-action:hover[b-3jx8r2n10e] {
    background-color: #F8FAFC;
    border-color: #CBD5E1;
}

.btn-panel-reset[b-3jx8r2n10e] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.375rem;
    border: 1px solid #FCA5A5;
    background-color: #FEF2F2;
    color: #991B1B;
    transition: all 0.15s ease;
    cursor: pointer;
    text-align: center;
}

.btn-panel-reset:hover[b-3jx8r2n10e] {
    background-color: #FEE2E2;
    border-color: #EF4444;
}

/* Grid Matrix styling */
.matrix-table[b-3jx8r2n10e] {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
}

.matrix-table th[b-3jx8r2n10e] {
    padding: 0.5rem;
    text-align: center;
    font-weight: 800;
    border: 1px solid #E2E8F0;
}

.matrix-table td[b-3jx8r2n10e] {
    padding: 0.5rem;
    text-align: center;
    font-weight: 700;
    border: 1px solid #E2E8F0;
}

/* System Header Colors */
.hdr-cell-info[b-3jx8r2n10e] {
    background-color: #F8FAFC;
    color: #475569;
}

.hdr-rh[b-3jx8r2n10e] {
    background-color: #DBEAFE; /* blue-100 */
    color: #1E40AF; /* blue-800 */
}

.hdr-mns[b-3jx8r2n10e] {
    background-color: #F3E8FF; /* purple-100 */
    color: #6B21A8; /* purple-800 */
}

.hdr-p1[b-3jx8r2n10e] {
    background-color: #DCFCE7; /* green-100 */
    color: #166534; /* green-800 */
}

.hdr-lewis[b-3jx8r2n10e] {
    background-color: #FEF3C7; /* amber-100 */
    color: #92400E; /* amber-800 */
}

.hdr-kidd[b-3jx8r2n10e] {
    background-color: #FEE2E2; /* red-100 */
    color: #991B1B; /* red-800 */
}

.hdr-duffy[b-3jx8r2n10e] {
    background-color: #E0F2FE; /* sky-100 */
    color: #0369A1; /* sky-800 */
}

.hdr-kell[b-3jx8r2n10e] {
    background-color: #CCFBF1; /* teal-100 */
    color: #0F766E; /* teal-800 */
}

.hdr-diego[b-3jx8r2n10e] {
    background-color: #FFE4E6; /* rose-100 */
    color: #BE123C; /* rose-800 */
}

.hdr-xg[b-3jx8r2n10e] {
    background-color: #FFEDD5; /* orange-100 */
    color: #C2410C; /* orange-800 */
}

.hdr-reaction[b-3jx8r2n10e] {
    background-color: #F1F5F9; /* slate-100 */
    color: #1E293B;
}

/* Antigen value formats */
.val-pos[b-3jx8r2n10e] {
    color: #2563EB; /* blue-600 */
}

.val-neg[b-3jx8r2n10e] {
    color: #94A3B8; /* slate-400 */
}

/* Rule-out visual effects */
.ruled-out-cell[b-3jx8r2n10e] {
    position: relative;
    color: #FCA5A5 !important; /* light red text */
    text-decoration: line-through;
    text-decoration-color: #EF4444;
    text-decoration-thickness: 2px;
}

/* Highlighted Row (Positive reaction) */
.row-positive[b-3jx8r2n10e] {
    background-color: #FEFCE8; /* yellow-50 */
}

.row-positive td[b-3jx8r2n10e] {
    border-color: #FEF08A; /* yellow-200 */
}

/* Dropdown input inside matrix */
.react-select[b-3jx8r2n10e] {
    width: 60px;
    padding: 0.25rem;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 0.25rem;
    border: 1px solid #CBD5E1;
    text-align: center;
    background-color: #FFFFFF;
}

.react-select:focus[b-3jx8r2n10e] {
    outline: none;
    border-color: #1E3A8A;
}

/* Ruled Out badge with diagonal slash */
.badge-ruled-out[b-3jx8r2n10e] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    background-color: #F8FAFC;
    color: #475569;
    font-weight: 800;
    font-size: 1rem;
}

.badge-ruled-out[b-3jx8r2n10e]::after {
    content: "";
    position: absolute;
    width: 140%;
    height: 2px;
    background-color: #EF4444;
    transform: rotate(45deg);
}

.badge-suspect[b-3jx8r2n10e] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    background-color: #FFFFFF;
    color: #991B1B;
    border: 1px solid #FCA5A5;
    border-radius: 0.375rem;
    font-weight: 800;
    font-size: 1rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Bottom layout details */
.split-bottom-grid[b-3jx8r2n10e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .split-bottom-grid[b-3jx8r2n10e] {
        grid-template-columns: 1.25fr 1fr;
    }
}

.box-suspect-wrapper[b-3jx8r2n10e] {
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-top: 1rem;
}

/* Authorization styles */
.confirm-checkbox[b-3jx8r2n10e] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.25rem;
    border: 1px solid #CBD5E1;
    cursor: pointer;
}

.btn-auth-cancel[b-3jx8r2n10e] {
    background-color: #FFFFFF;
    color: #475569;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 1.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-auth-cancel:hover[b-3jx8r2n10e] {
    background-color: #F8FAFC;
    border-color: #94A3B8;
}

.btn-auth-save[b-3jx8r2n10e] {
    background-color: #1E3A8A;
    color: #FFFFFF;
    border: none;
    border-radius: 0.375rem;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 2rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-auth-save:hover[b-3jx8r2n10e] {
    background-color: #172554;
}

/* History Log styles */
.history-table-panel[b-3jx8r2n10e] {
    width: 100%;
    border-collapse: collapse;
}

.history-table-panel th[b-3jx8r2n10e] {
    background-color: #F8FAFC;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    border-bottom: 2px solid #E2E8F0;
    text-transform: uppercase;
}

.history-table-panel td[b-3jx8r2n10e] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    font-size: 1rem;
    color: #334155;
    font-weight: 600;
}

.history-table-panel tr:hover[b-3jx8r2n10e] {
    background-color: #F8FAFC;
}

/* Antibody Map Command Center */
:global(html:has(.antibody-command-center))[b-3jx8r2n10e],
:global(body:has(.antibody-command-center))[b-3jx8r2n10e] {
    min-width: 0;
    overflow-x: hidden;
}

:global(.prototype-body:has(.antibody-command-center))[b-3jx8r2n10e] {
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
    padding: 8px;
    overflow: hidden;
}

.antibody-legacy-page[b-3jx8r2n10e] {
    display: none !important;
}

.antibody-command-center[b-3jx8r2n10e],
.antibody-command-center *[b-3jx8r2n10e] {
    box-sizing: border-box;
}

.antibody-command-center[b-3jx8r2n10e] {
    --ab-blue: #2468f2;
    --ab-violet: #7440e8;
    --ab-pink: #e64294;
    --ab-teal: #0aa99a;
    --ab-ink: #142752;
    --ab-muted: #677795;
    position: relative;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 8px;
    color: var(--ab-ink);
    font-family: "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;
}

.antibody-command-header[b-3jx8r2n10e],
.antibody-safety-ribbon[b-3jx8r2n10e],
.antibody-stage-rail[b-3jx8r2n10e],
.antibody-panel-dock[b-3jx8r2n10e],
.antibody-map-panel[b-3jx8r2n10e],
.antibody-dialog[b-3jx8r2n10e] {
    border: 1px solid rgba(151, 169, 211, .35);
    background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(249, 247, 255, .72));
    box-shadow: 0 14px 34px rgba(57, 77, 139, .1), inset 0 1px 0 rgba(255, 255, 255, .95);
    backdrop-filter: blur(18px) saturate(130%);
}

.antibody-command-header[b-3jx8r2n10e] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 12px;
    border-radius: 16px;
}

.antibody-title-lockup[b-3jx8r2n10e],
.antibody-header-actions[b-3jx8r2n10e],
.antibody-patient-summary[b-3jx8r2n10e],
.antibody-scan-field[b-3jx8r2n10e],
.antibody-panel-heading[b-3jx8r2n10e],
.antibody-map-heading[b-3jx8r2n10e],
.antibody-map-group header[b-3jx8r2n10e],
.antibody-review-patient[b-3jx8r2n10e] {
    display: flex;
    align-items: center;
}

.antibody-title-lockup[b-3jx8r2n10e] { gap: 10px; min-width: 0; }
.antibody-title-icon[b-3jx8r2n10e] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: white;
    background: linear-gradient(145deg, var(--ab-blue), var(--ab-violet));
    box-shadow: 0 8px 18px rgba(74, 72, 218, .26);
    font-size: 1.25rem;
    font-weight: 950;
}

.antibody-title-lockup small[b-3jx8r2n10e],
.antibody-panel-heading small[b-3jx8r2n10e],
.antibody-map-heading small[b-3jx8r2n10e],
.antibody-review-patient span[b-3jx8r2n10e],
.antibody-safety-ribbon small[b-3jx8r2n10e] {
    display: block;
    color: var(--ab-muted);
    font-size: 1rem;
    font-weight: 800;
}

.antibody-title-lockup h1[b-3jx8r2n10e],
.antibody-panel-heading h2[b-3jx8r2n10e],
.antibody-map-heading h2[b-3jx8r2n10e],
.antibody-dialog h2[b-3jx8r2n10e] {
    margin: 0;
    font-weight: 950;
    letter-spacing: -.02em;
}

.antibody-title-lockup h1[b-3jx8r2n10e] { font-size: 1.25rem; }
.antibody-header-actions[b-3jx8r2n10e] { gap: 7px; }

.antibody-quiet-button[b-3jx8r2n10e],
.antibody-matrix-button[b-3jx8r2n10e],
.antibody-dialog-toolbar button[b-3jx8r2n10e],
.antibody-secondary-small[b-3jx8r2n10e] {
    border: 1px solid rgba(125, 146, 194, .34);
    color: var(--ab-ink);
    background: rgba(255, 255, 255, .68);
    font-weight: 850;
}

.antibody-quiet-button[b-3jx8r2n10e] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    border-radius: 12px;
}

.antibody-quiet-button b[b-3jx8r2n10e] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    color: var(--ab-violet);
    background: rgba(116, 64, 232, .1);
}

.antibody-alert[b-3jx8r2n10e] {
    position: absolute;
    z-index: 20;
    top: 61px;
    left: 50%;
    width: min(660px, calc(100% - 24px));
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border-radius: 13px;
    transform: translateX(-50%);
    box-shadow: 0 14px 30px rgba(28, 51, 104, .17);
}

.antibody-alert > span[b-3jx8r2n10e] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    border-radius: 9px;
    color: white;
    font-weight: 950;
}

.antibody-alert strong[b-3jx8r2n10e] { flex: 1; font-size: 1rem; }
.antibody-alert button[b-3jx8r2n10e] { border: 0; background: transparent; font-size: 1.1rem; }
.antibody-alert.is-success[b-3jx8r2n10e] { color: #08796d; background: rgba(224, 253, 247, .96); border: 1px solid #9fe5d5; }
.antibody-alert.is-success > span[b-3jx8r2n10e] { background: var(--ab-teal); }
.antibody-alert.is-error[b-3jx8r2n10e] { color: #ae254e; background: rgba(255, 234, 241, .96); border: 1px solid #f3abc2; }
.antibody-alert.is-error > span[b-3jx8r2n10e] { background: var(--ab-pink); }
.antibody-alert.is-warning[b-3jx8r2n10e] { color: #9a5d08; background: rgba(255, 248, 226, .96); border: 1px solid #efd088; }
.antibody-alert.is-warning > span[b-3jx8r2n10e] { background: #e79a18; }
.antibody-alert.is-info[b-3jx8r2n10e] { color: #2459a4; background: rgba(233, 243, 255, .96); border: 1px solid #acd0fa; }
.antibody-alert.is-info > span[b-3jx8r2n10e] { background: var(--ab-blue); }

.antibody-safety-ribbon[b-3jx8r2n10e] {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(100px, .55fr) minmax(250px, 1.25fr) minmax(130px, .7fr) minmax(145px, .78fr);
    align-items: stretch;
    border-radius: 16px;
    overflow: hidden;
}

.antibody-safety-ribbon > div[b-3jx8r2n10e],
.antibody-safety-ribbon > label[b-3jx8r2n10e] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 7px 12px;
    border-left: 1px solid rgba(145, 164, 205, .26);
}

.antibody-safety-ribbon > :first-child[b-3jx8r2n10e] { border-left: 0; }
.antibody-safety-ribbon strong[b-3jx8r2n10e] { min-width: 0; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.antibody-patient-summary[b-3jx8r2n10e] { gap: 8px !important; grid-template-columns: auto minmax(0, 1fr); }
.antibody-patient-summary > span[b-3jx8r2n10e] { color: var(--ab-blue); font-size: 1.2rem; }

.antibody-scan-field[b-3jx8r2n10e] { grid-template-columns: auto minmax(0, 1fr) auto; gap: 7px !important; }
.antibody-scan-field > span[b-3jx8r2n10e] { color: var(--ab-blue); font-size: 1rem; }
.antibody-scan-field input[b-3jx8r2n10e],
.antibody-meta-field input[b-3jx8r2n10e],
.antibody-pin-field input[b-3jx8r2n10e] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--ab-ink);
    background: transparent;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
}

.antibody-scan-field button[b-3jx8r2n10e] {
    min-height: 34px;
    border: 0;
    border-radius: 10px;
    padding: 0 12px;
    color: white;
    background: linear-gradient(135deg, var(--ab-blue), var(--ab-violet));
    font-weight: 900;
}

.antibody-stage-rail[b-3jx8r2n10e] {
    min-height: 43px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 5px 10px;
    border-radius: 15px;
}

.antibody-stage-rail span[b-3jx8r2n10e] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #8a96ad;
    font-size: 1rem;
    font-weight: 850;
}

.antibody-stage-rail span:not(:last-child)[b-3jx8r2n10e]::after {
    content: "";
    position: absolute;
    left: calc(50% + 42px);
    right: calc(-50% + 42px);
    height: 1px;
    background: rgba(133, 151, 193, .34);
}

.antibody-stage-rail b[b-3jx8r2n10e] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #edf1f8;
}

.antibody-stage-rail .is-current[b-3jx8r2n10e] { color: var(--ab-violet); }
.antibody-stage-rail .is-current b[b-3jx8r2n10e] { color: white; background: linear-gradient(145deg, var(--ab-blue), var(--ab-violet)); box-shadow: 0 0 0 4px rgba(84, 91, 231, .12); }
.antibody-stage-rail .is-complete[b-3jx8r2n10e] { color: var(--ab-teal); }
.antibody-stage-rail .is-complete b[b-3jx8r2n10e] { color: white; background: var(--ab-teal); }

.antibody-command-body[b-3jx8r2n10e] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
    gap: 9px;
}

.antibody-panel-dock[b-3jx8r2n10e],
.antibody-map-panel[b-3jx8r2n10e] {
    min-width: 0;
    min-height: 0;
    border-radius: 19px;
    overflow: hidden;
}

.antibody-panel-dock[b-3jx8r2n10e] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    padding: 12px;
    background:
        radial-gradient(circle at 40% 58%, rgba(60, 140, 255, .17), transparent 45%),
        linear-gradient(150deg, rgba(247, 253, 255, .94), rgba(239, 240, 255, .82));
}

.antibody-panel-heading[b-3jx8r2n10e],
.antibody-map-heading[b-3jx8r2n10e] { justify-content: space-between; gap: 10px; }
.antibody-panel-heading h2[b-3jx8r2n10e],
.antibody-map-heading h2[b-3jx8r2n10e] { font-size: 1rem; }
.antibody-matrix-button[b-3jx8r2n10e] { min-height: 36px; padding: 0 12px; border-radius: 11px; }

.antibody-dock-visual[b-3jx8r2n10e] {
    min-height: 120px;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.antibody-dock-visual img[b-3jx8r2n10e] {
    width: 100%;
    height: 100%;
    max-height: 315px;
    object-fit: contain;
    filter: drop-shadow(0 18px 21px rgba(31, 62, 123, .17));
}

.antibody-cell-selector[b-3jx8r2n10e] {
    display: grid;
    grid-template-columns: repeat(11, minmax(38px, 1fr));
    gap: 5px;
    padding: 7px;
    border: 1px solid rgba(120, 145, 201, .28);
    border-radius: 14px;
    background: rgba(255, 255, 255, .57);
}

.antibody-cell-button[b-3jx8r2n10e] {
    min-width: 0;
    min-height: 45px;
    display: grid;
    place-items: center;
    gap: 0;
    border: 1px solid rgba(132, 151, 196, .3);
    border-radius: 10px;
    color: var(--ab-ink);
    background: rgba(248, 251, 255, .86);
    font-weight: 900;
}

.antibody-cell-button small[b-3jx8r2n10e] { color: var(--ab-muted); font-size: 1rem; }
.antibody-cell-button.is-positive[b-3jx8r2n10e] { color: #ad245b; border-color: rgba(230, 66, 148, .34); background: rgba(255, 233, 243, .8); }
.antibody-cell-button.is-selected[b-3jx8r2n10e] { color: white; border-color: transparent; background: linear-gradient(145deg, var(--ab-blue), var(--ab-violet)); box-shadow: 0 8px 18px rgba(79, 80, 224, .28); transform: translateY(-2px); }
.antibody-cell-button.is-selected small[b-3jx8r2n10e] { color: white; }

.antibody-reaction-console[b-3jx8r2n10e] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.antibody-selected-cell[b-3jx8r2n10e],
.antibody-reaction-console fieldset[b-3jx8r2n10e] {
    min-width: 0;
    border: 1px solid rgba(129, 148, 194, .3);
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
}

.antibody-selected-cell[b-3jx8r2n10e] { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 8px; padding: 7px 10px; }
.antibody-selected-cell small[b-3jx8r2n10e] { color: var(--ab-muted); font-size: 1rem; font-weight: 850; }
.antibody-selected-cell strong[b-3jx8r2n10e] { grid-row: span 2; color: var(--ab-blue); font-size: 1.65rem; }
.antibody-selected-cell span[b-3jx8r2n10e] { font-size: 1rem; font-weight: 800; }
.antibody-reaction-console fieldset[b-3jx8r2n10e] { margin: 0; padding: 5px 8px 8px; }
.antibody-reaction-console legend[b-3jx8r2n10e] { padding: 0 5px; color: var(--ab-muted); font-size: 1rem; font-weight: 850; }
.antibody-reaction-options[b-3jx8r2n10e] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; }
.antibody-reaction-options button[b-3jx8r2n10e] {
    min-height: 36px;
    border: 1px solid rgba(130, 149, 194, .3);
    border-radius: 9px;
    color: var(--ab-ink);
    background: rgba(246, 249, 255, .84);
    font-weight: 900;
}
.antibody-reaction-options button.is-selected[b-3jx8r2n10e] { color: white; border-color: transparent; background: linear-gradient(135deg, var(--ab-violet), var(--ab-pink)); box-shadow: 0 7px 15px rgba(180, 55, 171, .24); }

.antibody-map-panel[b-3jx8r2n10e] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 10px;
    padding: 13px;
    background:
        radial-gradient(circle at 50% 44%, rgba(132, 69, 232, .11), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(252, 242, 251, .78));
}

.antibody-map-count[b-3jx8r2n10e] { padding: 5px 10px; border-radius: 999px; color: #b92768; background: rgba(247, 202, 226, .4); font-size: 1rem; font-weight: 900; }
.antibody-map[b-3jx8r2n10e] { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 84px minmax(0, 1fr); align-items: center; gap: 5px; }
.antibody-map-group[b-3jx8r2n10e] { min-width: 0; align-self: stretch; display: grid; align-content: center; gap: 11px; padding: 12px; border-radius: 18px; }
.antibody-map-group.is-ruled-out[b-3jx8r2n10e] { border: 1px solid rgba(10, 169, 154, .28); background: rgba(226, 251, 247, .56); }
.antibody-map-group.is-suspected[b-3jx8r2n10e] { border: 1px solid rgba(230, 66, 148, .27); background: rgba(255, 231, 243, .56); }
.antibody-map-group header[b-3jx8r2n10e] { gap: 8px; }
.antibody-map-group header > span[b-3jx8r2n10e] { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; color: white; font-weight: 950; }
.antibody-map-group.is-ruled-out header > span[b-3jx8r2n10e] { background: var(--ab-teal); }
.antibody-map-group.is-suspected header > span[b-3jx8r2n10e] { background: var(--ab-pink); }
.antibody-map-group header small[b-3jx8r2n10e] { display: block; color: var(--ab-muted); font-size: 1rem; font-weight: 850; }
.antibody-map-group header strong[b-3jx8r2n10e] { font-size: 1.25rem; }
.antibody-result-cloud[b-3jx8r2n10e] { display: flex; flex-wrap: wrap; gap: 6px; align-content: center; min-height: 70px; }
.antibody-result-cloud span[b-3jx8r2n10e] { padding: 5px 8px; border-radius: 9px; font-size: 1rem; font-weight: 900; }
.is-ruled-out .antibody-result-cloud span[b-3jx8r2n10e] { color: #087b70; border: 1px solid rgba(10, 169, 154, .24); background: rgba(255, 255, 255, .72); }
.is-suspected .antibody-result-cloud span[b-3jx8r2n10e],
.antibody-result-cloud.is-review span[b-3jx8r2n10e] { color: #b12360; border: 1px solid rgba(230, 66, 148, .23); background: rgba(255, 239, 247, .88); }
.antibody-result-cloud em[b-3jx8r2n10e] { color: var(--ab-muted); font-style: normal; font-weight: 850; }

.antibody-map-core[b-3jx8r2n10e] { position: relative; width: 78px; height: 78px; display: grid; place-items: center; margin: auto; border-radius: 50%; color: white; background: linear-gradient(145deg, var(--ab-violet), var(--ab-pink)); box-shadow: 0 0 0 10px rgba(122, 63, 224, .08), 0 14px 27px rgba(128, 49, 188, .22); }
.antibody-map-core span[b-3jx8r2n10e] { font-size: 1.7rem; font-weight: 950; }
.antibody-map-core i[b-3jx8r2n10e] { position: absolute; width: 35px; height: 1px; background: linear-gradient(90deg, rgba(10, 169, 154, .5), rgba(230, 66, 148, .55)); }
.antibody-map-core i:nth-of-type(1)[b-3jx8r2n10e] { right: 68px; top: 21px; transform: rotate(18deg); }
.antibody-map-core i:nth-of-type(2)[b-3jx8r2n10e] { right: 68px; bottom: 21px; transform: rotate(-18deg); }
.antibody-map-core i:nth-of-type(3)[b-3jx8r2n10e] { left: 68px; top: 21px; transform: rotate(-18deg); }
.antibody-map-core i:nth-of-type(4)[b-3jx8r2n10e] { left: 68px; bottom: 21px; transform: rotate(18deg); }

.antibody-map-summary[b-3jx8r2n10e] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.antibody-map-summary div[b-3jx8r2n10e] { padding: 6px 8px; border: 1px solid rgba(129, 148, 194, .24); border-radius: 11px; background: rgba(255, 255, 255, .62); }
.antibody-map-summary small[b-3jx8r2n10e] { display: block; color: var(--ab-muted); font-size: 1rem; font-weight: 800; }
.antibody-map-summary strong[b-3jx8r2n10e] { font-size: 1rem; }

.antibody-primary-action[b-3jx8r2n10e],
.antibody-primary-small[b-3jx8r2n10e] {
    border: 0;
    color: white;
    background: linear-gradient(105deg, var(--ab-blue), var(--ab-violet) 58%, var(--ab-pink));
    box-shadow: 0 12px 22px rgba(88, 62, 204, .24);
    font-weight: 950;
}

.antibody-primary-action[b-3jx8r2n10e] { min-height: 53px; display: grid; grid-template-columns: 42px 1fr 32px; align-items: center; gap: 7px; padding: 0 13px; border-radius: 15px; font-size: 1rem; }
.antibody-primary-action > span[b-3jx8r2n10e] { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .55); border-radius: 50%; }
.antibody-primary-action > b[b-3jx8r2n10e] { font-size: 1.55rem; }
.antibody-primary-action:disabled[b-3jx8r2n10e] { color: #929caf; background: #e9edf5; box-shadow: none; cursor: not-allowed; }

.antibody-dialog-backdrop[b-3jx8r2n10e] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(27, 34, 68, .34);
    backdrop-filter: blur(12px);
}

.antibody-dialog[b-3jx8r2n10e] {
    width: min(1180px, 96vw);
    max-height: 90dvh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border-radius: 22px;
    overflow: hidden;
}

.antibody-dialog > header[b-3jx8r2n10e],
.antibody-dialog > footer[b-3jx8r2n10e] { display: flex; align-items: center; gap: 11px; padding: 13px 18px; background: rgba(250, 252, 255, .84); }
.antibody-dialog > header[b-3jx8r2n10e] { border-bottom: 1px solid rgba(135, 154, 198, .25); }
.antibody-dialog > footer[b-3jx8r2n10e] { justify-content: flex-end; border-top: 1px solid rgba(135, 154, 198, .25); }
.antibody-dialog > header > span[b-3jx8r2n10e] { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: white; background: linear-gradient(145deg, var(--ab-blue), var(--ab-violet)); font-weight: 950; }
.antibody-dialog > header > div[b-3jx8r2n10e] { min-width: 0; flex: 1; }
.antibody-dialog > header small[b-3jx8r2n10e] { color: var(--ab-muted); font-size: 1rem; font-weight: 800; }
.antibody-dialog h2[b-3jx8r2n10e] { font-size: 1.15rem; }
.antibody-dialog-close[b-3jx8r2n10e] { width: 40px; height: 40px; border: 1px solid rgba(126, 147, 193, .28); border-radius: 12px; color: var(--ab-muted); background: rgba(255, 255, 255, .74); font-size: 1.3rem; }
.antibody-dialog-toolbar[b-3jx8r2n10e] { display: flex; gap: 7px; padding: 9px 18px 0; }
.antibody-dialog-toolbar button[b-3jx8r2n10e] { min-height: 34px; padding: 0 12px; border-radius: 10px; }
.antibody-matrix-dialog[b-3jx8r2n10e] { grid-template-rows: auto auto minmax(0, 1fr) auto; }
.antibody-matrix-scroll[b-3jx8r2n10e] { min-width: 0; min-height: 0; padding: 10px 18px 16px; overflow: auto; }
.antibody-matrix-scroll table[b-3jx8r2n10e] { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: 1rem; }
.antibody-matrix-scroll th[b-3jx8r2n10e],
.antibody-matrix-scroll td[b-3jx8r2n10e] { min-width: 37px; height: 38px; padding: 4px 6px; border-right: 1px solid #e2e8f2; border-bottom: 1px solid #e2e8f2; text-align: center; font-weight: 800; background: rgba(255, 255, 255, .8); }
.antibody-matrix-scroll thead th[b-3jx8r2n10e] { position: sticky; z-index: 2; top: 0; color: white; background: #5164c9; }
.antibody-matrix-scroll tr > :first-child[b-3jx8r2n10e] { position: sticky; z-index: 1; left: 0; color: var(--ab-blue); background: #f3f7ff; }
.antibody-matrix-scroll tbody tr.is-selected td[b-3jx8r2n10e] { background: #f7f0ff; }
.antibody-matrix-scroll td.is-positive[b-3jx8r2n10e] { color: #ad245b; background: #fff0f6; }
.antibody-matrix-scroll select[b-3jx8r2n10e] { min-height: 30px; border: 1px solid #c8d3e9; border-radius: 8px; background: white; font-weight: 900; }

.antibody-review-dialog[b-3jx8r2n10e] { width: min(720px, 94vw); }
.antibody-review-body[b-3jx8r2n10e] { min-height: 0; display: grid; gap: 12px; padding: 17px 19px; overflow: auto; }
.antibody-review-patient[b-3jx8r2n10e] { flex-wrap: wrap; gap: 5px 12px; padding: 12px; border-radius: 13px; background: #f3f7ff; }
.antibody-review-patient strong[b-3jx8r2n10e] { width: 100%; font-size: 1rem; }
.antibody-review-counts[b-3jx8r2n10e] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.antibody-review-counts div[b-3jx8r2n10e] { padding: 10px; border: 1px solid rgba(130, 149, 195, .28); border-radius: 12px; background: rgba(255, 255, 255, .75); }
.antibody-review-counts small[b-3jx8r2n10e],
.antibody-review-results > small[b-3jx8r2n10e] { display: block; color: var(--ab-muted); font-size: 1rem; font-weight: 850; }
.antibody-review-counts strong[b-3jx8r2n10e] { display: block; font-size: 1.25rem; }
.antibody-review-results[b-3jx8r2n10e] { padding: 12px; border: 1px solid rgba(230, 66, 148, .23); border-radius: 13px; background: rgba(255, 238, 246, .55); }
.antibody-result-cloud.is-review[b-3jx8r2n10e] { min-height: 0; margin-top: 8px; }
.antibody-pin-field[b-3jx8r2n10e] { display: grid; gap: 5px; font-size: 1rem; font-weight: 850; }
.antibody-pin-field input[b-3jx8r2n10e] { min-height: 44px; padding: 0 12px; border: 1px solid rgba(128, 148, 194, .38); border-radius: 11px; background: white; letter-spacing: .24em; }
.antibody-confirm-check[b-3jx8r2n10e] { display: flex; align-items: center; gap: 9px; font-size: 1rem; font-weight: 850; }
.antibody-confirm-check input[b-3jx8r2n10e] { width: 19px; height: 19px; accent-color: var(--ab-violet); }
.antibody-dialog-error[b-3jx8r2n10e] { margin: 0; padding: 9px 11px; border: 1px solid #f1aec3; border-radius: 10px; color: #ac2351; background: #fff0f5; font-size: 1rem; font-weight: 850; }
.antibody-primary-small[b-3jx8r2n10e],
.antibody-secondary-small[b-3jx8r2n10e] { min-width: 110px; min-height: 40px; padding: 0 15px; border-radius: 11px; }
.antibody-primary-small:disabled[b-3jx8r2n10e] { opacity: .55; cursor: wait; }

.antibody-history-dialog[b-3jx8r2n10e] { width: min(900px, 94vw); }
.antibody-history-list[b-3jx8r2n10e] { min-height: 180px; display: grid; align-content: start; gap: 7px; padding: 15px 18px; overflow: auto; }
.antibody-history-list article[b-3jx8r2n10e] { min-width: 0; display: grid; grid-template-columns: 120px minmax(180px, .8fr) minmax(220px, 1.2fr); align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid rgba(128, 148, 194, .27); border-radius: 12px; background: rgba(255, 255, 255, .7); }
.antibody-history-list time[b-3jx8r2n10e] { color: var(--ab-muted); font-size: 1rem; font-weight: 800; }
.antibody-history-list article div[b-3jx8r2n10e] { min-width: 0; }
.antibody-history-list article strong[b-3jx8r2n10e],
.antibody-history-list article span[b-3jx8r2n10e] { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.antibody-history-list article strong[b-3jx8r2n10e] { font-size: 1rem; }
.antibody-history-list article div span[b-3jx8r2n10e] { color: var(--ab-muted); font-size: 1rem; font-weight: 750; }
.antibody-history-result[b-3jx8r2n10e] { padding: 6px 9px; border-radius: 9px; color: #ad245b; background: #fff0f6; font-size: 1rem; font-weight: 850; }
.antibody-empty-state[b-3jx8r2n10e] { min-height: 210px; display: grid; place-items: center; align-content: center; gap: 7px; color: var(--ab-muted); }
.antibody-empty-state span[b-3jx8r2n10e] { font-size: 2rem; }

.antibody-command-center button[b-3jx8r2n10e],
.antibody-command-center input[b-3jx8r2n10e],
.antibody-command-center select[b-3jx8r2n10e],
.antibody-dialog button[b-3jx8r2n10e],
.antibody-dialog input[b-3jx8r2n10e],
.antibody-dialog select[b-3jx8r2n10e] { font: inherit; }
.antibody-command-center button:not(:disabled)[b-3jx8r2n10e],
.antibody-dialog button:not(:disabled)[b-3jx8r2n10e] { cursor: pointer; }
.antibody-command-center button:not(:disabled):hover[b-3jx8r2n10e],
.antibody-dialog button:not(:disabled):hover[b-3jx8r2n10e] { transform: translateY(-1px); }
.antibody-command-center button:focus-visible[b-3jx8r2n10e],
.antibody-command-center input:focus-visible[b-3jx8r2n10e],
.antibody-command-center select:focus-visible[b-3jx8r2n10e],
.antibody-dialog button:focus-visible[b-3jx8r2n10e],
.antibody-dialog input:focus-visible[b-3jx8r2n10e],
.antibody-dialog select:focus-visible[b-3jx8r2n10e] { outline: 3px solid rgba(36, 104, 242, .33); outline-offset: 2px; }

@media (max-width: 1100px) {
    :global(.prototype-body:has(.antibody-command-center))[b-3jx8r2n10e] { overflow: auto; }
    .antibody-command-center[b-3jx8r2n10e] { height: auto; min-height: 100%; overflow: visible; }
    .antibody-safety-ribbon[b-3jx8r2n10e] { grid-template-columns: 1fr 1fr 1.4fr; }
    .antibody-safety-ribbon > :nth-child(4)[b-3jx8r2n10e],
    .antibody-safety-ribbon > :nth-child(5)[b-3jx8r2n10e] { border-top: 1px solid rgba(145, 164, 205, .26); }
    .antibody-command-body[b-3jx8r2n10e] { grid-template-columns: 1fr; }
    .antibody-panel-dock[b-3jx8r2n10e] { min-height: 560px; }
    .antibody-map-panel[b-3jx8r2n10e] { min-height: 480px; }
}

@media (max-width: 700px) {
    :global(.prototype-body:has(.antibody-command-center))[b-3jx8r2n10e] { padding: 6px; }
    .antibody-command-header[b-3jx8r2n10e] { align-items: flex-start; }
    .antibody-title-lockup small[b-3jx8r2n10e],
    .antibody-quiet-button span[b-3jx8r2n10e] { display: none; }
    .antibody-quiet-button[b-3jx8r2n10e] { padding: 0 9px; }
    .antibody-safety-ribbon[b-3jx8r2n10e] { grid-template-columns: 1fr 1fr; }
    .antibody-scan-field[b-3jx8r2n10e] { grid-column: 1 / -1; grid-row: 1; border-left: 0 !important; border-bottom: 1px solid rgba(145, 164, 205, .26); }
    .antibody-meta-field[b-3jx8r2n10e] { border-top: 1px solid rgba(145, 164, 205, .26); }
    .antibody-stage-rail[b-3jx8r2n10e] { overflow-x: auto; }
    .antibody-stage-rail span[b-3jx8r2n10e] { min-width: 92px; }
    .antibody-stage-rail span:not(:last-child)[b-3jx8r2n10e]::after { display: none; }
    .antibody-panel-dock[b-3jx8r2n10e] { min-height: 530px; }
    .antibody-cell-selector[b-3jx8r2n10e] { grid-template-columns: repeat(6, 1fr); }
    .antibody-reaction-console[b-3jx8r2n10e] { grid-template-columns: 1fr; }
    .antibody-map[b-3jx8r2n10e] { grid-template-columns: 1fr; }
    .antibody-map-core[b-3jx8r2n10e] { width: 58px; height: 58px; }
    .antibody-map-core i[b-3jx8r2n10e] { display: none; }
    .antibody-map-group[b-3jx8r2n10e] { min-height: 150px; }
    .antibody-map-summary[b-3jx8r2n10e] { grid-template-columns: 1fr 1fr 1fr; }
    .antibody-dialog-backdrop[b-3jx8r2n10e] { padding: 0; }
    .antibody-dialog[b-3jx8r2n10e] { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
    .antibody-history-list article[b-3jx8r2n10e] { grid-template-columns: 1fr; gap: 4px; }
    .antibody-review-counts[b-3jx8r2n10e] { grid-template-columns: 1fr 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .antibody-command-center *[b-3jx8r2n10e],
    .antibody-dialog *[b-3jx8r2n10e] {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Pages/Patient/BloodLettingPage.razor.rz.scp.css */
/* Scoped CSS for 2.8 บันทึกการเจาะเลือดออก (Blood Letting / Therapeutic Phlebotomy) */

.letting-container[b-offsxn57hx] {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.card-section-letting[b-offsxn57hx] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0; /* slate-200 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.letting-title[b-offsxn57hx] {
    font-size: 1rem;
    font-weight: 800;
    color: #1E3A8A; /* dark-blue */
    border-left: 4px solid #1E3A8A;
    padding-left: 0.75rem;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Patient Details loaded box */
.patient-loaded-box[b-offsxn57hx] {
    background-color: #EEF2F6; /* slate-100/50 */
    border: 1px solid #E2E8F0;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
}

.patient-info-grid[b-offsxn57hx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.patient-info-label[b-offsxn57hx] {
    font-size: 1rem;
    font-weight: 600;
    color: #475569;
}

.patient-info-value[b-offsxn57hx] {
    font-weight: 700;
    color: #1E293B;
}

/* Form input styling */
.form-input-letting[b-offsxn57hx] {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    padding: 0.625rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    transition: all 0.15s ease;
}

.form-input-letting:focus[b-offsxn57hx] {
    outline: none;
    border-color: #1E3A8A;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.15);
}

.form-label-letting[b-offsxn57hx] {
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    margin-bottom: 0.25rem;
    display: block;
}

/* split grid */
.split-grid-letting[b-offsxn57hx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .split-grid-letting[b-offsxn57hx] {
        grid-template-columns: 1fr 1.25fr;
    }
}

.btn-letting-reset[b-offsxn57hx] {
    border: 1px solid #94A3B8;
    background-color: #FFFFFF;
    color: #1E293B;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 1.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-letting-reset:hover[b-offsxn57hx] {
    background-color: #F8FAFC;
    border-color: #64748B;
}

.btn-letting-save[b-offsxn57hx] {
    background-color: #1E3A8A;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 2rem;
    border-radius: 0.375rem;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-letting-save:hover[b-offsxn57hx] {
    background-color: #172554;
}

/* History Log styles */
.history-filter-row[b-offsxn57hx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border-bottom: 2px solid #F1F5F9;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.history-table-letting[b-offsxn57hx] {
    width: 100%;
    border-collapse: collapse;
}

.history-table-letting th[b-offsxn57hx] {
    background-color: #F8FAFC;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    border-bottom: 2px solid #E2E8F0;
    text-transform: uppercase;
}

.history-table-letting td[b-offsxn57hx] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    font-size: 1rem;
    color: #334155;
    font-weight: 600;
}

.history-table-letting tr:hover[b-offsxn57hx] {
    background-color: #F8FAFC;
}

/* Status Badges */
.badge-letting-symptom[b-offsxn57hx] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
}

.badge-symptom-normal[b-offsxn57hx] {
    background-color: #DCFCE7; /* green-100 */
    color: #15803D; /* green-700 */
}

.badge-symptom-dizzy[b-offsxn57hx] {
    background-color: #FEE2E2; /* red-100 */
    color: #991B1B; /* red-800 */
}

.badge-symptom-fainted[b-offsxn57hx] {
    background-color: #FEF3C7; /* amber-100 */
    color: #92400E; /* amber-800 */
}

.icon-action-edit[b-offsxn57hx] {
    color: #2563EB;
    cursor: pointer;
    font-size: 1.1rem;
    transition: color 0.15s ease;
}

.icon-action-edit:hover[b-offsxn57hx] {
    color: #1D4ED8;
}

/* Guided Procedure Rail */
.legacy-letting-ui[b-offsxn57hx] {
    display: none !important;
}

.letting-command-center[b-offsxn57hx] {
    --letting-ink: #14213d;
    --letting-muted: #64748b;
    --letting-border: rgba(148, 163, 184, 0.27);
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
    gap: 0.4rem;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0.6rem 1.15rem 0.45rem;
    color: var(--letting-ink);
    background:
        radial-gradient(circle at 7% 20%, rgba(56, 189, 248, 0.13), transparent 25%),
        radial-gradient(circle at 92% 10%, rgba(236, 72, 153, 0.11), transparent 24%),
        radial-gradient(circle at 55% 100%, rgba(139, 92, 246, 0.09), transparent 29%);
}

.letting-command-center *[b-offsxn57hx],
.letting-dialog *[b-offsxn57hx] {
    box-sizing: border-box;
}

.letting-command-header[b-offsxn57hx],
.letting-patient-ribbon[b-offsxn57hx],
.letting-glass-card[b-offsxn57hx],
.letting-recent-history[b-offsxn57hx],
.letting-command-footer[b-offsxn57hx],
.letting-dialog[b-offsxn57hx] {
    border: 1px solid rgba(255, 255, 255, 0.85);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.7));
    box-shadow: 0 12px 32px rgba(65, 80, 150, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.letting-command-header[b-offsxn57hx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.1rem;
    padding: 0.35rem 0.65rem;
    border-radius: 1.15rem;
}

.letting-heading[b-offsxn57hx],
.letting-card-title[b-offsxn57hx],
.letting-recent-label[b-offsxn57hx],
.letting-patient-identity[b-offsxn57hx],
.letting-history-button[b-offsxn57hx] {
    display: flex;
    align-items: center;
}

.letting-heading[b-offsxn57hx] {
    gap: 0.75rem;
}

.letting-heading-icon[b-offsxn57hx],
.letting-card-icon[b-offsxn57hx],
.letting-patient-avatar[b-offsxn57hx] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.18), inset 0 1px 0 #fff;
}

.letting-heading-icon[b-offsxn57hx] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.95rem;
    color: white;
    background: linear-gradient(145deg, #248cff, #6d45ee 58%, #cf35cb);
}

.letting-heading-icon svg[b-offsxn57hx],
.letting-card-icon svg[b-offsxn57hx],
.letting-patient-avatar svg[b-offsxn57hx],
.letting-history-button svg[b-offsxn57hx],
.letting-recent-label svg[b-offsxn57hx],
.letting-primary-button svg[b-offsxn57hx] {
    width: 1.35rem;
    height: 1.35rem;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.letting-heading > div > span[b-offsxn57hx],
.letting-card-title > div > span[b-offsxn57hx],
.letting-dialog header div > span[b-offsxn57hx] {
    display: block;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.letting-heading h1[b-offsxn57hx] {
    margin: 0;
    color: var(--letting-ink);
    font-size: clamp(1.2rem, 1.6vw, 1.75rem);
    font-weight: 900;
    line-height: 1.15;
}

.letting-history-button[b-offsxn57hx],
.letting-view-all[b-offsxn57hx],
.letting-reset-button[b-offsxn57hx],
.letting-primary-button[b-offsxn57hx] {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.letting-history-button[b-offsxn57hx] {
    gap: 0.45rem;
    min-height: 2.6rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 0.85rem;
    color: #4338ca;
    background: rgba(238, 242, 255, 0.78);
    font-weight: 800;
}

.letting-history-button strong[b-offsxn57hx] {
    display: grid;
    place-items: center;
    min-width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.letting-alert[b-offsxn57hx] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0.4rem 0.75rem;
    border-radius: 0.8rem;
    font-size: 1rem;
    font-weight: 750;
}

.letting-alert-dot[b-offsxn57hx] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.55);
}

.letting-alert button[b-offsxn57hx] {
    margin-left: auto;
    border: 0;
    color: inherit;
    background: transparent;
    font-size: 1.2rem;
    cursor: pointer;
}

.letting-patient-ribbon[b-offsxn57hx] {
    display: grid;
    grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: stretch;
    padding: 0.38rem;
    border-radius: 1.05rem;
}

.letting-patient-search[b-offsxn57hx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.3rem 0.35rem 0.3rem 0.7rem;
    border: 1px solid rgba(99, 102, 241, 0.22);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.74);
}

.letting-patient-search svg[b-offsxn57hx] {
    width: 1.2rem;
    stroke: #64748b;
    stroke-width: 2;
}

.letting-patient-search input[b-offsxn57hx],
.letting-patient-search button[b-offsxn57hx],
.letting-form-grid input[b-offsxn57hx],
.letting-form-grid select[b-offsxn57hx],
.letting-number-input[b-offsxn57hx],
.letting-history-filters input[b-offsxn57hx] {
    font: inherit;
}

.letting-patient-search input[b-offsxn57hx] {
    min-width: 0;
    height: 1.95rem;
    border: 0;
    outline: 0;
    color: var(--letting-ink);
    background: transparent;
    font-weight: 750;
}

.letting-patient-search button[b-offsxn57hx] {
    min-height: 1.95rem;
    padding: 0 0.85rem;
    border: 0;
    border-radius: 0.65rem;
    color: white;
    background: linear-gradient(135deg, #2386f7, #5b4cf0);
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.letting-patient-identity[b-offsxn57hx] {
    min-width: 0;
    gap: clamp(0.55rem, 1.3vw, 1.25rem);
    padding: 0 0.65rem;
}

.letting-patient-avatar[b-offsxn57hx] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 0.8rem;
    color: #2563eb;
    background: linear-gradient(145deg, rgba(219, 234, 254, 0.94), rgba(238, 242, 255, 0.85));
}

.letting-patient-name[b-offsxn57hx],
.letting-patient-fact[b-offsxn57hx] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.letting-patient-name[b-offsxn57hx] {
    flex: 1 1 auto;
}

.letting-patient-name span[b-offsxn57hx],
.letting-patient-fact span[b-offsxn57hx] {
    color: var(--letting-muted);
    font-size: 1rem;
    font-weight: 750;
}

.letting-patient-name strong[b-offsxn57hx],
.letting-patient-fact strong[b-offsxn57hx] {
    overflow: hidden;
    color: var(--letting-ink);
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.letting-patient-fact[b-offsxn57hx] {
    padding-left: 1rem;
    border-left: 1px solid rgba(148, 163, 184, 0.25);
}

.letting-verified[b-offsxn57hx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    color: #047857;
    background: rgba(209, 250, 229, 0.82);
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
}

.letting-verified > span[b-offsxn57hx] {
    display: grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    color: #fff;
    background: #10b981;
}

.letting-patient-empty[b-offsxn57hx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.8rem;
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 750;
}

.letting-patient-empty > span:first-child[b-offsxn57hx] {
    color: #7c3aed;
    font-size: 1.4rem;
}

.letting-stage-rail[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0.1rem 3%;
    list-style: none;
}

.letting-stage-rail li[b-offsxn57hx] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.1rem;
    color: #94a3b8;
    font-size: 1rem;
}

.letting-stage-rail li:not(:last-child)[b-offsxn57hx]::after {
    position: absolute;
    top: 50%;
    left: calc(50% + 2.5rem);
    right: calc(-50% + 2.5rem);
    height: 2px;
    content: "";
    background: rgba(148, 163, 184, 0.28);
}

.letting-stage-rail li > span[b-offsxn57hx] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    border: 2px solid rgba(148, 163, 184, 0.28);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.84);
    font-weight: 900;
}

.letting-stage-rail li.is-current[b-offsxn57hx],
.letting-stage-rail li.is-complete[b-offsxn57hx] {
    color: #3156d9;
}

.letting-stage-rail li.is-current > span[b-offsxn57hx],
.letting-stage-rail li.is-complete > span[b-offsxn57hx] {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(135deg, #2589f8, #6d48ec);
    box-shadow: 0 4px 13px rgba(79, 70, 229, 0.28);
}

.letting-stage-rail li.is-complete:not(:last-child)[b-offsxn57hx]::after {
    background: linear-gradient(90deg, #2589f8, #7c3aed);
}

.letting-workspace[b-offsxn57hx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
    gap: 0.8rem;
    min-height: 0;
}

.letting-glass-card[b-offsxn57hx] {
    min-height: 0;
    overflow: auto;
    padding: 0.65rem 0.8rem;
    border-radius: 1.1rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.3) transparent;
}

.letting-card-title[b-offsxn57hx] {
    gap: 0.65rem;
    margin-bottom: 0.45rem;
}

.letting-card-icon[b-offsxn57hx] {
    width: 2.05rem;
    height: 2.05rem;
    border-radius: 0.78rem;
}

.letting-card-icon--blue[b-offsxn57hx] {
    color: #2563eb;
    background: linear-gradient(145deg, #dbeafe, #eef2ff);
}

.letting-card-icon--pink[b-offsxn57hx] {
    color: #db2777;
    background: linear-gradient(145deg, #fce7f3, #fff1f2);
}

.letting-card-title h2[b-offsxn57hx],
.letting-dialog h2[b-offsxn57hx] {
    margin: 0;
    font-size: 1rem;
    font-weight: 900;
}

.letting-form-grid[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 0.7rem;
}

.letting-form-grid label[b-offsxn57hx],
.letting-lab-grid label[b-offsxn57hx],
.letting-history-filters label[b-offsxn57hx] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.letting-form-grid label > span:first-child[b-offsxn57hx],
.letting-lab-grid label > span:first-child[b-offsxn57hx],
.letting-history-filters label > span:first-child[b-offsxn57hx] {
    color: #475569;
    font-size: 1rem;
    font-weight: 850;
}

.letting-form-grid input[b-offsxn57hx],
.letting-form-grid select[b-offsxn57hx],
.letting-history-filters input[b-offsxn57hx] {
    width: 100%;
    min-width: 0;
    min-height: 2.05rem;
    padding: 0.42rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.27);
    border-radius: 0.68rem;
    outline: 0;
    color: var(--letting-ink);
    background: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    font-weight: 750;
}

.letting-form-grid select[b-offsxn57hx] {
    appearance: auto;
}

.letting-form-grid small[b-offsxn57hx] {
    color: #b45309;
    font-size: 1rem;
    font-weight: 700;
}

.letting-field-wide[b-offsxn57hx] {
    grid-column: 1 / -1;
}

.letting-segmented[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem;
}

.letting-segmented button[b-offsxn57hx] {
    min-height: 2.05rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.68rem;
    color: #64748b;
    background: rgba(248, 250, 252, 0.82);
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.letting-segmented button.is-selected[b-offsxn57hx] {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(135deg, #2589f8, #6946ef);
    box-shadow: 0 5px 13px rgba(79, 70, 229, 0.2);
}

.letting-lab-grid[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.letting-number-input[b-offsxn57hx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.27);
    border-radius: 0.68rem;
    background: rgba(255, 255, 255, 0.78);
}

.letting-number-input input[b-offsxn57hx] {
    min-height: 2.05rem;
    border: 0;
    background: transparent;
}

.letting-number-input em[b-offsxn57hx] {
    padding-right: 0.6rem;
    color: #64748b;
    font-size: 1rem;
    font-style: normal;
    font-weight: 750;
}

.letting-divider[b-offsxn57hx] {
    height: 1px;
    margin: 0.4rem 0;
    background: rgba(148, 163, 184, 0.2);
}

.letting-form-grid--compact[b-offsxn57hx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.letting-symptoms[b-offsxn57hx] {
    margin: 0.45rem 0 0;
    padding: 0;
    border: 0;
}

.letting-symptoms legend[b-offsxn57hx] {
    margin-bottom: 0.35rem;
    color: #475569;
    font-size: 1rem;
    font-weight: 850;
}

.letting-symptoms > div[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.letting-symptom[b-offsxn57hx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    border: 1px solid rgba(148, 163, 184, 0.23);
    border-radius: 0.8rem;
    color: #475569;
    background: rgba(255, 255, 255, 0.72);
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.letting-symptom > span[b-offsxn57hx] {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.12);
}

.letting-symptom--normal.is-selected[b-offsxn57hx] {
    border-color: #2dd4bf;
    color: #047857;
    background: rgba(204, 251, 241, 0.68);
}

.letting-symptom--dizzy.is-selected[b-offsxn57hx] {
    border-color: #f59e0b;
    color: #b45309;
    background: rgba(254, 243, 199, 0.7);
}

.letting-symptom--fainted.is-selected[b-offsxn57hx] {
    border-color: #fb7185;
    color: #be123c;
    background: rgba(255, 228, 230, 0.72);
}

.letting-recent-history[b-offsxn57hx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    min-height: 3rem;
    padding: 0.32rem 0.55rem;
    border-radius: 1rem;
}

.letting-recent-label[b-offsxn57hx] {
    gap: 0.45rem;
    padding-right: 0.65rem;
    border-right: 1px solid rgba(148, 163, 184, 0.22);
    color: #4f46e5;
}

.letting-recent-label svg[b-offsxn57hx] {
    width: 1.45rem;
}

.letting-recent-label > div[b-offsxn57hx] {
    display: grid;
}

.letting-recent-label span[b-offsxn57hx] {
    color: #64748b;
    font-size: 1rem;
}

.letting-recent-label strong[b-offsxn57hx] {
    font-size: 1rem;
}

.letting-recent-items[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    min-width: 0;
}

.letting-recent-items > button[b-offsxn57hx] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0.4rem;
    align-items: center;
    min-width: 0;
    min-height: 2.05rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.7rem;
    color: var(--letting-ink);
    background: rgba(255, 255, 255, 0.72);
    cursor: pointer;
}

.letting-recent-items time[b-offsxn57hx],
.letting-recent-items span[b-offsxn57hx] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.letting-recent-items strong[b-offsxn57hx] {
    font-size: 1rem;
    white-space: nowrap;
}

.letting-recent-items em[b-offsxn57hx],
.letting-history-list em[b-offsxn57hx] {
    justify-self: end;
    padding: 0.18rem 0.38rem;
    border-radius: 999px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 850;
    white-space: nowrap;
}

.letting-no-history[b-offsxn57hx] {
    grid-column: 1 / -1;
    align-self: center;
    padding-left: 0.5rem;
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 700;
}

.letting-view-all[b-offsxn57hx] {
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 0.7rem;
    color: #4338ca;
    background: rgba(238, 242, 255, 0.76);
    font-size: 1rem;
    font-weight: 850;
}

.letting-view-all span[b-offsxn57hx] {
    font-size: 1rem;
}

.letting-command-footer[b-offsxn57hx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.3rem;
    border-radius: 1rem;
}

.letting-reset-button[b-offsxn57hx],
.letting-primary-button[b-offsxn57hx] {
    min-height: 2.4rem;
    border-radius: 0.8rem;
    font-weight: 900;
}

.letting-reset-button[b-offsxn57hx] {
    min-width: 7.5rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    color: #334155;
    background: rgba(255, 255, 255, 0.84);
}

.letting-primary-button[b-offsxn57hx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-width: 16rem;
    padding: 0 1rem;
    color: #fff;
    background: linear-gradient(115deg, #168af7, #5b3ff0 55%, #d92bc5);
    box-shadow: 0 10px 22px rgba(91, 63, 240, 0.24);
}

.letting-primary-button > span[b-offsxn57hx] {
    margin-left: auto;
    font-size: 1.2rem;
}

.letting-dialog-backdrop[b-offsxn57hx] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(30, 41, 90, 0.25);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.letting-dialog[b-offsxn57hx] {
    width: min(760px, 100%);
    max-height: min(88vh, 760px);
    overflow: hidden;
    border-radius: 1.35rem;
    color: var(--letting-ink);
}

.letting-dialog > header[b-offsxn57hx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.letting-dialog > header > button[b-offsxn57hx] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.75rem;
    color: #64748b;
    background: rgba(255, 255, 255, 0.78);
    font-size: 1.35rem;
    cursor: pointer;
}

.letting-review-patient[b-offsxn57hx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    margin: 0.9rem 1rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 0.85rem;
    background: rgba(219, 234, 254, 0.5);
}

.letting-review-patient span[b-offsxn57hx],
.letting-review-patient em[b-offsxn57hx] {
    color: #64748b;
    font-size: 1rem;
    font-style: normal;
}

.letting-review-grid[b-offsxn57hx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    max-height: 48vh;
    margin: 0;
    padding: 0.9rem 1rem;
    overflow: auto;
}

.letting-review-grid > div[b-offsxn57hx] {
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.75rem;
    background: rgba(248, 250, 252, 0.7);
}

.letting-review-grid dt[b-offsxn57hx] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.letting-review-grid dd[b-offsxn57hx] {
    margin: 0.16rem 0 0;
    overflow-wrap: anywhere;
    font-size: 1rem;
    font-weight: 850;
}

.letting-review-grid dd.letting-review-volume[b-offsxn57hx] {
    color: #4f46e5;
    font-size: 1.2rem;
}

.letting-dialog > footer[b-offsxn57hx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.letting-history-dialog[b-offsxn57hx] {
    width: min(960px, 100%);
}

.letting-history-filters[b-offsxn57hx] {
    display: grid;
    grid-template-columns: 0.8fr 0.8fr 1.4fr;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
}

.letting-history-list[b-offsxn57hx] {
    display: grid;
    gap: 0.45rem;
    max-height: min(58vh, 520px);
    padding: 0 1rem 1rem;
    overflow: auto;
}

.letting-history-list > button[b-offsxn57hx] {
    display: grid;
    grid-template-columns: minmax(115px, 0.8fr) minmax(180px, 1.5fr) minmax(100px, 0.7fr) auto auto;
    gap: 0.7rem;
    align-items: center;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.75rem;
    color: var(--letting-ink);
    background: rgba(255, 255, 255, 0.75);
    text-align: left;
    cursor: pointer;
}

.letting-history-list time[b-offsxn57hx],
.letting-history-list small[b-offsxn57hx] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.letting-history-list > button > span[b-offsxn57hx] {
    display: grid;
    min-width: 0;
}

.letting-history-list strong[b-offsxn57hx] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.letting-history-empty[b-offsxn57hx] {
    padding: 3rem 1rem;
    color: #94a3b8;
    text-align: center;
    font-size: 1rem;
    font-weight: 750;
}

.letting-command-center button:focus-visible[b-offsxn57hx],
.letting-command-center input:focus-visible[b-offsxn57hx],
.letting-command-center select:focus-visible[b-offsxn57hx],
.letting-dialog button:focus-visible[b-offsxn57hx],
.letting-dialog input:focus-visible[b-offsxn57hx] {
    outline: 3px solid rgba(37, 99, 235, 0.38);
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .letting-patient-ribbon[b-offsxn57hx] {
        grid-template-columns: minmax(230px, 0.52fr) minmax(0, 1fr);
    }

    .letting-patient-fact:nth-of-type(3)[b-offsxn57hx],
    .letting-verified[b-offsxn57hx] {
        display: none;
    }

    .letting-recent-items > button:nth-child(3)[b-offsxn57hx] {
        display: none;
    }

    .letting-recent-items[b-offsxn57hx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .letting-command-center[b-offsxn57hx] {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 100%;
        overflow: visible;
        padding: 0.75rem;
    }

    .letting-patient-ribbon[b-offsxn57hx],
    .letting-workspace[b-offsxn57hx] {
        grid-template-columns: 1fr;
    }

    .letting-patient-identity[b-offsxn57hx] {
        min-height: 3.4rem;
    }

    .letting-glass-card[b-offsxn57hx] {
        overflow: visible;
    }

    .letting-recent-history[b-offsxn57hx] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}

@media (max-width: 640px) {
    .letting-command-center[b-offsxn57hx] {
        gap: 0.55rem;
        padding: 0.55rem;
    }

    .letting-command-header[b-offsxn57hx] {
        min-height: 3.25rem;
    }

    .letting-heading-icon[b-offsxn57hx] {
        width: 2.4rem;
        height: 2.4rem;
    }

    .letting-heading > div > span[b-offsxn57hx],
    .letting-history-button span[b-offsxn57hx],
    .letting-patient-fact[b-offsxn57hx],
    .letting-verified[b-offsxn57hx] {
        display: none;
    }

    .letting-history-button[b-offsxn57hx] {
        padding: 0.4rem;
    }

    .letting-patient-ribbon[b-offsxn57hx] {
        gap: 0.5rem;
    }

    .letting-patient-identity[b-offsxn57hx] {
        padding: 0.1rem 0.3rem;
    }

    .letting-stage-rail[b-offsxn57hx] {
        padding: 0;
    }

    .letting-stage-rail li[b-offsxn57hx] {
        gap: 0.25rem;
        font-size: 1rem;
    }

    .letting-stage-rail li:not(:last-child)[b-offsxn57hx]::after {
        left: calc(50% + 1.8rem);
        right: calc(-50% + 1.8rem);
    }

    .letting-form-grid[b-offsxn57hx],
    .letting-form-grid--compact[b-offsxn57hx],
    .letting-lab-grid[b-offsxn57hx],
    .letting-review-grid[b-offsxn57hx],
    .letting-history-filters[b-offsxn57hx] {
        grid-template-columns: 1fr;
    }

    .letting-symptoms > div[b-offsxn57hx] {
        grid-template-columns: 1fr;
    }

    .letting-symptom[b-offsxn57hx] {
        justify-content: flex-start;
        min-height: 2.6rem;
        padding: 0 0.75rem;
    }

    .letting-recent-history[b-offsxn57hx] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .letting-recent-items[b-offsxn57hx] {
        grid-template-columns: 1fr;
    }

    .letting-recent-items > button:nth-child(n + 2)[b-offsxn57hx],
    .letting-view-all[b-offsxn57hx] {
        display: none;
    }

    .letting-command-footer[b-offsxn57hx] {
        position: sticky;
        bottom: 0.35rem;
        z-index: 4;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .letting-reset-button[b-offsxn57hx],
    .letting-primary-button[b-offsxn57hx] {
        min-width: 0;
    }

    .letting-dialog-backdrop[b-offsxn57hx] {
        padding: 0;
    }

    .letting-dialog[b-offsxn57hx] {
        width: 100%;
        height: 100%;
        max-height: none;
        border-radius: 0;
    }

    .letting-history-list > button[b-offsxn57hx] {
        grid-template-columns: 1fr auto;
    }

    .letting-history-list > button > *:nth-child(1)[b-offsxn57hx],
    .letting-history-list > button > *:nth-child(4)[b-offsxn57hx] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .letting-command-center *[b-offsxn57hx],
    .letting-dialog *[b-offsxn57hx] {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/Patient/BloodRequestChargeApprovals.razor.rz.scp.css */
.approval-page[b-px2f3njdr1] { padding: 24px; }
.approval-panel[b-px2f3njdr1] { overflow: hidden; }
.approval-header[b-px2f3njdr1] { display:flex; justify-content:space-between; align-items:center; }
.approval-header span[b-px2f3njdr1] { color: var(--records-muted, #63769a); font-weight:800; }
.approval-error[b-px2f3njdr1] { margin: 14px 20px; color:#b42318; }
.approval-table-wrap[b-px2f3njdr1] { overflow:auto; padding: 12px 18px 20px; }
.approval-table[b-px2f3njdr1] { width:100%; border-collapse:collapse; color:#163873; }
.approval-table th[b-px2f3njdr1],.approval-table td[b-px2f3njdr1] { border:1px solid #d4e0f5; padding:10px; text-align:left; vertical-align:top; }
.approval-table th[b-px2f3njdr1] { background:#edf4ff; font-weight:800; }
.approval-table td small[b-px2f3njdr1] { color:#63769a; }
.approval-table button[b-px2f3njdr1] { margin:2px; }
.approval-reject-backdrop[b-px2f3njdr1] { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; background:rgba(20,42,84,.28); }
.approval-reject-dialog[b-px2f3njdr1] { width:min(460px,calc(100vw - 32px)); padding:20px; border:1px solid #cbdaf4; border-radius:16px; background:rgba(248,251,255,.98); box-shadow:0 18px 50px rgba(28,55,104,.25); }
.approval-reject-dialog h2[b-px2f3njdr1] { margin:0 0 14px; color:#153071; font-size:18px; }
.approval-reject-dialog label[b-px2f3njdr1] { display:grid; gap:6px; color:#63769a; font-weight:700; }
.approval-reject-dialog textarea[b-px2f3njdr1] { border:1px solid #cbdaf4; border-radius:9px; padding:8px; }
.approval-reject-dialog > div[b-px2f3njdr1] { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
/* /Components/Pages/Patient/BloodRequestsWorklist.razor.rz.scp.css */
.worklist-layout[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 20px;
    background-color: #f8fafc;
    min-height: calc(100vh - 120px);
    margin: -24px;
    padding: 24px;
}

/* Left Sidebar / List Panel */
.left-panel[b-1qi8wdw88v] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 128px);
    position: sticky;
    top: 104px;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.panel-header[b-1qi8wdw88v] {
    padding: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.panel-title[b-1qi8wdw88v] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1e3a8a;
    margin-bottom: 12px;
}

.filter-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

.filter-input[b-1qi8wdw88v] {
    font-size: 1rem;
    padding: 6px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    color: #334155;
    outline: none;
}

.request-search[b-1qi8wdw88v] {
    position: relative;
    width: 100%;
    margin-top: 12px;
}

.request-search-input[b-1qi8wdw88v] {
    display: block;
    width: 100%;
    padding-left: 36px;
    box-sizing: border-box;
}

.request-search-icon[b-1qi8wdw88v] {
    position: absolute;
    top: 50%;
    left: 11px;
    width: 15px;
    height: 15px;
    color: #94a3b8;
    transform: translateY(-50%);
    pointer-events: none;
}

.request-search-icon-shell[b-1qi8wdw88v] {
    position: absolute;
    top: 50%;
    left: 0.65rem;
    z-index: 1;
    display: grid;
    width: 0.85rem;
    height: 0.85rem;
    place-items: center;
    color: #557088;
    transform: translateY(-50%);
    pointer-events: none;
}

.request-search-icon-shell[b-1qi8wdw88v]  svg {
    width: 100%;
    height: 100%;
}

.filter-row[b-1qi8wdw88v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-btn[b-1qi8wdw88v] {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-btn:hover[b-1qi8wdw88v] {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

/* Worklist items */
.work-items-list[b-1qi8wdw88v] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Status dots */
.status-dot[b-1qi8wdw88v] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.awaiting-specimen[b-1qi8wdw88v] { background-color: #ef4444; }
.status-dot.lab-in-progress[b-1qi8wdw88v] { background-color: #d97706; }
.status-dot.lab-approved[b-1qi8wdw88v] { background-color: #3b82f6; }
.status-dot.crossmatch-in-progress[b-1qi8wdw88v] { background-color: #7c3aed; }
.status-dot.crossmatch-approved[b-1qi8wdw88v] { background-color: #10b981; }
.status-dot.partially-issued[b-1qi8wdw88v] { background-color: #0d9488; }
.status-dot.issued[b-1qi8wdw88v] { background-color: #15803d; }
.status-dot.cancelled[b-1qi8wdw88v] { background-color: #6b7280; }

/* Bottom Legends & Tabs */
.legend-box[b-1qi8wdw88v] {
    padding: 8px 12px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.legend-grid[b-1qi8wdw88v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    justify-content: center;
}

.legend-item[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
}

.legend-dot[b-1qi8wdw88v] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px;
}

.legend-dot.awaiting-specimen[b-1qi8wdw88v] { background-color: #ef4444; }
.legend-dot.lab-in-progress[b-1qi8wdw88v] { background-color: #d97706; }
.legend-dot.lab-approved[b-1qi8wdw88v] { background-color: #3b82f6; }
.legend-dot.crossmatch-in-progress[b-1qi8wdw88v] { background-color: #7c3aed; }
.legend-dot.crossmatch-approved[b-1qi8wdw88v] { background-color: #10b981; }
.legend-dot.partially-issued[b-1qi8wdw88v] { background-color: #0d9488; }
.legend-dot.issued[b-1qi8wdw88v] { background-color: #15803d; }
.legend-dot.cancelled[b-1qi8wdw88v] { background-color: #6b7280; }

/* Status Badges for table results */
.status-badge[b-1qi8wdw88v] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
}
.status-badge.draft[b-1qi8wdw88v], .status-badge.corrected[b-1qi8wdw88v] {
    background-color: #f3f4f6;
    color: #4b5563;
    border-color: #e5e7eb;
}
.status-badge.pending[b-1qi8wdw88v], .status-badge.awaiting-specimen[b-1qi8wdw88v] {
    background-color: #fee2e2;
    color: #ef4444;
    border-color: #fca5a5;
}
.status-badge.lab-in-progress[b-1qi8wdw88v], .status-badge.verified[b-1qi8wdw88v] {
    background-color: #fef3c7;
    color: #d97706;
    border-color: #fde68a;
}
.status-badge.lab-approved[b-1qi8wdw88v] {
    background-color: #dbeafe;
    color: #3b82f6;
    border-color: #bfdbfe;
}
.status-badge.crossmatch-in-progress[b-1qi8wdw88v] {
    background-color: #ede9fe;
    color: #7c3aed;
    border-color: #ddd6fe;
}
.status-badge.approved[b-1qi8wdw88v], .status-badge.crossmatch-approved[b-1qi8wdw88v] {
    background-color: #dcfce7;
    color: #10b981;
    border-color: #bbf7d0;
}
.status-badge.partially-issued[b-1qi8wdw88v] {
    background-color: #ccfbf1;
    color: #0d9488;
    border-color: #99f6e4;
}
.status-badge.issued[b-1qi8wdw88v] {
    background-color: #dcfce7;
    color: #15803d;
    border-color: #bbf7d0;
}
.status-badge.cancelled[b-1qi8wdw88v] {
    background-color: #f3f4f6;
    color: #6b7280;
    border-color: #e5e7eb;
}

/* Status badge card for header */
.status-badge-card[b-1qi8wdw88v] {
    padding: 6px 14px;
    border-radius: 6px;
    text-align: center;
    font-weight: 900;
    font-size: 1rem;
    border-width: 1px;
    border-style: solid;
}
.status-badge-card.awaiting-specimen[b-1qi8wdw88v] {
    background-color: #fee2e2;
    color: #991b1b;
    border-color: #fca5a5;
}
.status-badge-card.lab-in-progress[b-1qi8wdw88v] {
    background-color: #fef3c7;
    color: #92400e;
    border-color: #fde68a;
}
.status-badge-card.lab-approved[b-1qi8wdw88v] {
    background-color: #dbeafe;
    color: #1e40af;
    border-color: #bfdbfe;
}
.status-badge-card.crossmatch-in-progress[b-1qi8wdw88v] {
    background-color: #ede9fe;
    color: #5b21b6;
    border-color: #ddd6fe;
}
.status-badge-card.crossmatch-approved[b-1qi8wdw88v] {
    background-color: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}
.status-badge-card.partially-issued[b-1qi8wdw88v] {
    background-color: #ccfbf1;
    color: #115e59;
    border-color: #99f6e4;
}
.status-badge-card.issued[b-1qi8wdw88v] {
    background-color: #dcfce7;
    color: #15803d;
    border-color: #bbf7d0;
}
.status-badge-card.cancelled[b-1qi8wdw88v] {
    background-color: #f3f4f6;
    color: #374151;
    border-color: #e5e7eb;
}

.bottom-tabs[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #e2e8f0;
}

.tab-btn[b-1qi8wdw88v] {
    padding: 10px;
    background-color: #f8fafc;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 1rem;
    font-weight: 800;
    color: #64748b;
    cursor: pointer;
    text-align: center;
}

.tab-btn.active[b-1qi8wdw88v] {
    background-color: #ffffff;
    color: #003f87;
    border-bottom-color: #003f87;
}

.tab-content-box[b-1qi8wdw88v] {
    padding: 12px;
    font-size: 1rem;
    max-height: 180px;
    overflow-y: auto;
}

.tab-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: collapse;
}

.tab-table th[b-1qi8wdw88v] {
    font-weight: 700;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
    padding: 4px 6px;
    text-align: left;
}

.tab-table td[b-1qi8wdw88v] {
    padding: 6px 6px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-weight: 500;
}

.tab-table tr:last-child td[b-1qi8wdw88v] {
    border-bottom: none;
}

/* Right Detail Panel */
.right-panel[b-1qi8wdw88v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.patient-header-card[b-1qi8wdw88v] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    border-top: 4px solid #ef4444; /* Top red bar like mockup */
    padding: 20px;
}

.header-top-row[b-1qi8wdw88v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.header-metadata[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lab-no-title[b-1qi8wdw88v] {
    font-size: 1.15rem;
    font-weight: 900;
    color: #0f172a;
}

.meta-box[b-1qi8wdw88v] {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 1rem;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
}

.header-badges[b-1qi8wdw88v] {
    display: flex;
    gap: 8px;
}

.priority-badge-card[b-1qi8wdw88v] {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    padding: 6px 14px;
    border-radius: 6px;
    text-align: center;
    font-weight: 900;
    font-size: 1rem;
}

.group-badge-card[b-1qi8wdw88v] {
    background-color: #003f87;
    color: #ffffff;
    padding: 4px 16px;
    border-radius: 6px;
    text-align: center;
    font-weight: 900;
    font-size: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.group-badge-card span[b-1qi8wdw88v] {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    opacity: 0.8;
}

.patient-large-name[b-1qi8wdw88v] {
    font-size: 1.75rem;
    font-weight: 900;
    color: #1e3a8a;
    margin-bottom: 20px;
}

.patient-info-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 20px;
    border-top: 1px solid #f1f5f9;
    padding-top: 16px;
}

.grid-item-span-2[b-1qi8wdw88v] {
    grid-column: span 2;
}

.info-label[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.info-value[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.header-actions-row[b-1qi8wdw88v] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    border-top: 1px solid #f1f5f9;
    padding-top: 16px;
}

.btn-header-action[b-1qi8wdw88v] {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    padding: 8px 16px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.15s ease;
}

.btn-header-action:hover[b-1qi8wdw88v] {
    background-color: #f8fafc;
    border-color: #94a3b8;
}

/* Bottom Split Section */
.bottom-work-section[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 20px;
}

.work-card[b-1qi8wdw88v] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
}

.work-card-header[b-1qi8wdw88v] {
    padding: 16px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work-card-title[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 800;
    color: #1e3a8a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-plus-icon[b-1qi8wdw88v] {
    color: #1d4ed8;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: background-color 0.15s;
}

.btn-plus-icon:hover[b-1qi8wdw88v] {
    background-color: #eff6ff;
}

.work-card-body[b-1qi8wdw88v] {
    padding: 16px;
    flex: 1;
}

/* Lab Results styling */
.lab-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: collapse;
}

.lab-table th[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
    border-bottom: 1.5px solid #cbd5e1;
    padding: 8px 4px;
    text-align: left;
}

.lab-table td[b-1qi8wdw88v] {
    padding: 10px 4px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 1rem;
    vertical-align: middle;
}

.checkbox-col[b-1qi8wdw88v] {
    width: 24px;
}

.checkbox-custom[b-1qi8wdw88v] {
    width: 16px;
    height: 16px;
    accent-color: #1d4ed8;
    cursor: pointer;
}

.test-name-col[b-1qi8wdw88v] {
    color: #1e293b;
    font-weight: 700;
}

.lab-exam-title[b-1qi8wdw88v],
.lab-exam-note[b-1qi8wdw88v] {
    display: block;
}

.lab-exam-title[b-1qi8wdw88v] {
    color: #12395c;
    font-size: 1rem;
    font-weight: 900;
}

.lab-exam-note[b-1qi8wdw88v] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 600;
}

.lab-exam-control[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 2.7rem minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
}

.lab-exam-control > span[b-1qi8wdw88v],
.lab-exam-key[b-1qi8wdw88v] {
    color: #52677a;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.select-result[b-1qi8wdw88v] {
    width: 100%;
    padding: 4px 8px;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    outline: none;
    background-color: #ffffff;
}

.select-result:focus[b-1qi8wdw88v] {
    border-color: #1d4ed8;
}

/* Crossmatching styling */
.btn-match-blood[b-1qi8wdw88v] {
    background-color: #003f87;
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.15s;
}

.btn-match-blood:hover[b-1qi8wdw88v] {
    background-color: #002d62;
}

.crossmatch-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: collapse;
}

.crossmatch-table th[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
    border-bottom: 1.5px solid #cbd5e1;
    padding: 8px 6px;
    text-align: left;
}

.crossmatch-table td[b-1qi8wdw88v] {
    padding: 10px 6px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 1rem;
    vertical-align: middle;
}

.lock-col[b-1qi8wdw88v] {
    width: 24px;
    text-align: center;
    color: #64748b;
}

.barcode-link[b-1qi8wdw88v] {
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.badge-unit-abo[b-1qi8wdw88v] {
    background-color: #f1f5f9;
    color: #1e3a8a;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    font-size: 1rem;
}

.no-data-msg[b-1qi8wdw88v] {
    text-align: center;
    color: #64748b;
    padding: 40px 0;
    font-size: 1rem;
    font-style: italic;
}

.scan-msg-box[b-1qi8wdw88v] {
    margin-top: 16px;
    padding: 10px;
    background-color: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    text-align: center;
    font-size: 1rem;
    color: #475569;
    font-weight: 600;
}

/* Modals */
.modal-overlay[b-1qi8wdw88v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(15, 23, 42, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    backdrop-filter: blur(2px);
}

.modal-content[b-1qi8wdw88v] {
    background-color: #ffffff;
    border-radius: 12px;
    width: 600px;
    max-width: 90vw;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.modal-header[b-1qi8wdw88v] {
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-1qi8wdw88v] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1e3a8a;
}

.modal-close[b-1qi8wdw88v] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
}

.modal-body[b-1qi8wdw88v] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.modal-search-box[b-1qi8wdw88v] {
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
}

.modal-search-input[b-1qi8wdw88v] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 1rem;
    outline: none;
}

.modal-search-input:focus[b-1qi8wdw88v] {
    border-color: #1d4ed8;
}

.modal-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: collapse;
}

.modal-table th[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
    border-bottom: 1.5px solid #cbd5e1;
    padding: 8px;
    text-align: left;
}

.modal-table td[b-1qi8wdw88v] {
    padding: 10px 8px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 1rem;
}

.btn-select-unit[b-1qi8wdw88v] {
    background-color: #2563eb;
    color: #ffffff;
    border: none;
    padding: 6px 10px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
}

.btn-select-unit:hover[b-1qi8wdw88v] {
    background-color: #1d4ed8;
}

button:disabled[b-1qi8wdw88v] {
    background-color: #f1f5f9 !important;
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
    opacity: 0.65;
}

.crossmatching-card[b-1qi8wdw88v] {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}

.crossmatching-card-body[b-1qi8wdw88v] {
    overflow-x: auto;
    width: 100%;
}

@media (max-width: 1024px) {
    .bottom-work-section[b-1qi8wdw88v] {
        grid-template-columns: 1fr;
    }}

.select-result:disabled[b-1qi8wdw88v],
button:disabled[b-1qi8wdw88v] {
    cursor: not-allowed;
    opacity: 0.55;
}

.correction-modal-overlay[b-1qi8wdw88v] {
    z-index: 90;
}

.correction-modal[b-1qi8wdw88v] {
    width: min(620px, calc(100vw - 32px));
}

.correction-cancel-modal[b-1qi8wdw88v] {
    width: min(520px, calc(100vw - 32px));
}

.correction-modal-body[b-1qi8wdw88v] {
    display: grid;
    gap: 14px;
}

.correction-previous-result[b-1qi8wdw88v] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-size: 1rem;
}

.correction-field[b-1qi8wdw88v] {
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: 1rem;
    font-weight: 700;
}

.correction-textarea[b-1qi8wdw88v] {
    min-height: 72px;
    resize: vertical;
}

.correction-confirmation[b-1qi8wdw88v] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #475569;
    font-size: 1rem;
}

.correction-modal-actions[b-1qi8wdw88v] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid #e2e8f0;
}

/* 📱 Responsive Demand and Prep Tabs Summary Layouts */
.summary-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(100px, auto) minmax(0, 1fr);
    gap: 8px 12px;
}

.summary-label[b-1qi8wdw88v] {
    color: #64748b;
    font-weight: 600;
    min-width: 0;
}

.summary-value[b-1qi8wdw88v] {
    color: #1e293b;
    word-break: break-word;
    overflow-wrap: break-word;
    min-width: 0;
}

.summary-value.no-wrap[b-1qi8wdw88v] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Preparation summary table styles */
.prep-table-container[b-1qi8wdw88v] {
    width: 100%;
}

.prep-summary-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1rem;
    text-align: left;
    color: #334155;
}

.prep-summary-table th[b-1qi8wdw88v], .prep-summary-table td[b-1qi8wdw88v] {
    padding: 6px 4px;
    border-bottom: 1px solid #f1f5f9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-summary-table th[b-1qi8wdw88v] {
    font-weight: 700;
    background-color: #f8fafc;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
}

@media (max-width: 1024px) {
    .summary-grid[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }}

@media (max-width: 768px) {
    .tab-content-box[b-1qi8wdw88v] {
        padding: 8px;
        font-size: 1rem;
    }
    .summary-grid[b-1qi8wdw88v] {
        font-size: 1rem;
        line-height: 1.2;
    }
    .prep-summary-table[b-1qi8wdw88v] {
        font-size: 1rem;
    }
    .prep-summary-table th[b-1qi8wdw88v], .prep-summary-table td[b-1qi8wdw88v] {
        padding: 4px 2px;
    }}

/* Liquid Glass prototype overrides. Clinical tables and long work areas remain solid. */
.worklist-layout[b-1qi8wdw88v] {
    gap: 1rem;
    background: transparent;
}

.left-panel[b-1qi8wdw88v],
.right-panel[b-1qi8wdw88v] {
    border-color: rgba(255, 255, 255, 0.76);
    border-radius: var(--jiva-radius-md);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--jiva-shadow-sm);
    backdrop-filter: blur(var(--jiva-blur)) saturate(1.06);
    -webkit-backdrop-filter: blur(var(--jiva-blur)) saturate(1.06);
}

.panel-header[b-1qi8wdw88v] {
    border: 0;
    border-bottom: 1px solid var(--jiva-divider);
    border-radius: var(--jiva-radius-md) var(--jiva-radius-md) 0 0;
    background: rgba(248, 251, 253, 0.84);
    box-shadow: none;
}

.panel-title[b-1qi8wdw88v],
.work-card-title[b-1qi8wdw88v] {
    color: #15324a;
    letter-spacing: 0;
}

.filter-input[b-1qi8wdw88v],
.select-result[b-1qi8wdw88v],
.correction-field input[b-1qi8wdw88v],
.correction-field select[b-1qi8wdw88v],
.correction-field textarea[b-1qi8wdw88v] {
    border-color: #a9b7c4;
    border-radius: var(--jiva-radius-sm);
    color: var(--jiva-ink);
    background: rgba(255, 255, 255, 0.94);
}

.filter-input:focus[b-1qi8wdw88v],
.select-result:focus[b-1qi8wdw88v],
.correction-field input:focus[b-1qi8wdw88v],
.correction-field select:focus[b-1qi8wdw88v],
.correction-field textarea:focus[b-1qi8wdw88v] {
    border-color: var(--jiva-primary);
    outline: 3px solid rgba(7, 89, 133, 0.14);
}

.filter-btn[b-1qi8wdw88v],
.btn-match-blood[b-1qi8wdw88v] {
    border: 1px solid rgba(7, 89, 133, 0.24);
    border-radius: var(--jiva-radius-sm);
    color: #fff;
    background: var(--jiva-primary);
    box-shadow: 0 3px 10px rgba(7, 89, 133, 0.16);
}

.filter-btn:hover[b-1qi8wdw88v],
.btn-match-blood:hover[b-1qi8wdw88v] {
    border-color: var(--jiva-primary-strong);
    background: var(--jiva-primary-strong);
}

.work-items-list[b-1qi8wdw88v] {
    background: rgba(244, 248, 251, 0.74);
}

.work-card[b-1qi8wdw88v] {
    border-color: rgba(255, 255, 255, 0.78);
    border-radius: var(--jiva-radius-md);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: var(--jiva-shadow-sm);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.work-card-header[b-1qi8wdw88v] {
    border-color: var(--jiva-divider);
    background: rgba(241, 247, 250, 0.88);
}

.prep-summary-table[b-1qi8wdw88v],
.lab-table[b-1qi8wdw88v],
.crossmatch-table[b-1qi8wdw88v],
.modal-table[b-1qi8wdw88v] {
    border-color: #cbd5df;
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.prep-summary-table th[b-1qi8wdw88v],
.lab-table th[b-1qi8wdw88v],
.crossmatch-table th[b-1qi8wdw88v],
.modal-table th[b-1qi8wdw88v] {
    color: #34495b;
    background: #eef3f7;
}

.prep-summary-table td[b-1qi8wdw88v],
.lab-table td[b-1qi8wdw88v],
.crossmatch-table td[b-1qi8wdw88v],
.modal-table td[b-1qi8wdw88v] {
    background: rgba(255, 255, 255, 0.98);
}

.modal-overlay[b-1qi8wdw88v] {
    padding: 0.75rem;
    background: rgba(16, 31, 45, 0.46);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.modal-content[b-1qi8wdw88v] {
    max-height: 88vh;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: var(--jiva-radius-md);
    background: rgba(252, 253, 254, 0.94);
    box-shadow: 0 18px 48px rgba(15, 31, 45, 0.2);
    backdrop-filter: blur(var(--jiva-blur));
    -webkit-backdrop-filter: blur(var(--jiva-blur));
}

.modal-header[b-1qi8wdw88v] {
    flex: 0 0 auto;
    border-color: var(--jiva-divider);
    background: rgba(245, 249, 252, 0.9);
}

.modal-body[b-1qi8wdw88v] {
    min-height: 0;
    overflow-y: auto;
}

@media (max-width: 1100px) {
    .worklist-layout[b-1qi8wdw88v] {
        gap: 0.75rem;
    }}

@media (max-width: 768px) {
    .left-panel[b-1qi8wdw88v],
    .right-panel[b-1qi8wdw88v] {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(255, 255, 255, 0.96);
    }}

@media (max-width: 640px) {
    .prep-table-container[b-1qi8wdw88v] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .prep-summary-table[b-1qi8wdw88v] {
        table-layout: auto;
        min-width: 480px;
    }}

/* 🧪 Lab Results display layout */
.lab-result-display[b-1qi8wdw88v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
}

.antibody-identification[b-1qi8wdw88v] {
    display: grid;
    gap: 0.6rem;
    margin: 0.65rem;
    padding: 0.7rem;
    border: 1px solid #d8c9f3;
    border-left: 4px solid #7855c7;
    border-radius: 6px;
    background: #fbfaff;
}

.antibody-identification-header[b-1qi8wdw88v],
.antibody-identification-summary[b-1qi8wdw88v],
.antibody-review-meta[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.antibody-identification-header[b-1qi8wdw88v] { justify-content: space-between; }

.antibody-identification-header > div[b-1qi8wdw88v] {
    display: grid;
    gap: 0.1rem;
}

.antibody-identification-header span[b-1qi8wdw88v],
.antibody-identification p[b-1qi8wdw88v],
.antibody-review-meta[b-1qi8wdw88v] {
    color: #5f6f82;
    font-size: 1rem;
    font-weight: 700;
}

.antibody-identification-summary[b-1qi8wdw88v] {
    padding: 0.45rem 0.55rem;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.antibody-panel-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(4.2rem, 1fr));
    gap: 0.35rem;
}

.antibody-panel-cell[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.4rem 0.45rem;
    border: 1px solid #d9e2ec;
    border-radius: 4px;
    background: #fff;
    font-size: 1rem;
}

.antibody-panel-cell strong[b-1qi8wdw88v] { color: #174b75; }
.antibody-review-meta[b-1qi8wdw88v] { align-items: flex-start; flex-direction: column; }
.antibody-review-modal[b-1qi8wdw88v] { width: min(760px, calc(100vw - 32px)); }
.antibody-review-body[b-1qi8wdw88v] { display: grid; gap: 0.8rem; }

@media (max-width: 640px) {
    .antibody-identification[b-1qi8wdw88v] { margin: 0.45rem; }
    .antibody-panel-grid[b-1qi8wdw88v] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.lab-result-value[b-1qi8wdw88v] {
    font-weight: 700;
    color: #1e293b;
}

.lab-result-rev[b-1qi8wdw88v] {
    color: #94a3b8;
    font-size: 1rem;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .lab-result-display[b-1qi8wdw88v] {
        gap: 4px;
        font-size: 1rem;
    }
    .lab-result-rev[b-1qi8wdw88v] {
        font-size: 1rem;
    }}

/* Full-screen clinical workstation layout. */
.worklist-layout[b-1qi8wdw88v] {
    grid-template-columns: minmax(340px, 26%) minmax(0, 1fr);
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0.75rem;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(222, 235, 244, 0.58), transparent 36%),
        rgba(239, 245, 248, 0.72);
}

.left-panel[b-1qi8wdw88v],
.right-panel[b-1qi8wdw88v] {
    height: 100%;
    min-height: 0;
    border-radius: var(--jiva-radius-sm);
}

.left-panel[b-1qi8wdw88v] {
    position: relative;
    top: auto;
}

.right-panel[b-1qi8wdw88v] {
    gap: 0.75rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: rgba(245, 249, 251, 0.76);
}

.panel-header[b-1qi8wdw88v] {
    flex: 0 0 auto;
    padding: 0.875rem;
}

.panel-title[b-1qi8wdw88v] {
    margin-bottom: 0.625rem;
}

.patient-context-header[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 5;
    flex: 0 0 auto;
    border-width: 0 0 1px;
    border-top: 3px solid var(--jiva-danger);
    border-radius: 0;
    padding: 0.875rem 1rem;
    background: rgba(252, 253, 254, 0.96);
    box-shadow: 0 8px 20px rgba(28, 45, 61, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.patient-context-header .header-top-row[b-1qi8wdw88v] {
    margin-bottom: 0.5rem;
}

.patient-context-header .patient-large-name[b-1qi8wdw88v] {
    margin-bottom: 0.625rem;
    font-size: clamp(1.25rem, 1.7vw, 1.65rem);
    line-height: 1.2;
}

.patient-context-band[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns:
        minmax(110px, 0.8fr)
        minmax(74px, 0.45fr)
        minmax(88px, 0.5fr)
        minmax(150px, 1.25fr)
        minmax(150px, 1.25fr)
        minmax(130px, 0.9fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid #c8d4de;
    border-radius: var(--jiva-radius-sm);
    background: #c8d4de;
}

.patient-context-item[b-1qi8wdw88v] {
    min-width: 0;
    padding: 0.5rem 0.625rem;
    background: #f7fafc;
}

.patient-context-item span[b-1qi8wdw88v],
.patient-context-item strong[b-1qi8wdw88v] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-context-item span[b-1qi8wdw88v] {
    margin-bottom: 0.15rem;
    color: #637586;
    font-size: 1rem;
    font-weight: 800;
}

.patient-context-item strong[b-1qi8wdw88v] {
    color: #163047;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.patient-context-item--critical[b-1qi8wdw88v] {
    background: #edf6fa;
}

.patient-context-item--critical strong[b-1qi8wdw88v] {
    color: var(--jiva-primary-strong);
    font-size: 1rem;
}

.patient-context-item--status[b-1qi8wdw88v] {
    background: #e9f5ef;
}

.patient-context-item--status strong[b-1qi8wdw88v] {
    color: #086347;
}

.patient-context-header .patient-info-grid[b-1qi8wdw88v] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.625rem 0.875rem;
    margin-top: 0.625rem;
    padding-top: 0.625rem;
}

.patient-context-header .header-actions-row[b-1qi8wdw88v] {
    margin-top: 0.625rem;
    padding-top: 0.625rem;
}

.right-panel > .bottom-work-section[b-1qi8wdw88v],
.right-panel > .work-card[b-1qi8wdw88v],
.right-panel > .crossmatching-card[b-1qi8wdw88v] {
    margin-inline: 0.75rem;
}

.right-panel > :last-child[b-1qi8wdw88v] {
    margin-bottom: 0.75rem;
}

.work-card[b-1qi8wdw88v] {
    border-radius: var(--jiva-radius-sm);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.98);
}

.work-card-header[b-1qi8wdw88v],
.work-card-body[b-1qi8wdw88v] {
    padding: 0.75rem;
}

@media (max-width: 1180px) {
    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(320px, 34%) minmax(0, 1fr);
    }

    .patient-context-band[b-1qi8wdw88v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .patient-context-header .patient-info-grid[b-1qi8wdw88v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }}

@media (max-width: 900px) {
    .worklist-layout[b-1qi8wdw88v] {
        display: block;
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .left-panel[b-1qi8wdw88v] {
        height: min(42rem, calc(100dvh - 6rem));
        margin-bottom: 0.75rem;
    }

    .right-panel[b-1qi8wdw88v] {
        height: auto;
        overflow: visible;
    }

    .patient-context-header[b-1qi8wdw88v] {
        position: relative;
    }}

@media (max-width: 640px) {
    .worklist-layout[b-1qi8wdw88v] {
        padding: 0.5rem;
    }

    .patient-context-band[b-1qi8wdw88v],
    .patient-context-header .patient-info-grid[b-1qi8wdw88v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .patient-context-header .header-top-row[b-1qi8wdw88v],
    .patient-context-header .header-metadata[b-1qi8wdw88v],
    .patient-context-header .header-badges[b-1qi8wdw88v] {
        align-items: stretch;
        flex-direction: column;
    }}

/* Workflow reference page: dense workstation surfaces beneath the locked app shell. */
.worklist-layout[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(350px, 26vw) minmax(0, 1fr);
    gap: 0.625rem;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.625rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 0%, rgba(92, 171, 218, 0.09), transparent 27rem),
        #eef4f8;
}

.left-panel[b-1qi8wdw88v],
.right-panel[b-1qi8wdw88v] {
    min-width: 0;
    height: 100%;
    border: 1px solid rgba(148, 176, 198, 0.34);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(34, 71, 100, 0.07);
}

.left-panel[b-1qi8wdw88v] {
    display: grid;
    grid-template-rows: auto minmax(12rem, 1fr) auto auto minmax(8rem, 0.38fr);
    overflow: hidden;
    background: rgba(249, 252, 254, 0.98);
}

.right-panel[b-1qi8wdw88v] {
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f8fa;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

.panel-header[b-1qi8wdw88v] {
    display: grid;
    gap: 0.625rem;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(147, 174, 194, 0.32);
    border-radius: 7px 7px 0 0;
    background: rgba(248, 252, 255, 0.82);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.worklist-heading-row[b-1qi8wdw88v],
.filter-row[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.worklist-heading-row .panel-title[b-1qi8wdw88v] {
    margin: 0;
    color: #12304a;
    font-size: 1rem;
    line-height: 1.25;
}

.worklist-count[b-1qi8wdw88v],
.keyboard-hint[b-1qi8wdw88v] {
    color: #62788b;
    font-size: 1rem;
    font-weight: 700;
}

.keyboard-hint[b-1qi8wdw88v] {
    padding: 0.22rem 0.42rem;
    border: 1px solid rgba(133, 162, 184, 0.34);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
}

.request-search[b-1qi8wdw88v] {
    position: relative;
    width: 100%;
}

.request-search-icon[b-1qi8wdw88v] {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    color: #557088;
    pointer-events: none;
    transform: translateY(-50%);
}

.filter-input[b-1qi8wdw88v],
.request-search-input[b-1qi8wdw88v] {
    min-width: 0;
    border: 1px solid #bfd0dc;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
    color: #173149;
}

.request-search-input[b-1qi8wdw88v] {
    width: 100%;
    height: 2.65rem;
    padding: 0 0.75rem 0 2.35rem;
    font-size: 1rem;
}

.filter-input:focus[b-1qi8wdw88v],
.request-search-input:focus[b-1qi8wdw88v],
.workflow-stage-nav a:focus-visible[b-1qi8wdw88v],
.btn-header-action:focus-visible[b-1qi8wdw88v],
.scanner-input:focus[b-1qi8wdw88v] {
    border-color: #1973d1;
    outline: 3px solid rgba(25, 115, 209, 0.2);
    outline-offset: 1px;
}

.filter-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.filter-field[b-1qi8wdw88v] {
    display: grid;
    gap: 0.25rem;
    color: #536b80;
    font-size: 1rem;
    font-weight: 800;
}

.filter-field .filter-input[b-1qi8wdw88v] {
    width: 100%;
    height: 2.15rem;
    padding-inline: 0.5rem;
    font-size: 1rem;
}

.filter-btn[b-1qi8wdw88v] {
    min-height: 2.15rem;
    padding-inline: 0.8rem;
    border: 1px solid #aac3d7;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.88);
    color: #204761;
    font-size: 1rem;
    font-weight: 800;
}

.work-items-list[b-1qi8wdw88v] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    scrollbar-gutter: stable;
}

.legend-box[b-1qi8wdw88v],
.bottom-tabs[b-1qi8wdw88v],
.tab-content-box[b-1qi8wdw88v] {
    border-color: #dce6ed;
    background: #f8fbfd;
}

.legend-box[b-1qi8wdw88v] {
    padding-block: 0.45rem;
}

.legend-grid[b-1qi8wdw88v] {
    gap: 0.3rem 0.55rem;
}

.patient-context-header[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 0;
    padding: 0.7rem 0.8rem;
    border: 0;
    border-bottom: 1px solid rgba(128, 160, 184, 0.38);
    border-radius: 0;
    background: rgba(244, 250, 254, 0.88);
    box-shadow: 0 7px 18px rgba(35, 72, 99, 0.08);
    backdrop-filter: blur(20px) saturate(130%);
    -webkit-backdrop-filter: blur(20px) saturate(130%);
}

.patient-context-header .header-top-row[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.patient-context-header .header-metadata[b-1qi8wdw88v] {
    display: block;
    min-width: 0;
}

.patient-context-eyebrow[b-1qi8wdw88v] {
    display: block;
    color: #39708f;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.patient-context-name[b-1qi8wdw88v] {
    margin: 0.1rem 0 0;
    overflow: hidden;
    color: #102b43;
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-context-meta[b-1qi8wdw88v] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.18rem;
    color: #63788a;
    font-size: 1rem;
    font-weight: 700;
}

.patient-context-header .header-badges[b-1qi8wdw88v] {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 0.4rem;
}

.status-badge-card[b-1qi8wdw88v],
.priority-badge-card[b-1qi8wdw88v],
.group-badge-card[b-1qi8wdw88v] {
    min-width: 5.4rem;
    padding: 0.35rem 0.55rem;
    border-radius: 6px;
    font-size: 1rem;
    line-height: 1.25;
}

.patient-context-band[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 0.8fr 0.7fr 1.25fr 1.25fr 1fr;
    gap: 0.35rem;
    margin-top: 0.6rem;
}

.patient-context-item[b-1qi8wdw88v] {
    min-width: 0;
    padding: 0.42rem 0.5rem;
    border: 1px solid rgba(161, 187, 205, 0.32);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.7);
}

.patient-context-item span[b-1qi8wdw88v],
.patient-context-item strong[b-1qi8wdw88v] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-context-item span[b-1qi8wdw88v] {
    margin: 0 0 0.12rem;
    color: #63788a;
    font-size: 1rem;
    font-weight: 800;
}

.patient-context-item strong[b-1qi8wdw88v] {
    color: #163249;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.patient-context-item--critical[b-1qi8wdw88v] {
    background: #edf7fa;
}

.patient-context-item--critical strong[b-1qi8wdw88v] {
    color: #087b78;
    font-size: 1rem;
}

.patient-context-item--status[b-1qi8wdw88v] {
    background: #ebf6ef;
}

.patient-context-item--status strong[b-1qi8wdw88v] {
    color: #096245;
}

.request-demographics-panel[b-1qi8wdw88v] {
    margin: 0.625rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #dbe6ed;
    border-radius: 7px;
    background: #fff;
}

.request-demographics-panel .patient-info-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem 0.8rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.request-demographics-panel .info-label[b-1qi8wdw88v] {
    color: #6b7f90;
    font-size: 1rem;
    font-weight: 800;
}

.request-demographics-panel .info-value[b-1qi8wdw88v] {
    overflow-wrap: anywhere;
    color: #1c354b;
    font-size: 1rem;
    font-weight: 700;
}

.request-demographics-panel .header-actions-row[b-1qi8wdw88v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e6edf2;
}

.btn-header-action[b-1qi8wdw88v] {
    min-height: 2rem;
    border-radius: 5px;
}

.workflow-stage-nav[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0.625rem 0.625rem;
    padding: 0.35rem;
    overflow-x: auto;
    border: 1px solid rgba(143, 171, 191, 0.32);
    border-radius: 7px;
    background: rgba(247, 251, 254, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.workflow-stage-nav a[b-1qi8wdw88v] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.3rem 0.65rem;
    border-radius: 5px;
    color: #31556f;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
}

.workflow-stage-nav a:hover[b-1qi8wdw88v] {
    background: #e6f1f8;
    color: #135c96;
}

.workflow-stage-nav a span[b-1qi8wdw88v],
.stage-number[b-1qi8wdw88v] {
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #1973d1;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.bottom-work-section[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.8fr);
    align-items: start;
    gap: 0.625rem;
    margin: 0 0.625rem 0.625rem;
}

.right-panel > .work-card[b-1qi8wdw88v],
.right-panel > .crossmatching-card[b-1qi8wdw88v] {
    margin-inline: 0.625rem;
}

.work-card[b-1qi8wdw88v] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e4eb;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(41, 74, 99, 0.05);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    scroll-margin-top: 9rem;
}

.work-card-header[b-1qi8wdw88v] {
    min-height: 2.65rem;
    padding: 0.62rem 0.75rem;
    border-bottom: 1px solid #dfe8ee;
    background: #f3f7fa;
}

.work-card-title[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    color: #15344d;
    font-size: 1rem;
    font-weight: 900;
}

.work-card-body[b-1qi8wdw88v] {
    min-width: 0;
    padding: 0.65rem;
    background: #fff;
}

.scanner-input[b-1qi8wdw88v] {
    height: 2.85rem;
    padding-inline: 0.75rem;
    border-width: 2px;
    border-color: #5ca5d8;
    background: #fafdff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.lab-table-wrapper[b-1qi8wdw88v],
.crossmatch-table-wrapper[b-1qi8wdw88v],
.overflow-x-auto[b-1qi8wdw88v] {
    max-width: 100%;
    overflow-x: auto;
}

.lab-table[b-1qi8wdw88v],
.crossmatch-table[b-1qi8wdw88v] {
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.lab-table thead th[b-1qi8wdw88v],
.crossmatch-table thead th[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 3;
    padding-block: 0.48rem;
    border-bottom: 1px solid #cddbe5;
    background: #edf3f7;
    color: #38566d;
    font-size: 1rem;
    font-weight: 900;
}

.lab-table tbody td[b-1qi8wdw88v],
.crossmatch-table tbody td[b-1qi8wdw88v] {
    padding-block: 0.45rem;
    border-bottom-color: #e5edf2;
    background: #fff;
    font-size: 1rem;
}

.lab-table tbody tr:hover td[b-1qi8wdw88v],
.crossmatch-table tbody tr:hover td[b-1qi8wdw88v] {
    background: #f5f9fc;
}

@media (max-width: 1366px) {
    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(330px, 27vw) minmax(0, 1fr);
        gap: 0.5rem;
        padding: 0.5rem;
    }

    .patient-context-band[b-1qi8wdw88v] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .request-demographics-panel .patient-info-grid[b-1qi8wdw88v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bottom-work-section[b-1qi8wdw88v] {
        grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.55fr);
    }

    .legend-box[b-1qi8wdw88v] {
        display: none;
    }

    .left-panel[b-1qi8wdw88v] {
        grid-template-rows: auto minmax(12rem, 1fr) auto minmax(7rem, 0.33fr);
    }}

@media (max-width: 1100px) {
    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(310px, 34vw) minmax(0, 1fr);
    }

    .patient-context-header .header-top-row[b-1qi8wdw88v] {
        align-items: flex-start;
    }

    .patient-context-header .header-badges[b-1qi8wdw88v] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .bottom-work-section[b-1qi8wdw88v] {
        grid-template-columns: 1fr;
    }}

@media (max-width: 900px) {
    .worklist-layout[b-1qi8wdw88v] {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .left-panel[b-1qi8wdw88v] {
        height: min(38rem, calc(100dvh - 7rem));
        min-height: 30rem;
        margin: 0;
    }

    .right-panel[b-1qi8wdw88v] {
        height: auto;
        overflow: visible;
    }

    .patient-context-header[b-1qi8wdw88v] {
        position: sticky;
        top: var(--jiva-shell-header-height, 4.5rem);
    }

    .patient-context-band[b-1qi8wdw88v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }}

@media (max-width: 640px) {
    .worklist-layout[b-1qi8wdw88v] {
        padding: 0.35rem;
    }

    .filter-grid[b-1qi8wdw88v],
    .patient-context-band[b-1qi8wdw88v],
    .request-demographics-panel .patient-info-grid[b-1qi8wdw88v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .patient-context-header .header-top-row[b-1qi8wdw88v] {
        display: grid;
    }

    .patient-context-header .header-badges[b-1qi8wdw88v] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .status-badge-card[b-1qi8wdw88v],
    .priority-badge-card[b-1qi8wdw88v],
    .group-badge-card[b-1qi8wdw88v] {
        min-width: 0;
    }

    .request-demographics-panel[b-1qi8wdw88v],
    .workflow-stage-nav[b-1qi8wdw88v],
    .bottom-work-section[b-1qi8wdw88v],
    .right-panel > .work-card[b-1qi8wdw88v],
    .right-panel > .crossmatching-card[b-1qi8wdw88v] {
        margin-inline: 0.35rem;
    }

    .patient-context-meta[b-1qi8wdw88v] {
        display: grid;
        gap: 0.1rem;
    }}

/* ===== Usability redesign additions: guided stepper, alert severity, disabled-reason hints ===== */
/* Appended as a new final layer so these rules win cascade order without touching the
   existing layered overrides above (which build on each other, not on full redefinition). */

.alert-modal[b-1qi8wdw88v] {
    border-top: 4px solid #94a3b8;
}

.alert-modal--success[b-1qi8wdw88v] {
    border-top-color: #16a34a;
}

.alert-modal--danger[b-1qi8wdw88v] {
    border-top-color: #dc2626;
}

.alert-modal--pending[b-1qi8wdw88v] {
    border-top-color: #d97706;
}

.alert-modal--info[b-1qi8wdw88v] {
    border-top-color: #2563eb;
}

/* All 3 stages (specimen/lab/crossmatch) render fully and simultaneously,
   like the reference LIMS: no click-to-expand. The stage-number circle in
   each section header is still colored by workflow progress so it reads
   at a glance which stage is actively being worked on. */
.stage-number.done[b-1qi8wdw88v] {
    background: #16a34a;
}

.stage-number.current[b-1qi8wdw88v] {
    background: #1973d1;
}

.stage-number.upcoming[b-1qi8wdw88v] {
    background: #cbd5e1;
    color: #64748b;
}

/* Legend counts next to each status dot, matching the reference's
   All(34)/Pending(4)/... pattern */
.legend-item[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.legend-count[b-1qi8wdw88v] {
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
}

.legend-dot.all[b-1qi8wdw88v] {
    background-color: #334155;
}

/* Inline disabled-reason hints (visible without hover, for touch/scanner terminals) */
.disabled-reason-hint[b-1qi8wdw88v] {
    display: block;
    margin-top: 0.25rem;
    color: #b45309;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.stage-number svg[b-1qi8wdw88v] {
    width: 0.75rem;
    height: 0.75rem;
}

/* Compact search box: date-range picker was removed from the toolbar (see
   LoadRequestsAsync — searching now bypasses the recent-requests window
   instead), so the search field no longer needs to anchor a tall filter
   block and can shrink to give the scrollable list more vertical room. */
.request-search--compact .request-search-input[b-1qi8wdw88v] {
    height: 2.15rem;
    padding: 0 0.6rem 0 2.05rem;
    font-size: 1rem;
}

.request-search--compact .request-search-icon[b-1qi8wdw88v] {
    width: 0.85rem;
    height: 0.85rem;
    left: 0.65rem;
}

/* Toolbar tidy-up: count as a pill next to the title (title/count no longer
   need a wrapper div now that the stray "Enter to search" hint is gone —
   search is live/debounced instead), and a single compact status toggle
   row replacing the old checkbox + redundant "กรองรายการ" button (search
   and the checkbox already reload the list on their own). */
.worklist-count-badge[b-1qi8wdw88v] {
    flex: 0 0 auto;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #eaf1f6;
    color: #31556f;
    font-size: 1rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.show-all-toggle[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    margin-top: 0.55rem;
    padding: 0.35rem 0.6rem;
    border: 1px solid #d9e4eb;
    border-radius: 999px;
    background: #fff;
    color: #31556f;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

.show-all-toggle input[b-1qi8wdw88v] {
    width: 0.85rem;
    height: 0.85rem;
    accent-color: #1973d1;
    cursor: pointer;
}

/* ===== Dense worklist table =====
   Replaces the tall card-per-request list with a real table (like the
   hospital's existing BB-LIMS screen): sticky header, ~1.9rem rows, so a
   full ward's worth of requests is visible without scrolling. */
.worklist-table[b-1qi8wdw88v] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
}

.worklist-table thead th[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid #cddbe5;
    background: #edf3f7;
    color: #38566d;
    font-size: 1rem;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

/* Fixed widths for the short code columns so the patient-name column keeps
   whatever is left over - it is the one that actually needs the room. */
.worklist-table .col-dot[b-1qi8wdw88v] { width: 1.1rem; }
.worklist-table .col-task[b-1qi8wdw88v] { width: 1.7rem; }
.worklist-table .col-unit[b-1qi8wdw88v] { width: 1.4rem; text-align: center; }
/* HN runs up to ~22 chars in real data (e.g. PB-071409-1C06-ISF3-HN), so it
   gets a generous fixed column; the name column takes whatever remains. */
.worklist-table .col-hn[b-1qi8wdw88v] { width: 7.5rem; }

.worklist-row[b-1qi8wdw88v] {
    cursor: pointer;
}

.worklist-row > td[b-1qi8wdw88v] {
    padding: 0.3rem 0.4rem;
    border-bottom: 1px solid #e9eff4;
    color: #19364e;
    font-size: 1rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.worklist-row:hover > td[b-1qi8wdw88v] {
    background: #f3f8fc;
}

.worklist-row.active > td[b-1qi8wdw88v] {
    background: #dbeafe;
    font-weight: 800;
}

.worklist-row.active > td:first-child[b-1qi8wdw88v] {
    box-shadow: inset 3px 0 0 #176db9;
}

.worklist-row.is-realtime-new > td[b-1qi8wdw88v] {
    animation: worklist-realtime-highlight-b-1qi8wdw88v 5s ease-out;
}

@keyframes worklist-realtime-highlight-b-1qi8wdw88v {
    0%, 35% { background: #dcfce7; }
    100% { background: transparent; }
}

.worklist-row:focus-visible[b-1qi8wdw88v] {
    outline: 2px solid #1973d1;
    outline-offset: -2px;
}

/* .status-dot is sized via width/height, so it needs a block-ish display now
   that it sits directly in a <td> rather than inside the old flex row. */
.worklist-table .col-dot .status-dot[b-1qi8wdw88v] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: middle;
}

.worklist-table .col-unit[b-1qi8wdw88v] {
    color: #4b6577;
    font-variant-numeric: tabular-nums;
}

.worklist-table .mono[b-1qi8wdw88v] {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}

.worklist-table .name-cell[b-1qi8wdw88v] {
    font-weight: 700;
}

.worklist-row.is-stat .name-cell[b-1qi8wdw88v]::after {
    content: "STAT";
    margin-left: 0.3rem;
    padding: 0 0.25rem;
    border-radius: 3px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 1rem;
    font-weight: 900;
    vertical-align: middle;
}

.task-flag[b-1qi8wdw88v] {
    display: inline-grid;
    place-items: center;
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #cbd5e1;
    border-radius: 3px;
    background: #f1f5f9;
    color: #475569;
    font-size: 1rem;
    font-weight: 900;
}

/* ===================================================================
   Reference-LIMS layout (matches the hospital's existing BB-LIMS screen)
   1. Dense patient/request header: 3 label:value columns + blood-group box
   2. Bottom split into two panes: Lab (specimen above lab table) | Crossmatch
   =================================================================== */

/* ---- 1. request header ---- */
.req-header[b-1qi8wdw88v] {
    margin: 0.5rem 0.5rem 0;
    border: 1px solid #c9d8e3;
    border-radius: 6px;
    background: #fff;
}

.req-header-bar[b-1qi8wdw88v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1.1rem;
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid #dbe6ed;
    background: #eef4f9;
    border-radius: 5px 5px 0 0;
}

.rh-title[b-1qi8wdw88v] {
    color: #14405f;
    font-size: 1rem;
    font-weight: 900;
}

.rh-kv[b-1qi8wdw88v],
.rf[b-1qi8wdw88v] {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    min-width: 0;
}

.rh-kv i[b-1qi8wdw88v],
.rf i[b-1qi8wdw88v] {
    flex: 0 0 auto;
    color: #64798c;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
}

.rh-kv b[b-1qi8wdw88v],
.rf b[b-1qi8wdw88v] {
    min-width: 0;
    overflow: hidden;
    color: #0f4c81;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.req-header-body[b-1qi8wdw88v] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.55rem 0.6rem;
}

.req-grid[b-1qi8wdw88v] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem 1.1rem;
    min-width: 0;
}

.rf b[b-1qi8wdw88v] {
    color: #17334a;
}

.rf-urgent[b-1qi8wdw88v] {
    color: #c0392b !important;
}

.req-bloodgroup[b-1qi8wdw88v] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    width: 7.5rem;
}

.bg-box[b-1qi8wdw88v] {
    display: grid;
    place-items: center;
    padding: 0.5rem 0.25rem;
    border: 2px solid #e9a2a2;
    border-radius: 6px;
    background: #fdf0f0;
    color: #b3261e;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.bg-actions[b-1qi8wdw88v] {
    display: grid;
    gap: 0.25rem;
}

.bg-actions .btn-header-action[b-1qi8wdw88v] {
    justify-content: center;
    width: 100%;
    min-height: 1.7rem;
    padding: 0.2rem 0.4rem;
    font-size: 1rem;
}

/* Specimen workflow keeps source tube, analyzer label and ORTHO transmission distinct. */
.specimen-workflow[b-1qi8wdw88v] {
    flex: 0 0 auto;
    margin: 0.5rem 0.5rem 0;
    border: 1px solid #c9d8e3;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(248, 252, 254, 0.98);
}

.specimen-workflow-header[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0.55rem;
    border-bottom: 1px solid #d9e5ed;
    background: #f0f7fb;
}

.specimen-workflow-header > div[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.specimen-workflow-header strong[b-1qi8wdw88v] {
    color: #143b5d;
    font-size: 1rem;
    font-weight: 900;
}

.specimen-workflow-header span[b-1qi8wdw88v] {
    color: #687d8e;
    font-size: 1rem;
    font-weight: 700;
}

.specimen-workflow-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.specimen-station[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    min-height: 5.6rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 0.45rem 0.55rem;
    border-right: 1px solid #dbe6ed;
    background: #fff;
}

.specimen-station:last-child[b-1qi8wdw88v] {
    border-right: 0;
}

.specimen-station--source[b-1qi8wdw88v] { box-shadow: inset 0 3px 0 #2f80d8; }
.specimen-station--label[b-1qi8wdw88v] { box-shadow: inset 0 3px 0 #0f8b78; }
.specimen-station--ortho[b-1qi8wdw88v] { box-shadow: inset 0 3px 0 #7657c7; }

.specimen-station.is-disabled[b-1qi8wdw88v] {
    background: #f8fafc;
}

.specimen-station-heading[b-1qi8wdw88v] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
}

.specimen-station-heading > div[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.02rem;
}

.specimen-station-heading strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #173b5d;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.specimen-station-heading div span[b-1qi8wdw88v] {
    color: #718596;
    font-size: 1rem;
    font-weight: 700;
}

.specimen-station-number[b-1qi8wdw88v] {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #e9f3fb;
    color: #176bb4;
    font-size: 1rem;
    font-weight: 900;
}

.specimen-station--label .specimen-station-number[b-1qi8wdw88v] {
    background: #e5f7f2;
    color: #08735f;
}

.specimen-station--ortho .specimen-station-number[b-1qi8wdw88v] {
    background: #f0ebfc;
    color: #6545b7;
}

.specimen-primary-value[b-1qi8wdw88v] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #153b5d;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.specimen-station-actions[b-1qi8wdw88v],
.ortho-profile-list[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.specimen-secondary-action[b-1qi8wdw88v] {
    margin-top: auto;
}

.specimen-workflow-empty[b-1qi8wdw88v] {
    display: flex;
    min-height: 5rem;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 1rem;
    color: #667c8e;
    font-size: 1rem;
}

.specimen-workflow-empty strong[b-1qi8wdw88v] {
    color: #294d69;
}

.ss-select[b-1qi8wdw88v],
.ss-scan[b-1qi8wdw88v] {
    min-width: 0;
    max-width: 15rem;
    height: 1.85rem;
    padding: 0 0.4rem;
    border: 1px solid #bfd0dc;
    border-radius: 5px;
    background: #fff;
    color: #17334a;
    font-size: 1rem;
}

.ss-scan[b-1qi8wdw88v] {
    width: 100%;
    max-width: none;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    border-color: #5ca5d8;
    border-width: 2px;
}

.ss-btn[b-1qi8wdw88v] {
    height: 1.85rem;
    padding: 0 0.6rem;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.ss-btn--primary[b-1qi8wdw88v] {
    border-color: #0d5b96;
    background: #1973d1;
    color: #fff;
}

.ss-btn--primary:hover:not(:disabled)[b-1qi8wdw88v] {
    background: #0d5b96;
}

.ss-btn--danger[b-1qi8wdw88v] {
    border-color: #e5b4b4;
    background: #fff;
    color: #b3261e;
}

.ss-btn--print[b-1qi8wdw88v] {
    border-color: #0f766e;
    background: #ecfdf5;
    color: #0f5f59;
}

.ss-btn--print:hover:not(:disabled)[b-1qi8wdw88v] {
    background: #d1fae5;
}

.ss-badge[b-1qi8wdw88v] {
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 900;
}

.ss-badge--ok[b-1qi8wdw88v] { background: #e6f6ec; color: #16713f; }
.ss-badge--bad[b-1qi8wdw88v] { background: #fbeaea; color: #b3261e; }
.ss-badge--info[b-1qi8wdw88v] { background: #eee9fb; color: #6545b7; }

.ss-meta[b-1qi8wdw88v] {
    color: #4b6577;
    font-size: 1rem;
    font-weight: 700;
}

.ss-chip[b-1qi8wdw88v] {
    padding: 0.1rem 0.4rem;
    border: 1px solid #d7e1e9;
    border-radius: 4px;
    background: #fff;
    color: #4b6577;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.ss-chip--info[b-1qi8wdw88v] { border-color: #b9d4ea; background: #eaf2fb; color: #14507f; }
.ss-chip--printed[b-1qi8wdw88v] { border-color: #9dd9c2; background: #e8f8f0; color: #116149; }

.analyzer-barcode-print-sheet[b-1qi8wdw88v] {
    display: none;
}

.ss-warn[b-1qi8wdw88v] {
    padding: 0.1rem 0.4rem;
    border: 1px solid #f0d9a8;
    border-radius: 4px;
    background: #fdf6e7;
    color: #8a5a06;
    font-size: 1rem;
    font-weight: 700;
}

/* ---- 3. bottom = exactly two panes: Lab Result | Crossmatching ---- */
.bottom-work-section[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    align-items: stretch;
    gap: 0.5rem;
    margin: 0.5rem;
}

#lab-stage[b-1qi8wdw88v] { grid-column: 1; }

#crossmatch-stage[b-1qi8wdw88v],
.crossmatching-card[b-1qi8wdw88v] {
    grid-column: 2;
    width: auto;
    min-width: 0;
}

@media (max-width: 1100px) {
    .bottom-work-section[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    #lab-stage[b-1qi8wdw88v],
    #crossmatch-stage[b-1qi8wdw88v],
    .crossmatching-card[b-1qi8wdw88v] { grid-column: 1; }
    .req-grid[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }}

@media (max-width: 640px) {
    .req-header-body[b-1qi8wdw88v] { flex-direction: column; }
    .req-grid[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .req-bloodgroup[b-1qi8wdw88v] { flex-direction: row; width: 100%; }
    .bg-box[b-1qi8wdw88v] { flex: 0 0 5rem; }
    .bg-actions[b-1qi8wdw88v] { flex: 1 1 auto; grid-auto-flow: column; }}

/* ---- ตาราง Lab: ปุ่ม Draft/Verify/Approve อยู่แถวเดียว ไม่ตกบรรทัด ---- */
.lab-action-row[b-1qi8wdw88v] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
}

.lab-btn[b-1qi8wdw88v] {
    flex: 0 0 auto;
    padding: 0.2rem 0.45rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #fff;
    color: #334155;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

.lab-btn:hover:not(:disabled)[b-1qi8wdw88v] { background: #f1f5f9; }
.lab-btn--verify[b-1qi8wdw88v] { border-color: #93c5fd; color: #1d4ed8; }
.lab-btn--approve[b-1qi8wdw88v] { border-color: #86efac; color: #15803d; }
.lab-btn--correct[b-1qi8wdw88v] { border-color: #fcd34d; color: #b45309; }
.lab-btn--verify:hover:not(:disabled)[b-1qi8wdw88v] { background: #eff6ff; }
.lab-btn--approve:hover:not(:disabled)[b-1qi8wdw88v] { background: #f0fdf4; }
.lab-btn--correct:hover:not(:disabled)[b-1qi8wdw88v] { background: #fffbeb; }

/* ---- คอลัมน์หมู่เลือด: 2 ช่องแยกกัน ----
   ช่องบน = ผลตรวจจากแล็บ (แสดงตามปกติเสมอ)
   ช่องล่าง = ยืนยันอีกครั้งโดยนักเทคนิคการแพทย์ก่อนจ่ายเลือด */
.bg-slot[b-1qi8wdw88v] {
    display: grid;
    gap: 0.2rem;
}

.bg-slot-label[b-1qi8wdw88v] {
    color: #62788b;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.bg-slot--confirm[b-1qi8wdw88v] {
    padding: 0.35rem;
    border: 1px solid #e2c893;
    border-radius: 6px;
    background: #fffaf0;
}

.bg-slot--confirm .bg-slot-label[b-1qi8wdw88v] { color: #8a5a06; }

.bg-slot--confirm.is-done[b-1qi8wdw88v] {
    border-color: #a8dcbc;
    background: #f2fbf5;
}

.bg-slot--confirm.is-done .bg-slot-label[b-1qi8wdw88v] { color: #15713f; }

.bg-slot--confirm.is-bad[b-1qi8wdw88v] {
    border-color: #eab3b3;
    background: #fdf2f2;
}

.bg-slot--confirm.is-bad .bg-slot-label[b-1qi8wdw88v] { color: #b3261e; }

/* ช่องยืนยันใช้กล่องเล็กกว่าช่องผลตรวจ เพื่อให้แยกออกจากกันด้วยสายตา */
.bg-slot--confirm .bg-box[b-1qi8wdw88v] {
    padding: 0.28rem 0.25rem;
    font-size: 1.2rem;
}

.bg-box--ok[b-1qi8wdw88v] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #15713f;
}

.bg-box--pending[b-1qi8wdw88v] {
    border-color: #d7e1e9;
    background: #f7fafc;
    color: #9aa9b6;
}

.bg-confirm-note[b-1qi8wdw88v] {
    overflow: hidden;
    color: #7d8f9d;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg-confirm-note--bad[b-1qi8wdw88v] {
    color: #b3261e;
    font-weight: 900;
    white-space: normal;
}

.bg-confirm-select[b-1qi8wdw88v] {
    width: 100%;
    height: 1.7rem;
    padding: 0 0.3rem;
    border: 1px solid #bfd0dc;
    border-radius: 4px;
    background: #fff;
    color: #17334a;
    font-size: 1rem;
    font-weight: 800;
}

.bg-confirm-btn[b-1qi8wdw88v],
.bg-confirm-again[b-1qi8wdw88v] {
    width: 100%;
    height: 1.7rem;
    border: 1px solid #0d5b96;
    border-radius: 4px;
    background: #1973d1;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.bg-confirm-btn:hover:not(:disabled)[b-1qi8wdw88v] { background: #0d5b96; }

.bg-confirm-again[b-1qi8wdw88v] {
    border-color: #b9c8d4;
    background: #fff;
    color: #31556f;
}

/* Final workstation layer: dense queue on the left, clinical work surface on the right. */
.worklist-layout[b-1qi8wdw88v] {
    grid-template-columns: minmax(470px, 35%) minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.5rem;
    background:
        radial-gradient(circle at 12% 8%, rgba(83, 151, 211, 0.1), transparent 30%),
        linear-gradient(135deg, #eef5fa 0%, #f7fafc 52%, #edf7f4 100%);
}

.worklist-filter-toolbar[b-1qi8wdw88v] {
    display: grid;
    gap: 0.55rem;
    padding: 0.7rem;
    border-bottom: 1px solid rgba(176, 197, 214, 0.72);
    background: rgba(248, 252, 255, 0.9);
}

.worklist-heading-row[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.worklist-filter-toolbar .panel-title[b-1qi8wdw88v] {
    margin: 0;
    color: #123a5b;
    font-size: 1rem;
}

.date-filter-row[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: end;
    gap: 0.35rem;
}

.compact-filter-field[b-1qi8wdw88v] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    color: #536b7f;
    font-size: 1rem;
    font-weight: 800;
}

.compact-filter-field .filter-input[b-1qi8wdw88v] {
    width: 100%;
    min-width: 0;
    height: 2rem;
    padding: 0.25rem 0.5rem;
    border-color: #c5d5e2;
    border-radius: 5px;
    background: #fff;
    color: #17334a;
    font-variant-numeric: tabular-nums;
}

.compact-filter-field .filter-input:focus[b-1qi8wdw88v],
.request-search-input:focus[b-1qi8wdw88v],
.reset-filter-button:focus-visible[b-1qi8wdw88v],
.issue-request-button:focus-visible[b-1qi8wdw88v] {
    border-color: #1676d2;
    outline: 3px solid rgba(22, 118, 210, 0.18);
    outline-offset: 1px;
}

.date-filter-separator[b-1qi8wdw88v] {
    padding-bottom: 0.45rem;
    color: #7890a3;
    font-weight: 800;
}

.worklist-filter-row[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.4rem;
}

.request-search--compact[b-1qi8wdw88v] {
    margin: 0;
}

.request-search--compact .request-search-input[b-1qi8wdw88v] {
    height: 2rem;
    padding-right: 0.5rem;
    border-color: #c5d5e2;
    border-radius: 5px;
}

.reset-filter-button[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    height: 2rem;
    padding: 0 0.65rem;
    border: 1px solid #b8ccdc;
    border-radius: 5px;
    background: #fff;
    color: #315b7b;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.reset-filter-button svg[b-1qi8wdw88v] {
    width: 0.85rem;
    height: 0.85rem;
}

.reset-filter-button:hover[b-1qi8wdw88v] {
    border-color: #6fa7d2;
    background: #edf6fd;
}

.work-items-list[b-1qi8wdw88v] {
    min-height: 15rem;
    background: #fff;
}

.worklist-table[b-1qi8wdw88v] {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.worklist-table thead[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.worklist-table th[b-1qi8wdw88v] {
    padding: 0.42rem 0.45rem;
    border-bottom: 1px solid #cfdae3;
    background: #f3f7fa;
    color: #50677a;
    font-size: 1rem;
    font-weight: 900;
    text-align: left;
}

.worklist-table td[b-1qi8wdw88v] {
    min-width: 0;
    padding: 0.42rem 0.45rem;
    border-bottom: 1px solid #e4ebf0;
    color: #18354d;
    font-size: 1rem;
    vertical-align: middle;
}

.worklist-row[b-1qi8wdw88v] {
    cursor: pointer;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.worklist-row:hover[b-1qi8wdw88v] {
    background: #f3f9fd;
}

.worklist-row:focus-visible[b-1qi8wdw88v] {
    outline: 2px solid #1676d2;
    outline-offset: -2px;
}

.worklist-row.active[b-1qi8wdw88v] {
    background: #eaf4ff;
    box-shadow: inset 4px 0 0 #1676d2;
}

.worklist-row.active td[b-1qi8wdw88v] {
    color: #075ca8;
    font-weight: 800;
}

.worklist-table .col-dot[b-1qi8wdw88v] {
    width: 1.65rem;
    text-align: center;
}

.worklist-table .col-lab-no[b-1qi8wdw88v] {
    width: 21%;
}

.worklist-table .col-request-no[b-1qi8wdw88v] {
    width: 28%;
}

.col-lab-no[b-1qi8wdw88v],
.col-request-no[b-1qi8wdw88v],
.patient-cell-name[b-1qi8wdw88v],
.patient-cell-hn[b-1qi8wdw88v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-cell[b-1qi8wdw88v] {
    min-width: 0;
}

.patient-cell-name[b-1qi8wdw88v],
.patient-cell-hn[b-1qi8wdw88v] {
    display: block;
}

.patient-cell-name[b-1qi8wdw88v] {
    font-weight: 800;
}

.patient-cell-hn[b-1qi8wdw88v] {
    margin-top: 0.1rem;
    color: #718599;
    font-size: 1rem;
    font-weight: 700;
}

.req-header[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0;
    border-color: #bfd1df;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 18px rgba(25, 62, 89, 0.08);
}

.req-header-bar[b-1qi8wdw88v] {
    min-height: 2.25rem;
    background: rgba(239, 247, 252, 0.96);
}

.req-header-body[b-1qi8wdw88v] {
    gap: 1rem;
    padding: 0.7rem;
}

.req-grid[b-1qi8wdw88v] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem 1rem;
}

.req-bloodgroup[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(6.5rem, 1fr) minmax(7rem, 1fr);
    align-items: start;
    width: 15.5rem;
}

.bg-slot > .bg-box[b-1qi8wdw88v] {
    min-height: 4.35rem;
    font-size: 2rem;
}

.bg-slot--confirm .bg-box[b-1qi8wdw88v] {
    min-height: 2.15rem;
}

.abo-issue-gate[b-1qi8wdw88v] {
    grid-column: 1 / -1;
    padding: 0.3rem 0.4rem;
    border: 1px solid #efb3b3;
    border-radius: 4px;
    background: #fff2f2;
    color: #b42318;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
}

.abo-issue-gate.is-error[b-1qi8wdw88v] {
    border-color: #dc2626;
    background: #fee2e2;
}

.abo-issue-gate.is-ready[b-1qi8wdw88v] {
    border-color: #9fd4b4;
    background: #eefaf3;
    color: #15713f;
}

.bg-actions[b-1qi8wdw88v] {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
}

.bg-actions .btn-header-action[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.bg-actions .btn-header-action svg[b-1qi8wdw88v] {
    width: 0.82rem;
    height: 0.82rem;
}

.bottom-work-section[b-1qi8wdw88v] {
    grid-template-columns: minmax(22rem, 0.9fr) minmax(0, 1.35fr);
    gap: 0.55rem;
}

.clinical-table thead[b-1qi8wdw88v] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.crossmatching-card-body[b-1qi8wdw88v] {
    min-width: 0;
    overflow: auto;
}

.issue-request-button[b-1qi8wdw88v] {
    flex: 0 0 auto;
    min-width: 7.5rem;
    height: 2.25rem;
    padding: 0 1rem;
    border: 1px solid #1268c4;
    border-radius: 5px;
    background: #1268c4;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.issue-request-button:hover:not(:disabled)[b-1qi8wdw88v] {
    background: #0d579f;
}

.issue-request-button:disabled[b-1qi8wdw88v] {
    border-color: #cbd5df;
    background: #edf1f4;
    color: #8797a5;
    cursor: not-allowed;
}

@media (max-width: 1366px) {
    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(430px, 35%) minmax(0, 1fr);
    }

    .req-grid[b-1qi8wdw88v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .req-bloodgroup[b-1qi8wdw88v] {
        width: 14rem;
    }

}

@media (max-width: 900px) {
    .worklist-filter-row[b-1qi8wdw88v] {
        grid-template-columns: 8.5rem minmax(0, 1fr) auto;
    }

    .req-header[b-1qi8wdw88v] {
        position: relative;
    }
}

/* Two-pane liquid glass prototype */
.worklist-overview[b-1qi8wdw88v] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 24px 12px;
    border-bottom: 1px solid rgba(147, 197, 253, 0.34);
    background:
        radial-gradient(circle at 12% 10%, rgba(125, 211, 252, 0.34), transparent 28%),
        radial-gradient(circle at 86% 8%, rgba(244, 114, 182, 0.22), transparent 30%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.72), rgba(255, 251, 235, 0.34));
    box-shadow: 0 10px 28px rgba(76, 65, 170, 0.08), inset 0 1px rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(24px) saturate(175%);
}

.worklist-eyebrow[b-1qi8wdw88v] {
    display: block;
    margin-bottom: 2px;
    color: var(--jiva-violet, #7c3aed);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.22em;
}

.worklist-overview h1[b-1qi8wdw88v],
.worklist-overview small[b-1qi8wdw88v] {
    margin: 0;
}

.worklist-overview h1[b-1qi8wdw88v] {
    color: var(--jiva-text, #334155);
    font-size: clamp(18px, 1.7vw, 25px);
    font-weight: 850;
    letter-spacing: -0.03em;
}

.worklist-overview > div:first-child > small[b-1qi8wdw88v] {
    display: block;
    margin-top: 2px;
    color: var(--jiva-slate, #64748b);
    font-size: 1rem;
}

.worklist-overview-stats[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.overview-stat[b-1qi8wdw88v] {
    min-width: 94px;
    min-height: 42px;
    display: grid;
    grid-template-columns: 24px auto;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    padding: 5px 11px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    border-radius: 15px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--stat-color) 82%, #fff), var(--stat-color));
    color: #fff;
    box-shadow: 0 11px 25px color-mix(in srgb, var(--stat-color) 24%, transparent), inset 0 1px rgba(255, 255, 255, 0.5);
}

.overview-stat[b-1qi8wdw88v]  svg {
    width: 17px;
    height: 17px;
    grid-row: 1 / -1;
}

.overview-stat strong[b-1qi8wdw88v] {
    align-self: end;
    font-size: 1rem;
    line-height: 1;
}

.overview-stat small[b-1qi8wdw88v] {
    align-self: start;
    color: rgba(255, 255, 255, 0.83);
    font-size: 1rem;
    font-weight: 700;
}

.stat-waiting[b-1qi8wdw88v] { --stat-color: #2563eb; }
.stat-urgent[b-1qi8wdw88v] { --stat-color: #dc2626; }
.stat-complete[b-1qi8wdw88v] { --stat-color: #047857; }

.worklist-layout[b-1qi8wdw88v] {
    width: auto;
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(340px, 34%) minmax(0, 1fr);
    gap: 14px;
    margin: 12px 18px 14px;
    padding: 0;
    overflow: hidden;
    background: transparent;
    animation: prototype-content-in-b-1qi8wdw88v 360ms ease-out both;
}

.left-panel[b-1qi8wdw88v],
.right-panel[b-1qi8wdw88v] {
    min-width: 0;
    height: 100%;
}

.left-panel[b-1qi8wdw88v] {
    display: grid;
    grid-template-rows: auto minmax(120px, 1fr) auto auto minmax(90px, 0.45fr);
    position: relative;
    top: auto;
    overflow: hidden;
    border: 1px solid rgba(191, 219, 254, 0.78);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.46));
    box-shadow: 0 24px 55px rgba(76, 65, 170, 0.12), inset 0 1px rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(28px) saturate(175%);
}

.right-panel[b-1qi8wdw88v] {
    gap: 12px;
    padding-right: 3px;
    overflow-y: auto;
    scrollbar-color: rgba(59, 130, 246, 0.3) transparent;
}

.panel-header[b-1qi8wdw88v] {
    padding: 12px;
    border-bottom-color: rgba(129, 142, 174, 0.13);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.28));
}

.panel-title[b-1qi8wdw88v],
.work-card-title[b-1qi8wdw88v] {
    color: var(--jiva-violet, #7c3aed);
}

.worklist-count-badge[b-1qi8wdw88v],
.legend-count[b-1qi8wdw88v] {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: linear-gradient(145deg, #fef3c7, #fcd34d);
    color: #92400e;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
}

.filter-input[b-1qi8wdw88v],
.request-search[b-1qi8wdw88v],
.reset-filter-button[b-1qi8wdw88v] {
    border-color: rgba(151, 160, 185, 0.28);
    background: rgba(255, 255, 255, 0.58);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
}

.filter-input:focus[b-1qi8wdw88v],
.request-search:focus-within[b-1qi8wdw88v] {
    border-color: var(--jiva-blue, #2563eb);
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.34), inset 0 1px rgba(255, 255, 255, 0.9);
    outline: none;
}

.work-items-list[b-1qi8wdw88v] {
    min-height: 0;
    background: rgba(255, 255, 255, 0.22);
}

.worklist-table[b-1qi8wdw88v] {
    background: transparent;
}

.worklist-table thead[b-1qi8wdw88v] {
    position: sticky;
    z-index: 2;
    top: 0;
    background: rgba(219, 234, 254, 0.78);
    backdrop-filter: blur(16px);
}

.worklist-row[b-1qi8wdw88v] {
    transition: background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.worklist-row:hover[b-1qi8wdw88v] {
    background: rgba(255, 255, 255, 0.72);
}

.worklist-row.active[b-1qi8wdw88v] {
    background: linear-gradient(100deg, rgba(125, 211, 252, 0.4), rgba(196, 181, 253, 0.28));
    box-shadow: inset 4px 0 var(--jiva-cyan, #06b6d4);
}

.worklist-row.active td:first-child[b-1qi8wdw88v] {
    border-left-color: transparent;
}

.legend-box[b-1qi8wdw88v],
.bottom-tabs[b-1qi8wdw88v],
.tab-content-box[b-1qi8wdw88v] {
    border-color: rgba(137, 149, 179, 0.14);
    background: rgba(255, 255, 255, 0.34);
}

.tab-btn.active[b-1qi8wdw88v] {
    border-color: transparent;
    background: linear-gradient(110deg, var(--jiva-blue, #2563eb), var(--jiva-violet, #7c3aed), var(--jiva-pink, #db2777));
    color: #fff;
    box-shadow: 0 9px 18px rgba(76, 65, 170, 0.2);
}

.patient-header-card[b-1qi8wdw88v],
.work-card[b-1qi8wdw88v],
.clinical-timeline-workbench[b-1qi8wdw88v],
.specimen-station[b-1qi8wdw88v],
.lab-summary-strip[b-1qi8wdw88v] {
    border-color: rgba(191, 219, 254, 0.78);
    border-radius: 22px;
    background: linear-gradient(134deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.48));
    box-shadow: 0 20px 48px rgba(76, 65, 170, 0.1), inset 0 1px rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(24px) saturate(170%);
}

.patient-header-card[b-1qi8wdw88v] {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.88);
    background:
        radial-gradient(circle at 92% 2%, rgba(244, 114, 182, 0.16), transparent 32%),
        linear-gradient(134deg, rgba(219, 234, 254, 0.72), rgba(255, 255, 255, 0.64));
}

.patient-header-card[b-1qi8wdw88v]::before {
    width: 210px;
    height: 210px;
    position: absolute;
    top: -135px;
    right: -75px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(244, 114, 182, 0.24), transparent 68%);
    content: "";
    pointer-events: none;
}

.patient-large-name[b-1qi8wdw88v],
.lab-no-title[b-1qi8wdw88v] {
    color: var(--jiva-blue, #2563eb);
}

.meta-box[b-1qi8wdw88v],
.info-value[b-1qi8wdw88v],
.status-badge-card[b-1qi8wdw88v] {
    border-color: rgba(255, 255, 255, 0.76);
    background: rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.84);
}

.btn-header-action[b-1qi8wdw88v],
.btn-plus-icon[b-1qi8wdw88v],
.ss-btn[b-1qi8wdw88v],
.lab-summary-detail-button[b-1qi8wdw88v] {
    border-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(57, 68, 103, 0.1), inset 0 1px rgba(255, 255, 255, 0.72);
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.btn-header-action:hover[b-1qi8wdw88v],
.btn-plus-icon:hover[b-1qi8wdw88v],
.ss-btn:hover[b-1qi8wdw88v],
.lab-summary-detail-button:hover[b-1qi8wdw88v] {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 13px 25px rgba(57, 68, 103, 0.14);
}

.work-card-header[b-1qi8wdw88v],
.clinical-stage-header[b-1qi8wdw88v] {
    border-bottom-color: rgba(129, 142, 174, 0.13);
    background: linear-gradient(100deg, rgba(219, 234, 254, 0.68), rgba(243, 232, 255, 0.48));
}

.specimen-station--source[b-1qi8wdw88v] { border-top: 3px solid #06b6d4; }
.specimen-station--label[b-1qi8wdw88v] { border-top: 3px solid #f59e0b; }
.specimen-station--ortho[b-1qi8wdw88v] { border-top: 3px solid #8b5cf6; }
.lab-summary-strip[b-1qi8wdw88v] { border-left: 4px solid #10b981; }
.lab-detail-panel[b-1qi8wdw88v] { border-top: 3px solid #3b82f6; }
.crossmatching-card[b-1qi8wdw88v] { border-top: 3px solid #ec4899; }

.lab-detail-panel .work-card-header[b-1qi8wdw88v] {
    background: linear-gradient(100deg, rgba(191, 219, 254, 0.72), rgba(224, 231, 255, 0.46));
}

.crossmatching-card .work-card-header[b-1qi8wdw88v] {
    background: linear-gradient(100deg, rgba(252, 231, 243, 0.72), rgba(254, 243, 199, 0.42));
}

.lab-table th[b-1qi8wdw88v],
.clinical-table th[b-1qi8wdw88v],
.crossmatch-table th[b-1qi8wdw88v] {
    background: rgba(219, 234, 254, 0.72);
    color: var(--jiva-blue, #2563eb);
}

.modal-overlay[b-1qi8wdw88v] {
    background: rgba(76, 65, 170, 0.24);
    backdrop-filter: blur(8px);
}

.modal-content[b-1qi8wdw88v] {
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 24px;
    background: linear-gradient(138deg, rgba(255, 255, 255, 0.95), rgba(246, 246, 246, 0.86));
    box-shadow: 0 32px 90px rgba(76, 65, 170, 0.22), inset 0 1px rgba(255, 255, 255, 1);
    backdrop-filter: blur(32px) saturate(175%);
}

.ss-btn--primary[b-1qi8wdw88v],
.bg-confirm-btn[b-1qi8wdw88v],
.issue-request-button[b-1qi8wdw88v],
.unit-action-button--issue[b-1qi8wdw88v],
.btn-select-unit[b-1qi8wdw88v],
.btn-match-blood[b-1qi8wdw88v] {
    border-color: var(--jiva-blue, #2563eb);
    background: linear-gradient(110deg, var(--jiva-blue, #2563eb), var(--jiva-violet, #7c3aed));
    color: #fff;
    box-shadow: 0 9px 20px rgba(37, 99, 235, 0.18);
}

.ss-btn--primary:hover:not(:disabled)[b-1qi8wdw88v],
.bg-confirm-btn:hover:not(:disabled)[b-1qi8wdw88v],
.issue-request-button:hover:not(:disabled)[b-1qi8wdw88v],
.unit-action-button--issue:hover:not(:disabled)[b-1qi8wdw88v],
.btn-select-unit:hover:not(:disabled)[b-1qi8wdw88v],
.btn-match-blood:hover:not(:disabled)[b-1qi8wdw88v] {
    border-color: var(--jiva-blue, #2563eb);
    background: var(--jiva-blue, #2563eb);
}

.ss-btn--primary:focus-visible[b-1qi8wdw88v],
.bg-confirm-btn:focus-visible[b-1qi8wdw88v],
.issue-request-button:focus-visible[b-1qi8wdw88v],
.unit-action-button--issue:focus-visible[b-1qi8wdw88v],
.btn-select-unit:focus-visible[b-1qi8wdw88v],
.btn-match-blood:focus-visible[b-1qi8wdw88v] {
    outline: 3px solid var(--jiva-focus, #38bdf8);
    outline-offset: 2px;
}

@keyframes prototype-content-in-b-1qi8wdw88v {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1180px) {
    .worklist-overview[b-1qi8wdw88v] {
        padding-inline: 18px;
    }

    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(320px, 36%) minmax(0, 1fr);
        margin-inline: 12px;
    }

    .overview-stat[b-1qi8wdw88v] {
        min-width: 82px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .worklist-layout[b-1qi8wdw88v],
    .worklist-row[b-1qi8wdw88v],
    .btn-header-action[b-1qi8wdw88v],
    .btn-plus-icon[b-1qi8wdw88v],
    .ss-btn[b-1qi8wdw88v],
    .lab-summary-detail-button[b-1qi8wdw88v] {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}

@media (max-width: 640px) {
    .worklist-filter-row[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .compact-filter-field--status[b-1qi8wdw88v] {
        grid-column: 1 / -1;
    }

    .reset-filter-button span[b-1qi8wdw88v] {
        display: none;
    }

    .req-bloodgroup[b-1qi8wdw88v] {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .issue-request-button[b-1qi8wdw88v] {
        width: 100%;
    }
}

/* Compact Lab Result and Crossmatch panes follow the workstation reference. */
.work-card-body[b-1qi8wdw88v] {
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.lab-result-row[b-1qi8wdw88v],
.crossmatch-result-row[b-1qi8wdw88v] {
    cursor: pointer;
    outline: none;
}

.lab-result-row:hover td[b-1qi8wdw88v],
.crossmatch-result-row:hover td[b-1qi8wdw88v] {
    background: #f5f9fc;
}

.lab-result-row.is-selected td[b-1qi8wdw88v],
.crossmatch-result-row.is-selected td[b-1qi8wdw88v] {
    background: #eaf4ff;
}

.lab-result-row.is-selected td:first-child[b-1qi8wdw88v],
.crossmatch-result-row.is-selected td:first-child[b-1qi8wdw88v] {
    box-shadow: inset 3px 0 0 #1973d1;
}

.lab-result-row:focus-visible td[b-1qi8wdw88v],
.crossmatch-result-row:focus-visible td[b-1qi8wdw88v] {
    outline: 2px solid #1973d1;
    outline-offset: -2px;
}

.lab-result-entry-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
    align-items: end;
    gap: 0.45rem;
}

.lab-exam-control[b-1qi8wdw88v] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.2rem;
}

.lab-combined-value[b-1qi8wdw88v] {
    min-width: 2.8rem;
    padding: 0.32rem 0.45rem;
    border: 1px solid #b8cfe2;
    border-radius: 4px;
    background: #f1f7fc;
    color: #0f4f82;
    font-size: 1rem;
    text-align: center;
}

.lab-status-stack[b-1qi8wdw88v] {
    display: grid;
    gap: 0.35rem;
}

.lab-status-line[b-1qi8wdw88v],
.crossmatch-status-cell[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.35rem;
}

.workflow-status-dot[b-1qi8wdw88v] {
    width: 0.55rem;
    height: 0.55rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #94a3b8;
}

.workflow-status-dot.draft[b-1qi8wdw88v] { background: #d97706; }
.workflow-status-dot.verified[b-1qi8wdw88v] { background: #2563eb; }
.workflow-status-dot.approved[b-1qi8wdw88v] { background: #16a34a; }
.workflow-status-dot.corrected[b-1qi8wdw88v] { background: #7c3aed; }
.workflow-status-dot.cancelled[b-1qi8wdw88v] { background: #64748b; }
.workflow-status-dot.unrecorded[b-1qi8wdw88v] { background: #cbd5e1; }
.workflow-status-dot.partial[b-1qi8wdw88v] { background: #06b6d4; }

.status-badge.partial[b-1qi8wdw88v] {
    border-color: #a5e6ef;
    background: #ecfeff;
    color: #0e7490;
}

.lab-result-empty[b-1qi8wdw88v] {
    color: #718496;
    font-size: 1rem;
    font-weight: 700;
}

.panel-action-footer[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.65rem;
    border-top: 1px solid #d9e4ec;
}

.lab-active-profile[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.35rem;
    color: #52677a;
    font-size: 1rem;
    font-weight: 800;
}

.lab-active-profile strong[b-1qi8wdw88v] {
    color: #0d5b96;
}

.lab-row-action[b-1qi8wdw88v] {
    display: inline-grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border: 1px solid #cbd8e3;
    border-radius: 4px;
    background: #fff;
    color: #0d5b96;
}

.lab-row-action svg[b-1qi8wdw88v] { width: 0.85rem; height: 0.85rem; }
.lab-row-action:disabled[b-1qi8wdw88v] { cursor: not-allowed; opacity: 0.35; }
.lab-row-action:not(:disabled):hover[b-1qi8wdw88v] { border-color: #1973d1; background: #eaf4ff; }

.lab-correction-pair[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.panel-action-controls[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
    margin-left: auto;
}

.lab-panel-footer .disabled-reason-hint[b-1qi8wdw88v] {
    max-width: 18rem;
    text-align: right;
}

.crossmatch-panel-footer[b-1qi8wdw88v] {
    align-items: flex-end;
}

.crossmatch-selection-summary[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: auto auto minmax(9rem, 1fr);
    flex: 1 1 auto;
    align-items: center;
    gap: 0.45rem;
    color: #52677a;
    font-size: 1rem;
}

.crossmatch-selection-summary strong[b-1qi8wdw88v] {
    color: #12395c;
    font-size: 1rem;
}

.crossmatch-action-group[b-1qi8wdw88v] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.25rem;
}

.lab-btn--danger[b-1qi8wdw88v] {
    border-color: #f0b7b7;
    color: #b42318;
}

.lab-btn--danger:hover:not(:disabled)[b-1qi8wdw88v] {
    background: #fff1f1;
}

.crossmatch-panel-footer .scan-msg-box[b-1qi8wdw88v] {
    flex: 1 1 auto;
    margin: 0;
}

@media (max-width: 1100px) {
    .bottom-work-section[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    #lab-stage[b-1qi8wdw88v],
    #crossmatch-stage[b-1qi8wdw88v],
    .crossmatching-card[b-1qi8wdw88v] { grid-column: 1; }
}

@media (max-width: 760px) {
    .lab-correction-pair[b-1qi8wdw88v] {
        grid-template-columns: 1fr;
    }

    .panel-action-footer[b-1qi8wdw88v],
    .crossmatch-panel-footer[b-1qi8wdw88v] {
        align-items: stretch;
        flex-direction: column;
    }

    .panel-action-controls[b-1qi8wdw88v] {
        margin-left: 0;
    }

    .crossmatch-selection-summary[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .crossmatch-selection-summary .select-result[b-1qi8wdw88v] {
        grid-column: 1 / -1;
    }

    .crossmatch-action-group[b-1qi8wdw88v] {
        justify-content: flex-start;
    }
}

/* Clinical Timeline workbench: completed Lab summary followed by unit-level Crossmatch work. */
.clinical-timeline-workbench[b-1qi8wdw88v] {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
}

.case-stage-rail[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #cbdbe7;
    border-radius: 6px;
    background: #fff;
}

.case-stage-step[b-1qi8wdw88v] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 3.2rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-right: 1px solid #dce6ed;
    color: #76899a;
}

.case-stage-step:last-child[b-1qi8wdw88v] { border-right: 0; }

.case-stage-step[b-1qi8wdw88v]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: transparent;
    content: "";
}

.case-stage-step.done[b-1qi8wdw88v]::after { background: #20a765; }
.case-stage-step.current[b-1qi8wdw88v]::after { background: #1973d1; }

.case-stage-marker[b-1qi8wdw88v] {
    display: inline-grid;
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 1.7rem;
    place-items: center;
    border-radius: 50%;
    background: #e6edf2;
    color: #788b9b;
    font-size: 1rem;
    font-weight: 900;
}

.case-stage-marker svg[b-1qi8wdw88v] { width: 0.9rem; height: 0.9rem; }
.case-stage-step.done .case-stage-marker[b-1qi8wdw88v] { background: #e6f6ed; color: #178d55; }
.case-stage-step.current .case-stage-marker[b-1qi8wdw88v] { background: #1973d1; color: #fff; }

.case-stage-step > span:last-child[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.case-stage-step strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #173e5e;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-stage-step small[b-1qi8wdw88v] {
    overflow: hidden;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-stage-step.current small[b-1qi8wdw88v] { color: #1973d1; }
.case-stage-step.done small[b-1qi8wdw88v] { color: #178d55; }

.lab-summary-strip[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 1rem;
    padding: 0.48rem 0.7rem;
    border: 1px solid #cfe0da;
    border-left: 3px solid #20a765;
    border-radius: 5px;
    background: #fff;
}

.lab-summary-toggle[b-1qi8wdw88v],
.lab-summary-detail-button[b-1qi8wdw88v] {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.lab-summary-toggle[b-1qi8wdw88v] {
    display: inline-flex;
    min-width: 11rem;
    align-items: center;
    gap: 0.4rem;
    color: #17496d;
    text-align: left;
}

.lab-summary-toggle svg[b-1qi8wdw88v] { width: 0.85rem; height: 0.85rem; }
.lab-summary-toggle > span[b-1qi8wdw88v] { font-size: 1rem; font-weight: 900; }
.lab-summary-toggle small[b-1qi8wdw88v] { color: #668095; font-size: 1rem; font-weight: 750; }

.lab-summary-result[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.35rem;
    color: #556f82;
    font-size: 1rem;
    font-weight: 750;
}

.lab-summary-result strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #133f62;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lab-summary-result .status-badge[b-1qi8wdw88v] {
    padding: 0.12rem 0.32rem;
    font-size: 1rem;
}

.lab-summary-detail-button[b-1qi8wdw88v] {
    margin-left: auto;
    color: #1767a2;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.lab-summary-toggle:focus-visible[b-1qi8wdw88v],
.lab-summary-detail-button:focus-visible[b-1qi8wdw88v] {
    border-radius: 3px;
    outline: 2px solid #1973d1;
    outline-offset: 2px;
}

.lab-detail-panel[b-1qi8wdw88v],
#crossmatch-stage[b-1qi8wdw88v] {
    width: 100%;
    min-height: 0;
    align-self: start;
}

.lab-detail-panel .work-card-body[b-1qi8wdw88v] { padding: 0.45rem 0.55rem; }

#crossmatch-stage[b-1qi8wdw88v] {
    border-left: 3px solid #1973d1;
}

#crossmatch-stage .work-card-header[b-1qi8wdw88v] {
    min-height: 2.65rem;
    border-bottom-color: #d7e4ed;
}

.crossmatching-card-body[b-1qi8wdw88v] { padding: 0.45rem !important; }
.crossmatch-unit-list[b-1qi8wdw88v] { gap: 0.42rem; }

.crossmatch-unit-card[b-1qi8wdw88v] {
    border-left-width: 2px;
    box-shadow: none;
}

.crossmatch-unit-card.is-selected[b-1qi8wdw88v] {
    border-color: #8fc1ef;
    border-left-width: 4px;
    box-shadow: 0 0 0 1px rgb(25 115 209 / 8%);
}

.crossmatch-unit-header[b-1qi8wdw88v] {
    padding: 0.52rem 0.65rem 0.42rem;
}

.crossmatch-lifecycle[b-1qi8wdw88v] {
    padding: 0.25rem 0.65rem 0.48rem;
}

.crossmatch-current-task[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.65rem;
    border-top: 1px solid #dbe7ef;
    background: #f3f8fc;
    color: #587186;
    font-size: 1rem;
}

.crossmatch-current-task span[b-1qi8wdw88v] {
    padding: 0.1rem 0.34rem;
    border-radius: 999px;
    background: #dceeff;
    color: #1767a2;
    font-weight: 900;
}

.crossmatch-current-task strong[b-1qi8wdw88v] {
    color: #173f5f;
    font-weight: 850;
}

.crossmatch-unit-editor[b-1qi8wdw88v] {
    grid-template-columns: minmax(8rem, 0.72fr) minmax(9rem, 0.82fr) minmax(12rem, 1.2fr) auto;
    padding: 0.5rem 0.65rem 0.6rem;
    border-top: 0;
}

.crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
    grid-column: auto;
    align-self: end;
    justify-content: flex-end;
}

@media (max-width: 1366px) {
    .case-stage-step[b-1qi8wdw88v] { padding-inline: 0.6rem; }
    .lab-summary-strip[b-1qi8wdw88v] { flex-wrap: wrap; gap: 0.45rem 0.8rem; }
    .lab-summary-detail-button[b-1qi8wdw88v] { margin-left: 0; }
    .crossmatch-unit-editor[b-1qi8wdw88v] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 900px) {
    .case-stage-rail[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .case-stage-step:nth-child(2)[b-1qi8wdw88v] { border-right: 0; }
    .case-stage-step:nth-child(-n + 2)[b-1qi8wdw88v] { border-bottom: 1px solid #dce6ed; }
    .lab-summary-strip[b-1qi8wdw88v] { align-items: flex-start; flex-direction: column; }
    .lab-summary-toggle[b-1qi8wdw88v] { min-width: 0; }
    .crossmatch-unit-editor[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .case-stage-rail[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .case-stage-step[b-1qi8wdw88v] { border-right: 0; border-bottom: 1px solid #dce6ed; }
    .case-stage-step:last-child[b-1qi8wdw88v] { border-bottom: 0; }
    .crossmatch-unit-editor[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] { grid-column: 1; justify-content: flex-start; }
}

/* End-to-end Crossmatch workbench: one lifecycle and actions per Blood Unit. */
.crossmatch-unit-list[b-1qi8wdw88v] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.55rem;
}

.crossmatch-unit-card[b-1qi8wdw88v] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d5e1ea;
    border-left: 3px solid #8ba8bd;
    border-radius: 6px;
    background: #fff;
}

.crossmatch-unit-card.is-selected[b-1qi8wdw88v] {
    border-color: #8fc1ef;
    border-left-color: #1973d1;
    box-shadow: 0 0 0 1px rgb(25 115 209 / 10%);
}

.crossmatch-unit-card.is-approved[b-1qi8wdw88v] { border-left-color: #17a55b; }
.crossmatch-unit-card.is-issued[b-1qi8wdw88v] { border-left-color: #087c56; }
.crossmatch-unit-card.is-cancelled[b-1qi8wdw88v] { border-left-color: #dc3b3b; background: #fffafa; }

.crossmatch-unit-header[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.7rem 0.75rem 0.55rem;
}

.crossmatch-unit-select[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.28rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.crossmatch-unit-select:focus-visible[b-1qi8wdw88v] {
    border-radius: 4px;
    outline: 2px solid #1973d1;
    outline-offset: 3px;
}

.crossmatch-unit-title-row[b-1qi8wdw88v],
.crossmatch-unit-meta[b-1qi8wdw88v],
.crossmatch-unit-primary-actions[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
}

.crossmatch-unit-title-row[b-1qi8wdw88v] {
    gap: 0.45rem;
}

.crossmatch-unit-title-row strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #124c7b;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-unit-ready[b-1qi8wdw88v] {
    padding: 0.12rem 0.42rem;
    border: 1px solid #d6e1e9;
    border-radius: 999px;
    background: #f2f6f9;
    color: #526a7d;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.is-approved .crossmatch-unit-ready[b-1qi8wdw88v],
.is-issued .crossmatch-unit-ready[b-1qi8wdw88v] {
    border-color: #a9dfc4;
    background: #eaf8f0;
    color: #087c56;
}

.is-cancelled .crossmatch-unit-ready[b-1qi8wdw88v] {
    border-color: #efb0b0;
    background: #fff0f0;
    color: #b42318;
}

.crossmatch-unit-meta[b-1qi8wdw88v] {
    flex-wrap: wrap;
    gap: 0.3rem;
    color: #5c7386;
    font-size: 1rem;
    font-weight: 750;
}

.crossmatch-unit-primary-actions[b-1qi8wdw88v] {
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.unit-action-button[b-1qi8wdw88v] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.35rem 0.62rem;
    border: 1px solid #1973d1;
    border-radius: 5px;
    background: #fff;
    color: #145b96;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.unit-action-button svg[b-1qi8wdw88v] {
    width: 0.86rem;
    height: 0.86rem;
}

.unit-action-button:hover:not(:disabled)[b-1qi8wdw88v] { background: #edf6ff; }

.unit-action-button--issue[b-1qi8wdw88v] {
    border-color: #0b6a98;
    background: #0b6a98;
    color: #fff;
}

.unit-action-button--issue:hover:not(:disabled)[b-1qi8wdw88v] { background: #07567e; }

.crossmatch-lifecycle[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    padding: 0.35rem 0.75rem 0.65rem;
    list-style: none;
}

.crossmatch-lifecycle li[b-1qi8wdw88v] {
    position: relative;
    display: grid;
    min-width: 0;
    justify-items: center;
    gap: 0.22rem;
    color: #8998a5;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
}

.crossmatch-lifecycle li[b-1qi8wdw88v]::after {
    position: absolute;
    z-index: 0;
    top: 0.35rem;
    left: calc(50% + 0.45rem);
    width: calc(100% - 0.9rem);
    height: 1px;
    background: #cfdae2;
    content: "";
}

.crossmatch-lifecycle li:last-child[b-1qi8wdw88v]::after { display: none; }

.crossmatch-lifecycle-dot[b-1qi8wdw88v] {
    position: relative;
    z-index: 1;
    width: 0.72rem;
    height: 0.72rem;
    border: 2px solid #b9c6d0;
    border-radius: 50%;
    background: #fff;
}

.crossmatch-lifecycle li.is-complete[b-1qi8wdw88v],
.crossmatch-lifecycle li.is-current[b-1qi8wdw88v] { color: #17629c; }

.crossmatch-lifecycle li.is-complete .crossmatch-lifecycle-dot[b-1qi8wdw88v],
.crossmatch-lifecycle li.is-current .crossmatch-lifecycle-dot[b-1qi8wdw88v] {
    border-color: #1973d1;
    background: #1973d1;
}

.crossmatch-lifecycle li.is-complete[b-1qi8wdw88v]::after { background: #1973d1; }

.is-approved .crossmatch-lifecycle li.is-complete[b-1qi8wdw88v],
.is-approved .crossmatch-lifecycle li.is-current[b-1qi8wdw88v],
.is-issued .crossmatch-lifecycle li.is-complete[b-1qi8wdw88v],
.is-issued .crossmatch-lifecycle li.is-current[b-1qi8wdw88v] { color: #087c56; }

.is-approved .crossmatch-lifecycle li.is-complete .crossmatch-lifecycle-dot[b-1qi8wdw88v],
.is-approved .crossmatch-lifecycle li.is-current .crossmatch-lifecycle-dot[b-1qi8wdw88v],
.is-issued .crossmatch-lifecycle li.is-complete .crossmatch-lifecycle-dot[b-1qi8wdw88v],
.is-issued .crossmatch-lifecycle li.is-current .crossmatch-lifecycle-dot[b-1qi8wdw88v] {
    border-color: #17a55b;
    background: #17a55b;
}

.is-approved .crossmatch-lifecycle li.is-complete[b-1qi8wdw88v]::after,
.is-issued .crossmatch-lifecycle li.is-complete[b-1qi8wdw88v]::after { background: #17a55b; }

.crossmatch-unit-issued-info[b-1qi8wdw88v],
.crossmatch-unit-disabled-reason[b-1qi8wdw88v],
.crossmatch-unit-warning[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0.75rem 0.6rem;
    padding: 0.35rem 0.5rem;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 800;
}

.crossmatch-unit-issued-info[b-1qi8wdw88v] {
    border: 1px solid #a9dfc4;
    background: #edf9f2;
    color: #087c56;
}

.crossmatch-unit-issued-info svg[b-1qi8wdw88v] { width: 0.82rem; height: 0.82rem; }

.crossmatch-unit-disabled-reason[b-1qi8wdw88v] {
    border: 1px solid #e3d3a5;
    background: #fff9e9;
    color: #815e0c;
}

.crossmatch-unit-warning[b-1qi8wdw88v] {
    border: 1px solid #efc56b;
    background: #fff8e7;
    color: #805a08;
}

.crossmatch-unit-editor[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
    align-items: end;
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
    border-top: 1px solid #dbe5ec;
    background: #f8fbfd;
}

.crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
    align-self: end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.crossmatch-analyzer-state[b-1qi8wdw88v],
.crossmatch-readonly-grid[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem 0.75rem;
    border-top: 1px solid #dbe5ec;
    background: #f8fbfd;
}

.crossmatch-analyzer-state[b-1qi8wdw88v] {
    justify-content: space-between;
}

.crossmatch-analyzer-summary[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.crossmatch-analyzer-name[b-1qi8wdw88v] {
    color: #173f5f;
    font-size: 1rem;
    font-weight: 900;
}

.crossmatch-analyzer-result[b-1qi8wdw88v] {
    color: #657b8d;
    font-size: 1rem;
    font-weight: 800;
}

.crossmatch-send-analyzer[b-1qi8wdw88v] {
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    font-size: 1rem;
}

.crossmatch-readonly-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.crossmatch-readonly-grid > span[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.crossmatch-readonly-grid small[b-1qi8wdw88v] {
    color: #6b7f90;
    font-size: 1rem;
    font-weight: 900;
}

.crossmatch-readonly-grid strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #173b5d;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-action-group--analyzer[b-1qi8wdw88v] {
    padding: 0 0.75rem 0.65rem;
    background: #f8fbfd;
}

.blood-unit-tag-print-sheet[b-1qi8wdw88v] {
    display: none;
}

.blood-tag-header[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding-bottom: 2mm;
}

.blood-tag-header > div[b-1qi8wdw88v] { display: grid; gap: 0.5mm; }
.blood-tag-header span[b-1qi8wdw88v] { font-size: 8pt; }
.blood-tag-group[b-1qi8wdw88v] { font-size: 24pt; }
.blood-tag-barcode svg[b-1qi8wdw88v] { display: block; width: 100%; height: 22mm; margin: 2mm 0 1mm; }
.blood-tag-unit-number[b-1qi8wdw88v] { display: block; font-size: 13pt; text-align: center; }

.blood-tag-details[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5mm 3mm;
    margin-top: 3mm;
    font-size: 8pt;
}

.blood-tag-details div[b-1qi8wdw88v] { display: grid; grid-template-columns: 24mm 1fr; gap: 1mm; }
.blood-tag-details dt[b-1qi8wdw88v] { font-weight: 700; }
.blood-tag-details dd[b-1qi8wdw88v] { margin: 0; overflow-wrap: anywhere; }

.issue-unit-modal[b-1qi8wdw88v] { width: min(44rem, calc(100vw - 2rem)); }
.issue-unit-modal-subtitle[b-1qi8wdw88v] { color: #63798c; font-size: 1rem; font-weight: 700; }
.issue-unit-modal-body[b-1qi8wdw88v] { display: grid; gap: 0.9rem; }

.issue-unit-summary[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.issue-unit-summary div[b-1qi8wdw88v] {
    min-width: 0;
    padding: 0.5rem;
    border: 1px solid #dbe5ec;
    border-radius: 4px;
    background: #f7fafc;
}

.issue-unit-summary dt[b-1qi8wdw88v] { color: #6b7f90; font-size: 1rem; font-weight: 900; }
.issue-unit-summary dd[b-1qi8wdw88v] { margin: 0.15rem 0 0; color: #173b5d; font-size: 1rem; font-weight: 900; overflow-wrap: anywhere; }
.issue-unit-scan-field[b-1qi8wdw88v] { display: grid; gap: 0.3rem; color: #173b5d; font-size: 1rem; font-weight: 900; }
.issue-unit-personnel[b-1qi8wdw88v] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.issue-unit-personnel-wide[b-1qi8wdw88v] { grid-column: 1 / -1; }
.issue-unit-personnel strong[b-1qi8wdw88v] { color: #b42318; }
.issue-unit-error[b-1qi8wdw88v] { border: 1px solid #efb0b0; border-radius: 4px; background: #fff1f1; padding: 0.55rem; color: #b42318; font-size: 1rem; font-weight: 800; }
.issue-unit-modal-actions[b-1qi8wdw88v] { display: flex; justify-content: flex-end; gap: 0.45rem; padding: 0.7rem 1rem; border-top: 1px solid #dbe5ec; }

@media (max-width: 1366px) {
    .crossmatch-unit-header[b-1qi8wdw88v] { align-items: flex-start; }
    .crossmatch-unit-primary-actions[b-1qi8wdw88v] { flex-direction: column; align-items: stretch; }
    .unit-action-button[b-1qi8wdw88v] { min-height: 1.8rem; padding-block: 0.25rem; }
    .crossmatch-unit-editor[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 760px) {
    .crossmatch-unit-header[b-1qi8wdw88v] { align-items: stretch; flex-direction: column; }
    .crossmatch-unit-primary-actions[b-1qi8wdw88v] { flex-direction: row; flex-wrap: wrap; }
    .crossmatch-lifecycle[b-1qi8wdw88v] { overflow-x: auto; grid-template-columns: repeat(5, minmax(5.5rem, 1fr)); }
    .crossmatch-unit-editor[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] { grid-column: 1; }
    .crossmatch-analyzer-state[b-1qi8wdw88v] { align-items: stretch; flex-direction: column; }
    .crossmatch-send-analyzer[b-1qi8wdw88v] { align-self: flex-start; }
    .crossmatch-readonly-grid[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .issue-unit-summary[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .issue-unit-personnel[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .issue-unit-personnel-wide[b-1qi8wdw88v] { grid-column: auto; }
    .issue-unit-modal-actions[b-1qi8wdw88v] { align-items: stretch; flex-direction: column-reverse; }
}

/* Final workstation geometry for panels 2 and 3. */
.bottom-work-section[b-1qi8wdw88v] {
    grid-template-columns: minmax(20rem, 38fr) minmax(0, 62fr);
    align-items: start;
}

#lab-stage[b-1qi8wdw88v],
#crossmatch-stage[b-1qi8wdw88v] {
    display: flex;
    height: auto;
    min-height: 0;
    flex-direction: column;
    align-self: start;
}

#lab-stage .panel-action-footer[b-1qi8wdw88v],
#crossmatch-stage .panel-action-footer[b-1qi8wdw88v] {
    flex: 0 0 auto;
}

#lab-stage .work-card-body[b-1qi8wdw88v],
#crossmatch-stage .work-card-body[b-1qi8wdw88v] {
    flex: 1 1 auto;
    padding: 0.55rem;
}

.lab-table[b-1qi8wdw88v],
.crossmatch-table[b-1qi8wdw88v] {
    table-layout: fixed;
}

.lab-col-test[b-1qi8wdw88v] { width: 25%; }
.lab-col-result[b-1qi8wdw88v] { width: 40%; }
.lab-col-status[b-1qi8wdw88v] { width: 27%; }
.lab-col-revision[b-1qi8wdw88v] { width: 8%; }

.lab-table th[b-1qi8wdw88v],
.lab-table td[b-1qi8wdw88v] {
    padding-inline: 0.35rem;
}

.lab-table th:nth-child(4)[b-1qi8wdw88v],
.lab-table td:nth-child(4)[b-1qi8wdw88v] {
    text-align: center;
}

.lab-result-entry-grid[b-1qi8wdw88v] {
    grid-template-columns: minmax(2.25rem, 0.8fr) minmax(2.25rem, 0.8fr) minmax(2.55rem, 1fr);
    align-items: end;
    gap: 0.28rem;
}

.lab-exam-control[b-1qi8wdw88v],
.lab-profile-value[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.18rem;
}

.lab-exam-control > span[b-1qi8wdw88v],
.lab-profile-value > span[b-1qi8wdw88v] {
    color: #52677a;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.lab-result-entry-grid .select-result[b-1qi8wdw88v],
.lab-combined-value[b-1qi8wdw88v] {
    min-width: 0;
    height: 1.75rem;
    padding: 0.18rem 0.3rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.lab-result-entry-grid .select-result[b-1qi8wdw88v] {
    text-align-last: center;
}

.lab-combined-value[b-1qi8wdw88v] {
    display: grid;
    place-items: center;
}

.lab-result-entry-grid--readonly .lab-combined-value[b-1qi8wdw88v],
.lab-readonly-result[b-1qi8wdw88v] {
    border: 1px solid #c7d7e5;
    border-radius: 0.35rem;
    background: #f4f8fb;
    color: #173b5d;
}

.lab-readonly-result[b-1qi8wdw88v] {
    display: inline-grid;
    min-width: 5.5rem;
    min-height: 1.75rem;
    place-items: center;
    padding: 0.2rem 0.55rem;
    font-size: 1rem;
}

.lab-status-line[b-1qi8wdw88v] {
    flex-wrap: wrap;
    gap: 0.25rem;
}

.lab-status-line .status-badge[b-1qi8wdw88v] {
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lab-panel-footer[b-1qi8wdw88v] {
    min-height: 2.7rem;
    padding-top: 0.45rem;
}

.lab-panel-footer .panel-action-controls[b-1qi8wdw88v] {
    flex: 1 1 auto;
}

.lab-panel-footer .lab-action-row[b-1qi8wdw88v] {
    justify-content: flex-end;
}

.lab-panel-footer .lab-btn[b-1qi8wdw88v] {
    padding-inline: 0.38rem;
    font-size: 1rem;
}

.crossmatch-col-number[b-1qi8wdw88v] { width: 20%; }
.crossmatch-col-component[b-1qi8wdw88v] { width: 18%; }
.crossmatch-col-group[b-1qi8wdw88v] { width: 14%; }
.crossmatch-col-method[b-1qi8wdw88v] { width: 18%; }
.crossmatch-col-result[b-1qi8wdw88v] { width: 15%; }
.crossmatch-col-status[b-1qi8wdw88v] { width: 15%; }

.crossmatching-card-body[b-1qi8wdw88v] {
    overflow: visible;
}

.crossmatch-table[b-1qi8wdw88v] {
    flex: 0 0 auto;
}

.crossmatch-table .no-data-msg[b-1qi8wdw88v] {
    padding: 0;
    border-bottom: 0;
}

.crossmatch-empty-state[b-1qi8wdw88v] {
    display: grid;
    min-height: clamp(9rem, calc(100dvh - 38rem), 16rem);
    place-items: center;
    align-content: center;
    gap: 0.35rem;
    color: #6b8194;
    text-align: center;
}

.crossmatch-empty-state strong[b-1qi8wdw88v] {
    color: #526b80;
    font-size: 1rem;
}

.crossmatch-empty-state > span:last-child[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
}

.crossmatch-empty-icon[b-1qi8wdw88v] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 50%;
    background: #edf5fb;
    color: #8ba8bd;
}

.crossmatch-empty-icon svg[b-1qi8wdw88v] {
    width: 1.5rem;
    height: 1.5rem;
}

.crossmatch-panel-footer[b-1qi8wdw88v] {
    min-height: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 0.5rem;
}

.crossmatch-record-count[b-1qi8wdw88v] {
    margin-right: auto;
    color: #60758a;
    font-size: 1rem;
}

.crossmatch-cell-value[b-1qi8wdw88v],
.crossmatch-result-value[b-1qi8wdw88v] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    color: #264b68;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-result-value.is-empty[b-1qi8wdw88v] {
    color: #8797a5;
    font-weight: 700;
}

.crossmatch-editor[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.8fr) minmax(0, 0.9fr) minmax(0, 1.25fr);
    align-items: end;
    gap: 0.45rem;
}

.crossmatch-editor-context[b-1qi8wdw88v],
.crossmatch-editor-field[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.crossmatch-editor-context > span[b-1qi8wdw88v],
.crossmatch-editor-field > span[b-1qi8wdw88v] {
    color: #657b8d;
    font-size: 1rem;
    font-weight: 900;
}

.crossmatch-editor-context strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #123f63;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-editor-context small[b-1qi8wdw88v] {
    overflow: hidden;
    color: #62798c;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-editor-field .select-result[b-1qi8wdw88v] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2rem;
}

.crossmatch-footer-actions[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.crossmatch-status-cell .status-badge[b-1qi8wdw88v] {
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1366px) {
    .bottom-work-section[b-1qi8wdw88v] {
        grid-template-columns: minmax(19rem, 38fr) minmax(0, 62fr);
    }

    .lab-table th[b-1qi8wdw88v],
    .lab-table td[b-1qi8wdw88v],
    .crossmatch-table th[b-1qi8wdw88v],
    .crossmatch-table td[b-1qi8wdw88v] {
        font-size: 1rem;
    }

    .crossmatch-editor[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
    .bottom-work-section[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    #lab-stage[b-1qi8wdw88v],
    #crossmatch-stage[b-1qi8wdw88v] {
        grid-column: 1;
        min-height: 0;
    }

    .specimen-workflow-grid[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .specimen-station[b-1qi8wdw88v] {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid #dbe6ed;
    }

    .specimen-station:last-child[b-1qi8wdw88v] {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .specimen-workflow-header[b-1qi8wdw88v],
    .specimen-workflow-empty[b-1qi8wdw88v],
    .crossmatch-footer-actions[b-1qi8wdw88v] {
        align-items: stretch;
        flex-direction: column;
    }

    .specimen-workflow-header .ss-select[b-1qi8wdw88v] {
        width: 100%;
        max-width: none;
    }

    .crossmatch-editor[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .crossmatch-action-group[b-1qi8wdw88v] {
        justify-content: flex-start;
    }
}

/* Final cascade: the approved Clinical Timeline stays single-column at every viewport. */
.bottom-work-section.clinical-timeline-workbench[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
}

.clinical-timeline-workbench > .case-stage-rail[b-1qi8wdw88v],
.clinical-timeline-workbench > .lab-summary-strip[b-1qi8wdw88v],
.clinical-timeline-workbench > .lab-detail-panel[b-1qi8wdw88v],
.clinical-timeline-workbench > #crossmatch-stage[b-1qi8wdw88v] {
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
}

.clinical-timeline-workbench #lab-stage[b-1qi8wdw88v],
.clinical-timeline-workbench #crossmatch-stage[b-1qi8wdw88v] {
    width: 100%;
    min-height: 0;
    align-self: start;
}

.clinical-timeline-workbench #crossmatch-stage[b-1qi8wdw88v] { border-left: 3px solid #1973d1; }
.clinical-timeline-workbench .crossmatching-card-body[b-1qi8wdw88v] { padding: 0.45rem !important; }
.clinical-timeline-workbench .crossmatch-unit-list[b-1qi8wdw88v] { gap: 0.42rem; }

.crossmatch-section-header[b-1qi8wdw88v] {
    gap: 0.75rem;
}

.crossmatch-section-toggle[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.crossmatch-section-toggle > svg[b-1qi8wdw88v] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    color: #42647e;
}

.crossmatch-section-toggle .work-card-title[b-1qi8wdw88v] {
    flex: 0 1 auto;
}

.crossmatch-section-summary[b-1qi8wdw88v] {
    min-width: 0;
    overflow: hidden;
    color: #62798c;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crossmatch-section-toggle:hover .work-card-title[b-1qi8wdw88v],
.crossmatch-section-toggle:focus-visible .work-card-title[b-1qi8wdw88v] {
    color: #075ea8;
}

.crossmatch-section-toggle:focus-visible[b-1qi8wdw88v] {
    border-radius: 4px;
    outline: 3px solid rgb(25 115 209 / 22%);
    outline-offset: 3px;
}

.clinical-timeline-workbench .crossmatch-unit-card[b-1qi8wdw88v] {
    border-left-width: 2px;
    box-shadow: none;
}

.clinical-timeline-workbench .crossmatch-unit-card.is-selected[b-1qi8wdw88v] {
    border-color: #8fc1ef;
    border-left-width: 4px;
    box-shadow: 0 0 0 1px rgb(25 115 209 / 8%);
}

.clinical-timeline-workbench .crossmatch-unit-header[b-1qi8wdw88v] { padding: 0.52rem 0.65rem 0.42rem; }
.clinical-timeline-workbench .crossmatch-lifecycle[b-1qi8wdw88v] { padding: 0.25rem 0.65rem 0.48rem; }

.clinical-timeline-workbench .crossmatch-unit-editor[b-1qi8wdw88v] {
    grid-template-columns: minmax(8rem, 0.72fr) minmax(9rem, 0.82fr) minmax(12rem, 1.2fr) auto;
    padding: 0.5rem 0.65rem 0.6rem;
    border-top: 0;
}

.clinical-timeline-workbench .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
    grid-column: auto;
    justify-content: flex-end;
}

@media (max-width: 1366px) {
    .clinical-timeline-workbench .crossmatch-unit-editor[b-1qi8wdw88v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .clinical-timeline-workbench .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .clinical-timeline-workbench .crossmatch-unit-editor[b-1qi8wdw88v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .crossmatch-section-summary[b-1qi8wdw88v] { display: none; }

    .clinical-timeline-workbench .crossmatch-unit-editor[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .clinical-timeline-workbench .crossmatch-unit-editor .crossmatch-action-group[b-1qi8wdw88v] {
        grid-column: 1;
        justify-content: flex-start;
    }
}

/* Worklist readability pass: keep the workflow dense, but make selection and identity obvious. */
.worklist-eyebrow[b-1qi8wdw88v] { font-size: 1rem; }
.worklist-overview h1[b-1qi8wdw88v] { font-size: clamp(21px, 1.8vw, 28px); }
.worklist-overview > div:first-child > small[b-1qi8wdw88v] {
    font-size: 1rem;
    font-weight: 700;
}

.worklist-filter-toolbar .panel-title[b-1qi8wdw88v] { font-size: 1.08rem; }
.worklist-table th[b-1qi8wdw88v] { font-size: 1rem; }
.worklist-table td[b-1qi8wdw88v] {
    padding-block: 0.52rem;
    font-size: 1rem;
}
.patient-cell-name[b-1qi8wdw88v] { font-size: 1rem; }

.patient-cell-meta[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.18rem;
}

.patient-cell-meta .patient-cell-hn[b-1qi8wdw88v] {
    min-width: 0;
    margin: 0;
}

.row-status-badge[b-1qi8wdw88v],
.row-priority-badge[b-1qi8wdw88v] {
    flex: 0 0 auto;
    padding: 0.12rem 0.34rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.25;
}

.row-status-badge[b-1qi8wdw88v] {
    background: #e0f2fe;
    color: #075985;
}

.row-status-badge.lab-in-progress[b-1qi8wdw88v],
.row-status-badge.crossmatch-in-progress[b-1qi8wdw88v] {
    background: #fef3c7;
    color: #92400e;
}

.row-status-badge.lab-approved[b-1qi8wdw88v],
.row-status-badge.crossmatch-approved[b-1qi8wdw88v],
.row-status-badge.issued[b-1qi8wdw88v] {
    background: #dcfce7;
    color: #166534;
}

.row-status-badge.cancelled[b-1qi8wdw88v] {
    background: #f1f5f9;
    color: #64748b;
}

.row-priority-badge[b-1qi8wdw88v] {
    background: #fee2e2;
    color: #b91c1c;
}

.req-header[b-1qi8wdw88v] {
    flex: 0 0 auto;
    overflow: hidden;
    border-color: rgba(191, 219, 254, 0.86);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.62));
    box-shadow: 0 18px 38px rgba(76, 65, 170, 0.1), inset 0 1px rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(24px) saturate(170%);
}

.req-header-bar[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(230px, 1.35fr) repeat(3, minmax(130px, 0.8fr));
    gap: 0.65rem 1rem;
    padding: 0.65rem 0.8rem;
    border-bottom-color: rgba(129, 142, 174, 0.14);
    border-radius: 19px 19px 0 0;
    background: linear-gradient(105deg, rgba(219, 234, 254, 0.82), rgba(243, 232, 255, 0.58));
}

.request-patient-identity[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.62rem;
}

.request-patient-avatar[b-1qi8wdw88v] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, #38bdf8, #7c3aed);
    color: #fff;
    box-shadow: 0 9px 20px rgba(76, 65, 170, 0.2), inset 0 1px rgba(255, 255, 255, 0.42);
}

.request-patient-avatar[b-1qi8wdw88v]  svg {
    width: 1.2rem;
    height: 1.2rem;
}

.request-patient-identity > span:last-child[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
}

.request-patient-identity small[b-1qi8wdw88v],
.request-patient-identity span[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.request-patient-identity strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #312e81;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.req-header-body[b-1qi8wdw88v] { padding: 0.8rem; }

.bg-actions .btn-header-action[b-1qi8wdw88v] {
    min-height: 2.15rem;
    gap: 0.35rem;
    font-size: 1rem;
}

.bg-actions .btn-header-action[b-1qi8wdw88v]  svg {
    width: 0.9rem;
    height: 0.9rem;
}

@media (max-width: 1366px) {
    .req-header-bar[b-1qi8wdw88v] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .request-patient-identity[b-1qi8wdw88v] { grid-column: 1 / -1; }
}

/* Hybrid task-focused worklist: show the next decision first and reveal detail on demand. */
.worklist-status-summary[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
    margin-top: 0.6rem;
}

.worklist-status-summary span[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.34rem 0.25rem;
    border: 1px solid rgba(191, 219, 254, 0.8);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
    white-space: nowrap;
}

.worklist-status-summary b[b-1qi8wdw88v] {
    color: #4338ca;
    font-size: 1rem;
    font-weight: 950;
}

.work-items-list[b-1qi8wdw88v] {
    padding: 0.4rem;
    background: rgba(248, 250, 252, 0.54);
}

.worklist-card-list[b-1qi8wdw88v] {
    display: flex;
    flex-direction: column;
    gap: 0.62rem;
}

.worklist-request-card[b-1qi8wdw88v] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 0.42rem;
    padding: 0.7rem 0.75rem;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.76);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 5px 14px rgba(76, 65, 170, 0.04);
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.worklist-request-card[b-1qi8wdw88v]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: transparent;
    content: "";
}

.worklist-request-card:hover[b-1qi8wdw88v] {
    border-color: rgba(96, 165, 250, 0.7);
    box-shadow: 0 9px 20px rgba(76, 65, 170, 0.1);
    transform: translateY(-1px);
}

.worklist-request-card.active[b-1qi8wdw88v] {
    border-color: rgba(99, 102, 241, 0.72);
    background: linear-gradient(135deg, rgba(238, 242, 255, 0.96), rgba(224, 242, 254, 0.86));
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.14);
}

.worklist-request-card.active[b-1qi8wdw88v]::before { background: linear-gradient(#4f8df7, #7c3aed); }
.worklist-request-card.is-stat[b-1qi8wdw88v]::before { background: #ef4444; }

.worklist-request-card:focus-visible[b-1qi8wdw88v] {
    outline: 3px solid rgba(59, 130, 246, 0.32);
    outline-offset: 2px;
}

.request-card-primary[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.38rem;
}

.request-card-primary strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-card-primary > span:not(.status-dot):not(.row-priority-badge)[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
    white-space: nowrap;
}

.request-card-secondary[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
    padding-left: 0.95rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.request-card-secondary .mono[b-1qi8wdw88v] {
    overflow: hidden;
    color: #334155;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-card-secondary time[b-1qi8wdw88v] { white-space: nowrap; }
.request-card-secondary .row-status-badge[b-1qi8wdw88v] { margin-left: auto; }

.left-summary-toggle[b-1qi8wdw88v] {
    display: flex;
    width: calc(100% - 0.8rem);
    min-height: 2.5rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.4rem;
    padding: 0.5rem 0.72rem;
    border: 1px solid rgba(196, 181, 253, 0.78);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    color: #4338ca;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.left-summary-toggle > span[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.left-summary-toggle[b-1qi8wdw88v]  svg { width: 1rem; height: 1rem; }
.left-summary-toggle:focus-visible[b-1qi8wdw88v] { outline: 3px solid rgba(59, 130, 246, 0.3); outline-offset: 2px; }

.req-header-bar[b-1qi8wdw88v] {
    grid-template-columns: minmax(220px, 0.9fr) minmax(420px, 1.75fr) minmax(185px, 0.72fr);
    gap: 0.75rem;
    padding: 0.75rem;
}

.request-primary-facts[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 0.38rem;
}

.request-primary-facts > span[b-1qi8wdw88v] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 0.14rem;
    padding: 0.42rem 0.52rem;
    border: 1px solid rgba(219, 234, 254, 0.88);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.66);
}

.request-primary-facts small[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.request-primary-facts b[b-1qi8wdw88v] {
    overflow: hidden;
    color: #334155;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-primary-facts b.is-stat[b-1qi8wdw88v] { color: #dc2626; }

.req-header-body[b-1qi8wdw88v] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.65rem;
}

.req-bloodgroup[b-1qi8wdw88v] {
    order: 1;
    width: auto;
    grid-template-columns: minmax(112px, 0.75fr) minmax(140px, 1fr) minmax(190px, 1.3fr) minmax(130px, 0.8fr);
    align-items: stretch;
    gap: 0.5rem;
    padding: 0;
}

.req-bloodgroup > .abo-issue-gate[b-1qi8wdw88v],
.req-bloodgroup > .bg-actions[b-1qi8wdw88v] {
    grid-column: auto;
    grid-row: auto;
    align-self: stretch;
    margin: 0;
}

.req-bloodgroup > .bg-actions[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
}

.request-more-details[b-1qi8wdw88v] {
    order: 2;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.58);
}

.request-more-details > summary[b-1qi8wdw88v] {
    display: flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.48rem 0.7rem;
    color: #4338ca;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}

.request-more-details > summary[b-1qi8wdw88v]::-webkit-details-marker { display: none; }

.request-more-details > summary > span[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.request-more-details > summary[b-1qi8wdw88v]  svg { width: 0.95rem; height: 0.95rem; }
.request-more-details > summary small[b-1qi8wdw88v] { color: #64748b; font-size: 1rem; font-weight: 700; }
.request-more-details[open] > summary[b-1qi8wdw88v] { border-bottom: 1px solid rgba(203, 213, 225, 0.66); }
.request-more-details .req-grid[b-1qi8wdw88v] { padding: 0.65rem; }

#specimen-work-panel:focus[b-1qi8wdw88v],
#lab-work-panel:focus[b-1qi8wdw88v],
#crossmatch-stage:focus[b-1qi8wdw88v] {
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: -3px;
}

.case-stage-step.upcoming[b-1qi8wdw88v] { opacity: 0.62; }
.case-stage-step.current[b-1qi8wdw88v] { background: linear-gradient(135deg, rgba(219, 234, 254, 0.8), rgba(237, 233, 254, 0.72)); }

@media (max-width: 1366px) {
    .req-header-bar[b-1qi8wdw88v] { grid-template-columns: minmax(190px, 0.85fr) minmax(0, 1.45fr); }
    .request-patient-identity[b-1qi8wdw88v] { grid-column: auto; }
    .request-primary-facts[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
    .worklist-status-summary[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .req-header-bar[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .request-patient-identity[b-1qi8wdw88v] { grid-column: 1; }
    .request-primary-facts[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .req-bloodgroup[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .req-bloodgroup > .abo-issue-gate[b-1qi8wdw88v],
    .req-bloodgroup > .bg-actions[b-1qi8wdw88v] { grid-column: 1; grid-row: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .worklist-request-card[b-1qi8wdw88v] { transition: none; }
}

/* Concept A: queue-first workbench, patient-at-a-glance safety strip,
   and one clearly prioritised next action. */

.worklist-layout[b-1qi8wdw88v] {
    grid-row: 1 / -1;
    grid-template-columns: minmax(340px, 32%) minmax(0, 1fr);
    gap: 18px;
    height: 100%;
    margin: 0;
    padding: 16px 20px;
}

.left-panel[b-1qi8wdw88v] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.worklist-filter-toolbar[b-1qi8wdw88v] {
    gap: 0.75rem;
    padding: 0.55rem 0.25rem 0.85rem;
    border: 0;
    background: transparent;
}

.worklist-heading-copy[b-1qi8wdw88v] {
    display: grid;
    gap: 0.42rem;
}

.worklist-heading-copy > span[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: #315eea;
    font-size: 1rem;
    font-weight: 900;
}

.worklist-heading-copy > span[b-1qi8wdw88v]  svg { width: 1rem; height: 1rem; }

.worklist-heading-copy > div[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.worklist-heading-row .panel-title[b-1qi8wdw88v] {
    color: #24324a;
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    line-height: 1;
}

.worklist-count-badge[b-1qi8wdw88v] {
    min-width: 2.3rem;
    min-height: 2.3rem;
    display: inline-grid;
    place-items: center;
    padding: 0 0.62rem;
    border-radius: 999px;
    background: #eef2f8;
    color: #475569;
    font-size: 1rem;
    font-weight: 900;
}

.queue-filter-toggle[b-1qi8wdw88v] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(99, 102, 241, 0.28);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    color: #4338ca;
    font: inherit;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.queue-filter-toggle[b-1qi8wdw88v]  svg { width: 1rem; height: 1rem; }

.queue-filter-toggle:focus-visible[b-1qi8wdw88v] {
    outline: 3px solid rgba(56, 189, 248, 0.38);
    outline-offset: 2px;
}

.queue-filter-drawer[b-1qi8wdw88v] {
    display: grid;
    gap: 0.62rem;
    padding: 0.68rem;
    border: 1px solid rgba(191, 219, 254, 0.76);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 28px rgba(49, 46, 129, 0.08);
    animation: prototype-content-in-b-1qi8wdw88v 180ms ease-out both;
}

.worklist-quick-filters[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.38rem;
}

.quick-filter-chip[b-1qi8wdw88v] {
    min-width: 0;
    min-height: 2.55rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.32rem;
    padding: 0.42rem 0.5rem;
    border: 1px solid rgba(191, 219, 254, 0.82);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
    color: #475569;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.quick-filter-chip[b-1qi8wdw88v]  svg { width: 0.9rem; height: 0.9rem; color: #3b82f6; }
.quick-filter-chip strong[b-1qi8wdw88v] { color: #1e3a8a; font-size: 1rem; }
.quick-filter-chip:hover[b-1qi8wdw88v] { transform: translateY(-1px); }
.quick-filter-chip.active[b-1qi8wdw88v] {
    border-color: rgba(99, 102, 241, 0.72);
    background: linear-gradient(135deg, rgba(224, 242, 254, 0.96), rgba(237, 233, 254, 0.94));
    box-shadow: 0 5px 14px rgba(79, 70, 229, 0.12);
}

.quick-filter-chip.is-waiting[b-1qi8wdw88v]  svg { color: #d97706; }
.quick-filter-chip.is-urgent[b-1qi8wdw88v]  svg { color: #e11d48; }
.quick-filter-chip.is-ready[b-1qi8wdw88v]  svg { color: #059669; }

.quick-filter-chip:focus-visible[b-1qi8wdw88v] {
    outline: 3px solid rgba(56, 189, 248, 0.38);
    outline-offset: 2px;
}

.worklist-request-card[b-1qi8wdw88v] {
    --queue-accent: #3b82f6;
    min-height: 92px;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    padding: 0;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(44, 62, 112, 0.08);
}

.worklist-request-card.awaiting-specimen[b-1qi8wdw88v] { --queue-accent: #d97706; }
.worklist-request-card.lab-in-progress[b-1qi8wdw88v] { --queue-accent: #0284c7; }
.worklist-request-card.lab-approved[b-1qi8wdw88v] { --queue-accent: #7c3aed; }
.worklist-request-card.crossmatch-in-progress[b-1qi8wdw88v] { --queue-accent: #8b5cf6; }
.worklist-request-card.crossmatch-approved[b-1qi8wdw88v],
.worklist-request-card.partially-issued[b-1qi8wdw88v] { --queue-accent: #059669; }
.worklist-request-card.issued[b-1qi8wdw88v] { --queue-accent: #0f766e; }
.worklist-request-card.cancelled[b-1qi8wdw88v] { --queue-accent: #94a3b8; }
.worklist-request-card.is-stat[b-1qi8wdw88v] { --queue-accent: #e11d48; }

.worklist-request-card[b-1qi8wdw88v]::before { display: none; }
.worklist-request-card:hover[b-1qi8wdw88v] { transform: none; }

.worklist-request-card.active[b-1qi8wdw88v] {
    border-color: color-mix(in srgb, var(--queue-accent) 72%, white);
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--queue-accent) 8%, white));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--queue-accent) 24%, transparent), 0 12px 24px color-mix(in srgb, var(--queue-accent) 14%, transparent);
}

.request-card-rank[b-1qi8wdw88v] {
    display: grid;
    place-items: center;
    border-right: 1px solid color-mix(in srgb, var(--queue-accent) 20%, white);
    background: linear-gradient(155deg, color-mix(in srgb, var(--queue-accent) 96%, white), color-mix(in srgb, var(--queue-accent) 72%, #7c3aed));
    color: #fff;
    font-size: 1.18rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.request-card-content[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 0.34rem;
    padding: 0.76rem 0.85rem;
}

.request-card-primary strong[b-1qi8wdw88v] { font-size: 1rem; }
.request-card-primary > span:not(.status-dot):not(.row-priority-badge)[b-1qi8wdw88v] { font-size: 1rem; }
.request-card-secondary[b-1qi8wdw88v] { font-size: 1rem; }
.request-card-secondary .mono[b-1qi8wdw88v] { font-size: 1rem; }
.row-status-badge[b-1qi8wdw88v] { font-size: 1rem; }

.req-header[b-1qi8wdw88v] {
    position: relative;
    top: auto;
    z-index: 1;
    border-radius: 18px;
}

.req-header-bar[b-1qi8wdw88v] {
    grid-template-columns: minmax(280px, 1.15fr) minmax(240px, 0.8fr) auto;
    align-items: center;
    gap: 0.72rem;
    min-height: 86px;
    padding: 0.72rem 0.85rem;
    background: rgba(255, 255, 255, 0.84);
}

.request-patient-avatar[b-1qi8wdw88v] {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
}

.request-patient-avatar[b-1qi8wdw88v]  svg { width: 1.8rem; height: 1.8rem; }
.request-patient-identity strong[b-1qi8wdw88v] { font-size: 1.1rem; }

.request-patient-meta[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 760;
}

.request-patient-meta i[b-1qi8wdw88v] { color: #94a3b8; font-style: normal; }

.request-case-badges[b-1qi8wdw88v] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.32rem;
}

.request-case-badges b[b-1qi8wdw88v] {
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 1rem;
    font-weight: 900;
}

.request-case-badges b.is-stat[b-1qi8wdw88v] { background: #ffe4e6; color: #be123c; }

.request-primary-facts[b-1qi8wdw88v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
}

.request-primary-facts > span[b-1qi8wdw88v] {
    min-height: 3.4rem;
    padding: 0.55rem 0.68rem;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.68);
}

.request-primary-facts small[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 1rem;
}

.request-primary-facts small[b-1qi8wdw88v]  svg { width: 0.9rem; height: 0.9rem; color: #4f70e8; }
.request-primary-facts b[b-1qi8wdw88v] { margin-top: 0.2rem; font-size: 1rem; }

.req-header-body.request-command-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0.62rem;
    padding: 0.62rem;
}

.req-bloodgroup[b-1qi8wdw88v] {
    order: initial;
    display: grid;
    grid-template-columns: minmax(115px, 0.78fr) minmax(165px, 1.08fr) minmax(130px, 0.86fr) minmax(230px, 1.4fr);
    align-items: stretch;
    gap: 0;
    padding: 0.58rem 0.72rem 0.68rem;
    border: 1px solid rgba(186, 230, 253, 0.72);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.96);
}

.req-bloodgroup[b-1qi8wdw88v]::before {
    grid-column: 1 / -1;
    margin-bottom: 0.34rem;
    color: #4338ca;
    content: "ข้อมูลความปลอดภัยก่อนจ่ายเลือด";
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.safety-ribbon-item[b-1qi8wdw88v] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.62rem;
    min-height: 4rem;
    padding: 0.44rem 0.72rem;
    border-left: 1px solid rgba(203, 213, 225, 0.68);
}

.safety-ribbon-item:first-of-type[b-1qi8wdw88v] { border-left: 0; }

.safety-ribbon-icon[b-1qi8wdw88v] {
    width: 2.3rem;
    height: 2.3rem;
    flex: 0 0 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(239, 246, 255, 0.92);
    color: #2563eb;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.24);
}

.safety-ribbon-icon[b-1qi8wdw88v]  svg { width: 1.2rem; height: 1.2rem; }

.safety-ribbon-copy[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 0.08rem;
}

.safety-ribbon-copy small[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.safety-ribbon-copy strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #172554;
    font-size: clamp(1rem, 1.15vw, 1.28rem);
    font-weight: 950;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.safety-ribbon-item--abo .safety-ribbon-icon[b-1qi8wdw88v] { background: #fff1f2; color: #e11d48; box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.22); }
.safety-ribbon-item--abo .safety-ribbon-copy small[b-1qi8wdw88v] { color: #be123c; }
.safety-ribbon-item--confirm .safety-ribbon-icon[b-1qi8wdw88v] { background: #fff7ed; color: #ea580c; box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.22); }
.safety-ribbon-item--confirm .safety-ribbon-copy small[b-1qi8wdw88v] { color: #c2410c; }
.safety-ribbon-item--confirm.is-done .safety-ribbon-icon[b-1qi8wdw88v] { background: #ecfdf5; color: #059669; box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.22); }
.safety-ribbon-item--confirm.is-bad .safety-ribbon-icon[b-1qi8wdw88v] { background: #fef2f2; color: #dc2626; }
.safety-ribbon-item--antibody .safety-ribbon-icon[b-1qi8wdw88v] { background: #ecfeff; color: #0f9f91; box-shadow: inset 0 0 0 1px rgba(20, 184, 166, 0.22); }
.safety-ribbon-item--antibody .safety-ribbon-copy small[b-1qi8wdw88v] { color: #047857; }

.safety-ribbon-item--abo[b-1qi8wdw88v],
.safety-ribbon-item--confirm[b-1qi8wdw88v],
.safety-ribbon-item--antibody[b-1qi8wdw88v] {
    position: relative;
    align-items: flex-start;
}

.safety-ribbon-item--abo .safety-ribbon-icon[b-1qi8wdw88v],
.safety-ribbon-item--confirm .safety-ribbon-icon[b-1qi8wdw88v],
.safety-ribbon-item--antibody .safety-ribbon-icon[b-1qi8wdw88v] {
    position: absolute;
    top: 0.44rem;
    left: 0.72rem;
    width: 1.8rem;
    height: 1.8rem;
}

.safety-ribbon-item--abo .safety-ribbon-copy[b-1qi8wdw88v],
.safety-ribbon-item--confirm .safety-ribbon-copy[b-1qi8wdw88v],
.safety-ribbon-item--antibody .safety-ribbon-copy[b-1qi8wdw88v] {
    width: 100%;
    gap: 0.4rem;
}

.safety-ribbon-item--abo .safety-ribbon-copy > small[b-1qi8wdw88v],
.safety-ribbon-item--confirm .safety-ribbon-copy > small[b-1qi8wdw88v],
.safety-ribbon-item--antibody .safety-ribbon-copy > small[b-1qi8wdw88v] {
    min-height: 1.8rem;
    padding-left: 2.2rem;
    letter-spacing: 0;
}

.safety-ribbon-copy .safety-blood-value[b-1qi8wdw88v] {
    --safety-abo-accent: #64748b;
    --safety-abo-ink: #334155;
    --safety-abo-bg: #f1f5f9;
    display: block;
    overflow: visible;
    padding: 0.55rem 0.6rem;
    border: 1px solid var(--safety-abo-accent);
    border-left-width: 5px;
    border-radius: 12px;
    background: var(--safety-abo-bg);
    color: var(--safety-abo-ink);
    font-size: 2.75rem;
    font-weight: 950;
    line-height: 1.15;
    text-align: center;
    text-overflow: clip;
}

.safety-ribbon-copy .safety-abo-a[b-1qi8wdw88v] { --safety-abo-accent: #cf3434; --safety-abo-ink: #991b1b; --safety-abo-bg: #fee2e2; }
.safety-ribbon-copy .safety-abo-b[b-1qi8wdw88v] { --safety-abo-accent: #d78608; --safety-abo-ink: #854d0e; --safety-abo-bg: #fef3c7; }
.safety-ribbon-copy .safety-abo-o[b-1qi8wdw88v] { --safety-abo-accent: #078b70; --safety-abo-ink: #065f46; --safety-abo-bg: #d1fae5; }
.safety-ribbon-copy .safety-abo-ab[b-1qi8wdw88v] { --safety-abo-accent: #7655bb; --safety-abo-ink: #5b21b6; --safety-abo-bg: #ede9fe; }

.safety-ribbon-item--antibody .safety-ribbon-copy strong[b-1qi8wdw88v] {
    overflow: visible;
    font-size: 1.65rem;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: break-word;
}

.safety-confirm-controls[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(72px, 1fr) auto;
    gap: 0.3rem;
    margin-top: 0.16rem;
}

.safety-confirm-controls .bg-confirm-select[b-1qi8wdw88v],
.safety-confirm-controls .bg-confirm-btn[b-1qi8wdw88v] {
    min-height: 1.8rem;
    font-size: 1rem;
}

.safety-ribbon-copy .bg-confirm-note[b-1qi8wdw88v] { font-size: 1rem; }
.safety-ribbon-copy .bg-confirm-again[b-1qi8wdw88v] { justify-self: start; margin-top: 0.12rem; }

.abo-issue-gate[b-1qi8wdw88v] {
    min-width: 0;
    min-height: 4rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    place-content: center;
    align-items: center;
    gap: 0.6rem;
    margin-left: 0.48rem;
    padding: 0.5rem 0.7rem;
    border-radius: 11px;
    background: rgba(254, 242, 242, 0.86);
    color: #b91c1c;
    box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.24);
}

.abo-issue-gate.is-ready[b-1qi8wdw88v] { background: rgba(236, 253, 245, 0.9); color: #047857; box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.25); }
.abo-issue-gate.is-error[b-1qi8wdw88v] { background: rgba(254, 226, 226, 0.92); color: #b91c1c; }
.abo-issue-gate > svg[b-1qi8wdw88v] { width: 1.45rem; height: 1.45rem; }

.abo-issue-gate > span[b-1qi8wdw88v] {
    display: grid;
    gap: 0.25rem;
}

.abo-issue-gate strong[b-1qi8wdw88v] { font-size: 1rem; }
.abo-issue-gate small[b-1qi8wdw88v] { font-size: 1rem; font-weight: 700; }

.workflow-detail-stack[b-1qi8wdw88v] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.58rem;
}

.request-secondary-actions[b-1qi8wdw88v] {
    order: initial;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.32rem;
}

.request-secondary-actions .btn-header-action[b-1qi8wdw88v] {
    min-height: 2.55rem;
    padding-inline: 0.58rem;
    border-color: rgba(203, 213, 225, 0.76);
    background: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    white-space: nowrap;
}

.request-secondary-actions .btn-header-action[b-1qi8wdw88v]  svg { width: 0.92rem; height: 0.92rem; }

.req-header + .workflow-focus-rail[b-1qi8wdw88v] { margin-top: -0.15rem; }

.request-dialog-overlay[b-1qi8wdw88v] {
    z-index: 95;
    padding: 1rem;
    background: rgba(26, 35, 65, 0.46);
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
}

.request-dialog[b-1qi8wdw88v] {
    width: min(880px, calc(100vw - 32px));
    max-width: none;
    max-height: min(86vh, 820px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 22px;
    background: rgba(250, 252, 255, 0.96);
    box-shadow: 0 28px 80px rgba(30, 41, 96, 0.26), inset 0 1px rgba(255, 255, 255, 0.96);
}

.request-summary-dialog[b-1qi8wdw88v] { width: min(780px, calc(100vw - 32px)); }
.request-history-dialog[b-1qi8wdw88v] { width: min(680px, calc(100vw - 32px)); }

.request-dialog-header[b-1qi8wdw88v] {
    min-height: 4.6rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(110deg, rgba(219, 234, 254, 0.88), rgba(237, 233, 254, 0.8), rgba(252, 231, 243, 0.72));
}

.request-dialog-header > div[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.request-dialog-header .modal-title[b-1qi8wdw88v] {
    color: #312e81;
    font-size: 1.05rem;
}

.request-dialog-header p[b-1qi8wdw88v] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-dialog-header .modal-close[b-1qi8wdw88v] {
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    line-height: 1;
}

.request-dialog-header .modal-close:focus-visible[b-1qi8wdw88v] {
    outline: 3px solid rgba(56, 189, 248, 0.42);
    outline-offset: 2px;
}

.request-dialog-tabs[b-1qi8wdw88v] {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.65rem 1rem 0;
    background: transparent;
}

.request-dialog-body[b-1qi8wdw88v] {
    min-height: 0;
    padding: 0.85rem 1rem 1rem;
}

.request-dialog-tab-content[b-1qi8wdw88v] {
    min-height: 0;
    max-height: none;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
}

.request-info-dialog-grid[b-1qi8wdw88v] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.request-info-dialog-grid .rf[b-1qi8wdw88v] {
    min-width: 0;
    min-height: 4.25rem;
    display: grid;
    align-content: center;
    gap: 0.3rem;
    padding: 0.72rem 0.78rem;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.78);
}

.request-info-dialog-grid .rf i[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
}

.request-info-dialog-grid .rf b[b-1qi8wdw88v] {
    overflow: hidden;
    color: #27364d;
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-history-list[b-1qi8wdw88v] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.request-history-list li[b-1qi8wdw88v] {
    position: relative;
    min-height: 4.45rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 0.62rem 0.7rem;
}

.request-history-list li:not(:last-child)[b-1qi8wdw88v]::after {
    position: absolute;
    top: 3.5rem;
    bottom: -0.95rem;
    left: 1.72rem;
    width: 2px;
    background: #dbe4f0;
    content: "";
}

.request-history-icon[b-1qi8wdw88v] {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef2f7;
    color: #64748b;
}

.request-history-icon[b-1qi8wdw88v]  svg { width: 1.05rem; height: 1.05rem; }
.request-history-list li.is-done .request-history-icon[b-1qi8wdw88v] { background: #dcfce7; color: #047857; }
.request-history-list li.is-current .request-history-icon[b-1qi8wdw88v] { background: #dbeafe; color: #2563eb; }

.request-history-list li > span:last-child[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.request-history-list strong[b-1qi8wdw88v] { color: #27364d; font-size: 1rem; font-weight: 900; }
.request-history-list small[b-1qi8wdw88v] { color: #64748b; font-size: 1rem; font-weight: 720; }

.workflow-stage-button[b-1qi8wdw88v] {
    width: 100%;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.workflow-stage-button:hover[b-1qi8wdw88v] { background: rgba(239, 246, 255, 0.82); }

.workflow-stage-button:focus-visible[b-1qi8wdw88v] {
    z-index: 1;
    outline: 3px solid rgba(59, 130, 246, 0.42);
    outline-offset: -3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.92);
}

.right-panel:has(.workflow-stage-dialog-overlay)[b-1qi8wdw88v] {
    overflow: visible;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.workflow-stage-dialog-overlay[b-1qi8wdw88v] {
    z-index: 45;
    padding: 1rem;
}

.workflow-stage-dialog[b-1qi8wdw88v] {
    width: min(1480px, calc(100vw - 32px));
    max-height: min(92vh, 980px);
}

.workflow-stage-dialog[aria-hidden="true"][b-1qi8wdw88v] { pointer-events: none; }
.workflow-stage-dialog-header[b-1qi8wdw88v] { min-height: 5rem; }

.workflow-stage-dialog-heading[b-1qi8wdw88v] {
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 0.75rem !important;
}

.workflow-stage-dialog-heading > span:last-child[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.workflow-stage-dialog-icon[b-1qi8wdw88v] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    flex: 0 0 2.75rem;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #2f80ed, #7c3aed);
    color: #fff;
    box-shadow: 0 10px 24px rgba(76, 65, 170, 0.2);
}

.workflow-stage-dialog-icon[b-1qi8wdw88v]  svg { width: 1.35rem; height: 1.35rem; }
.workflow-dialog-stage-prepare .workflow-stage-dialog-icon[b-1qi8wdw88v] { background: linear-gradient(135deg, #f59e0b, #ec4899); }
.workflow-dialog-stage-issue .workflow-stage-dialog-icon[b-1qi8wdw88v] { background: linear-gradient(135deg, #14b8a6, #22c55e); }

.workflow-stage-dialog-body[b-1qi8wdw88v] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.workflow-stage-fieldset[b-1qi8wdw88v] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.workflow-stage-fieldset:disabled[b-1qi8wdw88v] { opacity: 0.72; }

.workflow-stage-locked-notice[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
    padding: 0.68rem 0.8rem;
    border: 1px solid rgba(245, 158, 11, 0.34);
    border-radius: 14px;
    background: rgba(255, 247, 214, 0.84);
    color: #92400e;
}

.workflow-stage-locked-notice > svg[b-1qi8wdw88v] { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; }
.workflow-stage-locked-notice > span[b-1qi8wdw88v] { display: grid; gap: 0.12rem; }
.workflow-stage-locked-notice strong[b-1qi8wdw88v] { font-size: 1rem; }
.workflow-stage-locked-notice small[b-1qi8wdw88v] { font-size: 1rem; font-weight: 750; }

.workflow-dialog-detail-stack.dialog-lab #crossmatch-stage[b-1qi8wdw88v],
.workflow-dialog-detail-stack.dialog-crossmatch > .specimen-focus-panel[b-1qi8wdw88v],
.workflow-dialog-detail-stack.dialog-crossmatch .lab-summary-strip[b-1qi8wdw88v],
.workflow-dialog-detail-stack.dialog-crossmatch #lab-stage[b-1qi8wdw88v] {
    display: none;
}

.workflow-dialog-stage-prepare .crossmatch-action-group[b-1qi8wdw88v],
.workflow-dialog-stage-issue .crossmatch-action-group[b-1qi8wdw88v] {
    display: none;
}

.workflow-stage-dialog .clinical-timeline-workbench[b-1qi8wdw88v] { overflow: visible; }

.workflow-focus-rail[b-1qi8wdw88v] {
    flex: 1 1 18rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
    gap: 0.72rem;
    min-height: 18rem;
    margin: 0;
    padding: 0.72rem;
    border: 1px solid rgba(191, 219, 254, 0.72);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.94);
}

.workflow-focus-rail .case-stage-step[b-1qi8wdw88v] {
    --stage-accent: #2478de;
    --stage-accent-2: #2e5ee9;
    --stage-surface: rgba(232, 244, 255, 0.92);
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(7.5rem, 1fr) auto;
    align-items: stretch;
    gap: 0.72rem;
    padding: 0.82rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--stage-accent) 28%, transparent);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 62%, rgba(255, 255, 255, 0.8), transparent 44%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.9), var(--stage-surface));
    box-shadow: 0 10px 24px rgba(71, 85, 105, 0.08), inset 0 1px rgba(255, 255, 255, 0.98);
    color: #172554;
    text-align: left;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.workflow-focus-rail .workflow-stage-crossmatch[b-1qi8wdw88v] { --stage-accent: #7547dc; --stage-accent-2: #5f35c7; --stage-surface: rgba(240, 234, 255, 0.92); }
.workflow-focus-rail .workflow-stage-prepare[b-1qi8wdw88v] { --stage-accent: #22a9b2; --stage-accent-2: #128b95; --stage-surface: rgba(225, 249, 249, 0.92); }
.workflow-focus-rail .workflow-stage-issue[b-1qi8wdw88v] { --stage-accent: #d64c91; --stage-accent-2: #c62f78; --stage-surface: rgba(253, 233, 244, 0.92); }

.workflow-focus-rail .case-stage-step:hover[b-1qi8wdw88v] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--stage-accent) 62%, transparent);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--stage-accent) 15%, transparent), inset 0 1px rgba(255, 255, 255, 0.98);
}

.workflow-focus-rail .case-stage-step:focus-visible[b-1qi8wdw88v] {
    outline: 4px solid color-mix(in srgb, var(--stage-accent) 28%, transparent);
    outline-offset: 3px;
}

.workflow-focus-rail .case-stage-step.current[b-1qi8wdw88v] {
    border-color: color-mix(in srgb, var(--stage-accent) 72%, transparent);
    background:
        radial-gradient(circle at 50% 62%, rgba(255, 255, 255, 0.9), transparent 43%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.96), var(--stage-surface));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--stage-accent) 18%, transparent), inset 0 1px rgba(255, 255, 255, 0.98);
}

.workflow-focus-rail .case-stage-step.upcoming[b-1qi8wdw88v] {
    opacity: 1;
    border-color: rgba(203, 213, 225, 0.76);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.9), color-mix(in srgb, var(--stage-surface) 58%, white));
    color: #64748b;
}

.workflow-focus-rail .case-stage-step.done[b-1qi8wdw88v] {
    border-color: rgba(74, 222, 128, 0.34);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.92), rgba(236, 253, 245, 0.9));
}

.workflow-stage-heading[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
}

.workflow-focus-rail .case-stage-marker[b-1qi8wdw88v] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, color-mix(in srgb, var(--stage-accent) 82%, white), var(--stage-accent-2));
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--stage-accent) 24%, transparent);
}

.workflow-focus-rail .case-stage-marker[b-1qi8wdw88v]  svg { width: 1.05rem; height: 1.05rem; }
.workflow-focus-rail .case-stage-step.upcoming .case-stage-marker[b-1qi8wdw88v] { background: #eef2f7; color: #94a3b8; box-shadow: none; }
.workflow-focus-rail .case-stage-step.done .case-stage-marker[b-1qi8wdw88v] { background: linear-gradient(145deg, #34d399, #16a34a); }

.workflow-stage-copy[b-1qi8wdw88v] { min-width: 0; display: grid; gap: 0.1rem; }
.workflow-stage-copy strong[b-1qi8wdw88v] { overflow: hidden; color: #1e2a52; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.workflow-stage-copy small[b-1qi8wdw88v] { overflow: hidden; color: var(--stage-accent); font-size: 1rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.case-stage-step.upcoming .workflow-stage-copy strong[b-1qi8wdw88v] { color: #64748b; }
.case-stage-step.upcoming .workflow-stage-copy small[b-1qi8wdw88v] { color: #94a3b8; }

.workflow-stage-chevron[b-1qi8wdw88v] { width: 1.05rem; height: 1.05rem; color: var(--stage-accent); }
.case-stage-step.upcoming .workflow-stage-chevron[b-1qi8wdw88v] { color: #94a3b8; }

.workflow-stage-art[b-1qi8wdw88v] {
    min-height: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    pointer-events: none;
}

.workflow-stage-art img[b-1qi8wdw88v] {
    width: min(92%, 12rem);
    height: min(100%, 13rem);
    object-fit: contain;
    filter: drop-shadow(0 14px 18px color-mix(in srgb, var(--stage-accent) 20%, transparent));
    transition: transform 180ms ease, filter 180ms ease, opacity 180ms ease;
}

.case-stage-step:hover .workflow-stage-art img[b-1qi8wdw88v] { transform: translateY(-3px) scale(1.025); }
.case-stage-step.upcoming .workflow-stage-art img[b-1qi8wdw88v] { opacity: 0.48; filter: saturate(0.62) drop-shadow(0 10px 14px rgba(100, 116, 139, 0.12)); }
.case-stage-step.done .workflow-stage-art img[b-1qi8wdw88v] { opacity: 0.72; }

.stage-primary-action[b-1qi8wdw88v],
.workflow-stage-footnote[b-1qi8wdw88v] {
    min-width: 0;
    min-height: 2.45rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.66rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 950;
}

.stage-primary-action[b-1qi8wdw88v] {
    background: linear-gradient(110deg, var(--stage-accent), var(--stage-accent-2));
    box-shadow: 0 9px 18px color-mix(in srgb, var(--stage-accent) 24%, transparent);
    color: #fff;
}

.stage-primary-action.is-disabled[b-1qi8wdw88v] { background: #e2e8f0; box-shadow: none; color: #64748b; }
.stage-primary-action[b-1qi8wdw88v]  svg,
.workflow-stage-footnote[b-1qi8wdw88v]  svg { width: 0.9rem; height: 0.9rem; }

.workflow-stage-footnote[b-1qi8wdw88v] {
    grid-template-columns: auto minmax(0, 1fr);
    justify-self: center;
    min-height: 2.1rem;
    padding-inline: 0.72rem;
    background: rgba(255, 255, 255, 0.58);
    color: #64748b;
    box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.58);
}

.clinical-timeline-workbench > .case-stage-rail[b-1qi8wdw88v] { display: none; }

.specimen-focus-panel[b-1qi8wdw88v] {
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid rgba(191, 219, 254, 0.76);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.68);
}

.specimen-focus-summary[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.58rem;
    min-height: 3.15rem;
    padding: 0.52rem 0.68rem;
    color: #334155;
    cursor: pointer;
    list-style: none;
}

.specimen-focus-summary[b-1qi8wdw88v]::-webkit-details-marker { display: none; }

.specimen-focus-summary > span:nth-child(2)[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
}

.specimen-focus-summary strong[b-1qi8wdw88v] { font-size: 1rem; font-weight: 900; }

.specimen-focus-summary small[b-1qi8wdw88v] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.specimen-focus-summary > svg[b-1qi8wdw88v] { width: 0.95rem; height: 0.95rem; transition: transform 160ms ease; }
.specimen-focus-panel[open] .specimen-focus-summary > svg[b-1qi8wdw88v] { transform: rotate(180deg); }

.specimen-focus-icon[b-1qi8wdw88v] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #e0f2fe;
    color: #0284c7;
}

.specimen-focus-icon[b-1qi8wdw88v]  svg { width: 1rem; height: 1rem; }

.specimen-focus-state[b-1qi8wdw88v] {
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1rem;
    font-weight: 900;
}

.specimen-focus-state.done[b-1qi8wdw88v] { background: #dcfce7; color: #166534; }
.specimen-focus-state.current[b-1qi8wdw88v] { background: #fef3c7; color: #92400e; }
.specimen-focus-panel[open] .specimen-focus-summary[b-1qi8wdw88v] { border-bottom: 1px solid rgba(203, 213, 225, 0.62); }

@media (max-width: 1500px) {
    .req-header-bar[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .request-patient-identity[b-1qi8wdw88v] { grid-column: 1 / -1; }
    .request-primary-facts[b-1qi8wdw88v] { grid-column: 1; }
    .request-secondary-actions[b-1qi8wdw88v] { grid-column: 2; }
}

@media (max-width: 1180px) {
    .worklist-layout[b-1qi8wdw88v] { grid-template-columns: minmax(340px, 40%) minmax(0, 1fr); }
    .worklist-quick-filters[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .req-header-bar[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr) auto; }
    .request-patient-identity[b-1qi8wdw88v] { grid-column: 1 / -1; }
    .request-primary-facts[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .request-secondary-actions[b-1qi8wdw88v] { grid-column: 2; }

    .req-bloodgroup[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 0.42rem; }
    .safety-ribbon-item:nth-of-type(3)[b-1qi8wdw88v] { border-left: 0; }
    .abo-issue-gate[b-1qi8wdw88v] { margin-left: 0.42rem; }
}

@media (max-width: 1100px) {
    .workflow-focus-rail[b-1qi8wdw88v] {
        flex: 0 0 auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(17rem, auto));
        min-height: 0;
    }
}

@media (max-width: 900px) {
    .worklist-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-content: start;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .left-panel[b-1qi8wdw88v] { min-height: 36rem; }
    .left-panel[b-1qi8wdw88v],
    .right-panel[b-1qi8wdw88v] { height: auto; }
    .right-panel[b-1qi8wdw88v] { min-height: max-content; overflow: visible; }
    .req-header-bar[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .request-patient-identity[b-1qi8wdw88v],
    .request-primary-facts[b-1qi8wdw88v],
    .request-secondary-actions[b-1qi8wdw88v] { grid-column: 1; }
    .request-secondary-actions[b-1qi8wdw88v] { justify-content: flex-start; }
    .request-info-dialog-grid[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .workflow-focus-rail[b-1qi8wdw88v] {
        flex: 0 0 auto;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        min-height: 0;
    }

    .workflow-focus-rail .case-stage-step[b-1qi8wdw88v] { min-height: 18rem; }
    .req-bloodgroup[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .safety-ribbon-item[b-1qi8wdw88v],
    .safety-ribbon-item:nth-of-type(3)[b-1qi8wdw88v] { border-left: 0; border-top: 1px solid rgba(203, 213, 225, 0.58); }
    .safety-ribbon-item:first-of-type[b-1qi8wdw88v] { border-top: 0; }
    .abo-issue-gate[b-1qi8wdw88v] { margin: 0.4rem 0 0; }
    .request-dialog-overlay[b-1qi8wdw88v] { padding: 0.5rem; }
    .request-dialog[b-1qi8wdw88v] { width: calc(100vw - 16px); max-height: calc(100vh - 16px); border-radius: 16px; }
    .request-dialog-header[b-1qi8wdw88v] { padding: 0.72rem 0.8rem; }
    .request-dialog-body[b-1qi8wdw88v] { padding: 0.68rem 0.75rem 0.8rem; }
    .request-info-dialog-grid[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .workflow-stage-dialog-overlay[b-1qi8wdw88v] { padding: 0.5rem; }
    .workflow-stage-dialog[b-1qi8wdw88v] { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
    .workflow-stage-dialog-icon[b-1qi8wdw88v] { width: 2.35rem; height: 2.35rem; flex-basis: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .specimen-focus-summary > svg[b-1qi8wdw88v],
    .quick-filter-chip[b-1qi8wdw88v],
    .workflow-stage-button[b-1qi8wdw88v],
    .workflow-stage-art img[b-1qi8wdw88v] { transition: none; }
}

/* Lab stage dialog: compact specimen ribbon + result command center. */
.workflow-dialog-detail-stack.dialog-lab[b-1qi8wdw88v] {
    gap: 0.72rem;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-focus-panel[b-1qi8wdw88v] {
    border-color: rgba(191, 219, 254, 0.9);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 28px rgba(42, 73, 140, 0.08);
}

.workflow-dialog-detail-stack.dialog-lab .specimen-focus-summary[b-1qi8wdw88v] {
    min-height: 2.8rem;
    padding: 0.42rem 0.65rem;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-workflow-header[b-1qi8wdw88v] {
    padding: 0.5rem 0.68rem;
    background: linear-gradient(90deg, rgba(239, 246, 255, 0.8), rgba(250, 245, 255, 0.62));
}

.workflow-dialog-detail-stack.dialog-lab .specimen-workflow-grid[b-1qi8wdw88v] {
    gap: 0;
    margin: 0.55rem 0.68rem 0.68rem;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.76);
    border-radius: 15px;
    background: rgba(248, 250, 252, 0.72);
}

.workflow-dialog-detail-stack.dialog-lab .specimen-station[b-1qi8wdw88v] {
    min-height: 0;
    padding: 0.62rem 0.7rem;
    border: 0;
    border-left: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: none;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-station:first-child[b-1qi8wdw88v] {
    border-left: 0;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-station-heading[b-1qi8wdw88v] {
    margin-bottom: 0.42rem;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-primary-value[b-1qi8wdw88v] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lab-command-center[b-1qi8wdw88v],
.lab-command-panel[b-1qi8wdw88v] {
    min-width: 0;
}

.lab-command-panel[b-1qi8wdw88v] {
    overflow: hidden;
    border: 1px solid rgba(191, 219, 254, 0.88);
    border-top: 1px solid rgba(191, 219, 254, 0.88);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 42px rgba(51, 65, 135, 0.1);
}

.lab-command-panel .lab-command-header[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    min-height: 3.7rem;
    padding: 0.58rem 0.78rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.68);
    background: linear-gradient(100deg, rgba(239, 246, 255, 0.94), rgba(245, 243, 255, 0.82));
}

.lab-command-header > span:nth-child(2)[b-1qi8wdw88v] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.lab-command-header small[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.lab-command-header strong[b-1qi8wdw88v] {
    color: #1e2a52;
    font-size: 1rem;
    font-weight: 950;
}

.lab-command-header-icon[b-1qi8wdw88v] {
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, #2f7dea, #7547dc);
    box-shadow: 0 8px 18px rgba(78, 83, 210, 0.24);
    color: #fff;
}

.lab-command-header-icon[b-1qi8wdw88v]  svg {
    width: 1.2rem;
    height: 1.2rem;
}

.lab-command-state[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    max-width: 16rem;
    padding: 0.3rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: #475569;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.lab-command-panel .lab-command-body[b-1qi8wdw88v] {
    padding: 0.72rem;
}

.lab-command-layout[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(9.5rem, 17%);
    gap: 0.72rem;
    align-items: stretch;
}

.lab-result-card-grid[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.66rem;
}

.lab-result-card[b-1qi8wdw88v] {
    --result-accent: #2f7dea;
    --result-soft: rgba(239, 246, 255, 0.88);
    position: relative;
    min-width: 0;
    min-height: 9.4rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0.36rem;
    padding: 0.65rem;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.78);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), var(--result-soft));
    box-shadow: 0 9px 24px rgba(55, 78, 135, 0.07);
}

.lab-result-card--rh[b-1qi8wdw88v] { --result-accent: #635ad8; --result-soft: rgba(243, 240, 255, 0.9); }
.lab-result-card--combined[b-1qi8wdw88v] { --result-accent: #0e9f91; --result-soft: rgba(235, 253, 249, 0.9); }
.lab-result-card--antibody[b-1qi8wdw88v] { --result-accent: #8b4fd6; --result-soft: rgba(249, 240, 255, 0.9); }

.lab-result-card.is-selected[b-1qi8wdw88v] {
    border-color: color-mix(in srgb, var(--result-accent) 60%, white);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--result-accent) 16%, transparent),
                0 14px 30px color-mix(in srgb, var(--result-accent) 13%, transparent);
}

.lab-result-card-trigger[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.48rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.lab-result-card-trigger > span:nth-child(2)[b-1qi8wdw88v] {
    display: grid;
    min-width: 0;
}

.lab-result-card-trigger small[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.lab-result-card-trigger strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #172554;
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lab-result-card-trigger:focus-visible[b-1qi8wdw88v] {
    border-radius: 10px;
    outline: 3px solid rgba(47, 125, 234, 0.32);
    outline-offset: 3px;
}

.lab-result-card-icon[b-1qi8wdw88v] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--result-accent) 12%, white);
    color: var(--result-accent);
}

.lab-result-card-icon[b-1qi8wdw88v]  svg {
    width: 1.15rem;
    height: 1.15rem;
}

.lab-result-card-value[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    place-items: center;
    align-self: stretch;
    color: #172554;
}

.lab-result-card-value > strong[b-1qi8wdw88v] {
    font-size: clamp(1.9rem, 3vw, 3.2rem);
    font-weight: 950;
    line-height: 1;
}

.lab-result-card-value .select-result[b-1qi8wdw88v] {
    width: min(100%, 12rem);
    min-height: 3.2rem;
    border-color: color-mix(in srgb, var(--result-accent) 30%, #cbd5e1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    color: #172554;
    font-size: 1.45rem;
    font-weight: 950;
    text-align: center;
    text-align-last: center;
}

.lab-result-card-meta[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 760;
}

.lab-action-rail[b-1qi8wdw88v] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.66rem;
    border: 1px solid rgba(203, 213, 225, 0.8);
    border-radius: 17px;
    background: rgba(248, 250, 252, 0.82);
}

.lab-action-rail .lab-active-profile[b-1qi8wdw88v] {
    display: grid;
    gap: 0.08rem;
    padding: 0.24rem 0.18rem 0.5rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.68);
}

.lab-action-rail .lab-active-profile span[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.lab-action-rail .lab-active-profile strong[b-1qi8wdw88v] {
    color: #1e2a52;
    font-size: 1rem;
    font-weight: 950;
}

.lab-action-rail .lab-action-row[b-1qi8wdw88v] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.42rem;
}

.lab-action-rail .lab-btn[b-1qi8wdw88v] {
    width: 100%;
    min-height: 2.7rem;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 900;
}

.lab-action-rail .lab-btn--verify:not(:disabled)[b-1qi8wdw88v] {
    border-color: transparent;
    background: linear-gradient(120deg, #2f7dea, #6647e8);
    box-shadow: 0 9px 18px rgba(65, 85, 220, 0.22);
    color: #fff;
}

.lab-action-rail .lab-btn--approve:not(:disabled)[b-1qi8wdw88v] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #15803d;
}

.lab-action-rail .lab-btn--correct:not(:disabled)[b-1qi8wdw88v] {
    border-color: #cbd5e1;
    color: #475569;
}

.lab-action-rail .lab-btn:disabled[b-1qi8wdw88v] {
    border-color: #e2e8f0;
    background: rgba(241, 245, 249, 0.78);
    color: #94a3b8;
    opacity: 0.8;
}

.lab-action-rail .disabled-reason-hint[b-1qi8wdw88v] {
    padding: 0.45rem 0.5rem;
    border-radius: 9px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.35;
}

.lab-action-update[b-1qi8wdw88v] {
    margin-top: auto;
    padding-top: 0.45rem;
    border-top: 1px dashed rgba(148, 163, 184, 0.55);
    color: #64748b;
    font-size: 1rem;
    font-weight: 760;
}

.lab-command-body > .antibody-identification[b-1qi8wdw88v] {
    margin-top: 0.72rem;
}

@media (max-width: 1050px) {
    .lab-command-layout[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lab-action-rail .lab-action-row[b-1qi8wdw88v] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lab-action-rail .lab-active-profile[b-1qi8wdw88v],
    .lab-action-update[b-1qi8wdw88v] {
        border: 0;
    }
}

@media (max-width: 760px) {
    .workflow-dialog-detail-stack.dialog-lab .specimen-workflow-grid[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workflow-dialog-detail-stack.dialog-lab .specimen-station[b-1qi8wdw88v],
    .workflow-dialog-detail-stack.dialog-lab .specimen-station:first-child[b-1qi8wdw88v] {
        border-top: 1px solid rgba(203, 213, 225, 0.72);
        border-left: 0;
    }

    .workflow-dialog-detail-stack.dialog-lab .specimen-station:first-child[b-1qi8wdw88v] {
        border-top: 0;
    }

    .lab-result-card-grid[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lab-action-rail .lab-action-row[b-1qi8wdw88v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .lab-result-card[b-1qi8wdw88v],
    .lab-result-card-trigger[b-1qi8wdw88v],
    .lab-action-rail .lab-btn[b-1qi8wdw88v] {
        transition: none;
    }
}

/* Specimen command strip: operational layout selected from concept 3. */
.workflow-dialog-detail-stack.dialog-lab .specimen-focus-panel[b-1qi8wdw88v] {
    border-color: rgba(191, 219, 254, 0.92);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
}

.specimen-command-strip[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
}

.specimen-command-header[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) minmax(14rem, 26rem);
    align-items: center;
    gap: 0.9rem;
    min-height: 5.15rem;
    padding: 0.78rem 1rem;
    background: linear-gradient(100deg, rgba(239, 246, 255, 0.86), rgba(250, 245, 255, 0.62));
}

.specimen-command-identity[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.82rem;
}

.specimen-command-identity .specimen-focus-icon[b-1qi8wdw88v] {
    width: 3.35rem;
    height: 3.35rem;
    border: 1px solid rgba(186, 213, 247, 0.72);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(62, 104, 159, 0.14);
    color: #2f80ed;
}

.specimen-command-identity .specimen-focus-icon[b-1qi8wdw88v]  svg {
    width: 1.75rem;
    height: 1.75rem;
}

.specimen-command-identity > span:last-child[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.specimen-command-identity strong[b-1qi8wdw88v] {
    color: #1e2a52;
    font-size: 1.05rem;
    font-weight: 950;
}

.specimen-command-identity small[b-1qi8wdw88v] {
    overflow: hidden;
    color: #52647b;
    font-size: 1rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.specimen-command-selector[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
}

.specimen-command-selector > span[b-1qi8wdw88v] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 820;
}

.specimen-command-selector .ss-select[b-1qi8wdw88v] {
    width: 100%;
    min-width: 0;
    min-height: 2.85rem;
    padding-inline: 0.62rem;
    border-color: rgba(148, 163, 184, 0.52);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.86);
    color: #334155;
    font-size: 1rem;
    font-weight: 780;
}

.specimen-command-subheader[b-1qi8wdw88v] {
    min-width: 0;
    min-height: 3.15rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.62rem 1rem;
    border-top: 1px solid rgba(203, 213, 225, 0.66);
    background: rgba(255, 255, 255, 0.72);
}

.specimen-command-subheader > span[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    color: #21385f;
    font-size: 1rem;
}

.specimen-command-subheader > span[b-1qi8wdw88v]  svg {
    width: 1.05rem;
    height: 1.05rem;
    color: #347ed4;
}

.specimen-command-subheader small[b-1qi8wdw88v] {
    padding-left: 1rem;
    border-left: 1px solid rgba(148, 163, 184, 0.45);
    color: #718096;
    font-size: 1rem;
    font-weight: 700;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones[b-1qi8wdw88v] {
    grid-template-columns: minmax(0, 1fr) 1.45rem minmax(0, 1fr) 1.45rem minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0.9rem 1rem 1rem;
    overflow: visible;
    border: 0;
    border-top: 1px solid rgba(203, 213, 225, 0.66);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(248, 251, 255, 0.82), rgba(253, 249, 255, 0.78));
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station[b-1qi8wdw88v] {
    position: relative;
    min-height: 12.8rem;
    padding: 0.9rem;
    overflow: hidden;
    border: 1px solid rgba(147, 197, 253, 0.64);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(239, 248, 255, 0.95), rgba(255, 255, 255, 0.92));
    box-shadow: 0 12px 28px rgba(67, 107, 154, 0.1);
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station[b-1qi8wdw88v]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: #2896e5;
    content: "";
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station--label[b-1qi8wdw88v] {
    border-color: rgba(110, 231, 183, 0.58);
    background: linear-gradient(145deg, rgba(236, 253, 245, 0.9), rgba(255, 255, 255, 0.94));
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station--label[b-1qi8wdw88v]::before {
    background: #25ad8f;
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station--ortho[b-1qi8wdw88v] {
    border-color: rgba(196, 181, 253, 0.7);
    background: linear-gradient(145deg, rgba(245, 243, 255, 0.92), rgba(255, 255, 255, 0.94));
}

.workflow-dialog-detail-stack.dialog-lab .specimen-command-zones .specimen-station--ortho[b-1qi8wdw88v]::before {
    background: #8056e8;
}

.specimen-command-zones .specimen-station-heading[b-1qi8wdw88v] {
    min-height: 3.1rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.72rem;
}

.specimen-command-zones .specimen-station-heading div span[b-1qi8wdw88v] {
    display: block;
}

.specimen-command-zones .specimen-station-heading div strong[b-1qi8wdw88v] {
    font-size: 1rem;
}

.specimen-station-icon[b-1qi8wdw88v] {
    width: 3.15rem;
    height: 3.15rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(191, 219, 254, 0.7);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(51, 116, 177, 0.13);
    color: #2f80ed;
}

.specimen-station--label .specimen-station-icon[b-1qi8wdw88v] {
    border-color: rgba(167, 243, 208, 0.78);
    color: #12917b;
}

.specimen-station--ortho .specimen-station-icon[b-1qi8wdw88v] {
    border-color: rgba(221, 214, 254, 0.9);
    color: #7850dc;
}

.specimen-station-icon[b-1qi8wdw88v]  svg {
    width: 1.7rem;
    height: 1.7rem;
}

.specimen-command-zones .specimen-station-number[b-1qi8wdw88v] {
    width: 1.9rem;
    height: 1.9rem;
    border: 4px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 12px rgba(47, 128, 237, 0.14);
    font-size: 1rem;
}

.specimen-command-zones .specimen-primary-value[b-1qi8wdw88v],
.specimen-command-zones .ss-scan[b-1qi8wdw88v] {
    min-height: 2.8rem;
    padding-inline: 0.72rem;
    border: 1px solid rgba(147, 197, 253, 0.48);
    border-radius: 11px;
    background: rgba(239, 248, 255, 0.78);
    font-size: 1rem;
}

.specimen-command-zones .specimen-primary-value[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.specimen-command-zones .specimen-station--label .ss-scan[b-1qi8wdw88v] {
    border-color: rgba(110, 231, 183, 0.64);
    background: rgba(236, 253, 245, 0.78);
}

.specimen-command-zones .ortho-profile-list[b-1qi8wdw88v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.specimen-command-zones .ortho-profile-list .ss-chip[b-1qi8wdw88v] {
    min-height: 2.45rem;
    justify-content: center;
    border-color: rgba(196, 181, 253, 0.58);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
}

.specimen-command-zones .ortho-profile-list .ss-chip[b-1qi8wdw88v]  svg {
    width: 0.9rem;
    height: 0.9rem;
    color: #8056e8;
}

.specimen-command-zones .ss-btn[b-1qi8wdw88v] {
    min-height: 2.45rem;
    width: fit-content;
    border-radius: 11px;
}

.specimen-command-zones .ss-btn[b-1qi8wdw88v]  svg,
.specimen-command-zones .ss-badge[b-1qi8wdw88v]  svg,
.specimen-card-meta[b-1qi8wdw88v]  svg {
    width: 0.92rem;
    height: 0.92rem;
    flex: 0 0 0.92rem;
}

.specimen-command-zones .ss-badge[b-1qi8wdw88v],
.specimen-card-meta[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.specimen-card-meta[b-1qi8wdw88v] {
    margin-top: auto;
}

.specimen-station-connector[b-1qi8wdw88v] {
    position: relative;
    align-self: center;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #59a8e8, #54c4ad 50%, #9870e8);
}

.specimen-station-connector[b-1qi8wdw88v]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.78rem;
    height: 0.78rem;
    border: 3px solid #63a8e6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9);
    content: "";
    transform: translate(-50%, -50%);
}

.specimen-station-connector:nth-of-type(2)[b-1qi8wdw88v]::after {
    border-color: #7f67df;
}

.specimen-command-zones .ss-warn[b-1qi8wdw88v] {
    width: fit-content;
    max-width: 100%;
    margin-top: auto;
    padding: 0.32rem 0.48rem;
    border: 1px solid #fde0a4;
    border-radius: 9px;
    background: #fff9e9;
    color: #996515;
}

@media (max-width: 1180px) {
    .specimen-command-header[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr) minmax(13rem, 36%);
    }
}

@media (max-width: 760px) {
    .specimen-command-header[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .specimen-command-selector[b-1qi8wdw88v] {
        grid-column: 1;
        grid-row: auto;
    }

    .workflow-dialog-detail-stack.dialog-lab .specimen-command-zones[b-1qi8wdw88v] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.65rem;
    }

    .specimen-station-connector[b-1qi8wdw88v] {
        display: none;
    }

    .specimen-command-subheader[b-1qi8wdw88v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .specimen-command-subheader small[b-1qi8wdw88v] {
        padding-left: 0;
        border-left: 0;
    }

}

@media (prefers-reduced-motion: reduce) {
    .specimen-command-zones .specimen-station[b-1qi8wdw88v] {
        transition: none;
    }
}

/* ORTHO VISION order dialog: instrument command center. */
.analyzer-command-overlay[b-1qi8wdw88v] {
    padding: 1rem;
}

.analyzer-command-dialog[b-1qi8wdw88v] {
    width: min(1320px, calc(100vw - 2rem));
    max-height: min(92vh, 980px);
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(203, 213, 225, 0.78);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 18%, rgba(219, 234, 254, 0.58), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(243, 232, 255, 0.5), transparent 32%),
        rgba(255, 255, 255, 0.96);
    box-shadow: 0 30px 80px rgba(48, 46, 130, 0.22);
}

.analyzer-command-header[b-1qi8wdw88v] {
    min-height: 6rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.68);
}

.analyzer-command-heading[b-1qi8wdw88v] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.analyzer-command-heading > span:last-child[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.analyzer-command-heading h3[b-1qi8wdw88v] {
    margin: 0;
    color: #20276f;
    font-size: clamp(1.2rem, 2vw, 1.72rem);
    font-weight: 950;
    letter-spacing: -0.02em;
}

.analyzer-command-heading small[b-1qi8wdw88v] {
    color: #6b7892;
    font-size: 1rem;
    font-weight: 700;
}

.analyzer-command-heading-icon[b-1qi8wdw88v] {
    width: 3.85rem;
    height: 3.85rem;
    display: grid;
    flex: 0 0 3.85rem;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #6d46d9, #8b2ce8);
    box-shadow: 0 12px 24px rgba(112, 65, 205, 0.28);
    color: #fff;
}

.analyzer-command-heading-icon[b-1qi8wdw88v]  svg {
    width: 2rem;
    height: 2rem;
}

.analyzer-command-readiness[b-1qi8wdw88v] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    gap: 0.46rem;
    padding: 0.48rem 0.78rem;
    border: 1px solid rgba(45, 212, 191, 0.38);
    border-radius: 12px;
    background: rgba(236, 253, 250, 0.88);
    color: #0f766e;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.analyzer-command-readiness > span[b-1qi8wdw88v] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: #14b8a6;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12);
}

.analyzer-command-readiness.is-waiting[b-1qi8wdw88v] {
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(255, 251, 235, 0.9);
    color: #a16207;
}

.analyzer-command-readiness.is-waiting > span[b-1qi8wdw88v] { background: #f59e0b; }
.analyzer-command-readiness.is-submitting > span[b-1qi8wdw88v] { animation: analyzer-ready-pulse-b-1qi8wdw88v 1s ease-in-out infinite; }

.analyzer-command-close[b-1qi8wdw88v] {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
    color: #52647f;
    font-size: 1.65rem;
}

.analyzer-command-form[b-1qi8wdw88v] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.analyzer-command-body[b-1qi8wdw88v] {
    min-height: 0;
    display: grid;
    gap: 1rem;
    padding: 1rem 1.25rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.analyzer-command-facts[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(203, 213, 225, 0.7);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 8px 24px rgba(66, 86, 123, 0.06);
}

.analyzer-command-facts > span[b-1qi8wdw88v] {
    position: relative;
    min-width: 0;
    min-height: 4.8rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.62rem;
    padding: 0.72rem 0.9rem;
}

.analyzer-command-facts > span + span[b-1qi8wdw88v]::before {
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 0;
    width: 1px;
    background: rgba(203, 213, 225, 0.68);
    content: "";
}

.analyzer-command-facts i[b-1qi8wdw88v] {
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(237, 233, 254, 0.96), rgba(245, 243, 255, 0.84));
    color: #7048d5;
    font-style: normal;
}

.analyzer-command-facts > span:nth-child(2) i[b-1qi8wdw88v] { background: rgba(219, 234, 254, 0.76); color: #3176da; }
.analyzer-command-facts > span:nth-child(3) i[b-1qi8wdw88v] { background: rgba(243, 232, 255, 0.78); color: #8a45d6; }
.analyzer-command-facts > span:nth-child(4) i[b-1qi8wdw88v] { background: rgba(204, 251, 241, 0.72); color: #0f8b78; }

.analyzer-command-facts i[b-1qi8wdw88v]  svg {
    width: 1.25rem;
    height: 1.25rem;
}

.analyzer-command-facts small[b-1qi8wdw88v] {
    align-self: end;
    color: #68778f;
    font-size: 1rem;
    font-weight: 800;
}

.analyzer-command-facts strong[b-1qi8wdw88v] {
    align-self: start;
    overflow: hidden;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.analyzer-command-workspace[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(18rem, 38%) minmax(0, 1fr);
    gap: 1rem;
}

.analyzer-instrument-card[b-1qi8wdw88v],
.analyzer-command-tests[b-1qi8wdw88v] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(196, 181, 253, 0.64);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
}

.analyzer-instrument-card[b-1qi8wdw88v] {
    display: grid;
    grid-template-rows: auto minmax(11rem, 1fr) auto;
    overflow: hidden;
    background:
        radial-gradient(circle at 52% 55%, rgba(221, 214, 254, 0.54), transparent 44%),
        linear-gradient(145deg, rgba(250, 245, 255, 0.96), rgba(255, 255, 255, 0.86));
}

.analyzer-instrument-card > header[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.78rem 0.9rem 0;
}

.analyzer-instrument-card > header > span[b-1qi8wdw88v] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    flex: 0 0 2.25rem;
    place-items: center;
    border: 1px solid rgba(196, 181, 253, 0.68);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.82);
    color: #7048d5;
}

.analyzer-instrument-card > header > span[b-1qi8wdw88v]  svg { width: 1.15rem; height: 1.15rem; }
.analyzer-instrument-card > header div[b-1qi8wdw88v] { min-width: 0; display: grid; }
.analyzer-instrument-card > header strong[b-1qi8wdw88v] { overflow: hidden; color: #5731bc; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.analyzer-instrument-card > header small[b-1qi8wdw88v] { color: #758199; font-size: 1rem; font-weight: 760; }

.analyzer-instrument-card figure[b-1qi8wdw88v] {
    min-height: 0;
    display: grid;
    margin: 0;
    padding: 0.2rem 0.8rem;
    place-items: center;
}

.analyzer-instrument-card figure img[b-1qi8wdw88v] {
    width: auto;
    max-width: min(100%, 27rem);
    height: auto;
    max-height: 15rem;
    object-fit: contain;
    filter: drop-shadow(0 18px 24px rgba(70, 44, 129, 0.16));
}

.analyzer-instrument-card > footer[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin: 0 0.75rem 0.75rem;
    padding: 0.58rem 0.7rem;
    border: 1px solid rgba(94, 234, 212, 0.36);
    border-radius: 11px;
    background: rgba(240, 253, 250, 0.88);
}

.analyzer-instrument-card > footer span[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    color: #0f766e;
    font-size: 1rem;
    font-weight: 900;
}

.analyzer-instrument-card > footer span[b-1qi8wdw88v]  svg { width: 0.95rem; height: 0.95rem; }
.analyzer-instrument-card > footer small[b-1qi8wdw88v] { color: #65758b; font-size: 1rem; font-weight: 750; }

.analyzer-command-tests[b-1qi8wdw88v] {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    padding: 0.9rem;
    border-color: rgba(191, 219, 254, 0.78);
}

.analyzer-command-tests legend[b-1qi8wdw88v] {
    padding: 0 0.2rem;
    color: #20276f;
    font-size: 1rem;
    font-weight: 950;
}

.analyzer-command-test-list[b-1qi8wdw88v] {
    display: grid;
    gap: 0.72rem;
}

.analyzer-command-test[b-1qi8wdw88v] {
    position: relative;
    min-width: 0;
    min-height: 6.4rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    padding: 0.82rem;
    border: 1px solid rgba(196, 181, 253, 0.7);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 18px rgba(70, 63, 145, 0.06);
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.analyzer-command-test:hover[b-1qi8wdw88v] {
    border-color: rgba(124, 58, 237, 0.62);
    box-shadow: 0 12px 24px rgba(86, 62, 163, 0.1);
    transform: translateY(-1px);
}

.analyzer-command-test:focus-within[b-1qi8wdw88v] {
    outline: 3px solid rgba(96, 165, 250, 0.42);
    outline-offset: 2px;
}

.analyzer-command-test.is-disabled[b-1qi8wdw88v] {
    cursor: not-allowed;
    filter: saturate(0.55);
    opacity: 0.62;
}

.analyzer-command-test-checkbox[b-1qi8wdw88v] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.analyzer-command-test-check[b-1qi8wdw88v] {
    width: 2.9rem;
    height: 2.9rem;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #e8e7f5;
    color: transparent;
}

.analyzer-command-test.is-selected .analyzer-command-test-check[b-1qi8wdw88v] {
    background: linear-gradient(145deg, #4f46e5, #7c2fe2);
    box-shadow: 0 10px 20px rgba(88, 62, 197, 0.24);
    color: #fff;
}

.analyzer-command-test-check[b-1qi8wdw88v]  svg { width: 1.65rem; height: 1.65rem; stroke-width: 3; }

.analyzer-command-test-icon[b-1qi8wdw88v] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(254, 226, 226, 0.9), rgba(255, 237, 213, 0.72));
    color: #dc3f46;
}

.analyzer-command-test:nth-child(2) .analyzer-command-test-icon[b-1qi8wdw88v] {
    background: linear-gradient(145deg, rgba(237, 233, 254, 0.94), rgba(243, 232, 255, 0.8));
    color: #8056e8;
}

.analyzer-command-test-icon[b-1qi8wdw88v]  svg { width: 1.55rem; height: 1.55rem; }

.analyzer-command-test-copy[b-1qi8wdw88v] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
}

.analyzer-command-test-copy strong[b-1qi8wdw88v] {
    overflow: hidden;
    color: #202a42;
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.analyzer-command-test-copy strong small[b-1qi8wdw88v] { color: #6d4bd2; font-size: 1rem; }
.analyzer-command-test-copy > span[b-1qi8wdw88v] { color: #66758b; font-size: 1rem; font-weight: 760; }

.analyzer-command-test-status[b-1qi8wdw88v] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.42rem 0.62rem;
    border-radius: 999px;
    background: rgba(245, 243, 255, 0.96);
    color: #6d42ce;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.analyzer-command-test-status[b-1qi8wdw88v]  svg { width: 0.88rem; height: 0.88rem; }

.analyzer-command-review[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid rgba(147, 197, 253, 0.52);
    border-radius: 14px;
    background: linear-gradient(100deg, rgba(239, 246, 255, 0.9), rgba(250, 245, 255, 0.78));
}

.analyzer-command-review > span[b-1qi8wdw88v] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    flex: 0 0 2.2rem;
    place-items: center;
    border-radius: 50%;
    background: #3978df;
    color: #fff;
}

.analyzer-command-review > span[b-1qi8wdw88v]  svg { width: 1.1rem; height: 1.1rem; }
.analyzer-command-review div[b-1qi8wdw88v] { min-width: 0; display: grid; gap: 0.12rem; }
.analyzer-command-review strong[b-1qi8wdw88v] { color: #2a3852; font-size: 1rem; }
.analyzer-command-review b[b-1qi8wdw88v] { color: #2367ce; font-size: 1rem; }
.analyzer-command-review small[b-1qi8wdw88v] { color: #6c7890; font-size: 1rem; font-weight: 680; }

.analyzer-command-error[b-1qi8wdw88v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(248, 113, 113, 0.5);
    border-radius: 12px;
    background: rgba(254, 242, 242, 0.94);
    color: #b42318;
    font-size: 1rem;
    font-weight: 850;
}

.analyzer-command-error[b-1qi8wdw88v]  svg { width: 1rem; height: 1rem; flex: 0 0 1rem; }

.analyzer-command-footer[b-1qi8wdw88v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid rgba(203, 213, 225, 0.68);
    background: rgba(248, 250, 252, 0.86);
    backdrop-filter: blur(18px);
}

.analyzer-command-cancel[b-1qi8wdw88v],
.analyzer-command-submit[b-1qi8wdw88v] {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.68rem 1.2rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 900;
}

.analyzer-command-cancel[b-1qi8wdw88v] {
    border: 1px solid rgba(148, 163, 184, 0.58);
    background: rgba(255, 255, 255, 0.9);
    color: #334155;
}

.analyzer-command-submit[b-1qi8wdw88v] {
    min-width: 14rem;
    border: 0;
    background: linear-gradient(100deg, #2563eb, #7c2fe2 72%, #8b1ce4);
    box-shadow: 0 12px 26px rgba(86, 46, 202, 0.25);
    color: #fff;
}

.analyzer-command-submit[b-1qi8wdw88v]  svg { width: 1.2rem; height: 1.2rem; }
.analyzer-command-cancel:disabled[b-1qi8wdw88v],
.analyzer-command-submit:disabled[b-1qi8wdw88v],
.analyzer-command-close:disabled[b-1qi8wdw88v] { cursor: not-allowed; opacity: 0.56; }

@keyframes analyzer-ready-pulse-b-1qi8wdw88v {
    0%, 100% { opacity: 0.45; transform: scale(0.86); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1024px) {
    .analyzer-command-facts[b-1qi8wdw88v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .analyzer-command-facts > span:nth-child(3)[b-1qi8wdw88v]::before { display: none; }
    .analyzer-command-facts > span:nth-child(n + 3)[b-1qi8wdw88v] { border-top: 1px solid rgba(203, 213, 225, 0.58); }
    .analyzer-command-workspace[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .analyzer-instrument-card[b-1qi8wdw88v] { grid-template-columns: minmax(14rem, 34%) minmax(0, 1fr); grid-template-rows: auto 1fr; }
    .analyzer-instrument-card > header[b-1qi8wdw88v] { grid-column: 1 / -1; }
    .analyzer-instrument-card figure[b-1qi8wdw88v] { grid-column: 1; grid-row: 2; }
    .analyzer-instrument-card > footer[b-1qi8wdw88v] { grid-column: 2; grid-row: 2; align-self: center; margin: 0.75rem; }
    .analyzer-instrument-card figure img[b-1qi8wdw88v] { max-height: 10rem; }
}

@media (max-width: 640px) {
    .analyzer-command-overlay[b-1qi8wdw88v] { align-items: flex-end; padding: 0.35rem; }
    .analyzer-command-dialog[b-1qi8wdw88v] { width: calc(100vw - 0.7rem); max-height: calc(100vh - 0.7rem); border-radius: 18px; }
    .analyzer-command-header[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr) auto; min-height: auto; gap: 0.6rem; padding: 0.75rem; }
    .analyzer-command-heading-icon[b-1qi8wdw88v] { width: 2.8rem; height: 2.8rem; flex-basis: 2.8rem; border-radius: 12px; }
    .analyzer-command-heading-icon[b-1qi8wdw88v]  svg { width: 1.45rem; height: 1.45rem; }
    .analyzer-command-heading h3[b-1qi8wdw88v] { font-size: 1rem; }
    .analyzer-command-heading small[b-1qi8wdw88v] { font-size: 1rem; }
    .analyzer-command-readiness[b-1qi8wdw88v] { grid-column: 1 / -1; grid-row: 2; justify-self: start; min-height: 1.9rem; }
    .analyzer-command-close[b-1qi8wdw88v] { grid-column: 2; grid-row: 1; width: 2.4rem; height: 2.4rem; }
    .analyzer-command-body[b-1qi8wdw88v] { gap: 0.72rem; padding: 0.72rem; }
    .analyzer-command-facts[b-1qi8wdw88v] { grid-template-columns: minmax(0, 1fr); }
    .analyzer-command-facts > span[b-1qi8wdw88v] { min-height: 3.7rem; }
    .analyzer-command-facts > span + span[b-1qi8wdw88v]::before { display: none; }
    .analyzer-command-facts > span + span[b-1qi8wdw88v] { border-top: 1px solid rgba(203, 213, 225, 0.58); }
    .analyzer-instrument-card[b-1qi8wdw88v] { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; }
    .analyzer-instrument-card > header[b-1qi8wdw88v],
    .analyzer-instrument-card figure[b-1qi8wdw88v],
    .analyzer-instrument-card > footer[b-1qi8wdw88v] { grid-column: 1; grid-row: auto; }
    .analyzer-instrument-card figure img[b-1qi8wdw88v] { max-height: 8rem; }
    .analyzer-command-test[b-1qi8wdw88v] { grid-template-columns: auto minmax(0, 1fr); min-height: 5.4rem; }
    .analyzer-command-test-icon[b-1qi8wdw88v] { display: none; }
    .analyzer-command-test-status[b-1qi8wdw88v] { grid-column: 2; justify-self: start; }
    .analyzer-command-review[b-1qi8wdw88v] { align-items: flex-start; }
    .analyzer-command-footer[b-1qi8wdw88v] { padding: 0.7rem; }
    .analyzer-command-cancel[b-1qi8wdw88v],
    .analyzer-command-submit[b-1qi8wdw88v] { min-width: 0; flex: 1; padding-inline: 0.7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .analyzer-command-test[b-1qi8wdw88v] { transition: none; }
    .analyzer-command-test:hover[b-1qi8wdw88v] { transform: none; }
    .analyzer-command-readiness.is-submitting > span[b-1qi8wdw88v] { animation: none; }
}
/* /Components/Pages/Patient/IssueBlood.razor.rz.scp.css */
:host[b-u9orniwpi7] {
    display: block;
    min-width: 0;
    min-height: 0;
    height: calc(100dvh - 94px);
}

*[b-u9orniwpi7] {
    box-sizing: border-box;
}

button[b-u9orniwpi7],
input[b-u9orniwpi7] {
    font: inherit;
}

button[b-u9orniwpi7] {
    color: inherit;
}

.issue-workstation[b-u9orniwpi7] {
    --issue-blue: #2563eb;
    --issue-violet: #7c3aed;
    --issue-teal: #0f9f83;
    --issue-pink: #db2777;
    --issue-red: #dc2626;
    --issue-ink: #172554;
    --issue-muted: #64748b;
    display: grid;
    grid-template-columns: minmax(22rem, 36%) minmax(0, 1fr);
    gap: 0.75rem;
    width: 100%;
    height: calc(100dvh - 94px);
    min-height: 0;
    padding: 0.75rem;
    overflow: hidden;
    color: var(--issue-ink);
}

.glass-panel[b-u9orniwpi7] {
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(147, 197, 253, 0.52);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow:
        0 16px 42px rgba(67, 56, 202, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(18px) saturate(130%);
}

.issue-eyebrow[b-u9orniwpi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 850;
}

.issue-eyebrow[b-u9orniwpi7]  svg {
    width: 0.9rem;
    height: 0.9rem;
}

.issue-queue-panel[b-u9orniwpi7] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    overflow: hidden;
}

.issue-queue-header[b-u9orniwpi7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1rem 0.65rem;
}

.issue-queue-header h1[b-u9orniwpi7] {
    margin: 0.18rem 0 0;
    color: #1e2b60;
    font-size: clamp(1.25rem, 1.6vw, 1.65rem);
    line-height: 1.05;
}

.issue-queue-count[b-u9orniwpi7] {
    flex: none;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(251, 191, 36, 0.28);
    border-radius: 999px;
    background: #fff7cf;
    color: #9a5d00;
    font-size: 1rem;
    font-weight: 850;
}

.issue-filter-chips[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    padding: 0 1rem 0.65rem;
}

.issue-filter-chip[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.55rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #dbe5f6;
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.72);
    color: #52627b;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.issue-filter-chip b[b-u9orniwpi7] {
    color: #243b82;
}

.issue-filter-chip[b-u9orniwpi7]  svg {
    width: 1rem;
    height: 1rem;
}

.issue-filter-chip:hover[b-u9orniwpi7] {
    border-color: #93b4ff;
    transform: translateY(-1px);
}

.issue-filter-chip.active[b-u9orniwpi7] {
    border-color: #8b75ff;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.9), rgba(237, 233, 254, 0.84));
    color: #4338ca;
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.1);
}

.issue-queue-search[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    padding: 0 1rem 0.75rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.68);
}

.issue-queue-search input[b-u9orniwpi7],
.issue-scan-input-row input[b-u9orniwpi7] {
    width: 100%;
    min-width: 0;
    border: 1px solid #cbd9ec;
    border-radius: 0.82rem;
    background: rgba(255, 255, 255, 0.9);
    color: #1e293b;
    outline: none;
}

.issue-queue-search input[b-u9orniwpi7] {
    min-height: 2.55rem;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
}

.issue-queue-search button[b-u9orniwpi7] {
    display: grid;
    width: 2.55rem;
    min-height: 2.55rem;
    place-items: center;
    border: 1px solid #d7e2f1;
    border-radius: 0.82rem;
    background: #fff;
    cursor: pointer;
}

.issue-queue-search button[b-u9orniwpi7]  svg {
    width: 1rem;
    height: 1rem;
}

.issue-queue-list[b-u9orniwpi7] {
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
    min-height: 0;
    padding: 0.72rem;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.issue-queue-card[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    flex: none;
    min-height: 5.8rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d9e3f2;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(71, 85, 105, 0.045);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.issue-queue-card:hover[b-u9orniwpi7] {
    border-color: #8eb5ff;
    transform: translateY(-1px);
}

.issue-queue-card.selected[b-u9orniwpi7] {
    border-color: #725cff;
    background: linear-gradient(120deg, rgba(239, 246, 255, 0.98), rgba(245, 243, 255, 0.94));
    box-shadow:
        0 10px 24px rgba(79, 70, 229, 0.11),
        inset 0 0 0 1px rgba(124, 58, 237, 0.12);
}

.issue-queue-number[b-u9orniwpi7] {
    display: grid;
    height: 100%;
    place-items: center;
    background: linear-gradient(165deg, #2697d8, #2670d8);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
}

.issue-queue-card.selected .issue-queue-number[b-u9orniwpi7] {
    background: linear-gradient(165deg, var(--issue-blue), var(--issue-violet));
}

.issue-queue-card-body[b-u9orniwpi7] {
    display: grid;
    align-content: center;
    gap: 0.42rem;
    min-width: 0;
    padding: 0.78rem 0.85rem;
}

.issue-queue-card-line[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    min-width: 0;
}

.issue-queue-card-line strong[b-u9orniwpi7],
.issue-queue-card-line > span[b-u9orniwpi7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-queue-card-line strong[b-u9orniwpi7] {
    color: #1e293b;
    font-size: 1rem;
}

.issue-queue-card-line time[b-u9orniwpi7],
.issue-queue-card-meta[b-u9orniwpi7] {
    color: var(--issue-muted);
    font-size: 1rem;
    font-weight: 750;
}

.issue-queue-card-meta[b-u9orniwpi7] {
    justify-content: flex-start;
}

.issue-queue-card-meta span:last-child[b-u9orniwpi7] {
    flex: 1;
}

.issue-queue-card-status[b-u9orniwpi7] {
    justify-content: flex-start;
}

.issue-priority[b-u9orniwpi7],
.issue-ready-badge[b-u9orniwpi7],
.issue-status-badge[b-u9orniwpi7] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.issue-priority[b-u9orniwpi7] {
    padding: 0.22rem 0.48rem;
    background: #fff6d8;
    color: #a15c00;
}

.issue-priority.urgent[b-u9orniwpi7],
.issue-priority.stat[b-u9orniwpi7] {
    background: #ffe8ed;
    color: #d01d42;
}

.issue-ready-badge[b-u9orniwpi7] {
    gap: 0.25rem;
    padding: 0.22rem 0.48rem;
}

.issue-ready-badge.ready[b-u9orniwpi7] {
    background: #dcfce7;
    color: #087a4b;
}

.issue-ready-badge.review[b-u9orniwpi7] {
    background: #eff4fa;
    color: #64748b;
}

.issue-ready-badge[b-u9orniwpi7]  svg {
    width: 0.72rem;
    height: 0.72rem;
}

.issue-queue-empty[b-u9orniwpi7],
.issue-command-empty[b-u9orniwpi7],
.issue-units-empty[b-u9orniwpi7] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.4rem;
    min-height: 12rem;
    color: #64748b;
    text-align: center;
}

.issue-queue-empty[b-u9orniwpi7]  svg,
.issue-command-empty[b-u9orniwpi7]  svg {
    width: 2rem;
    height: 2rem;
}

.issue-command-panel[b-u9orniwpi7] {
    display: flex;
    flex-direction: column;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.issue-patient-header[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.15fr) minmax(22rem, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.7);
    background: linear-gradient(115deg, rgba(239, 246, 255, 0.84), rgba(250, 245, 255, 0.76));
}

.issue-patient-identity[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
}

.issue-patient-identity > span[b-u9orniwpi7] {
    display: grid;
    flex: none;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(145deg, #38bdf8, #7c3aed);
    color: #fff;
    box-shadow: 0 9px 20px rgba(91, 84, 215, 0.18);
}

.issue-patient-identity > span[b-u9orniwpi7]  svg {
    width: 1.45rem;
    height: 1.45rem;
}

.issue-patient-identity h2[b-u9orniwpi7] {
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    color: #202766;
    font-size: 1.12rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-patient-identity p[b-u9orniwpi7] {
    margin: 0.2rem 0 0;
    color: var(--issue-muted);
    font-size: 1rem;
    font-weight: 750;
}

.issue-patient-facts[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dbe4f1;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.68);
}

.issue-patient-facts > span[b-u9orniwpi7] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.58rem 0.68rem;
    border-right: 1px solid #e2e8f0;
}

.issue-patient-facts > span:last-child[b-u9orniwpi7] {
    border-right: 0;
}

.issue-patient-facts small[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.issue-patient-facts strong[b-u9orniwpi7] {
    overflow: hidden;
    color: #25324b;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-header-actions[b-u9orniwpi7] {
    display: flex;
    gap: 0.4rem;
}

.issue-header-actions button[b-u9orniwpi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 2.45rem;
    padding: 0.48rem 0.65rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.78rem;
    background: rgba(255, 255, 255, 0.86);
    color: #44546c;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
}

.issue-header-actions button[b-u9orniwpi7]  svg {
    width: 0.9rem;
    height: 0.9rem;
}

.issue-safety-ribbon[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(12rem, 1.35fr);
    margin: 0.72rem 0.85rem 0;
    overflow: hidden;
    border: 1px solid #dce7f3;
    border-radius: 1.05rem;
    background: rgba(252, 254, 255, 0.88);
}

.issue-safety-item[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    min-height: 4.6rem;
    padding: 0.65rem 0.75rem;
    border-right: 1px solid #e2e8f0;
}

.issue-safety-item > span[b-u9orniwpi7] {
    display: grid;
    grid-row: 1 / 3;
    width: 1.95rem;
    height: 1.95rem;
    place-items: center;
    align-self: center;
    border-radius: 0.7rem;
}

.issue-safety-item.abo > span[b-u9orniwpi7] {
    background: #fff0f2;
    color: #e11d48;
}

.issue-safety-item.confirm > span[b-u9orniwpi7] {
    background: #e9fbf4;
    color: #0f9f83;
}

.issue-safety-item.antibody > span[b-u9orniwpi7] {
    background: #eef5ff;
    color: #2563eb;
}

.issue-safety-item[b-u9orniwpi7]  svg {
    width: 1.15rem;
    height: 1.15rem;
}

.issue-safety-item small[b-u9orniwpi7],
.issue-safety-gate small[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.issue-safety-item strong[b-u9orniwpi7] {
    overflow: hidden;
    color: #172554;
    font-size: 1rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-safety-gate[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 4.6rem;
    padding: 0.68rem 0.8rem;
    background: #fff8eb;
    color: #a15c00;
}

.issue-safety-gate.pass[b-u9orniwpi7] {
    background: #eafbf4;
    color: #087a4b;
}

.issue-safety-gate.review[b-u9orniwpi7],
.issue-safety-gate.blocked[b-u9orniwpi7] {
    background: #fff0f0;
    color: #c12626;
}

.issue-safety-gate > svg[b-u9orniwpi7],
.issue-safety-gate[b-u9orniwpi7]  svg {
    flex: none;
    width: 1.3rem;
    height: 1.3rem;
}

.issue-safety-gate > span[b-u9orniwpi7] {
    display: grid;
    gap: 0.12rem;
}

.issue-safety-gate strong[b-u9orniwpi7] {
    font-size: 1rem;
}

.issue-safety-gate small[b-u9orniwpi7] {
    color: currentColor;
    opacity: 0.78;
}

.issue-verification-steps[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0.65rem 0.85rem 0;
}

.issue-step[b-u9orniwpi7] {
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    min-height: 4.3rem;
    padding: 0.62rem 0.72rem;
    overflow: hidden;
    border: 1px solid #dce5f1;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.72);
    color: #65748a;
}

.issue-step > span[b-u9orniwpi7] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: #edf2f7;
    color: #8190a5;
    font-size: 1rem;
    font-weight: 900;
}

.issue-step > div[b-u9orniwpi7] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.issue-step strong[b-u9orniwpi7] {
    color: #34435b;
    font-size: 1rem;
}

.issue-step small[b-u9orniwpi7] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-step[b-u9orniwpi7] >  svg {
    width: 1rem;
    height: 1rem;
}

.issue-step.done[b-u9orniwpi7] {
    border-color: #b8eadb;
    background: #f0fcf7;
    color: #0f8a71;
}

.issue-step.done > span[b-u9orniwpi7] {
    background: #d9f8ed;
    color: #087a63;
}

.issue-step.current[b-u9orniwpi7] {
    border-color: #9277ff;
    background: linear-gradient(135deg, #eef5ff, #f5efff);
    color: #5b40d2;
    box-shadow: inset 0 -2px 0 #6d4aff;
}

.issue-step.current > span[b-u9orniwpi7] {
    background: linear-gradient(145deg, var(--issue-blue), var(--issue-violet));
    color: #fff;
}

.issue-scan-workspace[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.78fr) minmax(0, 1.65fr);
    gap: 0.65rem;
    margin: 0.65rem 0.85rem 0;
}

.issue-scan-card[b-u9orniwpi7],
.issue-unit-section[b-u9orniwpi7] {
    min-width: 0;
    border: 1px solid #dce6f2;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.76);
}

.issue-scan-card[b-u9orniwpi7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.7rem;
    padding: 0.85rem;
    background: linear-gradient(145deg, rgba(239, 246, 255, 0.92), rgba(245, 243, 255, 0.9));
}

.issue-scan-card > div:first-child[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.issue-scan-icon[b-u9orniwpi7] {
    display: grid;
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.82rem;
    background: linear-gradient(145deg, #2d88ef, #7448e9);
    color: #fff;
}

.issue-scan-icon[b-u9orniwpi7]  svg {
    width: 1.25rem;
    height: 1.25rem;
}

.issue-scan-card > div:first-child > span:last-child[b-u9orniwpi7] {
    display: grid;
    gap: 0.08rem;
}

.issue-scan-card small[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.issue-scan-card strong[b-u9orniwpi7] {
    color: #21305b;
    font-size: 1rem;
}

.issue-scan-input-row[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.42rem;
}

.issue-scan-input-row input[b-u9orniwpi7] {
    min-height: 2.9rem;
    padding: 0.55rem 0.7rem;
    border-color: #8fb2ef;
    border-width: 1.5px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1rem;
    font-weight: 750;
}

.issue-scan-input-row button[b-u9orniwpi7] {
    min-height: 2.9rem;
    padding: 0.55rem 0.78rem;
    border: 0;
    border-radius: 0.8rem;
    background: linear-gradient(135deg, var(--issue-blue), var(--issue-violet));
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.issue-unit-section[b-u9orniwpi7] {
    overflow: hidden;
}

.issue-unit-section > header[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.62rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.issue-unit-section > header > div[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.issue-unit-section > header span[b-u9orniwpi7] {
    color: #495a71;
    font-size: 1rem;
    font-weight: 800;
}

.issue-unit-section > header strong[b-u9orniwpi7] {
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
    font-size: 1rem;
}

.issue-unit-grid[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
    max-height: 13rem;
    padding: 0.58rem;
    overflow: auto;
}

.issue-unit-card[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    min-width: 0;
    padding: 0.6rem;
    border: 1px solid #dce5f2;
    border-radius: 0.85rem;
    background: #fff;
}

.issue-unit-card.verified[b-u9orniwpi7] {
    border-color: #8be1c6;
    background: #f0fdf8;
}

.issue-unit-card.stale[b-u9orniwpi7] {
    border-color: #f5c2c7;
    background: #fff7f7;
}

.issue-unit-icon[b-u9orniwpi7] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: 0.72rem;
    background: #f0ebff;
    color: #7543df;
}

.issue-unit-icon[b-u9orniwpi7]  svg {
    width: 1.1rem;
    height: 1.1rem;
}

.issue-unit-main[b-u9orniwpi7] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.issue-unit-main > strong[b-u9orniwpi7],
.issue-unit-main > span[b-u9orniwpi7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-unit-main > strong[b-u9orniwpi7] {
    color: #1f2f4f;
    font-size: 1rem;
}

.issue-unit-main > span[b-u9orniwpi7] {
    color: #65748b;
    font-size: 1rem;
    font-weight: 700;
}

.issue-unit-main dl[b-u9orniwpi7] {
    display: flex;
    gap: 0.55rem;
    margin: 0.12rem 0 0;
}

.issue-unit-main dl div[b-u9orniwpi7] {
    min-width: 0;
}

.issue-unit-main dt[b-u9orniwpi7] {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 750;
}

.issue-unit-main dd[b-u9orniwpi7] {
    margin: 0;
    color: #475569;
    font-size: 1rem;
    font-weight: 800;
}

.issue-unit-status[b-u9orniwpi7] {
    display: grid;
    justify-items: center;
    gap: 0.18rem;
    max-width: 5.8rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 850;
    text-align: center;
}

.issue-unit-card.verified .issue-unit-status[b-u9orniwpi7] {
    color: #087a5b;
}

.issue-unit-card.stale .issue-unit-status[b-u9orniwpi7] {
    color: #c02626;
}

.issue-unit-status[b-u9orniwpi7]  svg {
    width: 0.92rem;
    height: 0.92rem;
}

.issue-alert[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.65rem 0.85rem 0;
    padding: 0.55rem 0.72rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.78rem;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 750;
}

.issue-alert.success[b-u9orniwpi7] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.issue-alert.error[b-u9orniwpi7] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.issue-alert.warning[b-u9orniwpi7] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #a16207;
}

.issue-alert[b-u9orniwpi7]  svg {
    flex: none;
    width: 1rem;
    height: 1rem;
}

.issue-action-bar[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(14rem, 21rem);
    align-items: center;
    gap: 0.7rem;
    margin-top: auto;
    padding: 0.75rem 0.85rem 0.85rem;
}

.issue-action-bar > span:first-child[b-u9orniwpi7] {
    display: grid;
    gap: 0.08rem;
    color: #64748b;
}

.issue-action-bar > span:first-child small[b-u9orniwpi7] {
    font-size: 1rem;
    font-weight: 750;
}

.issue-action-bar > span:first-child strong[b-u9orniwpi7] {
    color: #334155;
    font-size: 1rem;
}

.issue-action-reason[b-u9orniwpi7] {
    overflow: hidden;
    color: #7a879a;
    font-size: 1rem;
    font-weight: 750;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-primary-action[b-u9orniwpi7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 3.2rem;
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: 0.95rem;
    background: linear-gradient(110deg, #1769e9, #6540e7 58%, #a21be3);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(91, 55, 210, 0.22);
}

.issue-primary-action[b-u9orniwpi7]  svg {
    width: 1.15rem;
    height: 1.15rem;
}

.issue-primary-action:disabled[b-u9orniwpi7],
.issue-scan-input-row button:disabled[b-u9orniwpi7] {
    background: #dbe3ef;
    color: #8796aa;
    cursor: not-allowed;
    box-shadow: none;
}

.issue-command-empty[b-u9orniwpi7] {
    flex: 1;
}

.issue-dialog-overlay[b-u9orniwpi7] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(30, 41, 86, 0.38);
    backdrop-filter: blur(9px);
    animation: issue-fade-in-b-u9orniwpi7 150ms ease-out both;
}

.issue-dialog[b-u9orniwpi7] {
    display: flex;
    flex-direction: column;
    width: min(46rem, 100%);
    max-height: min(46rem, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1.35rem;
    background: rgba(249, 251, 255, 0.97);
    box-shadow: 0 28px 80px rgba(49, 46, 129, 0.28);
}

.issue-dialog > header[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #dbe4f0;
    background: linear-gradient(115deg, #edf5ff, #fbf0fc);
}

.issue-dialog > header > span[b-u9orniwpi7] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.85rem;
    background: linear-gradient(145deg, #2d7ff0, #7c3aed);
    color: #fff;
}

.issue-dialog > header > span[b-u9orniwpi7]  svg {
    width: 1.25rem;
    height: 1.25rem;
}

.issue-dialog h2[b-u9orniwpi7],
.issue-dialog p[b-u9orniwpi7] {
    margin: 0;
}

.issue-dialog h2[b-u9orniwpi7] {
    color: #202766;
    font-size: 1.06rem;
}

.issue-dialog p[b-u9orniwpi7] {
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 1rem;
}

.issue-dialog > header button[b-u9orniwpi7] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 1px solid #dbe4f0;
    border-radius: 0.72rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    font-size: 1.35rem;
}

.issue-dialog-body[b-u9orniwpi7] {
    min-height: 0;
    padding: 0.9rem 1rem;
    overflow: auto;
}

.issue-confirm-patient[b-u9orniwpi7] {
    display: grid;
    gap: 0.12rem;
    padding: 0.78rem;
    border: 1px solid #dbe5f1;
    border-radius: 0.9rem;
    background: #fff;
}

.issue-confirm-patient small[b-u9orniwpi7],
.issue-confirm-patient span[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
}

.issue-confirm-patient strong[b-u9orniwpi7] {
    color: #1e2b61;
    font-size: 1rem;
}

.issue-confirm-safety[b-u9orniwpi7] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    margin-top: 0.58rem;
    padding: 0.68rem 0.78rem;
    border-radius: 0.85rem;
    background: #eafbf4;
    color: #087a5b;
}

.issue-confirm-safety[b-u9orniwpi7] >  svg {
    width: 1.25rem;
    height: 1.25rem;
}

.issue-confirm-safety span[b-u9orniwpi7] {
    display: grid;
    gap: 0.1rem;
}

.issue-confirm-safety small[b-u9orniwpi7] {
    font-size: 1rem;
}

.issue-confirm-personnel[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.58rem;
}

.issue-confirm-personnel label[b-u9orniwpi7] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
    color: #51617f;
    font-size: 0.9rem;
    font-weight: 700;
}

.issue-confirm-personnel label:last-child[b-u9orniwpi7] {
    grid-column: 1 / -1;
}

.issue-confirm-personnel b[b-u9orniwpi7] { color: #c53030; }
.issue-confirm-personnel small[b-u9orniwpi7] { font-weight: 500; }

.issue-confirm-personnel input[b-u9orniwpi7] {
    width: 100%;
    min-width: 0;
    height: 2.35rem;
    padding: 0 0.68rem;
    border: 1px solid #cbd8ea;
    border-radius: 0.62rem;
    background: #fff;
    color: #172b55;
    font: inherit;
    font-weight: 500;
}

.issue-confirm-personnel input:focus[b-u9orniwpi7] {
    border-color: #6e7ff2;
    outline: 2px solid rgba(78, 98, 232, 0.16);
}

.issue-confirm-units[b-u9orniwpi7] {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.58rem;
}

.issue-confirm-units > div[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 0.72rem;
    border: 1px solid #dce5f1;
    border-radius: 0.82rem;
    background: #fff;
}

.issue-confirm-units > div[b-u9orniwpi7] >  svg {
    width: 1.1rem;
    height: 1.1rem;
    color: #7444df;
}

.issue-confirm-units span[b-u9orniwpi7] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.issue-confirm-units strong[b-u9orniwpi7] {
    overflow: hidden;
    color: #24324d;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-confirm-units small[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
}

.issue-confirm-units b[b-u9orniwpi7] {
    padding: 0.2rem 0.42rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #087a4b;
    font-size: 1rem;
}

.issue-confirm-error[b-u9orniwpi7] {
    margin-top: 0.58rem;
    padding: 0.58rem 0.68rem;
    border-radius: 0.7rem;
    background: #fff0f0;
    color: #b91c1c;
    font-size: 1rem;
    font-weight: 750;
}

.issue-dialog footer[b-u9orniwpi7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.78rem 1rem;
    border-top: 1px solid #dbe4f0;
    background: rgba(248, 250, 252, 0.95);
}

.issue-dialog footer button[b-u9orniwpi7] {
    min-height: 2.65rem;
    padding: 0.55rem 0.95rem;
    border-radius: 0.78rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.issue-dialog footer .secondary[b-u9orniwpi7] {
    border: 1px solid #ccd8e8;
    background: #fff;
    color: #475569;
}

.issue-dialog footer .primary[b-u9orniwpi7] {
    border: 0;
    background: linear-gradient(110deg, var(--issue-blue), var(--issue-violet));
    color: #fff;
}

.issue-dialog footer button:disabled[b-u9orniwpi7] {
    opacity: 0.56;
    cursor: not-allowed;
}

.issue-detail-grid[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
    margin: 0;
}

.issue-detail-grid > div[b-u9orniwpi7] {
    display: grid;
    gap: 0.12rem;
    padding: 0.65rem 0.72rem;
    border: 1px solid #dce5f1;
    border-radius: 0.78rem;
    background: #fff;
}

.issue-detail-grid dt[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.issue-detail-grid dd[b-u9orniwpi7] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #24324d;
    font-size: 1rem;
    font-weight: 800;
}

.issue-history-list[b-u9orniwpi7] {
    display: grid;
    gap: 0.48rem;
}

.issue-history-list article[b-u9orniwpi7] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.72rem;
    border: 1px solid #dce5f1;
    border-radius: 0.8rem;
    background: #fff;
}

.issue-history-list article > span[b-u9orniwpi7] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: #f0ebff;
    color: #7444df;
}

.issue-history-list article > span[b-u9orniwpi7]  svg {
    width: 1rem;
    height: 1rem;
}

.issue-history-list article > div[b-u9orniwpi7] {
    display: grid;
    gap: 0.08rem;
}

.issue-history-list strong[b-u9orniwpi7] {
    color: #24324d;
    font-size: 1rem;
}

.issue-history-list small[b-u9orniwpi7] {
    color: #64748b;
    font-size: 1rem;
}

.issue-workstation button:focus-visible[b-u9orniwpi7],
.issue-workstation input:focus-visible[b-u9orniwpi7],
.issue-dialog button:focus-visible[b-u9orniwpi7] {
    outline: 3px solid rgba(56, 189, 248, 0.78);
    outline-offset: 2px;
}

.issue-queue-search input:focus[b-u9orniwpi7],
.issue-scan-input-row input:focus[b-u9orniwpi7] {
    border-color: #4f7df3;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.13);
}

@keyframes issue-fade-in-b-u9orniwpi7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1180px) {
    .issue-workstation[b-u9orniwpi7] {
        grid-template-columns: minmax(20rem, 37%) minmax(0, 1fr);
        gap: 0.6rem;
        padding: 0.6rem;
    }

    .issue-patient-header[b-u9orniwpi7] {
        grid-template-columns: minmax(13rem, 1fr) minmax(20rem, 1.25fr);
    }

    .issue-header-actions[b-u9orniwpi7] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .issue-safety-ribbon[b-u9orniwpi7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .issue-safety-gate[b-u9orniwpi7] {
        grid-column: 1 / -1;
        min-height: 3.25rem;
    }

    .issue-scan-workspace[b-u9orniwpi7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    :host[b-u9orniwpi7] {
        height: auto;
    }

    .issue-workstation[b-u9orniwpi7] {
        grid-template-columns: minmax(0, 1fr);
        height: calc(100dvh - 94px);
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .issue-queue-panel[b-u9orniwpi7] {
        height: min(34rem, calc(100dvh - 7rem));
    }

    .issue-command-panel[b-u9orniwpi7] {
        min-height: 42rem;
        overflow: visible;
    }

    .issue-scan-workspace[b-u9orniwpi7] {
        grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.6fr);
    }
}

@media (max-width: 640px) {
    .issue-workstation[b-u9orniwpi7] {
        gap: 0.5rem;
        padding: 0.45rem;
    }

    .glass-panel[b-u9orniwpi7] {
        border-radius: 1rem;
    }

    .issue-queue-header[b-u9orniwpi7],
    .issue-filter-chips[b-u9orniwpi7],
    .issue-queue-search[b-u9orniwpi7] {
        padding-right: 0.7rem;
        padding-left: 0.7rem;
    }

    .issue-patient-header[b-u9orniwpi7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .issue-patient-facts[b-u9orniwpi7] {
        grid-template-columns: 1fr;
    }

    .issue-patient-facts > span[b-u9orniwpi7] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .issue-patient-facts > span:last-child[b-u9orniwpi7] {
        border-bottom: 0;
    }

    .issue-header-actions[b-u9orniwpi7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issue-header-actions button[b-u9orniwpi7] {
        justify-content: center;
    }

    .issue-safety-ribbon[b-u9orniwpi7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issue-safety-item:nth-child(2)[b-u9orniwpi7] {
        border-right: 0;
    }

    .issue-safety-gate[b-u9orniwpi7] {
        grid-column: 1 / -1;
    }

    .issue-verification-steps[b-u9orniwpi7],
    .issue-scan-workspace[b-u9orniwpi7],
    .issue-unit-grid[b-u9orniwpi7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .issue-step[b-u9orniwpi7] {
        min-height: 3.75rem;
    }

    .issue-unit-grid[b-u9orniwpi7] {
        max-height: none;
    }

    .issue-action-bar[b-u9orniwpi7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .issue-action-reason[b-u9orniwpi7] {
        text-align: left;
        white-space: normal;
    }

    .issue-primary-action[b-u9orniwpi7] {
        width: 100%;
    }

    .issue-dialog-overlay[b-u9orniwpi7] {
        align-items: end;
        padding: 0;
    }

    .issue-dialog[b-u9orniwpi7] {
        width: 100%;
        max-height: 96dvh;
        border-radius: 1.25rem 1.25rem 0 0;
    }

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

    .issue-confirm-personnel[b-u9orniwpi7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .issue-confirm-personnel label:last-child[b-u9orniwpi7] {
        grid-column: auto;
    }

    .issue-dialog footer[b-u9orniwpi7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .issue-dialog-overlay[b-u9orniwpi7],
    .issue-filter-chip[b-u9orniwpi7],
    .issue-queue-card[b-u9orniwpi7],
    .issue-primary-action[b-u9orniwpi7] {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}
/* /Components/Pages/Patient/OrthoResultInbox.razor.rz.scp.css */
:host[b-j6mf6hv2dl] {
    display: block;
    min-height: 0;
    min-width: 0;
}

*[b-j6mf6hv2dl] { box-sizing: border-box; }

.ortho-result-viewer[b-j6mf6hv2dl] {
    --ortho-blue: #2368f5;
    --ortho-violet: #6d3ff2;
    --ortho-pink: #e84e91;
    --ortho-teal: #08a8a7;
    color: #14254a;
    display: grid;
    gap: 12px;
    grid-row: 1 / -1;
    grid-template-rows: auto max-content minmax(320px, 1fr) auto;
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 18px 24px;
    scrollbar-gutter: stable;
}

.ortho-viewer-header[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.ortho-title-block[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
}

.ortho-title-icon[b-j6mf6hv2dl] {
    align-items: center;
    background: linear-gradient(145deg, #eef4ff, #f5efff);
    border: 1px solid rgba(75, 107, 235, .28);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(63, 82, 174, .13), inset 0 1px 1px #fff;
    color: var(--ortho-violet);
    display: flex;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.ortho-title-icon svg[b-j6mf6hv2dl] {
    fill: none;
    height: 30px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 30px;
}

.ortho-eyebrow[b-j6mf6hv2dl] {
    color: #6e7c98;
    display: block;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 1px;
}

.ortho-title-block h1[b-j6mf6hv2dl] {
    font-size: clamp(30px, 2.35vw, 40px);
    line-height: 1;
    margin: 0;
}

.ortho-title-block h1 strong[b-j6mf6hv2dl] {
    background: linear-gradient(90deg, #315bea, #7a3eea);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ortho-summary[b-j6mf6hv2dl] {
    display: grid;
    flex: 0 1 1000px;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(128px, 1fr));
}

.ortho-summary-card[b-j6mf6hv2dl] {
    align-items: center;
    appearance: none;
    background: rgba(255, 255, 255, .7);
    border: 1px solid rgba(142, 157, 202, .24);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(48, 66, 135, .08), inset 0 1px 1px #fff;
    color: #1b2f59;
    cursor: pointer;
    display: flex;
    gap: 11px;
    min-height: 88px;
    padding: 12px 16px;
    text-align: left;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ortho-summary-card:hover[b-j6mf6hv2dl] {
    border-color: currentColor;
    box-shadow: 0 14px 30px rgba(48, 66, 135, .13), inset 0 1px 1px #fff;
    transform: translateY(-1px);
}

.summary-icon[b-j6mf6hv2dl] {
    align-items: center;
    background: color-mix(in srgb, currentColor 10%, white);
    border-radius: 14px;
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
}

.ortho-summary-card > span:last-child[b-j6mf6hv2dl] {
    display: grid;
    line-height: 1;
}

.ortho-summary-card small[b-j6mf6hv2dl] {
    color: #63708a;
    font-size: 1rem;
    font-weight: 800;
}

.ortho-summary-card strong[b-j6mf6hv2dl] {
    color: currentColor;
    font-size: clamp(30px, 2vw, 36px);
    margin-top: 5px;
}

.summary-violet[b-j6mf6hv2dl] { color: var(--ortho-violet); }
.summary-teal[b-j6mf6hv2dl] { color: var(--ortho-teal); }
.summary-pink[b-j6mf6hv2dl] { color: var(--ortho-pink); }
.summary-blue[b-j6mf6hv2dl] { color: var(--ortho-blue); }

.ortho-message[b-j6mf6hv2dl] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 12px;
    color: #be123c;
    font-weight: 800;
    left: 50%;
    padding: 10px 18px;
    position: fixed;
    top: 82px;
    transform: translateX(-50%);
    z-index: 30;
}

.ortho-shelf[b-j6mf6hv2dl] {
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.ortho-result-viewer svg[b-j6mf6hv2dl] {
    fill: none;
    height: 24px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 24px;
}

.summary-icon svg[b-j6mf6hv2dl] { height: 30px; width: 30px; }

.ortho-rack-scene[b-j6mf6hv2dl] {
    /* The artwork's transparent top/bottom margins are outside this frame. */
    aspect-ratio: 2172 / 600;
    margin-inline: auto;
    max-width: 1560px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.ortho-shelf-image[b-j6mf6hv2dl] {
    height: auto;
    left: 0;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: -10%;
    width: 100%;
}

.ortho-tube-grid[b-j6mf6hv2dl] {
    align-items: end;
    display: grid;
    gap: 1.2%;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    inset: 14% 6.8% 12%;
    position: absolute;
}

.ortho-specimen-button[b-j6mf6hv2dl] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 14px;
    color: #173564;
    cursor: pointer;
    display: flex;
    height: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0;
    position: relative;
}

.ortho-specimen-stand[b-j6mf6hv2dl] {
    align-self: end;
    aspect-ratio: 926 / 1698;
    display: block;
    position: relative;
    width: 100%;
}

.ortho-specimen-stand img[b-j6mf6hv2dl] {
    display: block;
    filter: drop-shadow(0 5px 4px rgba(5, 22, 46, .4));
    height: auto;
    object-fit: contain;
    transition: filter .18s ease;
    width: 100%;
}

.ortho-specimen-button:hover img[b-j6mf6hv2dl],
.ortho-specimen-button.is-selected img[b-j6mf6hv2dl] {
    filter: drop-shadow(0 0 9px rgba(39, 224, 255, .96)) drop-shadow(0 9px 7px rgba(29, 49, 111, .28));
}

.specimen-caption[b-j6mf6hv2dl] {
    align-items: center;
    bottom: 1.5%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 19%;
    justify-content: center;
    left: 3%;
    position: absolute;
    right: 3%;
}

.specimen-time[b-j6mf6hv2dl] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #183769;
    font-size: clamp(12px, .92vw, 16px);
    font-weight: 900;
    line-height: 18px;
    min-width: 43px;
    padding: 0 4px;
}

.ortho-specimen-button.is-selected .specimen-time[b-j6mf6hv2dl] {
    background: #edf5ff;
    border-color: #38bdf8;
    color: #145be4;
    box-shadow: 0 0 12px rgba(43, 191, 255, .45);
}

.specimen-tests[b-j6mf6hv2dl] {
    display: flex;
    gap: 2px;
    min-height: 18px;
    justify-content: center;
}

.specimen-tests i[b-j6mf6hv2dl] {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(77, 109, 191, .22);
    border-radius: 4px;
    color: #2051bb;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 0 3px;
}

.specimen-tests .has-image[b-j6mf6hv2dl] { color: var(--ortho-violet); }
.specimen-tests svg[b-j6mf6hv2dl] { display: block; height: 14px; width: 14px; }

.ortho-shelf-state[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(137, 159, 216, .25);
    border-radius: 18px;
    box-shadow: 0 14px 40px rgba(39, 58, 124, .12);
    display: flex;
    font-weight: 900;
    gap: 9px;
    left: 50%;
    padding: 15px 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ortho-spinner[b-j6mf6hv2dl] {
    animation: ortho-spin-b-j6mf6hv2dl .8s linear infinite;
    border: 3px solid #dbeafe;
    border-radius: 999px;
    border-top-color: var(--ortho-blue);
    height: 19px;
    width: 19px;
}

.shelf-page-button[b-j6mf6hv2dl] {
    align-items: center;
    appearance: none;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(117, 137, 197, .3);
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(26, 42, 99, .15);
    color: var(--ortho-blue);
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 44px;
    justify-content: center;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 44px;
}

.shelf-page-button.is-previous[b-j6mf6hv2dl] { left: 1.7%; }
.shelf-page-button.is-next[b-j6mf6hv2dl] { right: 1.4%; }
.shelf-page-button:disabled[b-j6mf6hv2dl] { cursor: default; opacity: .35; }

.shelf-page-label[b-j6mf6hv2dl] {
    background: rgba(13, 35, 77, .72);
    border-radius: 999px;
    bottom: 3%;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    left: 50%;
    padding: 2px 7px;
    position: absolute;
    transform: translateX(-50%);
}

.ortho-result-panel[b-j6mf6hv2dl] {
    align-items: stretch;
    background: linear-gradient(125deg, rgba(255, 255, 255, .88), rgba(245, 247, 255, .72));
    border: 1px solid rgba(113, 133, 196, .25);
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(37, 55, 115, .1), inset 0 1px 1px #fff;
    display: grid;
    grid-template-columns: minmax(265px, 1.5fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(145px, .75fr) minmax(185px, 1fr);
    grid-template-rows: minmax(220px, 1fr) auto;
    min-height: 0;
    overflow: hidden;
    padding: 12px;
}

.ortho-result-panel > * + *:not(.result-panel-actions)[b-j6mf6hv2dl] {
    border-left: 1px solid rgba(125, 145, 194, .2);
}

.result-sample[b-j6mf6hv2dl] {
    align-items: start;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
    overflow: auto;
}

.result-specimen-visual[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.result-specimen-visual img[b-j6mf6hv2dl] {
    filter: drop-shadow(0 8px 8px rgba(36, 59, 124, .2));
    height: 180px;
    object-fit: contain;
    width: 98px;
}

.result-identity[b-j6mf6hv2dl],
.result-values[b-j6mf6hv2dl],
.result-status-block[b-j6mf6hv2dl],
.result-images[b-j6mf6hv2dl],
.result-panel-actions[b-j6mf6hv2dl] {
    min-width: 0;
    padding: 6px 14px;
}

.result-tags[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.result-tags strong[b-j6mf6hv2dl] {
    color: var(--ortho-blue);
    font-size: 24px;
}

.result-tags span[b-j6mf6hv2dl] {
    background: #edf3ff;
    border: 1px solid #c7d5ff;
    border-radius: 7px;
    color: #2557cf;
    font-size: 1rem;
    font-weight: 900;
    padding: 3px 7px;
}

.result-identity dl[b-j6mf6hv2dl] { margin: 0; }
.result-identity dl div[b-j6mf6hv2dl] {
    display: grid;
    font-size: 1rem;
    gap: 8px;
    grid-template-columns: 58px minmax(0, 1fr);
    margin: 9px 0;
}
.result-identity dt[b-j6mf6hv2dl] { color: #6b7891; font-weight: 800; }
.result-identity dd[b-j6mf6hv2dl] {
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.result-values[b-j6mf6hv2dl] {
    overflow: auto;
}

.result-values h2[b-j6mf6hv2dl],
.result-status-block h2[b-j6mf6hv2dl],
.result-images h2[b-j6mf6hv2dl] {
    color: #233d73;
    font-size: 16px;
    margin: 0 0 12px;
}

.result-value-row[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(231, 238, 250, .62);
    border-radius: 7px;
    display: flex;
    font-size: 1rem;
    gap: 6px;
    justify-content: space-between;
    margin-bottom: 4px;
    min-height: 38px;
    padding: 8px 10px;
}

.result-value-row span[b-j6mf6hv2dl] {
    color: #53627e;
    overflow-wrap: anywhere;
}

.result-value-row strong[b-j6mf6hv2dl] { color: #152b54; overflow-wrap: anywhere; text-align: right; }
.result-lis-values .result-value-row strong[b-j6mf6hv2dl] { color: #008b83; }
.no-result[b-j6mf6hv2dl] { color: #64748b; font-size: 1rem; }

.result-status-block[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0;
    overflow: auto;
    text-align: center;
}

.result-status-icon[b-j6mf6hv2dl] {
    align-items: center;
    border: 3px solid currentColor;
    border-radius: 999px;
    display: flex;
    font-size: 29px;
    font-weight: 900;
    height: 68px;
    justify-content: center;
    margin: 12px 0;
    width: 68px;
}

.result-status-icon.is-complete[b-j6mf6hv2dl] { color: var(--ortho-teal); }
.result-status-icon.is-warning[b-j6mf6hv2dl] { color: #e88a15; }
.result-status-block strong[b-j6mf6hv2dl] { color: #0c8d88; font-size: 16px; }
.result-status-block small[b-j6mf6hv2dl] { color: #67758e; font-size: 1rem; margin-top: 6px; }
.result-status-block p[b-j6mf6hv2dl] { color: #b45309; font-size: 1rem; margin: 8px 0 0; overflow-wrap: anywhere; }

.result-images h2 span[b-j6mf6hv2dl] {
    background: #edf2ff;
    border-radius: 999px;
    color: var(--ortho-violet);
    padding: 1px 6px;
}

.result-images[b-j6mf6hv2dl] { overflow: auto; }

.image-strip[b-j6mf6hv2dl] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
}

.image-strip button[b-j6mf6hv2dl] {
    appearance: none;
    background: #fff;
    border: 1px solid #d6def0;
    border-radius: 8px;
    cursor: zoom-in;
    overflow: hidden;
    padding: 4px;
}

.image-strip img[b-j6mf6hv2dl] {
    display: block;
    height: 80px;
    object-fit: contain;
    width: 100%;
}

.image-placeholder[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(234, 239, 250, .72);
    border: 1px dashed #c3cee5;
    border-radius: 10px;
    color: #91a0bd;
    display: flex;
    font-size: 1rem;
    height: 72px;
    justify-content: center;
}

.result-panel-actions[b-j6mf6hv2dl] {
    align-items: stretch;
    display: flex;
    border-top: 1px solid rgba(125, 145, 194, .2);
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end;
    grid-column: 1 / -1;
    padding-top: 12px;
}

.result-panel-actions button[b-j6mf6hv2dl] {
    appearance: none;
    border-radius: 11px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900;
    min-height: 44px;
    min-width: 138px;
}

.result-next-button[b-j6mf6hv2dl] {
    background: rgba(255, 255, 255, .82);
    border: 1px solid #bdcaf0;
    color: #304c8b;
}

.result-next-button span[b-j6mf6hv2dl] { font-size: 20px; margin-left: 10px; }
.result-next-button:disabled[b-j6mf6hv2dl] { cursor: default; opacity: .45; }

.result-close-button[b-j6mf6hv2dl] {
    background: linear-gradient(120deg, #246ff1, #703cf0);
    border: 0;
    box-shadow: 0 8px 20px rgba(76, 66, 223, .24);
    color: #fff;
}

.ortho-empty-detail[b-j6mf6hv2dl] {
    align-items: center;
    color: #7986a1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    justify-content: center;
    min-height: 220px;
}
.ortho-empty-detail span[b-j6mf6hv2dl] { color: var(--ortho-violet); font-size: 32px; }

.ortho-result-toolbar[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(118, 138, 197, .23);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(40, 58, 118, .09), inset 0 1px 1px #fff;
    display: flex;
    gap: 9px;
    padding: 8px 10px;
}

.ortho-search-box[b-j6mf6hv2dl],
.ortho-date-filter[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(248, 250, 255, .82);
    border: 1px solid #d0d9eb;
    border-radius: 13px;
    display: flex;
    min-height: 42px;
}

.ortho-search-box[b-j6mf6hv2dl] {
    flex: 1 1 280px;
    max-width: 380px;
    padding: 0 10px;
}

.ortho-search-box > span[b-j6mf6hv2dl],
.ortho-date-filter > span[b-j6mf6hv2dl] {
    color: #5571a8;
    font-size: 22px;
    margin-right: 7px;
}

.ortho-search-box input[b-j6mf6hv2dl],
.ortho-date-filter input[b-j6mf6hv2dl] {
    background: transparent;
    border: 0;
    color: #20365f;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    min-width: 0;
    outline: none;
    width: 100%;
}

.ortho-search-box button[b-j6mf6hv2dl] {
    appearance: none;
    background: transparent;
    border: 0;
    color: #71809a;
    cursor: pointer;
    font-size: 20px;
}

.ortho-date-filter[b-j6mf6hv2dl] { flex: 0 0 150px; padding: 0 10px; }
.ortho-date-filter input[b-j6mf6hv2dl] { color-scheme: light; }

.ortho-filter-buttons[b-j6mf6hv2dl] {
    display: flex;
    flex: 1 1 auto;
    gap: 6px;
    justify-content: center;
}

.ortho-filter-buttons button[b-j6mf6hv2dl] {
    appearance: none;
    background: rgba(255, 255, 255, .72);
    border: 1px solid #d3daec;
    border-radius: 12px;
    color: #435573;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    min-height: 44px;
    padding: 0 12px;
}

.ortho-filter-buttons button.is-active[b-j6mf6hv2dl] {
    background: linear-gradient(120deg, #315fec, #663af0);
    border-color: transparent;
    box-shadow: 0 7px 16px rgba(74, 66, 220, .22);
    color: #fff;
}

.ortho-filter-buttons button.filter-pink[b-j6mf6hv2dl] { background: linear-gradient(120deg, #ee5b97, #be3fd5); }
.ortho-filter-buttons button.filter-blue[b-j6mf6hv2dl] { background: linear-gradient(120deg, #2582ee, #3153da); }
.ortho-filter-buttons button.filter-violet[b-j6mf6hv2dl] { background: linear-gradient(120deg, #7951ee, #5637d6); }

.ortho-view-button[b-j6mf6hv2dl] {
    align-items: center;
    appearance: none;
    background: linear-gradient(120deg, #256eef, #6e39ed);
    border: 0;
    border-radius: 14px;
    box-shadow: 0 9px 22px rgba(76, 62, 218, .27);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex: 0 0 142px;
    font-size: 1rem;
    font-weight: 900;
    gap: 9px;
    justify-content: center;
    min-height: 44px;
}

.ortho-view-button:disabled[b-j6mf6hv2dl] { cursor: default; opacity: .45; }

.ortho-result-viewer button:focus-visible[b-j6mf6hv2dl],
.ortho-result-viewer input:focus-visible[b-j6mf6hv2dl],
.ortho-image-dialog button:focus-visible[b-j6mf6hv2dl] {
    outline: 3px solid rgba(14, 165, 233, .68);
    outline-offset: 3px;
}

.ortho-image-backdrop[b-j6mf6hv2dl] {
    align-items: center;
    background: rgba(11, 21, 52, .62);
    backdrop-filter: blur(12px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1000;
}

.ortho-image-dialog[b-j6mf6hv2dl] {
    background: rgba(250, 252, 255, .96);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 22px;
    box-shadow: 0 28px 70px rgba(10, 21, 62, .38);
    max-height: 90vh;
    max-width: min(920px, 92vw);
    overflow: auto;
    padding: 14px;
}

.ortho-image-dialog header[b-j6mf6hv2dl] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 2px 4px 12px;
}
.ortho-image-dialog h2[b-j6mf6hv2dl] { font-size: 16px; margin: 0; }
.ortho-image-dialog header button[b-j6mf6hv2dl] {
    appearance: none;
    background: #edf2fa;
    border: 0;
    border-radius: 10px;
    color: #52627f;
    cursor: pointer;
    font-size: 24px;
    height: 38px;
    width: 38px;
}
.ortho-image-dialog > img[b-j6mf6hv2dl] { border-radius: 14px; display: block; max-height: 76vh; max-width: 100%; object-fit: contain; }

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

@media (max-width: 1400px) {
    .ortho-result-viewer[b-j6mf6hv2dl] { padding: 14px 18px; }
    .ortho-summary[b-j6mf6hv2dl] { flex-basis: 720px; }
    .ortho-summary-card[b-j6mf6hv2dl] { gap: 9px; padding-inline: 12px; }
    .summary-icon[b-j6mf6hv2dl] { flex-basis: 40px; height: 44px; }
    .result-identity[b-j6mf6hv2dl], .result-values[b-j6mf6hv2dl], .result-status-block[b-j6mf6hv2dl], .result-images[b-j6mf6hv2dl] { padding-inline: 10px; }
    .ortho-search-box[b-j6mf6hv2dl] { flex-basis: 245px; }
    .ortho-view-button[b-j6mf6hv2dl] { flex-basis: 120px; }
}

@media (max-width: 1100px) {
    .ortho-result-viewer[b-j6mf6hv2dl] {
        grid-template-rows: repeat(4, max-content);
        align-content: start;
    }
    .ortho-viewer-header[b-j6mf6hv2dl] { align-items: flex-start; flex-direction: column; }
    .ortho-summary[b-j6mf6hv2dl] { flex: 0 0 auto; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
    .ortho-shelf[b-j6mf6hv2dl] { overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: 8px; }
    .ortho-rack-scene[b-j6mf6hv2dl] { min-width: 1100px; }
    .ortho-result-panel[b-j6mf6hv2dl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        gap: 14px;
    }
    .ortho-result-panel > * + *:not(.result-panel-actions)[b-j6mf6hv2dl] { border-left: 0; }
    .result-sample[b-j6mf6hv2dl] { grid-column: 1 / -1; grid-template-columns: 100px minmax(0, 1fr); }
    .result-specimen-visual img[b-j6mf6hv2dl] { width: 98px; }
    .result-values[b-j6mf6hv2dl] { max-height: 300px; }
    .result-panel-actions[b-j6mf6hv2dl] { grid-column: 1 / -1; }
    .ortho-result-toolbar[b-j6mf6hv2dl] { flex-wrap: wrap; }
    .ortho-search-box[b-j6mf6hv2dl] { max-width: none; }
    .ortho-filter-buttons[b-j6mf6hv2dl] { flex-basis: 55%; justify-content: flex-start; }
    .ortho-view-button[b-j6mf6hv2dl] { flex-grow: 1; }
}

@media (max-width: 640px) {
    .ortho-result-viewer[b-j6mf6hv2dl] { gap: 12px; padding: 10px; }
    .ortho-title-icon[b-j6mf6hv2dl] { border-radius: 14px; height: 48px; width: 48px; }
    .ortho-eyebrow[b-j6mf6hv2dl] { display: none; }
    .ortho-title-block h1[b-j6mf6hv2dl] { font-size: 25px; }
    .ortho-summary[b-j6mf6hv2dl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ortho-summary-card[b-j6mf6hv2dl] { border-radius: 15px; min-height: 80px; }
    .ortho-result-panel[b-j6mf6hv2dl] {
        grid-template-columns: minmax(0, 1fr);
        padding: 10px;
    }
    .result-sample[b-j6mf6hv2dl] { grid-template-columns: 75px minmax(0, 1fr); }
    .result-specimen-visual img[b-j6mf6hv2dl] { width: 75px; }
    .result-values[b-j6mf6hv2dl],
    .result-status-block[b-j6mf6hv2dl],
    .result-images[b-j6mf6hv2dl],
    .result-panel-actions[b-j6mf6hv2dl] { grid-column: 1 / -1; }
    .result-values[b-j6mf6hv2dl] { padding-block: 11px; }
    .image-strip[b-j6mf6hv2dl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .result-panel-actions button[b-j6mf6hv2dl] { flex: 1; min-width: 0; }
    .ortho-search-box[b-j6mf6hv2dl] { flex-basis: 100%; max-width: none; }
    .ortho-date-filter[b-j6mf6hv2dl] { flex: 1 1 100%; }
    .ortho-filter-buttons[b-j6mf6hv2dl] { flex-basis: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ortho-view-button[b-j6mf6hv2dl] { flex: 1 1 100%; }
    .ortho-image-backdrop[b-j6mf6hv2dl] { padding: 0; }
    .ortho-image-dialog[b-j6mf6hv2dl] { border-radius: 0; height: 100%; max-height: none; max-width: none; width: 100%; }
    .ortho-image-dialog h2[b-j6mf6hv2dl] { overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
    .ortho-result-viewer *[b-j6mf6hv2dl],
    .ortho-result-viewer *[b-j6mf6hv2dl]::before,
    .ortho-result-viewer *[b-j6mf6hv2dl]::after {
        animation-duration: .01ms !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Patient/PatientCriticalSummary.razor.rz.scp.css */
.patient-critical-summary[b-r43a07kl64] { display: grid; grid-area: critical; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.critical-card[b-r43a07kl64] { height: 144px; min-width: 0; padding: 8px 10px; box-sizing: border-box; border: 1px solid #d8dfff; border-radius: 12px; background: rgba(255,255,255,.7); display: flex; flex-direction: column; }
.critical-card header[b-r43a07kl64] { display: flex; justify-content: space-between; align-items: center; gap: 4px; margin-bottom: 5px; }
.critical-card h3[b-r43a07kl64] { margin: 0; color: #284c9b; font-size: 13px; }
.critical-card header > span[b-r43a07kl64] { color: #64769c; font-size: 10px; text-align: right; }
.critical-card.is-warning[b-r43a07kl64] { border-color: #f6abbf; background: rgba(255,240,245,.8); }
.critical-card.is-warning header > span[b-r43a07kl64] { color: #bd2454; font-weight: 800; }
.critical-values[b-r43a07kl64] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; flex: 1; min-height: 0; }
.critical-values.is-single[b-r43a07kl64] { grid-template-columns: minmax(0,1fr); }
.critical-value[b-r43a07kl64] { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow-wrap: anywhere; }
.critical-caption[b-r43a07kl64] { color: #66789c; font-size: 10px; line-height: 1.3; }
.critical-value strong[b-r43a07kl64] { color: #17336a; font-size: 16px; line-height: 1.25; }
.critical-value strong.is-date[b-r43a07kl64] { font-size: 11px; line-height: 1.4; }
.critical-date[b-r43a07kl64] { color: #405985; font-size: 10px; line-height: 1.4; }
.critical-extra[b-r43a07kl64] { font-size: 11px; line-height: 1.35; color: #294579; white-space: pre-line; }
.critical-text[b-r43a07kl64] { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; font-size: 11px; line-height: 1.35; color: #324d7a; white-space: pre-wrap; }
.critical-text p[b-r43a07kl64] { margin: 2px 0 0; }
.critical-source[b-r43a07kl64] { color: #67789a; font-size: 10px; }
.critical-text:focus-visible[b-r43a07kl64] { outline: 2px solid #4b72ff; outline-offset: -2px; }
.critical-history-results[b-r43a07kl64] { flex: 1; min-height: 0; display: grid; grid-template-rows: repeat(3, minmax(0,1fr)); gap: 3px; }
.critical-history-result[b-r43a07kl64] { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.critical-result-heading[b-r43a07kl64] { display: flex; align-items: start; gap: 4px; min-width: 0; }
.critical-result-heading > span[b-r43a07kl64] { flex: 0 0 53px; color: #405985; font-size: 10px; line-height: 18px; }
.critical-result-heading strong[b-r43a07kl64] { flex: 1; min-width: 0; height: 18px; overflow: auto; font-size: 12px; line-height: 18px; white-space: pre-wrap; overflow-wrap: anywhere; }
.critical-result-metadata[b-r43a07kl64] { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; color: #67789a; font-size: 9px; line-height: 12px; }
.critical-result-metadata > span[b-r43a07kl64] { display: block; }
.critical-result-heading strong:focus-visible[b-r43a07kl64], .critical-result-metadata:focus-visible[b-r43a07kl64] { outline: 2px solid #4b72ff; outline-offset: -2px; }
.summary-load-state[b-r43a07kl64] { grid-column: 1 / -1; height: 144px; box-sizing: border-box; margin: 0; display: grid; place-items: center; color: #64769c; }
/* /Components/Pages/Patient/PatientHistoryResultInput.razor.rz.scp.css */
.history-result-input[b-jc392vkg78] { grid-column: 1 / -1; min-width: 0; }
.result-selections[b-jc392vkg78] { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 8px 0 0; list-style: none; }
.result-selections li[b-jc392vkg78] { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid #ccd8ff; border-radius: 10px; background: #eef3ff; color: #24498d; font-weight: 700; }
.result-selections button[b-jc392vkg78] { padding: 0 2px; border: 0; background: transparent; color: #4264b2; font: inherit; cursor: pointer; }
.result-selections button:focus-visible[b-jc392vkg78] { outline: 2px solid #2863ff; border-radius: 3px; }
.result-other[b-jc392vkg78] { display: grid; gap: 6px; margin-top: 10px; color: #607598; font-weight: 700; }
.result-other textarea[b-jc392vkg78] { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border: 1px solid #d2ddff; border-radius: 11px; background: white; color: #183267; font: inherit; resize: vertical; }
.result-other textarea:focus[b-jc392vkg78] { outline: 2px solid #32baff; outline-offset: 2px; }
/* /Components/Pages/Patient/PatientHistoryTopics.razor.rz.scp.css */
.patient-history-topics[b-w1ry7m5kgn] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.history-topic-card[b-w1ry7m5kgn] { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 72px; padding: 6px 8px; border: 1px solid rgba(122, 147, 197, .24); border-radius: 14px; background: rgba(255,255,255,.78); color: #142b61; text-align: left; cursor: pointer; }
.history-topic-card:nth-child(2)[b-w1ry7m5kgn], .history-topic-card:nth-child(7)[b-w1ry7m5kgn] { grid-column: span 2; }
.history-topic-card:hover[b-w1ry7m5kgn] { border-color: #6385ee; background: #f4f7ff; }
.topic-icon[b-w1ry7m5kgn] { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 10px; background: #edf2ff; }
.topic-icon img[b-w1ry7m5kgn] { width: 28px; height: 28px; object-fit: contain; }
.history-topic-card > span:nth-child(2)[b-w1ry7m5kgn] { min-width: 0; flex: 1; }
.history-topic-card strong[b-w1ry7m5kgn] { display: block; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.history-topic-card small[b-w1ry7m5kgn] { display: block; margin-top: 2px; color: #75839e; font-size: 13px; line-height: 1.3; }
.history-topic-card .has-data[b-w1ry7m5kgn] { color: #008681; font-weight: 800; }
.history-topic-card b[b-w1ry7m5kgn] { font-size: 22px; color: #456bc6; }
.history-topic-dialog[b-w1ry7m5kgn] { display: flex; flex-direction: column; width: min(960px, calc(100% - 64px)); max-height: calc(100dvh - 64px); min-height: 250px; padding: 0; margin: auto; overflow: hidden; border: 1px solid #fff; border-radius: 24px; background: linear-gradient(120deg,#f3f9ff,#fff6fc); box-shadow: 0 24px 70px rgba(20,43,97,.24); color: #142b61; }
.history-topic-dialog:not([open])[b-w1ry7m5kgn] { display: none; }
.history-topic-dialog[b-w1ry7m5kgn]::backdrop { background: rgba(30,40,77,.38); backdrop-filter: blur(5px); }
.history-topic-dialog header[b-w1ry7m5kgn] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; border-bottom: 1px solid #dce4f4; }
.history-topic-dialog header > div[b-w1ry7m5kgn] { min-width: 0; overflow-wrap: anywhere; }
.history-topic-dialog header small[b-w1ry7m5kgn] { color: #61718f; }
.history-topic-dialog h3[b-w1ry7m5kgn] { margin: 4px 0 0; font-size: 20px; }
.history-topic-dialog header > button[b-w1ry7m5kgn] { width: 40px; height: 40px; flex: 0 0 auto; font-size: 25px; }
.history-topic-body[b-w1ry7m5kgn] { min-height: 0; padding: 18px 20px; overflow-y: auto; overscroll-behavior: contain; }
.history-topic-dialog button[b-w1ry7m5kgn] { padding: 8px 14px; border: 1px solid #c3d1f7; border-radius: 11px; background: #fff; color: #245cce; cursor: pointer; font-weight: 750; }
.history-topic-dialog .topic-primary[b-w1ry7m5kgn] { color: #fff; border-color: transparent; background: linear-gradient(100deg,#2065ef,#7140ea); }
.history-topic-dialog button:disabled[b-w1ry7m5kgn] { opacity: .5; cursor: default; }
.history-topic-dialog footer[b-w1ry7m5kgn] { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid #dce4f4; }
.topic-actions[b-w1ry7m5kgn],.topic-entry-heading[b-w1ry7m5kgn],.topic-blood-record[b-w1ry7m5kgn] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.topic-actions > span[b-w1ry7m5kgn] { color: #61718f; font-size: 14px; }
.topic-reading-card[b-w1ry7m5kgn] { margin: 12px 0; padding: 16px; border: 1px solid #dce4f4; border-radius: 14px; background: rgba(255,255,255,.8); }
.topic-reading-card h4[b-w1ry7m5kgn] { margin: 0; overflow-wrap: anywhere; }
.topic-reading-card p[b-w1ry7m5kgn] { margin: 10px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.topic-entry-meta[b-w1ry7m5kgn] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 8px 0; color: #61718f; font-size: 13px; overflow-wrap: anywhere; }
.topic-system-entry[b-w1ry7m5kgn] { display: flex; flex-direction: column; gap: 5px; width: 100%; margin: 12px 0; text-align: left; overflow-wrap: anywhere; }
.topic-system-entry span[b-w1ry7m5kgn],.topic-system-entry small[b-w1ry7m5kgn] { color: #61718f; font-size: 13px; }
.topic-editor[b-w1ry7m5kgn],.topic-patient-details[b-w1ry7m5kgn],.topic-unit-details[b-w1ry7m5kgn] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.topic-patient-details[b-w1ry7m5kgn],.topic-unit-details[b-w1ry7m5kgn] { margin: 0 0 16px; }
.topic-patient-details > div[b-w1ry7m5kgn],.topic-unit-details > div[b-w1ry7m5kgn] { min-width: 0; padding: 10px; border: 1px solid #dce4f4; border-radius: 11px; background: #fff; }
.topic-patient-details dt[b-w1ry7m5kgn],.topic-unit-details dt[b-w1ry7m5kgn] { color: #61718f; font-size: 13px; }
.topic-patient-details dd[b-w1ry7m5kgn],.topic-unit-details dd[b-w1ry7m5kgn] { margin: 4px 0 0; font-weight: 750; overflow-wrap: anywhere; }
.topic-editor label[b-w1ry7m5kgn] { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 14px; font-weight: 750; }
.topic-editor label small[b-w1ry7m5kgn] { color: #61718f; font-weight: 400; }
.topic-editor input[b-w1ry7m5kgn],.topic-editor textarea[b-w1ry7m5kgn] { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #ccd8f3; border-radius: 11px; background: #fff; color: #142b61; font: inherit; }
.topic-editor textarea[b-w1ry7m5kgn] { resize: vertical; line-height: 1.6; }
.topic-wide[b-w1ry7m5kgn] { grid-column: 1 / -1; }
.topic-blood-section[b-w1ry7m5kgn] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; min-width: 0; margin: 0; padding: 12px; border: 1px solid #dce4f4; border-radius: 12px; }
.topic-blood-section legend[b-w1ry7m5kgn] { padding: 0 6px; color: #284c9b; font-weight: 800; }
.topic-blood-reading + .topic-blood-reading[b-w1ry7m5kgn] { margin-top: 14px; padding-top: 14px; border-top: 1px solid #dce4f4; }
.topic-empty[b-w1ry7m5kgn] { margin: 35px 0; text-align: center; color: #61718f; }
.topic-error[b-w1ry7m5kgn] { color: #c32853; }
.topic-sentinel[b-w1ry7m5kgn] { width: 1px; height: 1px; position: absolute; overflow: hidden; opacity: 0; }
button:focus-visible[b-w1ry7m5kgn],input:focus-visible[b-w1ry7m5kgn],textarea:focus-visible[b-w1ry7m5kgn] { outline: 3px solid #38bdf8; outline-offset: 2px; }
/* /Components/Pages/Patient/PatientRecords.razor.rz.scp.css */
:global(html:has(.patient-record-command-center))[b-ks00kjgpho],
:global(body:has(.patient-record-command-center))[b-ks00kjgpho] {
    min-width: 0;
}

.patient-record-command-center[b-ks00kjgpho] {
    --records-blue: #1d63e9;
    --records-violet: #7139ea;
    --records-pink: #e53c86;
    --records-teal: #0aa6a6;
    --records-ink: #142b61;
    --records-muted: #61718f;
    --records-line: rgba(122, 147, 197, 0.24);
    --records-glass: rgba(255, 255, 255, 0.76);
    position: relative;
    grid-row: 1 / -1;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    overflow: hidden;
    color: var(--records-ink);
    background:
        radial-gradient(circle at 8% 18%, rgba(92, 184, 255, 0.18), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(238, 91, 187, 0.13), transparent 30%);
}

.patient-record-command-center[b-ks00kjgpho],
.patient-record-command-center *[b-ks00kjgpho] {
    box-sizing: border-box;
}

button[b-ks00kjgpho],
input[b-ks00kjgpho],
select[b-ks00kjgpho],
textarea[b-ks00kjgpho] {
    font: inherit;
}

button[b-ks00kjgpho] {
    -webkit-tap-highlight-color: transparent;
}

.records-command-titlebar[b-ks00kjgpho],
.patient-rail[b-ks00kjgpho],
.patient-identity-card[b-ks00kjgpho],
.patient-module-card[b-ks00kjgpho],
.patient-history-panel[b-ks00kjgpho],
.patient-empty-state[b-ks00kjgpho] {
    border: 1px solid rgba(255, 255, 255, 0.9);
    background: var(--records-glass);
    box-shadow: 0 16px 38px rgba(42, 72, 145, 0.1), inset 0 0 0 1px var(--records-line);
    backdrop-filter: blur(22px) saturate(130%);
}

.records-command-titlebar[b-ks00kjgpho] {
    min-width: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 14px;
    border-radius: 20px;
}

.records-command-title[b-ks00kjgpho],
.records-command-title-actions[b-ks00kjgpho],
.patient-rail-heading[b-ks00kjgpho],
.patient-search-row[b-ks00kjgpho],
.patient-list-card[b-ks00kjgpho],
.patient-identity-main[b-ks00kjgpho],
.reaction-warning[b-ks00kjgpho],
.edit-patient-button[b-ks00kjgpho],
.patient-module-card[b-ks00kjgpho],
.history-panel-heading[b-ks00kjgpho],
.patient-dialog-header[b-ks00kjgpho],
.patient-dialog-footer[b-ks00kjgpho],
.patient-toast[b-ks00kjgpho] {
    display: flex;
    align-items: center;
}

.records-command-title[b-ks00kjgpho] {
    min-width: 0;
    gap: 11px;
}

.records-command-title-icon[b-ks00kjgpho] {
    width: 40px;
    height: 40px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border-radius: 13px;
    background: linear-gradient(145deg, #dff3ff, #eee8ff);
    box-shadow: inset 0 0 0 1px rgba(72, 96, 219, 0.13);
}

.records-command-title-icon img[b-ks00kjgpho] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.records-command-title span[b-ks00kjgpho],
.patient-identity-eyebrow[b-ks00kjgpho],
.history-panel-heading > div > span[b-ks00kjgpho],
.patient-dialog-header span[b-ks00kjgpho] {
    color: var(--records-muted);
    font-size: 1rem;
    font-weight: 800;
}

.records-command-title h1[b-ks00kjgpho] {
    margin: 1px 0 0;
    color: var(--records-ink);
    font-size: clamp(20px, 2vw, 27px);
    line-height: 1;
}

.records-command-title-actions[b-ks00kjgpho] {
    gap: 8px;
}

.quiet-action[b-ks00kjgpho],
.mobile-patient-trigger[b-ks00kjgpho],
.add-patient-button[b-ks00kjgpho],
.edit-patient-button[b-ks00kjgpho],
.compact-primary-action[b-ks00kjgpho],
.dialog-secondary-button[b-ks00kjgpho],
.dialog-primary-button[b-ks00kjgpho] {
    min-height: 40px;
    border: 1px solid rgba(40, 94, 220, 0.34);
    border-radius: 13px;
    cursor: pointer;
    font-weight: 850;
    transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.quiet-action[b-ks00kjgpho],
.mobile-patient-trigger[b-ks00kjgpho],
.dialog-secondary-button[b-ks00kjgpho] {
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--records-blue);
}

.mobile-patient-trigger[b-ks00kjgpho] {
    display: none;
}

.records-command-body[b-ks00kjgpho] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, 22%) minmax(0, 1fr);
    gap: 12px;
}

.patient-rail[b-ks00kjgpho] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    overflow: hidden;
    border-radius: 22px;
}

.patient-rail-heading[b-ks00kjgpho] {
    display: none;
    justify-content: space-between;
}

.patient-picker-close[b-ks00kjgpho] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    background: #eef3ff;
    color: var(--records-ink);
    font-size: 25px;
    cursor: pointer;
}

.patient-search-row[b-ks00kjgpho] {
    align-items: stretch;
    gap: 8px;
}

.patient-search-box[b-ks00kjgpho] {
    min-width: 0;
    min-height: 46px;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid rgba(109, 139, 201, 0.25);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 18px rgba(33, 65, 137, 0.06);
}

.patient-search-box svg[b-ks00kjgpho],
.edit-patient-button svg[b-ks00kjgpho] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.patient-search-box svg[b-ks00kjgpho] {
    color: #70809f;
}

.patient-search-box input[b-ks00kjgpho] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--records-ink);
    font-size: 1rem;
    font-weight: 700;
}

.patient-search-box input[b-ks00kjgpho]::placeholder {
    color: #9aa8bf;
}

.search-clear[b-ks00kjgpho] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 9px;
    background: #edf2fb;
    color: #71809b;
    font-size: 20px;
    cursor: pointer;
}

.add-patient-button[b-ks00kjgpho],
.dialog-primary-button[b-ks00kjgpho] {
    flex: 0 0 auto;
    padding: 0 14px;
    border: 0;
    background: linear-gradient(125deg, var(--records-blue), var(--records-violet));
    color: #fff;
    box-shadow: 0 10px 22px rgba(62, 66, 216, 0.22);
}

.patient-list[b-ks00kjgpho] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 4px;
    padding-right: 3px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.patient-list-card[b-ks00kjgpho] {
    width: 100%;
    min-height: 60px;
    flex: 0 0 auto;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(126, 147, 194, 0.2);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.68);
    color: var(--records-ink);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 8px 19px rgba(40, 64, 130, 0.06);
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.patient-list-card:hover[b-ks00kjgpho],
.patient-list-card.is-active[b-ks00kjgpho] {
    transform: translateY(-1px);
    border-color: rgba(29, 99, 233, 0.78);
    background: linear-gradient(135deg, rgba(239, 248, 255, 0.94), rgba(245, 240, 255, 0.92));
}

.patient-list-card.is-active[b-ks00kjgpho] {
    box-shadow: 0 12px 24px rgba(43, 90, 211, 0.14), inset 4px 0 0 var(--records-blue);
}

.patient-list-copy[b-ks00kjgpho] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 20px;
}

.patient-list-copy strong[b-ks00kjgpho],
.patient-list-copy small[b-ks00kjgpho] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-list-copy strong[b-ks00kjgpho] { font-size: 1rem; }
.patient-list-copy small[b-ks00kjgpho] { display: flex; gap: 6px; color: #3559ac; font-size: .875rem; font-weight: 750; }
.patient-list-hn[b-ks00kjgpho] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.patient-list-age[b-ks00kjgpho] { flex: 0 0 auto; }

.patient-list-chevron[b-ks00kjgpho],
.history-chevron[b-ks00kjgpho] {
    flex: 0 0 auto;
    color: #284991;
    font-size: 29px;
    line-height: 1;
}

.patient-list-empty[b-ks00kjgpho],
.history-empty-state[b-ks00kjgpho],
.patient-empty-state[b-ks00kjgpho] {
    display: grid;
    place-items: center;
    color: var(--records-muted);
    text-align: center;
}

.patient-list-empty[b-ks00kjgpho] { min-height: 220px; gap: 5px; }
.patient-list-empty > span[b-ks00kjgpho] { font-size: 40px; }
.patient-list-empty small[b-ks00kjgpho],
.history-empty-state span[b-ks00kjgpho],
.patient-empty-state p[b-ks00kjgpho] { font-size: 1rem; }

.patient-workspace[b-ks00kjgpho] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, auto) 68px minmax(280px, 1fr);
    gap: 8px;
    overflow: hidden;
}

.patient-empty-state[b-ks00kjgpho] {
    height: 100%;
    align-content: center;
    border-radius: 24px;
}

.patient-empty-state img[b-ks00kjgpho] {
    width: 170px;
    height: 170px;
    object-fit: contain;
    opacity: 0.72;
}

.patient-empty-state h2[b-ks00kjgpho],
.patient-empty-state p[b-ks00kjgpho] { margin: 0; }

.patient-identity-card[b-ks00kjgpho] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "art identity blood" "facts facts facts" "critical critical critical";
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 18px;
}

.patient-identity-art[b-ks00kjgpho] {
    grid-area: art;
    display: grid;
    place-items: center;
    border-right: 1px solid var(--records-line);
}

.patient-identity-art img[b-ks00kjgpho] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    filter: drop-shadow(0 12px 12px rgba(35, 71, 167, 0.16));
}

.patient-identity-main[b-ks00kjgpho] {
    grid-area: identity;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.patient-identity-main h2[b-ks00kjgpho] {
    max-width: 100%;
    margin: 2px 0 0;
    color: #102658;
    font-size: clamp(20px, 1.5vw, 24px);
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.patient-identity-actions[b-ks00kjgpho] { display: flex; align-items: center; flex-wrap: wrap; max-width: 100%; gap: 6px 12px; margin-top: 4px; }
.patient-hn[b-ks00kjgpho] { min-width: 0; max-width: 100%; color: var(--records-blue); font-size: 18px; overflow-wrap: anywhere; }

.patient-blood-summary[b-ks00kjgpho] { grid-area: blood; display: flex; align-self: stretch; gap: 8px; margin: 0; }
.patient-blood-summary > div[b-ks00kjgpho] { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 88px; padding: 5px 14px; border: 1px solid rgba(225, 66, 113, .22); border-radius: 13px; background: linear-gradient(135deg, #fff2f5, #f8f0ff); }
.patient-blood-summary dt[b-ks00kjgpho] { color: #637696; font-size: 13px; font-weight: 800; }
.patient-blood-summary dd[b-ks00kjgpho] { margin: 2px 0 0; color: #c22555; font-size: 34px; font-weight: 900; line-height: 1.1; }
.patient-blood-summary .patient-rh[b-ks00kjgpho] { min-width: 108px; border-color: rgba(58, 99, 230, .22); background: linear-gradient(135deg, #edf5ff, #f4f0ff); }
.patient-blood-summary .patient-rh dd[b-ks00kjgpho] { color: #2455ce; font-size: 22px; }

.reaction-warning[b-ks00kjgpho] {
    align-self: flex-start;
    gap: 7px;
    min-height: 34px;
    margin-top: 5px;
    padding: 3px 10px 3px 5px;
    border: 1px solid rgba(236, 72, 111, 0.28);
    border-radius: 14px;
    background: #fff1f5;
    color: #db315f;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
}

.reaction-warning img[b-ks00kjgpho] { width: 27px; height: 27px; object-fit: contain; }

.edit-patient-button[b-ks00kjgpho] {
    flex: 0 0 auto;
    min-height: 30px;
    gap: 5px;
    padding: 0 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f7fbff, #edf3ff);
    color: #1c55ce;
    font-size: 13px;
}

.edit-patient-button svg[b-ks00kjgpho] { width: 15px; height: 15px; }

.patient-facts[b-ks00kjgpho] {
    grid-area: facts;
    min-width: 0;
    min-height: 0;
    align-self: stretch;
    overflow-y: auto;
    overscroll-behavior: contain;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 10px;
    padding-top: 2px;
    border-top: 1px solid var(--records-line);
    margin: 0;
}

.patient-facts div[b-ks00kjgpho] { min-width: 0; padding: 5px 0; border-bottom: 1px solid var(--records-line); }
.patient-facts dt[b-ks00kjgpho] { color: var(--records-muted); font-size: 13px; font-weight: 800; line-height: 1.35; }
.patient-facts dd[b-ks00kjgpho] { margin: 2px 0 0; color: #142858; font-size: 14px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; }

.patient-module-grid[b-ks00kjgpho] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.patient-module-card[b-ks00kjgpho] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    height: 72px;
    min-width: 0;
    min-height: 0;
    justify-content: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 16px;
    color: var(--records-ink);
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.patient-module-card:hover[b-ks00kjgpho],
.patient-module-card.is-active[b-ks00kjgpho] {
    border-color: var(--module-color);
    box-shadow: 0 14px 26px color-mix(in srgb, var(--module-color) 18%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--module-color) 38%, transparent);
}

.patient-module-card.is-history[b-ks00kjgpho] { --module-color: #4f6fdc; }
.patient-module-card.is-request[b-ks00kjgpho] { --module-color: var(--records-blue); }
.patient-module-card.is-grouping[b-ks00kjgpho] { --module-color: var(--records-violet); }
.patient-module-card.is-issue[b-ks00kjgpho] { --module-color: var(--records-teal); }
.patient-module-card.is-reaction[b-ks00kjgpho] { --module-color: var(--records-pink); }

.patient-module-card img[b-ks00kjgpho] {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 9px 8px rgba(47, 58, 137, 0.14));
}

.patient-module-card > span[b-ks00kjgpho] { min-width: 0; display: flex; flex-direction: column; }
.patient-module-card strong[b-ks00kjgpho] { color: color-mix(in srgb, var(--module-color) 82%, #172c58); font-size: 14px; line-height: 1.2; }
.patient-module-card small[b-ks00kjgpho] { margin-top: 3px; color: var(--module-color); font-size: 14px; line-height: 1.2; font-weight: 900; }

.patient-history-panel[b-ks00kjgpho] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border-radius: 22px;
}

.history-panel-heading[b-ks00kjgpho] {
    min-width: 0;
    justify-content: space-between;
    gap: 14px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--records-line);
}

.history-panel-heading h3[b-ks00kjgpho] { margin: 1px 0 0; color: #153073; font-size: 18px; }
.history-heading-meta[b-ks00kjgpho] { display: flex; align-items: center; gap: 10px; color: #60708d; font-size: 1rem; font-weight: 750; }
.history-heading-meta strong[b-ks00kjgpho] { margin-left: 4px; color: #2456c2; }

.compact-primary-action[b-ks00kjgpho] {
    min-height: 36px;
    padding: 0 12px;
    border: 0;
    background: linear-gradient(125deg, #315fee, #7d3ced);
    color: #fff;
    font-size: 1rem;
}

.history-panel-body[b-ks00kjgpho] { min-width: 0; min-height: 0; padding: 7px 10px 10px; overflow-y: auto; overscroll-behavior: contain; }
.history-row-list[b-ks00kjgpho] { display: flex; flex-direction: column; gap: 6px; }
.issue-history-filters[b-ks00kjgpho] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 14px; margin-bottom: 10px; color: #60708d; font-size: 13px; }
.issue-history-filters label[b-ks00kjgpho] { display: grid; gap: 3px; width: 150px; }
.issue-history-filters input[b-ks00kjgpho] { width: 100%; min-width: 0; min-height: 36px; padding: 5px 8px; border: 1px solid #cbd7ee; border-radius: 9px; background: #fff; font: inherit; color: #173471; }
.issue-history-filters .request-ward-filter[b-ks00kjgpho] { width: 210px; }
.issue-filter-reset[b-ks00kjgpho] { min-height: 36px; padding: 5px 10px; border: 1px solid #cbd7ee; border-radius: 9px; background: #fff; color: #2456c2; font: inherit; cursor: pointer; }
.history-list-caption[b-ks00kjgpho] { margin: 0 0 9px; color: #63769a; font-size: 12px; font-weight: 700; line-height: 1.4; }
.history-list-state[b-ks00kjgpho] { display: grid; min-height: 180px; height: auto; margin: 0; place-content: center; gap: 4px; color: #647795; font-size: 13px; font-weight: 750; line-height: 1.4; text-align: center; }
.history-list-error[b-ks00kjgpho] { color: #bb275b; }
.request-history-table[b-ks00kjgpho], .issue-history-table[b-ks00kjgpho], .reaction-history-table[b-ks00kjgpho] { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; line-height: 1.4; color: #18356d; }
.request-history-table th[b-ks00kjgpho], .issue-history-table th[b-ks00kjgpho], .reaction-history-table th[b-ks00kjgpho] { position: sticky; top: 0; z-index: 1; padding: 9px 6px; border-block: 1px solid #d7e2ff; background: #eff4ff; color: #18356d; font-weight: 800; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.request-history-table td[b-ks00kjgpho], .issue-history-table td[b-ks00kjgpho], .reaction-history-table td[b-ks00kjgpho] { padding: 9px 6px; border-bottom: 1px solid #e0e7f8; vertical-align: top; overflow-wrap: anywhere; }
.issue-history-table th:first-child[b-ks00kjgpho] { width: 15%; }
.issue-history-table th:nth-child(5)[b-ks00kjgpho] { width: 13%; }
.issue-history-table th:nth-child(7)[b-ks00kjgpho] { width: 4%; }
.issue-history-table th:nth-child(8)[b-ks00kjgpho] { width: 7%; }
.request-history-table tbody tr[b-ks00kjgpho], .issue-history-table tbody tr[b-ks00kjgpho], .reaction-history-table tbody tr[b-ks00kjgpho] { cursor: pointer; }
.request-history-table tbody tr:hover[b-ks00kjgpho], .request-history-table tbody tr:focus-visible[b-ks00kjgpho],
.issue-history-table tbody tr:hover[b-ks00kjgpho], .issue-history-table tbody tr:focus-visible[b-ks00kjgpho],
.reaction-history-table tbody tr:hover[b-ks00kjgpho], .reaction-history-table tbody tr:focus-visible[b-ks00kjgpho] { background: #eef4ff; outline: 2px solid #377bff; outline-offset: -2px; }
.issue-history-table small[b-ks00kjgpho] { display: block; margin-top: 4px; font-size: 11px; font-weight: 700; line-height: 1.4; }
.request-history-table .record-status[b-ks00kjgpho], .issue-history-table .record-status[b-ks00kjgpho], .reaction-history-table .record-status[b-ks00kjgpho] { display: inline-block; padding: 3px 5px; font-size: 11px; font-weight: 750; line-height: 1.4; white-space: normal; }
.reaction-symptoms[b-ks00kjgpho] { white-space: pre-wrap; }
.patient-info-dialog.patient-reaction-dialog[b-ks00kjgpho] { width: min(1520px, 100%); max-height: calc(100dvh - 48px); }
.patient-reaction-dialog .patient-dialog-body[b-ks00kjgpho] { padding: 12px 16px; }
.reaction-detail-overview[b-ks00kjgpho] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 10px; margin-bottom: 10px; }
.reaction-detail-table[b-ks00kjgpho] { width: 100%; table-layout: fixed; border-collapse: collapse; color: #18356d; font-size: 12px; line-height: 1.35; }
.reaction-detail-table col.reaction-detail-label[b-ks00kjgpho] { width: 21%; }
.reaction-detail-table th[b-ks00kjgpho], .reaction-detail-table td[b-ks00kjgpho] { padding: 5px 7px; border: 1px solid #dce5fa; overflow-wrap: anywhere; text-align: left; vertical-align: top; }
.reaction-detail-table thead th[b-ks00kjgpho] { background: #eaf2ff; color: #2453ac; font-size: 13px; font-weight: 800; }
.reaction-detail-table tbody th[b-ks00kjgpho] { background: #f4f7fd; color: #63769a; font-weight: 800; }
.reaction-detail-table tbody td[b-ks00kjgpho] { background: #ffffffb3; font-weight: 750; }
.reaction-fact[b-ks00kjgpho] { min-width: 0; padding: 6px 8px; border: 1px solid #dce5fa; border-radius: 10px; background: #ffffffb3; }
.reaction-fact span[b-ks00kjgpho] { display: block; color: #63769a; font-size: 12px; line-height: 1.4; }
.reaction-fact strong[b-ks00kjgpho] { display: block; font-size: 13px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.reaction-detail-sections[b-ks00kjgpho] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 10px; }
.reaction-detail-section[b-ks00kjgpho] { min-width: 0; padding: 10px; border: 1px solid #dce5fa; border-radius: 14px; background: #ffffffb3; }
.reaction-detail-section h3[b-ks00kjgpho] { margin: 0 0 8px; color: #234d92; font-size: 16px; line-height: 1.4; }
.reaction-detail-section .reaction-fact[b-ks00kjgpho] { display: grid; grid-template-columns: minmax(120px, 42%) minmax(0, 1fr); align-items: stretch; gap: 0; margin-top: -1px; padding: 0; border-radius: 0; }
.reaction-detail-section h3 + .reaction-fact[b-ks00kjgpho], .reaction-detail-text + .reaction-fact[b-ks00kjgpho], .reaction-detail-more > .reaction-fact:first-of-type[b-ks00kjgpho] { margin-top: 6px; }
.reaction-detail-section .reaction-fact span[b-ks00kjgpho], .reaction-detail-section .reaction-fact strong[b-ks00kjgpho] { padding: 5px 7px; }
.reaction-detail-section .reaction-fact span[b-ks00kjgpho] { border-right: 1px solid #dce5fa; background: #f4f7fd; font-weight: 800; }
.reaction-detail-text[b-ks00kjgpho] { max-height: 112px; margin: 0 0 8px; padding: 8px; overflow-y: auto; border: 1px solid #dce5fa; border-radius: 10px; color: #18356d; font-size: 13px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.reaction-vitals-table[b-ks00kjgpho] { width: 100%; table-layout: fixed; border-collapse: collapse; color: #18356d; font-size: 12px; line-height: 1.4; }
.reaction-vitals-table th[b-ks00kjgpho], .reaction-vitals-table td[b-ks00kjgpho] { padding: 6px 4px; border: 1px solid #dce5fa; overflow-wrap: anywhere; text-align: left; vertical-align: top; }
.reaction-vitals-table th[b-ks00kjgpho] { background: #eff4ff; }
.reaction-detail-more[b-ks00kjgpho] { margin-top: 10px; font-size: 13px; }
.reaction-detail-more summary[b-ks00kjgpho] { color: #234d92; font-weight: 750; cursor: pointer; }
.issue-reaction[b-ks00kjgpho], .issue-history-error[b-ks00kjgpho] { color: #b52257; }
.patient-info-dialog.patient-request-dialog[b-ks00kjgpho] { width: min(1080px, 100%); max-height: calc(100dvh - 24px); }
.patient-request-dialog .patient-dialog-body[b-ks00kjgpho] { padding: 10px 16px; }
.request-detail-groups[b-ks00kjgpho] { display: grid; gap: 8px; }
.request-detail-table[b-ks00kjgpho] { margin: 0; }
.request-detail-table thead tr + tr th[b-ks00kjgpho] { background: #f4f7fd; color: #63769a; font-size: 12px; }
.request-detail-table .request-detail-quantity[b-ks00kjgpho] { width: 22%; }
.request-detail-note-value[b-ks00kjgpho] { white-space: pre-wrap; }
.charge-revision-form[b-ks00kjgpho] { display:grid; gap:8px; padding:14px; border:1px solid #cbdaf4; border-radius:12px; background:#f7faff; }
.charge-revision-form h3[b-ks00kjgpho] { margin:0; color:#153071; font-size:15px; }
.charge-revision-form label[b-ks00kjgpho] { display:grid; gap:4px; color:#63769a; font-weight:700; }
.charge-revision-form input[b-ks00kjgpho],.charge-revision-form textarea[b-ks00kjgpho] { border:1px solid #cbdaf4; border-radius:8px; padding:7px; }
.charge-revision-form > div[b-ks00kjgpho] { display:flex; justify-content:flex-end; gap:8px; }
.patient-info-dialog.patient-issue-dialog[b-ks00kjgpho] { width: min(1520px, 100%); max-height: calc(100dvh - 24px); }
.patient-issue-dialog .patient-dialog-body[b-ks00kjgpho] { padding: 10px 16px; }
.issue-detail-groups[b-ks00kjgpho] { display: grid; gap: 8px; }
.issue-detail-primary[b-ks00kjgpho], .issue-detail-secondary[b-ks00kjgpho] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 8px; }
.issue-detail-secondary[b-ks00kjgpho] { grid-template-columns: minmax(0, 1.15fr) minmax(520px, .85fr); }
.issue-detail-table[b-ks00kjgpho], .issue-recheck-table[b-ks00kjgpho] { width: 100%; table-layout: fixed; border-collapse: collapse; color: #18356d; font-size: 12px; line-height: 1.3; }
.issue-detail-table col.issue-detail-label[b-ks00kjgpho] { width: 18%; }
.issue-detail-table th[b-ks00kjgpho], .issue-detail-table td[b-ks00kjgpho], .issue-recheck-table th[b-ks00kjgpho], .issue-recheck-table td[b-ks00kjgpho] { padding: 5px 7px; border: 1px solid #dce5fa; overflow-wrap: anywhere; text-align: left; vertical-align: top; }
.issue-detail-table thead th[b-ks00kjgpho] { background: #eaf2ff; color: #2453ac; font-size: 13px; font-weight: 800; }
.issue-detail-table tbody th[b-ks00kjgpho] { background: #f4f7fd; color: #63769a; font-weight: 800; }
.issue-detail-table tbody td[b-ks00kjgpho] { background: #ffffffb3; font-weight: 750; }
.issue-detail-table td strong[b-ks00kjgpho], .issue-detail-table td small[b-ks00kjgpho] { display: block; overflow-wrap: anywhere; }
.issue-detail-table td small[b-ks00kjgpho] { margin-top: 3px; color: #60708d; font-size: 12px; font-weight: 700; }
.issue-detail-note[b-ks00kjgpho] { max-height: 88px; margin-top: 8px; padding: 6px 8px; overflow-y: auto; border: 1px solid #dce5fa; border-radius: 10px; background: #ffffffb3; }
.issue-detail-note h4[b-ks00kjgpho] { margin: 0 0 4px; color: #2453ac; font-size: 14px; }
.issue-detail-note p[b-ks00kjgpho] { margin: 0; color: #18356d; font-size: 13px; font-weight: 750; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.issue-detail-timezone[b-ks00kjgpho] { margin: 5px 0 0; color: #60708d; font-size: 12px; }
.issue-recheck-history[b-ks00kjgpho] { min-width: 0; margin-top: 0; }
.issue-recheck-history h4[b-ks00kjgpho] { margin: 0; color: #2453ac; font-size: 14px; }
.issue-recheck-history p[b-ks00kjgpho] { margin: 4px 0 8px; color: #60708d; font-size: 12px; }
.issue-recheck-table-wrap[b-ks00kjgpho] { overflow-x: auto; }
.issue-recheck-table th[b-ks00kjgpho] { background: #eff4ff; color: #18356d; font-weight: 800; }
.issue-recheck-table td[b-ks00kjgpho] { background: #ffffffb3; font-weight: 700; }
.issue-recheck-other[b-ks00kjgpho] { margin-top: 8px; border: 1px solid #dce5fa; border-radius: 9px; background: #f8fbff; }
.issue-recheck-other summary[b-ks00kjgpho] { padding: 7px 9px; color: #2453ac; font-size: 12px; font-weight: 800; cursor: pointer; }
.issue-recheck-other > p[b-ks00kjgpho] { margin: 0; padding: 0 9px 7px; }
.issue-recheck-other .issue-recheck-table-wrap[b-ks00kjgpho] { border-top: 1px solid #dce5fa; }

.history-record-row[b-ks00kjgpho] {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    display: grid;
    grid-template-columns: minmax(95px, 0.75fr) minmax(120px, 0.85fr) minmax(150px, 1.8fr) auto 24px;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid rgba(130, 151, 196, 0.18);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.7);
    color: #203865;
    text-align: left;
    cursor: pointer;
}

.history-record-row:hover[b-ks00kjgpho] { border-color: rgba(63, 98, 222, 0.42); background: #f8fbff; }
.history-record-row > *[b-ks00kjgpho] { min-width: 0; }
.history-record-row strong[b-ks00kjgpho],
.history-date[b-ks00kjgpho],
.history-description[b-ks00kjgpho] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.history-date[b-ks00kjgpho] { color: #4b679f; font-size: 1rem; font-weight: 800; }
.history-record-row strong[b-ks00kjgpho] { color: #174fc1; font-size: 1rem; }
.history-description[b-ks00kjgpho] { color: #475a7f; font-size: 1rem; font-weight: 700; }

.request-ward-filter[b-ks00kjgpho] { display: flex; align-items: center; gap: 8px; width: 230px; }
.request-ward-filter[b-ks00kjgpho]  .patient-select { min-width: 0; flex: 1; }
.request-ward-filter[b-ks00kjgpho]  .select-panel { left: auto; right: 0; }
.request-ward-filter[b-ks00kjgpho]  .select-options { max-height: 150px; }

.record-status[b-ks00kjgpho] { justify-self: end; padding: 5px 9px; border-radius: 999px; font-size: 1rem; font-weight: 900; white-space: nowrap; }
.record-status.is-complete[b-ks00kjgpho] { background: #ddf9ec; color: #07805d; }
.record-status.is-danger[b-ks00kjgpho] { background: #ffe3eb; color: #ca3057; }
.record-status.is-warning[b-ks00kjgpho] { background: #fff1d7; color: #b66a00; }
.record-status.is-pending[b-ks00kjgpho] { background: #e8efff; color: #285cca; }

.history-empty-state[b-ks00kjgpho] { min-height: 0; height: 100%; align-content: center; gap: 4px; }
.history-empty-state.history-list-state[b-ks00kjgpho] { min-height: 180px; height: auto; }
.history-list-state strong[b-ks00kjgpho], .history-list-state span[b-ks00kjgpho] { font: inherit; }

.patient-toast[b-ks00kjgpho] {
    position: absolute;
    z-index: 80;
    right: 24px;
    bottom: 20px;
    gap: 9px;
    max-width: min(420px, calc(100% - 48px));
    padding: 11px 12px;
    border: 1px solid rgba(15, 168, 120, 0.25);
    border-radius: 15px;
    background: rgba(238, 255, 248, 0.96);
    color: #08785b;
    box-shadow: 0 16px 34px rgba(32, 94, 105, 0.2);
    font-size: 1rem;
}

.patient-toast > span[b-ks00kjgpho] { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #18ae82; color: #fff; }
.patient-toast button[b-ks00kjgpho] { margin-left: auto; border: 0; background: transparent; color: inherit; font-size: 20px; cursor: pointer; }

.patient-dialog-backdrop[b-ks00kjgpho],
.patient-picker-backdrop[b-ks00kjgpho] {
    position: fixed;
    inset: 0;
    z-index: 120;
    border: 0;
    background: rgba(19, 29, 63, 0.36);
    backdrop-filter: blur(11px);
}

.patient-dialog-backdrop[b-ks00kjgpho] { display: grid; place-items: center; padding: 24px; }

.patient-dialog[b-ks00kjgpho] {
    position: relative;
    z-index: 121;
    width: min(880px, 100%);
    max-height: min(760px, calc(100dvh - 48px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 26px;
    background: rgba(249, 252, 255, 0.96);
    color: var(--records-ink);
    box-shadow: 0 28px 80px rgba(32, 39, 105, 0.28), inset 0 0 0 1px rgba(99, 121, 182, 0.18);
}

.patient-info-dialog[b-ks00kjgpho] { width: min(720px, 100%); }

.patient-dialog-header[b-ks00kjgpho] {
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--records-line);
    background: linear-gradient(110deg, rgba(225, 242, 255, 0.86), rgba(250, 237, 255, 0.78));
}

.patient-dialog-header h2[b-ks00kjgpho] { margin: 2px 0 0; color: #153071; font-size: 22px; }

.dialog-close-button[b-ks00kjgpho] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid rgba(111, 133, 182, 0.2);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.76);
    color: #53647f;
    font-size: 26px;
    cursor: pointer;
}

.patient-dialog-body[b-ks00kjgpho] { min-height: 0; padding: 18px 20px; overflow-y: auto; }

.editor-error[b-ks00kjgpho] {
    margin-bottom: 13px;
    padding: 10px 12px;
    border: 1px solid #f6b7c7;
    border-radius: 12px;
    background: #fff0f4;
    color: #bf2d53;
    font-size: 1rem;
    font-weight: 800;
}

.patient-form-grid[b-ks00kjgpho],
.dialog-info-grid[b-ks00kjgpho] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.patient-form-grid label[b-ks00kjgpho] { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.patient-form-grid label > span[b-ks00kjgpho],
.dialog-info-grid span[b-ks00kjgpho] { color: var(--records-muted); font-size: 1rem; font-weight: 800; }
.patient-form-grid label > span b[b-ks00kjgpho] { color: #e23d6f; }

.patient-form-grid input[b-ks00kjgpho],
.patient-form-grid select[b-ks00kjgpho],
.patient-form-grid textarea[b-ks00kjgpho] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(105, 133, 192, 0.28);
    border-radius: 11px;
    outline: 0;
    background: rgba(255, 255, 255, 0.92);
    color: #172b55;
    font-size: 1rem;
    font-weight: 750;
}

.patient-form-grid textarea[b-ks00kjgpho] { min-height: 72px; resize: vertical; }
.patient-form-grid input[readonly][b-ks00kjgpho] { background: #f1f4f9; color: #77849b; }
.form-span-two[b-ks00kjgpho] { grid-column: span 2; }
.form-span-three[b-ks00kjgpho] { grid-column: 1 / -1; }

.patient-name-fields[b-ks00kjgpho] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.patient-birth-field[b-ks00kjgpho] { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.patient-birth-field > span[b-ks00kjgpho] { color: #637696; font-size: 1rem; font-weight: 800; }
.patient-birth-field > span b[b-ks00kjgpho] { color: #e23d6f; }
.patient-birth-date[b-ks00kjgpho] {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: center;
    gap: 5px;
}
.patient-birth-date[b-ks00kjgpho]  .select-trigger { padding-inline: 6px; gap: 3px; }
.patient-birth-date[b-ks00kjgpho]  .patient-select:last-child .select-panel { left: auto; right: 0; }

@media (max-width: 640px) {
    .patient-name-fields[b-ks00kjgpho] { grid-template-columns: 1fr; }
}

.patient-dialog-footer[b-ks00kjgpho] { justify-content: flex-end; gap: 10px; padding: 13px 20px; border-top: 1px solid var(--records-line); }
.dialog-primary-button[b-ks00kjgpho] { min-width: 160px; }
.dialog-primary-button.compact[b-ks00kjgpho] { min-width: 110px; }
.dialog-secondary-button[b-ks00kjgpho] { min-width: 110px; }

.dialog-info-grid[b-ks00kjgpho] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dialog-info-grid > div[b-ks00kjgpho] { min-width: 0; display: flex; min-height: 72px; flex-direction: column; justify-content: center; gap: 5px; padding: 12px; border: 1px solid rgba(112, 139, 196, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.78); }
.dialog-info-grid strong[b-ks00kjgpho] { color: #173471; font-size: 1rem; }
.break-value[b-ks00kjgpho] { overflow-wrap: anywhere; }

.focus-sentinel[b-ks00kjgpho] { width: 1px; height: 1px; position: absolute; overflow: hidden; opacity: 0; }

button:focus-visible[b-ks00kjgpho],
input:focus-visible[b-ks00kjgpho],
select:focus-visible[b-ks00kjgpho],
textarea:focus-visible[b-ks00kjgpho] { outline: 3px solid #38bdf8; outline-offset: 2px; }

button:disabled[b-ks00kjgpho] { cursor: not-allowed; }

.quiet-action:not(:disabled):hover[b-ks00kjgpho],
.mobile-patient-trigger:hover[b-ks00kjgpho],
.add-patient-button:hover[b-ks00kjgpho],
.edit-patient-button:hover[b-ks00kjgpho],
.compact-primary-action:hover[b-ks00kjgpho],
.dialog-primary-button:hover[b-ks00kjgpho],
.dialog-secondary-button:hover[b-ks00kjgpho] { transform: translateY(-1px); }

.quiet-action:disabled[b-ks00kjgpho] { opacity: 0.45; }

@media (max-width: 1180px) {
    .records-command-body[b-ks00kjgpho] { grid-template-columns: minmax(280px, 32%) minmax(0, 1fr); }
    .patient-identity-card[b-ks00kjgpho] { grid-template-columns: 48px minmax(0, 1fr) auto; }
    .reaction-detail-overview[b-ks00kjgpho] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .patient-record-command-center[b-ks00kjgpho] { height: 100%; overflow-y: auto; }
    .records-command-body[b-ks00kjgpho] { display: block; }
    .mobile-patient-trigger[b-ks00kjgpho] { display: inline-flex; align-items: center; }
    .patient-rail[b-ks00kjgpho] { width: min(420px, 92vw); position: fixed; z-index: 132; top: 76px; bottom: 34px; left: 12px; grid-template-rows: auto auto minmax(0, 1fr); transform: translateX(calc(-100% - 24px)); transition: transform 180ms ease; }
    .patient-rail.is-open[b-ks00kjgpho] { transform: translateX(0); }
    .patient-rail-heading[b-ks00kjgpho] { display: flex; }
    .patient-picker-backdrop[b-ks00kjgpho] { z-index: 131; }
    .patient-workspace[b-ks00kjgpho] { min-height: 760px; overflow: visible; }
    .patient-module-grid[b-ks00kjgpho] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .issue-detail-primary[b-ks00kjgpho],
    .issue-detail-secondary[b-ks00kjgpho],
    .reaction-detail-sections[b-ks00kjgpho] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
    .patient-record-command-center[b-ks00kjgpho] { gap: 8px; padding: 8px; }
    .records-command-titlebar[b-ks00kjgpho] { min-height: 54px; padding: 7px 9px; border-radius: 16px; }
    .records-command-title-icon[b-ks00kjgpho] { display: none; }
    .records-command-title h1[b-ks00kjgpho] { font-size: 18px; }
    .records-command-title-actions[b-ks00kjgpho] { margin-left: auto; }
    .quiet-action[b-ks00kjgpho] { display: none; }
    .mobile-patient-trigger[b-ks00kjgpho] { min-height: 38px; padding: 0 11px; font-size: 1rem; }
    .patient-rail[b-ks00kjgpho] { width: 100%; inset: 0; border-radius: 0; }
    .patient-search-row[b-ks00kjgpho] { flex-direction: column; }
    .add-patient-button[b-ks00kjgpho] { width: 100%; justify-content: center; }
    .patient-workspace[b-ks00kjgpho] { min-height: 0; grid-template-rows: auto auto auto; overflow: visible; }
    .patient-identity-card[b-ks00kjgpho] { grid-template-columns: 76px minmax(0, 1fr) auto; grid-template-areas: "art identity edit" "facts facts facts"; padding: 10px; border-radius: 18px; }
    .patient-identity-art img[b-ks00kjgpho] { width: 72px; height: 72px; }
    .patient-identity-main h2[b-ks00kjgpho] { font-size: 17px; }
    .patient-hn[b-ks00kjgpho] { font-size: 1rem; }
    .edit-patient-button[b-ks00kjgpho] { width: 40px; padding: 0; justify-content: center; font-size: 0; }
    .edit-patient-button svg[b-ks00kjgpho] { width: 18px; height: 18px; }
    .patient-facts[b-ks00kjgpho] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .patient-facts div[b-ks00kjgpho] { padding: 5px 8px; border: 1px solid var(--records-line); border-radius: 10px; }
    .patient-module-grid[b-ks00kjgpho] { gap: 8px; }
    .patient-module-card[b-ks00kjgpho] { display: flex; height: auto; min-height: 104px; flex-direction: column; gap: 2px; padding: 7px; text-align: center; }
    .patient-module-card img[b-ks00kjgpho] { width: 60px; height: 60px; }
    .patient-module-card strong[b-ks00kjgpho] { font-size: 1rem; }
    .patient-history-panel[b-ks00kjgpho] { min-height: 300px; }
    .history-panel-heading[b-ks00kjgpho] { align-items: flex-start; flex-direction: column; }
    .history-heading-meta[b-ks00kjgpho] { width: 100%; justify-content: space-between; }
    .history-record-row[b-ks00kjgpho] { grid-template-columns: minmax(0, 1fr) auto 18px; gap: 5px 8px; }
    .history-record-row .history-date[b-ks00kjgpho] { grid-column: 1; }
    .history-record-row strong[b-ks00kjgpho] { grid-column: 1; grid-row: 2; }
    .history-description[b-ks00kjgpho] { grid-column: 1; grid-row: 3; }
    .record-status[b-ks00kjgpho] { grid-column: 2; grid-row: 1 / span 3; }
    .history-chevron[b-ks00kjgpho] { grid-column: 3; grid-row: 1 / span 3; }
    .grouping-summary[b-ks00kjgpho] { flex-direction: column; text-align: center; }
    .patient-dialog-backdrop[b-ks00kjgpho] { padding: 0; }
    .patient-dialog[b-ks00kjgpho] { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
    .patient-dialog-header[b-ks00kjgpho],
    .patient-dialog-body[b-ks00kjgpho],
    .patient-dialog-footer[b-ks00kjgpho] { padding-right: 14px; padding-left: 14px; }
    .patient-form-grid[b-ks00kjgpho],
    .dialog-info-grid[b-ks00kjgpho] { grid-template-columns: 1fr; }
    .issue-detail-table col[b-ks00kjgpho] { width: auto; }
    .issue-detail-table thead tr[b-ks00kjgpho] { display: block; }
    .issue-detail-table thead th[b-ks00kjgpho] { display: block; width: 100%; }
    .issue-detail-table tbody tr[b-ks00kjgpho] { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(0, 1.2fr); }
    .issue-detail-table tbody td[colspan][b-ks00kjgpho] { grid-column: auto; }
    .form-span-two[b-ks00kjgpho],
    .form-span-three[b-ks00kjgpho] { grid-column: auto; }
    .patient-dialog-footer > button[b-ks00kjgpho] { flex: 1 1 0; min-width: 0; }
    .patient-toast[b-ks00kjgpho] { right: 12px; bottom: 12px; max-width: calc(100% - 24px); }
}

@media (prefers-reduced-motion: reduce) {
    *[b-ks00kjgpho],
    *[b-ks00kjgpho]::before,
    *[b-ks00kjgpho]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}
/* /Components/Pages/Patient/PatientRecordSelect.razor.rz.scp.css */
.patient-select[b-vizossj1h2] { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.patient-select.is-open[b-vizossj1h2] { z-index: 40; }
.field-label[b-vizossj1h2] { color: #637696; font-size: 1rem; font-weight: 800; }
.field-label b[b-vizossj1h2] { color: #e23d6f; }
.select-trigger[b-vizossj1h2], .select-search[b-vizossj1h2] { width: 100%; min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid rgba(105, 133, 192, .28); border-radius: 11px; background: rgba(255, 255, 255, .92); color: #172b55; font: inherit; font-weight: 750; }
.select-trigger[b-vizossj1h2] { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer; }
.select-trigger > span:first-child[b-vizossj1h2] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placeholder[b-vizossj1h2] { color: #929db2; }
.chevron[b-vizossj1h2] { color: #536d8b; }
.is-open .chevron[b-vizossj1h2] { rotate: 180deg; }
.select-trigger:disabled[b-vizossj1h2] { cursor: default; opacity: .6; }
.select-backdrop[b-vizossj1h2] { position: fixed; inset: 0; z-index: 1; }
.select-panel[b-vizossj1h2] { position: absolute; top: calc(100% + 6px); left: 0; z-index: 2; width: max(100%, 210px); max-width: calc(100vw - 64px); padding: 6px; border: 1px solid rgba(125, 148, 183, .28); border-radius: .9rem; background: radial-gradient(circle at 10% 0%, rgba(71, 151, 255, .1), transparent 42%), radial-gradient(circle at 100% 100%, rgba(189, 74, 235, .1), transparent 45%), #fafcff; box-shadow: 0 20px 48px rgba(31, 53, 93, .2), inset 0 1px rgba(255, 255, 255, .9); }
.select-search[b-vizossj1h2] { min-height: 38px; font-weight: 500; }
.select-options[b-vizossj1h2] { max-height: 190px; overflow-y: auto; overscroll-behavior: contain; margin-top: 5px; }
.select-option[b-vizossj1h2] { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; margin-block: 3px; padding: 10px 12px; border: 0; border-radius: .65rem; background: transparent; color: #2b4767; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.select-option small[b-vizossj1h2] { display: block; font-weight: 500; opacity: .8; }
.select-option:hover[b-vizossj1h2], .select-option:focus-visible[b-vizossj1h2] { background: rgba(49, 116, 235, .08); }
.select-option.selected[b-vizossj1h2] { color: #fff; background: linear-gradient(105deg, #2474ed, #7144e8 68%, #b837d3); }
.clear-selection[b-vizossj1h2] { width: 100%; padding: 8px; border: 0; border-top: 1px solid #dce4f2; background: transparent; color: #637696; font: inherit; cursor: pointer; }
.empty-options[b-vizossj1h2] { padding: 12px; color: #637696; }
button:focus-visible[b-vizossj1h2], input:focus-visible[b-vizossj1h2] { outline: 2px solid #7c9af4; outline-offset: 2px; }
/* /Components/Pages/Patient/PatientResults.razor.rz.scp.css */
.patient-results[b-j7n3x40jz0] { min-width: 0; }
.results-caption[b-j7n3x40jz0] { margin: 0 0 9px; color: #63769a; font-size: 12px; font-weight: 700; line-height: 1.4; }
.results-table[b-j7n3x40jz0] { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; color: #18356d; font-size: 12px; line-height: 1.4; }
.results-table th[b-j7n3x40jz0] { position: sticky; top: 0; z-index: 1; padding: 9px 6px; border-block: 1px solid #d7e2ff; background: #eff4ff; color: #18356d; font-weight: 800; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.results-table td[b-j7n3x40jz0] { padding: 9px 6px; border-bottom: 1px solid #e0e7f8; overflow-wrap: anywhere; vertical-align: top; }
.results-table tbody tr[b-j7n3x40jz0] { cursor: pointer; }
.results-table tbody tr:hover[b-j7n3x40jz0], .results-table tbody tr:focus-visible[b-j7n3x40jz0] { background: #eef4ff; outline: 2px solid #377bff; outline-offset: -2px; }
.results-table strong[b-j7n3x40jz0] { display: block; white-space: pre-wrap; }
.result-identification[b-j7n3x40jz0] { max-height: 54px; overflow-y: auto; }
.result-status[b-j7n3x40jz0] { display: inline-block; margin-top: 4px; color: #647795; font-size: 11px; font-weight: 700; }
.result-status.is-approved[b-j7n3x40jz0] { color: #008b83; }
.result-status.is-pending[b-j7n3x40jz0], .set-status[b-j7n3x40jz0] { color: #8d6200; }
.set-status[b-j7n3x40jz0] { font-weight: 750; }
.results-table .result-status[b-j7n3x40jz0], .results-table .set-status[b-j7n3x40jz0] { display: inline-block; padding: 3px 5px; border-radius: 999px; background: #e8efff; font-size: 11px; font-weight: 750; line-height: 1.4; white-space: normal; }
.results-table .result-status.is-approved[b-j7n3x40jz0] { background: #ddf9ec; }
.results-table .result-status.is-pending[b-j7n3x40jz0], .results-table .set-status[b-j7n3x40jz0] { background: #fff1d7; }
.result-missing[b-j7n3x40jz0] { color: #74829b; }
.results-empty[b-j7n3x40jz0] { display: grid; min-height: 180px; margin: 0; place-content: center; gap: 4px; color: #647795; font-size: 13px; font-weight: 750; line-height: 1.4; text-align: center; }
.results-error[b-j7n3x40jz0] { color: #bb275b; }
.result-dialog[b-j7n3x40jz0] { box-sizing: border-box; width: min(1520px, calc(100vw - 48px)); max-height: calc(100vh - 48px); margin: auto; padding: 0; border: 1px solid #e0e7ff; border-radius: 24px; background: linear-gradient(120deg, #f5faff, #fff7fc); color: #17346b; box-shadow: 0 30px 100px #18234a45; }
.result-dialog[open][b-j7n3x40jz0] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.result-dialog[b-j7n3x40jz0]::backdrop { background: #18234a50; backdrop-filter: blur(6px); }
.result-dialog header[b-j7n3x40jz0], .result-dialog footer[b-j7n3x40jz0] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; }
.result-dialog header[b-j7n3x40jz0] { border-bottom: 1px solid #dce5fa; }
.result-dialog header span[b-j7n3x40jz0] { color: #657a9d; font-size: 13px; }
.result-dialog h3[b-j7n3x40jz0] { margin: 4px 0 0; font-size: 20px; }
.result-dialog button[b-j7n3x40jz0], .result-primary[b-j7n3x40jz0] { padding: 8px 14px; border: 1px solid #c3d2ff; border-radius: 11px; background: #fff; color: #2460d9; font: inherit; font-weight: 750; cursor: pointer; text-decoration: none; }
.result-dialog header button[b-j7n3x40jz0] { font-size: 24px; }
.result-dialog button:focus-visible[b-j7n3x40jz0], .result-dialog a:focus-visible[b-j7n3x40jz0] { outline: 2px solid #2a6dff; outline-offset: 2px; }
.result-dialog-body[b-j7n3x40jz0] { min-height: 0; min-width: 0; overflow-y: auto; overscroll-behavior: contain; padding: 6px 10px; font-size: 13px; line-height: 1.3; }
.result-dialog-body > .result-section:last-child[b-j7n3x40jz0] { margin-bottom: 0; }
.result-request-facts[b-j7n3x40jz0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0 0 6px; font-size: 12px; }
.result-request-facts dt[b-j7n3x40jz0], .result-audit dt[b-j7n3x40jz0] { color: #657a9d; font-size: 11px; font-weight: 700; }
.result-request-facts dd[b-j7n3x40jz0], .result-audit dd[b-j7n3x40jz0] { margin: 3px 0 0; overflow-wrap: anywhere; }
.result-request-facts dd[b-j7n3x40jz0] { font-weight: 750; }
.result-request-facts small[b-j7n3x40jz0] { display: block; font-size: 11px; color: #657a9d; }
.result-section[b-j7n3x40jz0] { min-width: 0; padding: 6px; margin-bottom: 6px; border: 1px solid #dce5fa; border-radius: 14px; background: #ffffffd9; }
.result-section h4[b-j7n3x40jz0] { margin: 0 0 3px; padding: 2px 5px; border-radius: 5px; background: #edf4ff; color: #3059a8; font-size: 14px; font-weight: 800; line-height: 1.15; }
.result-unified-grid[b-j7n3x40jz0] { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(440px, 1fr); grid-template-rows: repeat(4, auto); gap: 6px 10px; }
.result-unified-main[b-j7n3x40jz0], .result-unified-side[b-j7n3x40jz0] { display: grid; grid-row: 1 / -1; grid-template-rows: subgrid; min-width: 0; }
.result-unified-main[b-j7n3x40jz0] { grid-column: 1; }
.result-unified-side[b-j7n3x40jz0] { grid-column: 2; }
.result-unified-main > .result-section[b-j7n3x40jz0], .result-unified-side > .result-section[b-j7n3x40jz0] { margin-bottom: 0; }
.result-unified-side .crossmatch-grid[b-j7n3x40jz0] { font-size: 10px; }
.result-unified-side .crossmatch-grid th[b-j7n3x40jz0], .result-unified-side .crossmatch-grid td[b-j7n3x40jz0] { padding: 2px; }
.result-unified-side .crossmatch-audits[b-j7n3x40jz0] { grid-template-columns: 1fr; }
.result-unified-side .crossmatch-empty[b-j7n3x40jz0] { min-height: 60px; }
.result-side-tests h4:not(:first-child)[b-j7n3x40jz0] { margin-top: 8px; }
.ag-system-grid[b-j7n3x40jz0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.ag-system-card th[b-j7n3x40jz0], .ag-system-card td[b-j7n3x40jz0] { padding: 1px; font-size: 9px; }
.ag-typing-section .identification-result-summary[b-j7n3x40jz0] { margin-top: 4px; font-size: 11px; }
.result-unified-grid .lab-grid[b-j7n3x40jz0] { font-size: 11px; }
.result-unified-grid .lab-grid th[b-j7n3x40jz0], .result-unified-grid .lab-grid td[b-j7n3x40jz0] { padding: 1px 2px; }
.result-unified-grid .lab-grid th[b-j7n3x40jz0] { font-size: 10px; }
.result-unified-side .crossmatch-grid th[b-j7n3x40jz0] { font-size: 9px; white-space: nowrap; overflow-wrap: normal; }
.result-unified-grid .lab-grid td[b-j7n3x40jz0], .result-unified-grid .identification-grid td[b-j7n3x40jz0] { height: 17px; }
.lab-grid[b-j7n3x40jz0] { width: 100%; table-layout: fixed; border-collapse: collapse; color: #17346b; font-size: 12px; }
.lab-grid th[b-j7n3x40jz0], .lab-grid td[b-j7n3x40jz0] { padding: 3px; border: 1px solid #c5d4e8; text-align: center; overflow-wrap: anywhere; }
.lab-grid th[b-j7n3x40jz0] { background: #edf3ff; font-size: 11px; font-weight: 750; }
.lab-grid td[b-j7n3x40jz0] { height: 24px; background: #fff; }
.lab-grid .system-cell[b-j7n3x40jz0] { background: #cce8f9; }
.phase-summary td[b-j7n3x40jz0] { text-align: left; white-space: pre-wrap; }
.lab-grid .system-serum[b-j7n3x40jz0] { background: #f4d4e7; }
.lab-grid .system-group[b-j7n3x40jz0], .lab-grid .system-abo[b-j7n3x40jz0], .lab-grid .system-rh[b-j7n3x40jz0] { background: #f7eb9d; }
.grouping-grid .system-rh[b-j7n3x40jz0] { background: #bce3b9; }
.lab-grid .system-confirm[b-j7n3x40jz0] { background: #f5d6c6; }
.lab-grid .system-kell[b-j7n3x40jz0] { background: #f0b6b6; }
.lab-grid .system-kidd[b-j7n3x40jz0] { background: #d1b8f2; }
.lab-grid .system-mns[b-j7n3x40jz0] { background: #a5d9ec; }
.lab-grid .system-lewis[b-j7n3x40jz0] { background: #efc192; }
.lab-grid .system-duffy[b-j7n3x40jz0] { background: #bfe1c2; }
.lab-grid .system-diego[b-j7n3x40jz0] { background: #ece3b2; }
.lab-grid .group-result[b-j7n3x40jz0], .lab-grid .rh-result[b-j7n3x40jz0], .lab-grid .reaction-result[b-j7n3x40jz0] { background: #fff5bd; font-weight: 800; }
.reaction-grid th[b-j7n3x40jz0] { background: #f5e5e2; }
.crossmatch-table-wrap[b-j7n3x40jz0] { min-width: 0; overflow-x: auto; overscroll-behavior: contain; }
.crossmatch-grid th:first-child[b-j7n3x40jz0], .crossmatch-grid td:first-child[b-j7n3x40jz0] { width: 14%; }
.crossmatch-grid th:nth-child(2)[b-j7n3x40jz0], .crossmatch-grid td:nth-child(2)[b-j7n3x40jz0] { width: 12%; }
.crossmatch-grid th:nth-child(9)[b-j7n3x40jz0], .crossmatch-grid td:nth-child(9)[b-j7n3x40jz0] { width: 10%; }
.crossmatch-grid th:last-child[b-j7n3x40jz0], .crossmatch-grid td:last-child[b-j7n3x40jz0] { width: 16%; }
.crossmatch-grid .crossmatch-result[b-j7n3x40jz0] { background: #fff5bd; }
.crossmatch-grid .crossmatch-result.is-compatible[b-j7n3x40jz0] { background: #ddf9ec; color: #007b70; }
.crossmatch-grid .crossmatch-result.is-incompatible[b-j7n3x40jz0] { background: #ffe0e8; color: #ad174e; }
.crossmatch-grid .crossmatch-result small[b-j7n3x40jz0] { display: block; margin-top: 2px; color: #657a9d; font-size: 10px; font-weight: 700; }
.crossmatch-empty[b-j7n3x40jz0] { display: grid; min-height: 180px; margin: 0; place-content: center; color: #647795; font-weight: 750; }
.crossmatch-audits[b-j7n3x40jz0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.result-grouping-comment[b-j7n3x40jz0] { display: grid; gap: 1px; margin-top: 3px; font-size: 11px; line-height: 1.15; overflow-wrap: anywhere; }
.result-comment-row[b-j7n3x40jz0], .result-comment-value[b-j7n3x40jz0], .result-comment-metadata[b-j7n3x40jz0] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.result-comment-row:nth-child(3) .result-comment-metadata[b-j7n3x40jz0] { flex-direction: column; gap: 0; }
.result-comment-row > span:first-child[b-j7n3x40jz0] { color: #647795; }
.result-comment-value > strong[b-j7n3x40jz0] { padding: 1px 8px; border: 1px solid #e8d99a; border-radius: 5px; background: #fff6cb; }
.result-comment-value .result-status[b-j7n3x40jz0], .result-grouping-comment .result-audit-details[b-j7n3x40jz0] { margin-top: 0; }
@media (max-height: 950px) {
    .result-dialog[b-j7n3x40jz0] { max-height: calc(100vh - 32px); }
    .result-grouping-comment[b-j7n3x40jz0] { gap: 0; margin-top: 0; line-height: 1.1; }
    .result-comment-value > strong[b-j7n3x40jz0] { padding-top: 0; padding-bottom: 0; }
}
@media (max-width: 1100px) {
    .result-unified-grid[b-j7n3x40jz0] { grid-template-columns: 1fr; grid-template-rows: none; gap: 0; }
    .result-unified-main[b-j7n3x40jz0], .result-unified-side[b-j7n3x40jz0] { display: block; grid-column: auto; grid-row: auto; }
    .result-unified-main > .result-section[b-j7n3x40jz0], .result-unified-side > .result-section[b-j7n3x40jz0] { margin-bottom: 6px; }
    .ag-system-grid[b-j7n3x40jz0] { grid-template-columns: 1fr; }
}
.result-grid-summary[b-j7n3x40jz0] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; margin-top: 3px; font-size: 11px; }
.result-grid-summary > span[b-j7n3x40jz0], .result-summary-date[b-j7n3x40jz0] { color: #647795; }
.result-grid-summary > strong[b-j7n3x40jz0] { padding: 1px 8px; border: 1px solid #e8d99a; border-radius: 5px; background: #fff6cb; }
.result-grid-summary .result-status[b-j7n3x40jz0] { margin-top: 0; }
.result-audit-details[b-j7n3x40jz0] { margin-top: 3px; font-size: 11px; }
.result-audit-details summary[b-j7n3x40jz0] { color: #63769a; cursor: pointer; }
.result-audit-details[open] > div[b-j7n3x40jz0] { margin-top: 10px; }
.identification-grid td[b-j7n3x40jz0] { height: 24px; }
.identification-grid input[b-j7n3x40jz0] { width: 17px; height: 17px; margin: 0; vertical-align: middle; accent-color: #3567ed; }
.identification-panel-wrap[b-j7n3x40jz0] { min-width: 0; overflow-x: auto; overscroll-behavior: contain; }
.identification-panel-grid[b-j7n3x40jz0] { min-width: 900px; }
.grid-missing[b-j7n3x40jz0], .result-grid-legend[b-j7n3x40jz0] { color: #73819a; }
.result-grid-legend[b-j7n3x40jz0] { margin: 3px 0 0; font-size: 9px; }
.result-grouping[b-j7n3x40jz0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.result-value[b-j7n3x40jz0] { min-width: 0; }
.result-value > span:first-child[b-j7n3x40jz0] { display: block; color: #657a9d; font-size: 12px; font-weight: 700; }
.result-value > strong[b-j7n3x40jz0] { display: block; font-size: 23px; overflow-wrap: anywhere; }
.result-audit[b-j7n3x40jz0] { display: grid; gap: 6px; margin: 8px 0 0; font-size: 12px; }
.result-middle[b-j7n3x40jz0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.result-middle h4:not(:first-child)[b-j7n3x40jz0] { margin-top: 8px; }
.result-dialog .result-primary[b-j7n3x40jz0] { color: #fff; background: linear-gradient(120deg, #2865f2, #7541e8); border-color: transparent; }
.identification-value[b-j7n3x40jz0] { white-space: pre-wrap; overflow-wrap: anywhere; font-weight: 750; }
.identification-heading[b-j7n3x40jz0] { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.identification-heading h4[b-j7n3x40jz0] { margin: 0; }
.identification-details[b-j7n3x40jz0] { margin-top: 8px; }
.identification-summary[b-j7n3x40jz0] { min-width: 0; max-height: 112px; overflow-y: auto; }
.identification-result-summary[b-j7n3x40jz0] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; margin: 0; }
.identification-result-label[b-j7n3x40jz0] { color: #647795; font-weight: 400; }
.identification-summary .result-meta[b-j7n3x40jz0] { margin: 2px 0 0; line-height: 1.2; }
.result-meta[b-j7n3x40jz0] { color: #657a9d; font-size: 12px; overflow-wrap: anywhere; }
.revision-history summary[b-j7n3x40jz0] { cursor: pointer; color: #3059a8; font-weight: 750; }
.revision-history article[b-j7n3x40jz0] { margin-top: 12px; padding-top: 10px; border-top: 1px solid #dce5fa; }
.result-dialog footer[b-j7n3x40jz0] { justify-content: flex-end; border-top: 1px solid #dce5fa; }
/* /Components/Pages/Patient/ReactionRecord.razor.rz.scp.css */
/* Scoped CSS for 2.5 บันทึกปฏิกิริยา (Reaction Record) */

.reaction-container[b-d46v380yr0] {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

/* Tab Styles */
.sub-tabs-container[b-d46v380yr0] {
    border-bottom: 2px solid #E2E8F0; /* border-slate-200 */
}

.sub-tab[b-d46v380yr0] {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: #64748B; /* slate-500 */
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.sub-tab:hover[b-d46v380yr0] {
    color: #1E293B; /* slate-800 */
}

.sub-tab.active[b-d46v380yr0] {
    color: #0F52BA; /* active blue */
    border-bottom-color: #0F52BA;
}

/* Card layout & panels */
.card-section[b-d46v380yr0] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0; /* slate-200 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 1.25rem;
}

.card-title[b-d46v380yr0] {
    font-size: 1rem;
    font-weight: 800;
    color: #1E293B; /* slate-800 */
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Pre vs Post Sample Focus Outlines */
.sample-card-pre[b-d46v380yr0] {
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FFFFFF;
    position: relative;
}

.sample-card-post[b-d46v380yr0] {
    border: 2px solid #38BDF8; /* sky-400 focus */
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FFFFFF;
    position: relative;
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.15);
}

.focus-badge[b-d46v380yr0] {
    position: absolute;
    top: -10px;
    right: 12px;
    background-color: #3B82F6; /* blue-500 */
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 1px 8px;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

/* Vitals Cards Side-By-Side */
.vital-box-pre[b-d46v380yr0] {
    background-color: #F8FAFC; /* slate-50 */
    border: 1px dashed #CBD5E1; /* slate-300 dashed */
    border-radius: 0.5rem;
    padding: 1rem;
}

.vital-box-post[b-d46v380yr0] {
    background-color: #FEF2F2; /* red-50 */
    border: 1px solid #FCA5A5; /* red-300 solid */
    border-radius: 0.5rem;
    padding: 1rem;
}

.vital-title-pre[b-d46v380yr0] {
    font-size: 1rem;
    font-weight: 800;
    color: #64748B; /* slate-500 */
    letter-spacing: 0.05em;
}

.vital-title-post[b-d46v380yr0] {
    font-size: 1rem;
    font-weight: 800;
    color: #DC2626; /* red-600 */
    letter-spacing: 0.05em;
}

.vital-value-danger[b-d46v380yr0] {
    color: #DC2626; /* red-600 */
    font-weight: 800;
}

/* Blood Grouping Grid */
.grouping-table[b-d46v380yr0] {
    width: 100%;
    border-collapse: collapse;
}

.grouping-table th[b-d46v380yr0] {
    background-color: #F1F5F9; /* slate-100 */
    color: #475569; /* slate-600 */
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    border: 1px solid #E2E8F0;
    padding: 0.35rem;
    text-transform: uppercase;
}

.grouping-table td[b-d46v380yr0] {
    border: 1px solid #E2E8F0;
    padding: 0.5rem 0.35rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
}

.blood-group-val[b-d46v380yr0] {
    color: #0F52BA; /* deep blue */
    font-weight: 800;
}

/* Forms input controls */
.form-input-compact[b-d46v380yr0] {
    width: 100%;
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    transition: all 0.15s ease;
}

.form-input-compact:focus[b-d46v380yr0] {
    outline: none;
    border-color: #3B82F6;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.form-input-danger[b-d46v380yr0] {
    border-color: #FCA5A5;
    color: #991B1B;
}

.form-input-danger:focus[b-d46v380yr0] {
    border-color: #EF4444;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
}

.btn-icon[b-d46v380yr0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.625rem 1.25rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    cursor: pointer;
}

/* Save / Reset Bar Controls */
.save-controls-bar[b-d46v380yr0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}

.bottom-history-container[b-d46v380yr0] {
    overflow-x: auto;
}

.history-table[b-d46v380yr0] {
    width: 100%;
    border-collapse: collapse;
}

.history-table th[b-d46v380yr0] {
    background-color: #F8FAFC;
    border-bottom: 2px solid #E2E8F0;
    border-top: 1px solid #E2E8F0;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
}

.history-table td[b-d46v380yr0] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    font-size: 1rem;
    color: #334155;
    font-weight: 600;
}

.history-table tr:hover[b-d46v380yr0] {
    background-color: #F1F5F9;
}

/* Reaction Safety Dock */
:global(html:has(.reaction-command-center))[b-d46v380yr0],
:global(body:has(.reaction-command-center))[b-d46v380yr0] {
    min-width: 0;
}

.reaction-legacy-form[b-d46v380yr0] {
    display: none !important;
}

.reaction-command-center[b-d46v380yr0],
.reaction-command-center *[b-d46v380yr0] {
    box-sizing: border-box;
}

.reaction-command-center[b-d46v380yr0] {
    --reaction-blue: #1f6df2;
    --reaction-violet: #6d3df2;
    --reaction-pink: #e93f91;
    --reaction-teal: #0fae9c;
    --reaction-ink: #132750;
    --reaction-muted: #637390;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 10px;
    padding: 10px 12px 12px;
    color: var(--reaction-ink);
    overflow: hidden;
    position: relative;
    background:
        radial-gradient(circle at 7% 18%, rgba(78, 174, 255, .2), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(241, 89, 176, .16), transparent 30%),
        linear-gradient(135deg, #f5fbff 0%, #f8f7ff 50%, #fff8fc 100%);
}

.reaction-command-header[b-d46v380yr0],
.reaction-safety-ribbon[b-d46v380yr0],
.reaction-dock-panel[b-d46v380yr0],
.reaction-workflow-panel[b-d46v380yr0],
.reaction-dialog[b-d46v380yr0] {
    border: 1px solid rgba(151, 175, 221, .42);
    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .66));
    box-shadow: 0 16px 38px rgba(64, 82, 154, .1), inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.reaction-command-header[b-d46v380yr0] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 12px;
    border-radius: 18px;
}

.reaction-title-block[b-d46v380yr0],
.reaction-header-actions[b-d46v380yr0],
.reaction-stage-heading[b-d46v380yr0],
.reaction-stage-heading.is-inline[b-d46v380yr0],
.reaction-ribbon-item[b-d46v380yr0],
.reaction-dock-status[b-d46v380yr0],
.reaction-dialog > header[b-d46v380yr0],
.reaction-dialog > footer[b-d46v380yr0] {
    display: flex;
    align-items: center;
}

.reaction-title-block[b-d46v380yr0] {
    min-width: 0;
    gap: 10px;
}

.reaction-title-icon[b-d46v380yr0] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: white;
    font-size: 1.45rem;
    font-weight: 950;
    background: linear-gradient(145deg, var(--reaction-pink), var(--reaction-violet));
    box-shadow: 0 10px 20px rgba(214, 55, 141, .24), inset 0 1px 1px rgba(255, 255, 255, .6);
}

.reaction-title-block small[b-d46v380yr0],
.reaction-stage-heading small[b-d46v380yr0],
.reaction-ribbon-item small[b-d46v380yr0],
.reaction-review-summary small[b-d46v380yr0],
.reaction-review-grid small[b-d46v380yr0],
.reaction-review-patient small[b-d46v380yr0] {
    display: block;
    color: var(--reaction-muted);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.reaction-title-block h1[b-d46v380yr0] {
    margin: 1px 0 0;
    font-size: clamp(1.1rem, 1.45vw, 1.55rem);
    line-height: 1.1;
    font-weight: 950;
}

.reaction-header-actions[b-d46v380yr0] {
    gap: 8px;
}

.reaction-header-button[b-d46v380yr0],
.reaction-secondary-button[b-d46v380yr0],
.reaction-action-button[b-d46v380yr0],
.reaction-dialog-close[b-d46v380yr0] {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.reaction-header-button[b-d46v380yr0] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid rgba(139, 158, 201, .35);
    border-radius: 12px;
    color: #33476e;
    background: rgba(255, 255, 255, .72);
    font-size: 1rem;
    font-weight: 850;
}

.reaction-header-button span[b-d46v380yr0] {
    color: var(--reaction-violet);
    font-size: 1rem;
}

.reaction-header-button b[b-d46v380yr0] {
    min-width: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    color: var(--reaction-violet);
    background: #f0ebff;
}

.reaction-header-button:disabled[b-d46v380yr0] {
    cursor: not-allowed;
    opacity: .5;
}

.reaction-alert[b-d46v380yr0] {
    position: absolute;
    z-index: 20;
    top: 72px;
    left: 50%;
    width: min(760px, calc(100% - 32px));
    min-height: 42px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    border-radius: 14px;
    font-size: 1rem;
}

.reaction-alert > span[b-d46v380yr0] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white;
    font-weight: 950;
}

.reaction-alert strong[b-d46v380yr0] {
    flex: 1;
}

.reaction-alert button[b-d46v380yr0] {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.1rem;
    cursor: pointer;
}

.reaction-alert.is-success[b-d46v380yr0] { color: #08796d; background: rgba(220, 252, 244, .9); border: 1px solid #9fe5d5; }
.reaction-alert.is-success > span[b-d46v380yr0] { background: var(--reaction-teal); }
.reaction-alert.is-error[b-d46v380yr0] { color: #b42350; background: rgba(255, 232, 239, .94); border: 1px solid #f6b1c8; }
.reaction-alert.is-error > span[b-d46v380yr0] { background: #e53968; }
.reaction-alert.is-warning[b-d46v380yr0] { color: #a85a05; background: rgba(255, 247, 222, .94); border: 1px solid #f2ce80; }
.reaction-alert.is-warning > span[b-d46v380yr0] { background: #ee940c; }
.reaction-alert.is-info[b-d46v380yr0] { color: #2459a4; background: rgba(231, 242, 255, .94); border: 1px solid #aecdf7; }
.reaction-alert.is-info > span[b-d46v380yr0] { background: var(--reaction-blue); }

.reaction-safety-ribbon[b-d46v380yr0] {
    min-height: 62px;
    display: grid;
    grid-template-columns: 1.35fr .7fr 1fr 1.3fr 1fr;
    border-radius: 18px;
    overflow: hidden;
}

.reaction-ribbon-item[b-d46v380yr0] {
    position: relative;
    min-width: 0;
    gap: 9px;
    padding: 8px 14px;
}

.reaction-ribbon-item + .reaction-ribbon-item[b-d46v380yr0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16%;
    width: 1px;
    height: 68%;
    background: rgba(147, 162, 199, .28);
}

.reaction-ribbon-item strong[b-d46v380yr0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 900;
}

.reaction-ribbon-item em[b-d46v380yr0] {
    margin-left: auto;
    padding: 4px 7px;
    border-radius: 8px;
    color: var(--reaction-pink);
    background: #fff0f6;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.reaction-ribbon-item.is-time strong[b-d46v380yr0] { color: var(--reaction-pink); }
.reaction-ribbon-icon[b-d46v380yr0] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--reaction-blue);
    background: #eaf2ff;
    font-size: 1.1rem;
}

.reaction-ribbon-item.is-unit .reaction-ribbon-icon[b-d46v380yr0] { color: var(--reaction-pink); background: #fff0f6; }
.reaction-ribbon-item.is-time .reaction-ribbon-icon[b-d46v380yr0] { color: var(--reaction-pink); background: #fff1f8; }

.reaction-command-grid[b-d46v380yr0] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, 44%) minmax(0, 56%);
    gap: 10px;
}

.reaction-dock-panel[b-d46v380yr0],
.reaction-workflow-panel[b-d46v380yr0] {
    min-width: 0;
    min-height: 0;
    border-radius: 22px;
    overflow: hidden;
}

.reaction-dock-panel[b-d46v380yr0] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: 8px;
    background:
        radial-gradient(circle at 48% 40%, rgba(121, 170, 255, .19), transparent 52%),
        linear-gradient(145deg, rgba(240, 249, 255, .95), rgba(246, 243, 255, .78));
}

.reaction-dock-visual[b-d46v380yr0] {
    position: relative;
    min-height: 0;
    display: grid;
    place-items: center;
}

.reaction-dock-visual > img[b-d46v380yr0] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 20px 28px rgba(42, 72, 138, .13));
}

.reaction-tube-label[b-d46v380yr0] {
    position: absolute;
    top: 20%;
    z-index: 2;
    padding: 3px 8px;
    border: 1px solid rgba(109, 61, 242, .25);
    border-radius: 999px;
    color: #5f38c8;
    background: rgba(255, 255, 255, .87);
    box-shadow: 0 7px 15px rgba(72, 59, 144, .12);
    font-size: 1rem;
    font-weight: 900;
}

.reaction-tube-label.is-before[b-d46v380yr0] { left: 47%; }
.reaction-tube-label.is-after[b-d46v380yr0] { left: 59%; }

.reaction-monitor-values[b-d46v380yr0] {
    position: absolute;
    top: 27%;
    right: 5.2%;
    width: 20.5%;
    display: grid;
    gap: 5px;
    pointer-events: none;
}

.reaction-monitor-values span[b-d46v380yr0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    color: #7ef5c8;
    text-shadow: 0 0 10px rgba(44, 255, 183, .35);
}

.reaction-monitor-values span:nth-child(2)[b-d46v380yr0] { color: #ff86b2; }
.reaction-monitor-values span:nth-child(3)[b-d46v380yr0] { color: #8edcff; }
.reaction-monitor-values span:nth-child(4)[b-d46v380yr0] { color: #cc9cff; }
.reaction-monitor-values b[b-d46v380yr0] { font-size: clamp(.66rem, 1vw, 1rem); }
.reaction-monitor-values small[b-d46v380yr0] { font-size: clamp(.42rem, .52vw, .57rem); }

.reaction-dock-status[b-d46v380yr0] {
    position: relative;
    z-index: 3;
    min-height: 52px;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid rgba(146, 165, 204, .34);
    border-radius: 15px;
    background: rgba(255, 255, 255, .76);
}

.reaction-dock-status div[b-d46v380yr0] { min-width: 0; flex: 1; }
.reaction-dock-status strong[b-d46v380yr0] { display: block; font-size: 1rem; font-weight: 900; }
.reaction-dock-status small[b-d46v380yr0] { display: block; color: var(--reaction-muted); font-size: 1rem; font-weight: 700; }
.reaction-dock-status > b[b-d46v380yr0] { color: var(--reaction-blue); font-size: 1rem; }
.reaction-status-pulse[b-d46v380yr0] { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: #9aa8bf; box-shadow: 0 0 0 6px rgba(154, 168, 191, .12); }
.reaction-dock-status.is-waiting .reaction-status-pulse[b-d46v380yr0] { background: #f0a21b; box-shadow: 0 0 0 6px rgba(240, 162, 27, .13); }
.reaction-dock-status.is-ready .reaction-status-pulse[b-d46v380yr0] { background: var(--reaction-teal); box-shadow: 0 0 0 6px rgba(15, 174, 156, .13); }

.reaction-workflow-panel[b-d46v380yr0] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: rgba(255, 255, 255, .66);
}

.reaction-stage-tabs[b-d46v380yr0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 10px 14px;
    border-bottom: 1px solid rgba(147, 162, 199, .24);
}

.reaction-stage-tab[b-d46v380yr0] {
    position: relative;
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 3px;
    border: 0;
    color: #7e8aa2;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.reaction-stage-tab:not(:last-child)[b-d46v380yr0]::after {
    content: "";
    position: absolute;
    top: 15px;
    left: calc(50% + 20px);
    width: calc(100% - 40px);
    height: 2px;
    background: #dce3f0;
}

.reaction-stage-tab > span[b-d46v380yr0] {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 2px solid #dce3f0;
    border-radius: 50%;
    background: white;
    font-size: 1rem;
    font-weight: 950;
}

.reaction-stage-tab strong[b-d46v380yr0] { font-size: 1rem; font-weight: 900; }
.reaction-stage-tab.is-current[b-d46v380yr0] { color: var(--reaction-blue); }
.reaction-stage-tab.is-current > span[b-d46v380yr0] { border-color: #8cb7ff; color: white; background: linear-gradient(145deg, #2492f3, #3154ed); box-shadow: 0 0 0 5px rgba(45, 111, 243, .1); }
.reaction-stage-tab.is-complete[b-d46v380yr0] { color: var(--reaction-teal); }
.reaction-stage-tab.is-complete > span[b-d46v380yr0] { border-color: #83d9cc; color: white; background: var(--reaction-teal); }
.reaction-stage-tab.is-complete:not(:last-child)[b-d46v380yr0]::after { background: linear-gradient(90deg, var(--reaction-teal), #8ad9cf); }
.reaction-stage-tab:disabled[b-d46v380yr0] { cursor: not-allowed; opacity: .55; }

.reaction-stage-content[b-d46v380yr0] {
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(105, 95, 176, .36) transparent;
}

.reaction-stage-view[b-d46v380yr0] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 16px;
}

.reaction-search-stage[b-d46v380yr0] { justify-content: center; }
.reaction-stage-heading[b-d46v380yr0] { gap: 12px; }
.reaction-stage-heading.is-inline[b-d46v380yr0] { align-items: center; }
.reaction-stage-heading.is-inline > div[b-d46v380yr0] { min-width: 0; flex: 1; }
.reaction-stage-heading h2[b-d46v380yr0] { margin: 1px 0 0; font-size: clamp(1rem, 1.35vw, 1.35rem); line-height: 1.15; font-weight: 950; }
.reaction-stage-heading p[b-d46v380yr0] { margin: 3px 0 0; color: var(--reaction-muted); font-size: 1rem; font-weight: 700; }
.reaction-stage-count[b-d46v380yr0] { padding: 4px 9px; border-radius: 999px; color: var(--reaction-pink); background: #fff0f6; font-size: 1rem; font-weight: 900; }

.reaction-large-glyph[b-d46v380yr0] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border-radius: 19px;
    color: var(--reaction-blue);
    background: linear-gradient(145deg, #f2f8ff, #dceaff);
    box-shadow: 0 10px 20px rgba(42, 91, 169, .12);
    font-size: 1.8rem;
    font-weight: 950;
}

.reaction-large-glyph.is-pink[b-d46v380yr0] { color: var(--reaction-pink); background: linear-gradient(145deg, #fff5f9, #ffe3ef); }
.reaction-large-glyph.is-violet[b-d46v380yr0] { color: var(--reaction-violet); background: linear-gradient(145deg, #f7f2ff, #e7dcff); }
.reaction-large-glyph.is-teal[b-d46v380yr0] { color: var(--reaction-teal); background: linear-gradient(145deg, #effcf9, #d5f5ee); }

.reaction-scan-row[b-d46v380yr0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
}

.reaction-scan-input[b-d46v380yr0] {
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 2px solid rgba(56, 118, 244, .42);
    border-radius: 17px;
    background: rgba(255, 255, 255, .78);
    box-shadow: inset 0 1px 0 white, 0 12px 26px rgba(45, 84, 170, .08);
}

.reaction-scan-input > span[b-d46v380yr0] { color: var(--reaction-violet); font-size: 1.5rem; }
.reaction-scan-input input[b-d46v380yr0] { width: 100%; border: 0; outline: 0; color: var(--reaction-ink); background: transparent; font: inherit; font-size: 1rem; font-weight: 850; }
.reaction-scan-input input[b-d46v380yr0]::placeholder { color: #9aa8bf; }

.reaction-action-button[b-d46v380yr0],
.reaction-secondary-button[b-d46v380yr0] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 13px;
    font-size: 1rem;
    font-weight: 900;
}

.reaction-action-button[b-d46v380yr0] {
    color: white;
    background: linear-gradient(120deg, var(--reaction-blue), var(--reaction-violet) 62%, var(--reaction-pink));
    box-shadow: 0 11px 22px rgba(71, 64, 214, .21), inset 0 1px 0 rgba(255, 255, 255, .42);
}

.reaction-action-button.is-compact[b-d46v380yr0] { min-width: 105px; }
.reaction-action-button.is-primary[b-d46v380yr0] { min-width: 210px; }
.reaction-action-button:disabled[b-d46v380yr0] { cursor: not-allowed; filter: grayscale(.45); opacity: .58; box-shadow: none; }
.reaction-secondary-button[b-d46v380yr0] { border: 1px solid rgba(130, 151, 194, .45); color: #425579; background: rgba(255, 255, 255, .78); }

.reaction-request-summary[b-d46v380yr0] {
    display: grid;
    grid-template-columns: .75fr 1.4fr 1fr;
    gap: 8px;
}

.reaction-request-summary span[b-d46v380yr0],
.reaction-review-summary span[b-d46v380yr0],
.reaction-review-grid span[b-d46v380yr0],
.reaction-review-patient span[b-d46v380yr0] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(146, 165, 204, .28);
    border-radius: 11px;
    background: rgba(248, 251, 255, .76);
}

.reaction-request-summary small[b-d46v380yr0] { display: block; color: var(--reaction-muted); font-size: 1rem; font-weight: 800; }
.reaction-request-summary strong[b-d46v380yr0] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }

.reaction-unit-list[b-d46v380yr0] { display: grid; gap: 7px; }
.reaction-unit-card[b-d46v380yr0] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 7px 10px;
    border: 1px solid rgba(142, 161, 204, .34);
    border-radius: 14px;
    color: var(--reaction-ink);
    background: rgba(255, 255, 255, .72);
    text-align: left;
    cursor: pointer;
}
.reaction-unit-card.is-selected[b-d46v380yr0] { border-color: #6c7bf4; background: linear-gradient(100deg, #eef5ff, #f4efff); box-shadow: 0 8px 20px rgba(75, 75, 190, .12); }
.reaction-bag-glyph[b-d46v380yr0] { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: var(--reaction-pink); background: #fff0f6; font-size: 1.15rem; }
.reaction-unit-card small[b-d46v380yr0] { display: block; color: var(--reaction-muted); font-size: 1rem; font-weight: 800; }
.reaction-unit-card strong[b-d46v380yr0] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.reaction-unit-card em[b-d46v380yr0] { padding: 3px 7px; border-radius: 7px; color: var(--reaction-violet); background: #eee8ff; font-size: 1rem; font-style: normal; font-weight: 900; }
.reaction-unit-card > b[b-d46v380yr0] { font-size: 1rem; }
.reaction-unit-card > i[b-d46v380yr0] { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: white; background: #c7d0df; font-style: normal; }
.reaction-unit-card.is-selected > i[b-d46v380yr0] { background: var(--reaction-teal); }

.reaction-empty-state[b-d46v380yr0] { margin: 0; padding: 22px; border: 1px dashed #c9d5e7; border-radius: 14px; color: #7e8ba3; background: rgba(249, 251, 255, .7); text-align: center; font-size: 1rem; font-weight: 800; }
.reaction-stage-actions[b-d46v380yr0] { margin-top: auto; display: flex; justify-content: flex-end; gap: 8px; }

.reaction-form-grid[b-d46v380yr0] { display: grid; gap: 9px; }
.reaction-form-grid.is-two[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reaction-form-grid.is-three[b-d46v380yr0] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reaction-form-grid.is-four[b-d46v380yr0] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reaction-form-grid label[b-d46v380yr0],
.reaction-wide-field[b-d46v380yr0] { display: grid; gap: 4px; min-width: 0; }
.reaction-form-grid label > span[b-d46v380yr0],
.reaction-wide-field > span[b-d46v380yr0] { color: #50617e; font-size: 1rem; font-weight: 850; }

.reaction-command-center input[b-d46v380yr0],
.reaction-command-center select[b-d46v380yr0],
.reaction-command-center textarea[b-d46v380yr0] {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid rgba(139, 159, 201, .38);
    border-radius: 10px;
    outline: 0;
    color: var(--reaction-ink);
    background: rgba(255, 255, 255, .82);
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
}
.reaction-command-center textarea[b-d46v380yr0] { resize: vertical; }

.reaction-onset-selector[b-d46v380yr0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.reaction-onset-selector button[b-d46v380yr0],
.reaction-treatment-grid button[b-d46v380yr0] {
    min-height: 38px;
    border: 1px solid rgba(142, 161, 204, .35);
    border-radius: 10px;
    color: #61708b;
    background: rgba(255, 255, 255, .7);
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}
.reaction-onset-selector button.is-selected[b-d46v380yr0],
.reaction-treatment-grid button.is-selected[b-d46v380yr0] { border-color: #8465ee; color: #633ad4; background: #eee8ff; box-shadow: inset 0 0 0 1px #a98ff7; }

.reaction-symptom-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.reaction-symptom-tile[b-d46v380yr0] {
    min-width: 0;
    min-height: 68px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    padding: 7px;
    border: 1px solid rgba(143, 162, 204, .33);
    border-radius: 13px;
    color: #52627e;
    background: rgba(255, 255, 255, .7);
    font: inherit;
    cursor: pointer;
}
.reaction-symptom-tile span[b-d46v380yr0] { color: var(--reaction-pink); font-size: 1.2rem; }
.reaction-symptom-tile strong[b-d46v380yr0] { font-size: 1rem; font-weight: 900; }
.reaction-symptom-tile.is-selected[b-d46v380yr0] { border-color: #ee75ab; color: #b32467; background: linear-gradient(145deg, #fff4f8, #ffe3ef); box-shadow: 0 8px 18px rgba(218, 64, 137, .11); }

.reaction-vitals-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.reaction-vitals-grid fieldset[b-d46v380yr0],
.reaction-sample-dialog-grid fieldset[b-d46v380yr0] { min-width: 0; margin: 0; padding: 9px; border: 1px solid #bdd8fb; border-radius: 13px; background: rgba(241, 248, 255, .76); }
.reaction-vitals-grid fieldset.is-after[b-d46v380yr0],
.reaction-sample-dialog-grid fieldset.is-after[b-d46v380yr0] { border-color: #f3bfd2; background: rgba(255, 243, 248, .78); }
.reaction-vitals-grid legend[b-d46v380yr0],
.reaction-sample-dialog-grid legend[b-d46v380yr0] { padding: 0 6px; color: var(--reaction-blue); font-size: 1rem; font-weight: 950; }
.reaction-vitals-grid .is-after legend[b-d46v380yr0],
.reaction-sample-dialog-grid .is-after legend[b-d46v380yr0] { color: var(--reaction-pink); }
.reaction-vitals-grid fieldset[b-d46v380yr0] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.reaction-vitals-grid label[b-d46v380yr0] { min-width: 0; }
.reaction-vitals-grid label span[b-d46v380yr0] { display: block; margin-bottom: 3px; color: var(--reaction-muted); font-size: 1rem; font-weight: 800; }
.reaction-vitals-grid label.is-warning input[b-d46v380yr0] { border-color: #ee497c; background: #fff0f5; color: #b62052; }

.reaction-investigation-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.reaction-investigation-grid button[b-d46v380yr0] {
    position: relative;
    min-width: 0;
    min-height: 118px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    padding: 10px 28px 10px 10px;
    border: 1px solid rgba(142, 161, 204, .34);
    border-radius: 16px;
    color: var(--reaction-ink);
    background: rgba(255, 255, 255, .72);
    font: inherit;
    cursor: pointer;
}
.reaction-investigation-grid button > span[b-d46v380yr0] { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; font-size: 1.25rem; font-weight: 950; }
.reaction-investigation-grid button > span.is-blue[b-d46v380yr0] { color: var(--reaction-blue); background: #eaf3ff; }
.reaction-investigation-grid button > span.is-pink[b-d46v380yr0] { color: var(--reaction-pink); background: #fff0f6; }
.reaction-investigation-grid button > span.is-violet[b-d46v380yr0] { color: var(--reaction-violet); background: #efe9ff; }
.reaction-investigation-grid strong[b-d46v380yr0] { font-size: 1rem; font-weight: 950; }
.reaction-investigation-grid small[b-d46v380yr0] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; color: var(--reaction-muted); font-size: 1rem; font-weight: 750; }
.reaction-investigation-grid i[b-d46v380yr0] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #8b99b2; font-size: 1.2rem; font-style: normal; }

.reaction-treatment-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.reaction-review-summary[b-d46v380yr0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.reaction-review-summary strong[b-d46v380yr0],
.reaction-review-grid strong[b-d46v380yr0],
.reaction-review-patient strong[b-d46v380yr0] { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 900; }
.reaction-review-summary span.is-quarantine[b-d46v380yr0] { border-color: #f2c787; background: #fff8e8; }
.reaction-review-summary span.is-quarantine strong[b-d46v380yr0] { color: #b46807; }

.reaction-dialog-backdrop[b-d46v380yr0] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(24, 32, 68, .46);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.reaction-dialog[b-d46v380yr0] {
    position: relative;
    width: min(960px, calc(100vw - 48px));
    max-height: min(820px, calc(100vh - 48px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border-radius: 24px;
    overflow: hidden;
}

.reaction-dialog-close[b-d46v380yr0] {
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(137, 157, 198, .38);
    border-radius: 12px;
    color: #65748f;
    background: rgba(255, 255, 255, .82);
    font-size: 1.25rem;
}

.reaction-dialog > header[b-d46v380yr0] {
    min-height: 76px;
    gap: 12px;
    padding: 14px 66px 14px 20px;
    border-bottom: 1px solid rgba(142, 161, 202, .27);
    background: linear-gradient(100deg, rgba(235, 245, 255, .84), rgba(255, 239, 248, .78));
}
.reaction-dialog > header > span[b-d46v380yr0] { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 14px; color: white; background: linear-gradient(145deg, var(--reaction-blue), var(--reaction-violet)); font-size: 1.25rem; font-weight: 950; }
.reaction-dialog > header div[b-d46v380yr0] { min-width: 0; flex: 1; }
.reaction-dialog > header small[b-d46v380yr0] { display: block; color: var(--reaction-muted); font-size: 1rem; font-weight: 800; }
.reaction-dialog > header h2[b-d46v380yr0] { margin: 2px 0 0; font-size: 1.15rem; font-weight: 950; }
.reaction-dialog > header > b[b-d46v380yr0] { padding: 5px 9px; border-radius: 999px; color: var(--reaction-violet); background: #eee8ff; font-size: 1rem; }

.reaction-dialog-body[b-d46v380yr0] { min-height: 0; display: grid; align-content: start; gap: 14px; padding: 18px 20px; overflow: auto; }
.reaction-dialog > footer[b-d46v380yr0] { justify-content: flex-end; gap: 9px; padding: 12px 20px; border-top: 1px solid rgba(142, 161, 202, .27); background: rgba(248, 251, 255, .72); }
.reaction-sample-dialog-grid[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reaction-sample-dialog-grid fieldset[b-d46v380yr0] { display: grid; align-content: start; gap: 10px; padding: 16px; }
.reaction-sample-dialog-grid label[b-d46v380yr0] { display: grid; gap: 4px; }
.reaction-sample-dialog-grid label span[b-d46v380yr0] { color: var(--reaction-muted); font-size: 1rem; font-weight: 850; }

.reaction-check-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.reaction-check-grid label[b-d46v380yr0] { min-height: 52px; display: flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid #bde0d9; border-radius: 12px; background: #f0fbf8; color: #176f65; font-size: 1rem; font-weight: 850; }
.reaction-check-grid label.is-danger[b-d46v380yr0] { border-color: #f2c2d1; color: #ad2b59; background: #fff2f7; }
.reaction-check-grid input[b-d46v380yr0] { width: 19px; min-height: 19px; flex: 0 0 19px; accent-color: var(--reaction-teal); }

.reaction-lab-table-wrap[b-d46v380yr0] { overflow-x: auto; }
.reaction-lab-table[b-d46v380yr0] { width: 100%; min-width: 700px; border-collapse: separate; border-spacing: 0 6px; }
.reaction-lab-table th[b-d46v380yr0] { padding: 5px 7px; color: #52627e; font-size: 1rem; text-align: left; }
.reaction-lab-table td[b-d46v380yr0] { padding: 3px; }
.reaction-lab-table input[b-d46v380yr0] { min-height: 34px; }

.reaction-history-dialog[b-d46v380yr0] { width: min(1020px, calc(100vw - 48px)); }
.reaction-history-list[b-d46v380yr0] { gap: 8px; }
.reaction-history-list article[b-d46v380yr0] { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid rgba(142, 161, 202, .3); border-radius: 13px; background: rgba(255, 255, 255, .76); }
.reaction-history-date[b-d46v380yr0] { color: var(--reaction-blue); font-size: 1rem; font-weight: 900; }
.reaction-history-list article div[b-d46v380yr0] { min-width: 0; }
.reaction-history-list article strong[b-d46v380yr0] { display: block; font-size: 1rem; }
.reaction-history-list article small[b-d46v380yr0] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--reaction-muted); font-size: 1rem; }
.reaction-history-list article em[b-d46v380yr0] { padding: 4px 8px; border-radius: 999px; font-size: 1rem; font-style: normal; font-weight: 900; }
.reaction-history-list article em.is-high[b-d46v380yr0] { color: #b42150; background: #ffe7ef; }
.reaction-history-list article em.is-medium[b-d46v380yr0] { color: #a45c08; background: #fff3d5; }
.reaction-history-list article em.is-low[b-d46v380yr0] { color: #08786b; background: #dcf8f1; }
.reaction-history-list article > b[b-d46v380yr0] { color: #5f6f8a; font-size: 1rem; }

.reaction-review-patient[b-d46v380yr0] { display: grid; grid-template-columns: 1.4fr .8fr 1fr; gap: 8px; }
.reaction-review-grid[b-d46v380yr0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.reaction-quarantine-notice[b-d46v380yr0] { display: flex; align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid #f1c778; border-radius: 14px; color: #925307; background: linear-gradient(100deg, #fff8df, #fff3e9); }
.reaction-quarantine-notice > span[b-d46v380yr0] { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; color: white; background: #e79512; font-weight: 950; }
.reaction-quarantine-notice strong[b-d46v380yr0] { display: block; font-size: 1rem; }
.reaction-quarantine-notice small[b-d46v380yr0] { display: block; margin-top: 2px; font-size: 1rem; }
.reaction-dialog-error[b-d46v380yr0] { margin: 0; padding: 10px 12px; border: 1px solid #f3b4c7; border-radius: 11px; color: #ac2351; background: #fff0f5; font-size: 1rem; font-weight: 850; }

.reaction-command-center button[b-d46v380yr0],
.reaction-command-center input[b-d46v380yr0],
.reaction-command-center select[b-d46v380yr0],
.reaction-command-center textarea[b-d46v380yr0] {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

.reaction-command-center button:not(:disabled):hover[b-d46v380yr0] { transform: translateY(-1px); }
.reaction-command-center button:focus-visible[b-d46v380yr0],
.reaction-command-center input:focus-visible[b-d46v380yr0],
.reaction-command-center select:focus-visible[b-d46v380yr0],
.reaction-command-center textarea:focus-visible[b-d46v380yr0] {
    outline: 3px solid rgba(40, 118, 246, .34);
    outline-offset: 2px;
    border-color: #3179ef;
}

@media (max-width: 1100px) {
    .reaction-command-grid[b-d46v380yr0] { grid-template-columns: minmax(280px, 39%) minmax(0, 61%); }
    .reaction-ribbon-item[b-d46v380yr0] { padding-inline: 10px; }
    .reaction-ribbon-item em[b-d46v380yr0] { display: none; }
    .reaction-symptom-grid[b-d46v380yr0] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .reaction-treatment-grid[b-d46v380yr0] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .reaction-monitor-values[b-d46v380yr0] { display: none; }
}

@media (max-width: 900px) {
    .reaction-command-center[b-d46v380yr0] { height: auto; min-height: 100%; overflow: auto; }
    .reaction-safety-ribbon[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reaction-ribbon-item + .reaction-ribbon-item[b-d46v380yr0]::before { display: none; }
    .reaction-ribbon-item.is-time[b-d46v380yr0] { grid-column: span 2; }
    .reaction-command-grid[b-d46v380yr0] { grid-template-columns: 1fr; }
    .reaction-dock-panel[b-d46v380yr0] { min-height: 370px; }
    .reaction-dock-visual[b-d46v380yr0] { min-height: 300px; }
    .reaction-workflow-panel[b-d46v380yr0] { min-height: 620px; }
    .reaction-monitor-values[b-d46v380yr0] { display: grid; }
}

@media (max-width: 640px) {
    .reaction-command-center[b-d46v380yr0] { gap: 8px; padding: 8px; }
    .reaction-command-header[b-d46v380yr0] { align-items: flex-start; border-radius: 15px; }
    .reaction-title-block h1[b-d46v380yr0] { font-size: 1rem; }
    .reaction-title-block small[b-d46v380yr0] { font-size: 1rem; }
    .reaction-title-icon[b-d46v380yr0] { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; }
    .reaction-header-actions[b-d46v380yr0] { flex-direction: column; align-items: stretch; }
    .reaction-header-button[b-d46v380yr0] { min-height: 34px; padding: 5px 8px; }
    .reaction-safety-ribbon[b-d46v380yr0] { grid-template-columns: 1fr 1fr; }
    .reaction-ribbon-item[b-d46v380yr0] { min-height: 54px; padding: 7px 9px; }
    .reaction-ribbon-item.is-unit[b-d46v380yr0],
    .reaction-ribbon-item.is-time[b-d46v380yr0] { grid-column: span 2; }
    .reaction-ribbon-item strong[b-d46v380yr0] { font-size: 1rem; }
    .reaction-dock-panel[b-d46v380yr0] { min-height: 300px; }
    .reaction-dock-visual[b-d46v380yr0] { min-height: 240px; }
    .reaction-tube-label[b-d46v380yr0] { display: none; }
    .reaction-workflow-panel[b-d46v380yr0] { min-height: 660px; }
    .reaction-stage-tabs[b-d46v380yr0] { padding-inline: 6px; }
    .reaction-stage-tab strong[b-d46v380yr0] { font-size: 1rem; }
    .reaction-stage-tab > span[b-d46v380yr0] { width: 29px; height: 29px; }
    .reaction-stage-tab:not(:last-child)[b-d46v380yr0]::after { top: 14px; left: calc(50% + 17px); width: calc(100% - 34px); }
    .reaction-stage-view[b-d46v380yr0] { padding: 12px; }
    .reaction-stage-heading[b-d46v380yr0] { align-items: flex-start; }
    .reaction-large-glyph[b-d46v380yr0] { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; font-size: 1.35rem; }
    .reaction-scan-row[b-d46v380yr0] { grid-template-columns: 1fr; }
    .reaction-action-button.is-compact[b-d46v380yr0] { width: 100%; }
    .reaction-request-summary[b-d46v380yr0],
    .reaction-form-grid.is-two[b-d46v380yr0],
    .reaction-form-grid.is-three[b-d46v380yr0],
    .reaction-form-grid.is-four[b-d46v380yr0],
    .reaction-vitals-grid[b-d46v380yr0],
    .reaction-investigation-grid[b-d46v380yr0],
    .reaction-review-summary[b-d46v380yr0],
    .reaction-review-patient[b-d46v380yr0],
    .reaction-review-grid[b-d46v380yr0],
    .reaction-sample-dialog-grid[b-d46v380yr0],
    .reaction-check-grid[b-d46v380yr0] { grid-template-columns: 1fr; }
    .reaction-symptom-grid[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reaction-vitals-grid fieldset[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reaction-treatment-grid[b-d46v380yr0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reaction-unit-card[b-d46v380yr0] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .reaction-unit-card em[b-d46v380yr0] { display: none; }
    .reaction-dialog-backdrop[b-d46v380yr0] { padding: 0; align-items: stretch; }
    .reaction-dialog[b-d46v380yr0],
    .reaction-history-dialog[b-d46v380yr0] { width: 100vw; max-height: 100vh; min-height: 100vh; border: 0; border-radius: 0; }
    .reaction-dialog > header[b-d46v380yr0] { padding-left: 14px; }
    .reaction-dialog-body[b-d46v380yr0] { padding: 14px; }
    .reaction-dialog > footer[b-d46v380yr0] { padding: 10px 14px; }
    .reaction-history-list article[b-d46v380yr0] { grid-template-columns: 1fr auto; }
    .reaction-history-list article div[b-d46v380yr0] { grid-column: 1 / -1; order: 2; }
    .reaction-stage-actions[b-d46v380yr0] { position: sticky; bottom: 0; padding-top: 8px; background: linear-gradient(0deg, rgba(255, 255, 255, .98) 65%, transparent); }
}

@media (prefers-reduced-motion: reduce) {
    .reaction-command-center *[b-d46v380yr0],
    .reaction-command-center *[b-d46v380yr0]::before,
    .reaction-command-center *[b-d46v380yr0]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reaction-command-center *[b-d46v380yr0],
    .reaction-command-center *[b-d46v380yr0]::before,
    .reaction-command-center *[b-d46v380yr0]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/Patient/RegisterBloodRequest.razor.rz.scp.css */
.register-page[b-kwt07p8qd7] {
    width: 100%;
    min-height: calc(100dvh - 6.5rem);
    padding: 1rem 1.25rem 1.25rem;
    color: #10233f;
}


/* Patient-first request command center */
.request-registration-shell[b-kwt07p8qd7] {
    --request-blue: #2563eb;
    --request-violet: #7347ee;
    --request-pink: #db4e93;
    --request-teal: #0eaa8a;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .58rem;
    padding: .65rem;
    overflow: hidden;
    color: #17315a;
    background:
        radial-gradient(circle at 8% 8%, rgba(69, 145, 255, .17), transparent 29%),
        radial-gradient(circle at 92% 14%, rgba(227, 75, 168, .13), transparent 30%),
        linear-gradient(140deg, #f8fbff 0%, #fff 47%, #fbf7ff 100%);
}

.request-command-header[b-kwt07p8qd7],
.request-patient-ribbon[b-kwt07p8qd7],
.request-identity-dock[b-kwt07p8qd7],
.request-flow-card[b-kwt07p8qd7],
.request-command-footer[b-kwt07p8qd7] {
    border: 1px solid rgba(133, 168, 218, .32);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 34px rgba(44, 78, 132, .09), inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(20px) saturate(125%);
    -webkit-backdrop-filter: blur(20px) saturate(125%);
}

.request-command-header[b-kwt07p8qd7] {
    min-height: 3.65rem;
    display: flex;
    align-items: center;
    gap: .72rem;
    padding: .5rem .72rem;
    border-radius: 1.15rem;
    background:
        linear-gradient(110deg, rgba(231, 241, 255, .95), rgba(246, 239, 255, .91) 58%, rgba(255, 237, 247, .91));
}

.request-command-icon[b-kwt07p8qd7] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(145deg, #2f83f2, #7147ed 68%, #dc4b98);
    box-shadow: 0 9px 18px rgba(94, 74, 225, .25);
}

.request-command-icon svg[b-kwt07p8qd7] { width: 1.45rem; height: 1.45rem; }
.request-command-header > div[b-kwt07p8qd7] { min-width: 0; }
.request-command-header small[b-kwt07p8qd7] { display: block; color: #6b7e99; font-size: 1rem; font-weight: 800; }
.request-command-header h1[b-kwt07p8qd7] { margin: 0; color: #142d58; font-size: clamp(1.1rem, 1.45vw, 1.5rem); font-weight: 950; line-height: 1.15; }

.request-reset-button[b-kwt07p8qd7],
.request-change-patient[b-kwt07p8qd7],
.request-search-button[b-kwt07p8qd7],
.request-secondary-action[b-kwt07p8qd7],
.request-primary-action[b-kwt07p8qd7] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.request-reset-button[b-kwt07p8qd7] {
    min-height: 2.3rem;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(122, 149, 191, .32);
    border-radius: .78rem;
    color: #4e6382;
    background: rgba(255, 255, 255, .72);
    font-size: 1rem;
    font-weight: 850;
}

.request-reset-button svg[b-kwt07p8qd7] { width: 1rem; }

.request-patient-ribbon[b-kwt07p8qd7] {
    min-height: 4.35rem;
    display: grid;
    grid-template-columns: auto minmax(11rem, 1.45fr) repeat(4, minmax(6.5rem, .72fr)) auto auto;
    align-items: center;
    gap: .7rem;
    padding: .55rem .75rem;
    border-radius: 1.2rem;
}

.request-patient-ribbon.is-verified[b-kwt07p8qd7] {
    border-color: rgba(48, 187, 147, .32);
    background: linear-gradient(100deg, rgba(248, 255, 253, .92), rgba(255, 255, 255, .84) 55%, rgba(246, 250, 255, .92));
}

.request-patient-avatar[b-kwt07p8qd7] {
    width: 3.05rem;
    height: 3.05rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: #426be0;
    background: linear-gradient(145deg, #e9f3ff, #f0eaff);
}

.request-patient-avatar svg[b-kwt07p8qd7] { width: 1.7rem; height: 1.7rem; }
.request-patient-name[b-kwt07p8qd7],
.request-patient-fact[b-kwt07p8qd7] { min-width: 0; }
.request-patient-name small[b-kwt07p8qd7],
.request-patient-fact small[b-kwt07p8qd7] { display: block; color: #78899f; font-size: 1rem; font-weight: 800; }
.request-patient-name strong[b-kwt07p8qd7],
.request-patient-fact strong[b-kwt07p8qd7] { display: block; overflow: hidden; color: #17315a; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.request-patient-name strong[b-kwt07p8qd7] { font-size: 1.03rem; }
.request-patient-fact[b-kwt07p8qd7] { padding-left: .72rem; border-left: 1px solid rgba(147, 167, 198, .25); }
.request-patient-fact .request-blood-group[b-kwt07p8qd7] { color: #4b55db; font-size: 1.05rem; }

.request-verified-badge[b-kwt07p8qd7],
.request-waiting-badge[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .65rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.request-verified-badge[b-kwt07p8qd7] { color: #087b61; background: #ddf8ee; }
.request-waiting-badge[b-kwt07p8qd7] { margin-left: auto; color: #47658d; background: #edf4ff; }
.request-verified-badge svg[b-kwt07p8qd7],
.request-waiting-badge svg[b-kwt07p8qd7] { width: .95rem; height: .95rem; }

.request-change-patient[b-kwt07p8qd7] {
    padding: .43rem .68rem;
    border-radius: .7rem;
    color: #395a88;
    background: #eef5ff;
    font-size: 1rem;
    font-weight: 850;
}

.request-page-message[b-kwt07p8qd7] {
    flex: 0 0 auto;
    min-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: .43rem .75rem;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 850;
}

.request-registration-workspace[b-kwt07p8qd7] {
    min-height: 0;
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(20rem, .92fr) minmax(34rem, 1.18fr);
    gap: .62rem;
}

.request-identity-dock[b-kwt07p8qd7] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: .65rem;
    overflow: hidden;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 50% 40%, rgba(212, 232, 255, .66), transparent 46%),
        linear-gradient(145deg, rgba(249, 253, 255, .9), rgba(242, 247, 255, .84));
}

.request-dock-visual[b-kwt07p8qd7] {
    min-height: 8rem;
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(150deg, rgba(255,255,255,.85), rgba(235, 245, 255, .5));
}

.request-dock-visual img[b-kwt07p8qd7] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 18px 24px rgba(35, 78, 143, .12));
}

.request-dock-status[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    gap: .62rem;
    padding: .58rem .65rem;
    margin-top: .5rem;
    border: 1px solid rgba(121, 158, 213, .27);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .78);
}

.request-dock-status > span[b-kwt07p8qd7] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: .65rem;
    color: #296cdc;
    background: #e8f2ff;
}
.request-dock-status.is-ready > span[b-kwt07p8qd7] { color: #07856a; background: #ddf8ef; }
.request-dock-status svg[b-kwt07p8qd7] { width: 1.15rem; }
.request-dock-status strong[b-kwt07p8qd7],
.request-dock-status small[b-kwt07p8qd7] { display: block; }
.request-dock-status strong[b-kwt07p8qd7] { color: #17345f; font-size: 1rem; font-weight: 900; }
.request-dock-status small[b-kwt07p8qd7] { color: #71839d; font-size: 1rem; font-weight: 750; }

.request-safety-mini-grid[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .45rem;
}
.request-safety-mini-grid > div[b-kwt07p8qd7] { padding: .48rem .58rem; border-radius: .75rem; background: rgba(255,255,255,.72); }
.request-safety-mini-grid small[b-kwt07p8qd7],
.request-safety-mini-grid strong[b-kwt07p8qd7] { display: block; }
.request-safety-mini-grid small[b-kwt07p8qd7] { color: #8090a6; font-size: 1rem; font-weight: 750; }
.request-safety-mini-grid strong[b-kwt07p8qd7] { color: #25446e; font-size: 1rem; font-weight: 900; }

.request-reaction-alert[b-kwt07p8qd7],
.request-inline-warning[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #a51e37;
    background: #fff0f3;
    border: 1px solid #ffcbd4;
}
.request-reaction-alert[b-kwt07p8qd7] { margin-top: .45rem; padding: .48rem .58rem; border-radius: .75rem; }
.request-reaction-alert svg[b-kwt07p8qd7],
.request-inline-warning svg[b-kwt07p8qd7] { width: 1.1rem; flex: 0 0 auto; }
.request-reaction-alert strong[b-kwt07p8qd7],
.request-reaction-alert small[b-kwt07p8qd7] { display: block; }
.request-reaction-alert strong[b-kwt07p8qd7] { font-size: 1rem; font-weight: 900; }
.request-reaction-alert small[b-kwt07p8qd7] { overflow: hidden; max-width: 16rem; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }

.request-flow-stack[b-kwt07p8qd7] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.request-flow-card[b-kwt07p8qd7] {
    min-height: 3.65rem;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1.05rem;
    transition: flex .22s ease, border-color .2s ease, box-shadow .2s ease;
}

.request-flow-card.is-current[b-kwt07p8qd7] {
    min-height: 12rem;
    flex: 1 1 auto;
    border-width: 2px;
    box-shadow: 0 16px 34px rgba(54, 83, 144, .13), inset 0 1px 0 #fff;
}
.request-flow-card--patient.is-current[b-kwt07p8qd7] { border-color: rgba(39, 112, 241, .7); }
.request-flow-card--encounter.is-current[b-kwt07p8qd7] { border-color: rgba(116, 71, 238, .65); }
.request-flow-card--components.is-current[b-kwt07p8qd7] { border-color: rgba(218, 73, 150, .58); }
.request-flow-card--review.is-current[b-kwt07p8qd7] { border-color: rgba(15, 170, 139, .65); }
.request-flow-card.is-locked[b-kwt07p8qd7] { opacity: .62; }

.request-flow-heading[b-kwt07p8qd7] {
    min-height: 3.6rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .42rem .65rem;
    background: rgba(255,255,255,.74);
}

.request-flow-card.is-current .request-flow-heading[b-kwt07p8qd7] { background: linear-gradient(110deg, rgba(237,245,255,.88), rgba(250,246,255,.84)); }
.request-flow-number[b-kwt07p8qd7],
.request-flow-heading-icon[b-kwt07p8qd7] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: .75rem;
}
.request-flow-number[b-kwt07p8qd7] { width: 2.15rem; height: 2.15rem; color: #fff; background: linear-gradient(145deg, #3d86ec, #6549e9); font-size: 1rem; font-weight: 950; }
.request-flow-heading-icon[b-kwt07p8qd7] { width: 2rem; height: 2rem; color: #5368cf; background: #f0efff; }
.request-flow-heading-icon svg[b-kwt07p8qd7] { width: 1.05rem; height: 1.05rem; }
.request-flow-heading > div[b-kwt07p8qd7] { min-width: 0; }
.request-flow-heading strong[b-kwt07p8qd7],
.request-flow-heading small[b-kwt07p8qd7] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-flow-heading strong[b-kwt07p8qd7] { color: #1b355f; font-size: 1rem; font-weight: 950; }
.request-flow-heading small[b-kwt07p8qd7] { color: #7b8ba3; font-size: 1rem; font-weight: 700; }
.request-flow-state[b-kwt07p8qd7] { padding: .27rem .48rem; border-radius: 999px; color: #687c99; background: #eef3f9; font-size: 1rem; font-weight: 850; }
.request-flow-card.is-current .request-flow-state[b-kwt07p8qd7] { color: #325fae; background: #e6f0ff; }
.request-flow-card.is-complete .request-flow-state[b-kwt07p8qd7] { color: #087e64; background: #def7ee; }

.request-flow-body[b-kwt07p8qd7] {
    min-height: 0;
    flex: 1 1 auto;
    padding: .62rem;
    overflow: auto;
    border-top: 1px solid rgba(139, 164, 204, .21);
}

.request-search-row[b-kwt07p8qd7] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(7rem, .34fr) minmax(14rem, 1fr) auto;
    gap: .45rem;
}
.request-search-panel[b-kwt07p8qd7] { position: relative; z-index: 12; }
.request-search-row .form-select[b-kwt07p8qd7],
.request-search-row input[b-kwt07p8qd7] { min-height: 2.75rem; }
.request-scan-input[b-kwt07p8qd7] { position: relative; display: flex; align-items: center; }
.request-scan-input > span[b-kwt07p8qd7] { position: absolute; left: .8rem; z-index: 1; color: #5573a3; pointer-events: none; }
.request-scan-input svg[b-kwt07p8qd7] { width: 1.1rem; }
.request-scan-input input[b-kwt07p8qd7] {
    width: 100%;
    padding: .55rem .8rem .55rem 2.45rem;
    border: 1px solid rgba(91, 130, 190, .35);
    border-radius: .82rem;
    outline: none;
    color: #16345e;
    background: rgba(255,255,255,.88);
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
}
.request-search-button[b-kwt07p8qd7] {
    min-width: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .55rem .8rem;
    border-radius: .82rem;
    color: #fff;
    background: linear-gradient(135deg, #2478e9, #6843ec);
    font-size: 1rem;
    font-weight: 900;
}
.request-search-button svg[b-kwt07p8qd7] { width: 1rem; }

.request-patient-results[b-kwt07p8qd7] {
    position: absolute;
    top: calc(100% + .4rem);
    left: 0;
    right: 0;
    z-index: 20;
    display: grid;
    gap: .38rem;
    max-height: min(21rem, 50vh);
    padding: .45rem;
    overflow-y: auto;
    border: 1px solid rgba(126, 147, 194, .28);
    border-radius: .9rem;
    background: rgba(250, 252, 255, .97);
    box-shadow: 0 18px 40px rgba(31, 53, 93, .18);
}
.request-patient-result[b-kwt07p8qd7] {
    width: 100%;
    min-height: 3.2rem;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto;
    align-items: center;
    gap: .55rem;
    padding: .48rem .6rem;
    border: 1px solid rgba(124, 155, 202, .25);
    border-radius: .82rem;
    color: #24456e;
    background: rgba(255,255,255,.75);
    text-align: left;
    cursor: pointer;
}
.request-patient-result:hover[b-kwt07p8qd7],
.request-patient-result:focus-visible[b-kwt07p8qd7] { border-color: rgba(29, 99, 233, .62); background: linear-gradient(135deg, rgba(239, 248, 255, .94), rgba(245, 240, 255, .92)); }
.request-patient-result > span:first-child[b-kwt07p8qd7] { width: 2.1rem; height: 2.1rem; display: grid; place-items: center; border-radius: .65rem; color: #386fd0; background: #e9f2ff; }
.request-patient-result svg[b-kwt07p8qd7] { width: 1.05rem; }
.request-patient-result-copy[b-kwt07p8qd7] { min-width: 0; }
.request-patient-result strong[b-kwt07p8qd7],
.request-patient-result small[b-kwt07p8qd7] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-patient-result strong[b-kwt07p8qd7] { font-size: 1rem; font-weight: 900; }
.request-patient-result small[b-kwt07p8qd7] { color: #7688a0; font-size: 1rem; font-weight: 700; }
.request-patient-result-meta[b-kwt07p8qd7] { min-width: max-content; color: #3559ac; font-size: .9rem; font-weight: 800; }

.request-selected-patient[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .65rem;
    margin-top: .55rem;
    padding: .65rem;
    border: 1px solid rgba(39, 187, 144, .32);
    border-radius: .9rem;
    background: linear-gradient(110deg, #eefff9, #f8fffd);
}
.request-selected-patient > span[b-kwt07p8qd7] { width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border-radius: .72rem; color: #05846a; background: #d9f8ed; }
.request-selected-patient strong[b-kwt07p8qd7],
.request-selected-patient small[b-kwt07p8qd7] { display: block; }
.request-selected-patient strong[b-kwt07p8qd7] { color: #174c4b; font-size: 1rem; font-weight: 950; }
.request-selected-patient small[b-kwt07p8qd7] { color: #5d807f; font-size: 1rem; font-weight: 750; }
.request-selected-patient b[b-kwt07p8qd7] { color: #3850d4; font-size: 1rem; }

.request-new-patient[b-kwt07p8qd7],
.request-secondary-details[b-kwt07p8qd7] {
    margin-top: .5rem;
    border: 1px solid rgba(129, 157, 198, .25);
    border-radius: .85rem;
    background: rgba(248, 251, 255, .78);
}
.request-new-patient > summary[b-kwt07p8qd7],
.request-secondary-details > summary[b-kwt07p8qd7] {
    min-height: 2.6rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .7rem;
    color: #34577f;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}
.request-new-patient > summary[b-kwt07p8qd7]::-webkit-details-marker,
.request-secondary-details > summary[b-kwt07p8qd7]::-webkit-details-marker { display: none; }
.request-new-patient > summary svg[b-kwt07p8qd7],
.request-secondary-details > summary svg[b-kwt07p8qd7] { width: 1rem; }
.request-new-patient-grid[b-kwt07p8qd7],
.request-primary-form-grid[b-kwt07p8qd7],
.request-secondary-grid[b-kwt07p8qd7] { display: grid; gap: .5rem; }
.request-new-patient-grid[b-kwt07p8qd7] { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: .1rem .62rem .62rem; }
.request-new-patient-grid label[b-kwt07p8qd7],
.request-primary-form-grid label[b-kwt07p8qd7],
.request-secondary-grid label[b-kwt07p8qd7] { min-width: 0; }
.request-new-patient-grid label > span[b-kwt07p8qd7],
.request-primary-form-grid label > span[b-kwt07p8qd7],
.request-secondary-grid label > span[b-kwt07p8qd7],
.request-blood-selector > span[b-kwt07p8qd7] { display: block; margin-bottom: .22rem; color: #637995; font-size: 1rem; font-weight: 850; }
.request-blood-selector > div[b-kwt07p8qd7] { display: flex; gap: .28rem; }
.request-secondary-details[b-kwt07p8qd7] { grid-column: 1 / -1; background: rgba(255,255,255,.7); }
.request-secondary-details > div[b-kwt07p8qd7] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; padding: 0 .62rem .62rem; }

.request-inline-warning[b-kwt07p8qd7] {
    min-height: 2.45rem;
    margin-bottom: .48rem;
    padding: .42rem .58rem;
    border-radius: .75rem;
    font-size: 1rem;
}
.request-inline-warning strong[b-kwt07p8qd7] { font-weight: 950; }
.request-inline-warning span[b-kwt07p8qd7] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-priority-row[b-kwt07p8qd7] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .4rem; margin-bottom: .5rem; }
.request-primary-form-grid[b-kwt07p8qd7] { grid-template-columns: repeat(3, minmax(0,1fr)); }
.request-primary-form-grid .request-field-wide[b-kwt07p8qd7] { grid-column: span 2; }
.request-step2-section[b-kwt07p8qd7] { display: grid; gap: .55rem; padding: .7rem .8rem; border: 1px solid rgba(127, 158, 203, .24); border-radius: 1rem; background: rgba(255,255,255,.5); }
.request-step2-section h3[b-kwt07p8qd7] { margin: 0; color: #24477e; font-size: .98rem; font-weight: 950; }
.request-visit-grid[b-kwt07p8qd7] { grid-template-columns: repeat(2, minmax(0,1fr)); }
.request-doctor-grid[b-kwt07p8qd7] { display: grid; grid-template-columns: minmax(0,1fr); gap: .5rem; }
.request-doctor-grid .request-field-wide[b-kwt07p8qd7] { grid-column: auto; }
.request-date-order-grid[b-kwt07p8qd7] { grid-template-columns: repeat(2, minmax(0,1fr)); }
.request-priority-section[b-kwt07p8qd7] { padding-bottom: .62rem; }
.request-step2-summary[b-kwt07p8qd7] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .8rem; padding: .42rem .6rem; border: 1px solid rgba(127, 158, 203, .2); border-radius: .7rem; color: #687b98; background: rgba(255,255,255,.48); font-size: .78rem; font-weight: 700; }
.request-step2-summary span[b-kwt07p8qd7] { display: inline-flex; align-items: center; gap: .25rem; }
.request-step2-summary strong[b-kwt07p8qd7] { color: #24477e; font-weight: 950; }
@media (max-width: 640px) {
    .request-step2-summary[b-kwt07p8qd7] { display: grid; grid-template-columns: minmax(0,1fr); gap: .28rem; }
}
.request-secondary-grid[b-kwt07p8qd7] { grid-template-columns: repeat(3,minmax(0,1fr)); }
.request-secondary-grid .request-field-wide[b-kwt07p8qd7] { grid-column: span 2; }
.request-validation-hint[b-kwt07p8qd7] { display: flex; align-items: center; gap: .4rem; margin-top: .48rem; padding: .4rem .55rem; border-radius: .68rem; color: #9a5b00; background: #fff5dc; font-size: 1rem; font-weight: 850; }
.request-validation-hint svg[b-kwt07p8qd7] { width: .95rem; }

.request-component-grid[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .5rem;
}
.request-component-card[b-kwt07p8qd7] {
    min-height: 4.5rem;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .62rem;
    padding: .58rem .65rem;
    border: 1px solid rgba(139, 157, 193, .25);
    border-radius: .9rem;
    background: rgba(255,255,255,.75);
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.request-component-card > input[b-kwt07p8qd7] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.request-component-card.is-selected[b-kwt07p8qd7] { border-color: rgba(104, 67, 236, .62); background: linear-gradient(120deg, #f3f4ff, #fff6fc); box-shadow: 0 9px 18px rgba(101, 70, 209, .1); }
.request-component-icon[b-kwt07p8qd7] { width: 2.85rem; height: 2.85rem; display: grid; place-items: center; border-radius: .88rem; color: #d43c75; background: linear-gradient(145deg, #ffe7ef, #f4e8ff); }
.request-component-icon svg[b-kwt07p8qd7] { width: 1.45rem; }
.request-component-name strong[b-kwt07p8qd7],
.request-component-name small[b-kwt07p8qd7] { display: block; }
.request-component-name strong[b-kwt07p8qd7] { color: #1d365e; font-size: 1rem; font-weight: 950; }
.request-component-name small[b-kwt07p8qd7] { color: #7b8aa1; font-size: 1rem; font-weight: 750; }
.request-component-quantity[b-kwt07p8qd7] { display: flex; align-items: center; gap: .3rem; }
.request-component-quantity input[b-kwt07p8qd7] { width: 3.5rem; min-height: 2.2rem; border: 1px solid rgba(121, 139, 179, .3); border-radius: .65rem; color: #3747bb; background: #fff; text-align: center; font: inherit; font-size: 1rem; font-weight: 950; }
.request-component-quantity input:disabled[b-kwt07p8qd7] { opacity: .45; }
.request-component-quantity b[b-kwt07p8qd7] { color: #7b8497; font-size: 1rem; }

.request-order-section[b-kwt07p8qd7] { display: grid; gap: .65rem; padding: .8rem; border: 1px solid rgba(127, 158, 203, .25); border-radius: 1rem; background: rgba(255,255,255,.56); }
.request-form-section-title[b-kwt07p8qd7] { color: #536b91; font-size: .82rem; font-weight: 950; letter-spacing: .02em; }
.request-order-section-heading[b-kwt07p8qd7] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.request-order-section-heading strong[b-kwt07p8qd7],
.request-order-section-heading small[b-kwt07p8qd7] { display: block; }
.request-order-section-heading strong[b-kwt07p8qd7] { color: #24477e; font-size: 1rem; font-weight: 950; }
.request-order-section-heading small[b-kwt07p8qd7] { color: #7b8ba3; font-size: .86rem; font-weight: 700; }
.request-order-add-row[b-kwt07p8qd7] { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .55rem; }
.request-order-add-button[b-kwt07p8qd7],
.request-order-remove[b-kwt07p8qd7] { border: 1px solid rgba(88, 105, 175, .25); border-radius: .7rem; color: #3856b9; background: #f3f5ff; font: inherit; font-weight: 850; cursor: pointer; }
.request-order-add-button[b-kwt07p8qd7] { min-height: 2.55rem; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .4rem .75rem; white-space: nowrap; }
.request-order-add-button:disabled[b-kwt07p8qd7] { opacity: .45; cursor: not-allowed; }
.request-order-remove[b-kwt07p8qd7] { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; color: #b04872; background: #fff3f6; }
.request-order-remove svg[b-kwt07p8qd7] { width: 1rem; }
.request-order-list[b-kwt07p8qd7] { display: grid; gap: .45rem; }
.request-order-row[b-kwt07p8qd7] { display: grid; grid-template-columns: minmax(9rem,1fr) minmax(8rem,.72fr) minmax(12rem,1fr) auto; align-items: end; gap: .55rem; padding: .55rem; border: 1px solid rgba(127, 158, 203, .2); border-radius: .75rem; background: rgba(255,255,255,.8); }
.request-order-row--lab[b-kwt07p8qd7] { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
.request-order-item-name strong[b-kwt07p8qd7],
.request-order-item-name small[b-kwt07p8qd7] { display: block; }
.request-order-item-name strong[b-kwt07p8qd7] { color: #243e6b; font-weight: 900; }
.request-order-item-name small[b-kwt07p8qd7] { color: #7b8ba3; font-size: .82rem; font-weight: 700; }
.request-order-row label[b-kwt07p8qd7] { display: grid; gap: .18rem; }
.request-order-row label > span[b-kwt07p8qd7] { color: #6e7e9a; font-size: .8rem; font-weight: 800; }
.request-field-helper[b-kwt07p8qd7] { color: #8794aa; font-size: .75rem; font-weight: 700; }
.request-order-empty[b-kwt07p8qd7] { padding: .65rem; border: 1px dashed rgba(127, 158, 203, .36); border-radius: .7rem; color: #8290a8; background: rgba(248,250,255,.7); font-size: .88rem; font-weight: 750; text-align: center; }
.request-readonly-order-list[b-kwt07p8qd7] { display: grid; gap: .45rem; }
.request-readonly-order-row[b-kwt07p8qd7] { display: grid; grid-template-columns: 7rem minmax(0,1fr) auto; gap: .6rem; align-items: center; padding: .62rem .7rem; border: 1px solid rgba(127, 158, 203, .22); border-radius: .75rem; background: rgba(255,255,255,.78); }
.request-readonly-order-row strong[b-kwt07p8qd7] { color: #3655a8; }
.request-readonly-order-row span[b-kwt07p8qd7] { color: #536886; font-weight: 750; }
.request-readonly-order-row b[b-kwt07p8qd7] { color: #24477e; font-size: .86rem; }

.request-review-grid[b-kwt07p8qd7] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
.request-review-grid section[b-kwt07p8qd7] { min-height: 4.4rem; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .58rem; padding: .58rem; border: 1px solid rgba(127, 158, 203, .22); border-radius: .88rem; background: rgba(255,255,255,.76); }
.request-review-grid section > span[b-kwt07p8qd7] { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border-radius: .82rem; color: #5e53d6; background: #efeeff; }
.request-review-grid section > span svg[b-kwt07p8qd7] { width: 1.3rem; }
.request-review-grid section small[b-kwt07p8qd7],
.request-review-grid section strong[b-kwt07p8qd7],
.request-review-grid section b[b-kwt07p8qd7] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-review-grid section small[b-kwt07p8qd7] { color: #7d8ba0; font-size: 1rem; font-weight: 800; }
.request-review-grid section strong[b-kwt07p8qd7] { color: #1c385f; font-size: 1rem; font-weight: 950; }
.request-review-grid section b[b-kwt07p8qd7] { color: #627590; font-size: 1rem; font-weight: 750; }
.request-inline-warning.is-review[b-kwt07p8qd7] { margin-top: .5rem; margin-bottom: 0; }
.request-ready-banner[b-kwt07p8qd7] { display: flex; align-items: center; gap: .6rem; margin-top: .5rem; padding: .55rem .65rem; border: 1px solid rgba(33, 181, 139, .28); border-radius: .85rem; color: #087c65; background: linear-gradient(110deg, #e9fff7, #f7fffc); }
.request-ready-banner > svg[b-kwt07p8qd7] { width: 1.4rem; }
.request-ready-banner strong[b-kwt07p8qd7],
.request-ready-banner small[b-kwt07p8qd7] { display: block; }
.request-ready-banner strong[b-kwt07p8qd7] { font-size: 1rem; font-weight: 950; }
.request-ready-banner small[b-kwt07p8qd7] { color: #5b837b; font-size: 1rem; font-weight: 700; }

.request-command-footer[b-kwt07p8qd7] {
    min-height: 3.65rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .48rem .58rem .48rem .75rem;
    border-radius: 1rem;
}
.request-footer-progress[b-kwt07p8qd7] { min-width: 10rem; }
.request-footer-progress > span[b-kwt07p8qd7] { display: block; margin-bottom: .25rem; color: #647a98; font-size: 1rem; font-weight: 850; }
.request-footer-progress > div[b-kwt07p8qd7] { width: 100%; height: .32rem; overflow: hidden; border-radius: 999px; background: #e5edf8; }
.request-footer-progress i[b-kwt07p8qd7] { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #2b7df0, #7447ed, #df4b98); transition: width .25s ease; }
.request-footer-actions[b-kwt07p8qd7] { margin-left: auto; display: flex; gap: .45rem; }
.request-secondary-action[b-kwt07p8qd7],
.request-primary-action[b-kwt07p8qd7] { min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .55rem 1rem; border-radius: .82rem; font-size: 1rem; font-weight: 950; }
.request-secondary-action[b-kwt07p8qd7] { color: #4b6382; background: #edf3fb; }
.request-primary-action[b-kwt07p8qd7] { min-width: 12rem; color: #fff; background: linear-gradient(120deg, #1d76ec, #7143ef 58%, #dd4398); box-shadow: 0 10px 20px rgba(95, 65, 222, .2); }
.request-primary-action svg[b-kwt07p8qd7],
.request-secondary-action svg[b-kwt07p8qd7] { width: 1.05rem; }
.request-primary-action:disabled[b-kwt07p8qd7] { cursor: not-allowed; filter: grayscale(.35); opacity: .48; box-shadow: none; }

.request-registration-shell :is(button, input, select, summary):focus-visible[b-kwt07p8qd7] {
    outline: 3px solid rgba(30, 118, 235, .36);
    outline-offset: 2px;
}
.request-registration-shell button:not(:disabled):hover[b-kwt07p8qd7] { transform: translateY(-1px); }

@media (max-width: 1180px) {
    .request-patient-ribbon[b-kwt07p8qd7] { grid-template-columns: auto minmax(10rem,1fr) repeat(3,minmax(6rem,.65fr)) auto auto; }
    .request-patient-fact:nth-of-type(5)[b-kwt07p8qd7] { display: none; }
    .request-registration-workspace[b-kwt07p8qd7] { grid-template-columns: minmax(17rem,.72fr) minmax(31rem,1.28fr); }
    .request-primary-form-grid[b-kwt07p8qd7] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .request-secondary-grid[b-kwt07p8qd7] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
    .request-registration-shell[b-kwt07p8qd7] { height: auto; min-height: 100%; overflow: visible; }
    .request-registration-workspace[b-kwt07p8qd7] { grid-template-columns: minmax(0,1fr); }
    .request-identity-dock[b-kwt07p8qd7] { min-height: 17rem; }
    .request-dock-visual[b-kwt07p8qd7] { max-height: 14rem; }
    .request-flow-card.is-current[b-kwt07p8qd7] { min-height: 22rem; }
    .request-patient-ribbon[b-kwt07p8qd7] { grid-template-columns: auto minmax(10rem,1fr) repeat(2,minmax(6rem,.65fr)) auto; }
    .request-patient-fact:nth-of-type(4)[b-kwt07p8qd7],
    .request-change-patient[b-kwt07p8qd7] { display: none; }
}

@media (max-width: 640px) {
    .request-registration-shell[b-kwt07p8qd7] { padding: .42rem; gap: .42rem; }
    .request-command-header[b-kwt07p8qd7] { min-height: 3.2rem; border-radius: .9rem; }
    .request-command-header small[b-kwt07p8qd7],
    .request-reset-button span[b-kwt07p8qd7] { display: none; }
    .request-patient-ribbon[b-kwt07p8qd7] { grid-template-columns: auto minmax(0,1fr) auto; min-height: 3.9rem; }
    .request-patient-fact[b-kwt07p8qd7],
    .request-verified-badge[b-kwt07p8qd7] { display: none; }
    .request-waiting-badge[b-kwt07p8qd7] { margin-left: 0; }
    .request-identity-dock[b-kwt07p8qd7] { min-height: 13rem; }
    .request-dock-visual[b-kwt07p8qd7] { max-height: 10rem; }
    .request-flow-heading[b-kwt07p8qd7] { grid-template-columns: auto auto minmax(0,1fr); }
    .request-flow-state[b-kwt07p8qd7] { display: none; }
    .request-search-row[b-kwt07p8qd7],
    .request-new-patient-grid[b-kwt07p8qd7],
    .request-primary-form-grid[b-kwt07p8qd7],
    .request-secondary-grid[b-kwt07p8qd7],
    .request-component-grid[b-kwt07p8qd7],
    .request-review-grid[b-kwt07p8qd7] { grid-template-columns: minmax(0,1fr); }
    .request-primary-form-grid .request-field-wide[b-kwt07p8qd7],
    .request-secondary-grid .request-field-wide[b-kwt07p8qd7] { grid-column: auto; }
    .request-search-button[b-kwt07p8qd7] { min-height: 2.65rem; }
    .request-component-card[b-kwt07p8qd7] { min-height: 4.15rem; }
    .request-order-add-row[b-kwt07p8qd7],
    .request-order-row[b-kwt07p8qd7],
    .request-readonly-order-row[b-kwt07p8qd7] { grid-template-columns: minmax(0,1fr); }
    .request-order-remove[b-kwt07p8qd7] { justify-self: end; }
    .request-command-footer[b-kwt07p8qd7] { align-items: stretch; flex-direction: column; }
    .request-footer-progress[b-kwt07p8qd7] { min-width: 0; }
    .request-footer-actions[b-kwt07p8qd7],
    .request-primary-action[b-kwt07p8qd7],
    .request-secondary-action[b-kwt07p8qd7] { width: 100%; }
    .request-footer-actions[b-kwt07p8qd7] { margin-left: 0; }
    .request-primary-action[b-kwt07p8qd7] { min-width: 0; }
}

.request-charge-step[b-kwt07p8qd7] {
    display: grid;
    gap: 1rem;
}

.request-charge-list[b-kwt07p8qd7] {
    display: grid;
    gap: 0.65rem;
}

.request-charge-row[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.5fr) repeat(3, minmax(8rem, 1fr));
    gap: 0.75rem;
    align-items: end;
    padding: 0.8rem;
    border: 1px solid #dbe5f5;
    border-radius: 0.75rem;
    background: #f8fbff;
}

.request-charge-row > div[b-kwt07p8qd7],
.request-charge-row label[b-kwt07p8qd7] {
    display: grid;
    gap: 0.25rem;
}

.request-charge-row small[b-kwt07p8qd7],
.request-charge-row label span[b-kwt07p8qd7],
.request-charge-summary label span[b-kwt07p8qd7] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.request-charge-row output[b-kwt07p8qd7],
.request-charge-summary output[b-kwt07p8qd7] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    border: 1px solid #dbe5f5;
    border-radius: 0.55rem;
    background: #fff;
    color: #17356f;
    font-weight: 800;
}

.request-charge-summary[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #dbe5f5;
}

.request-charge-summary label[b-kwt07p8qd7] {
    display: grid;
    gap: 0.25rem;
}

.request-review-charge-list[b-kwt07p8qd7] {
    display: grid;
    gap: 0.5rem;
    margin-top: 1rem;
}

.request-review-charge-list > div[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.5fr) repeat(4, minmax(6rem, 1fr));
    gap: 0.6rem;
    align-items: center;
    padding: 0.65rem 0.8rem;
    border: 1px solid #dbe5f5;
    border-radius: 0.65rem;
    background: #f8fbff;
    color: #334155;
    font-size: 0.82rem;
}

.request-review-charge-list b[b-kwt07p8qd7] {
    color: #17356f;
    text-align: right;
}

@media (max-width: 900px) {
    .request-charge-row[b-kwt07p8qd7],
    .request-review-charge-list > div[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 1fr));
    }

    .request-charge-row > div[b-kwt07p8qd7],
    .request-review-charge-list > div > strong[b-kwt07p8qd7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .request-charge-row[b-kwt07p8qd7],
    .request-review-charge-list > div[b-kwt07p8qd7],
    .request-charge-summary[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .request-review-charge-list b[b-kwt07p8qd7] {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .request-registration-shell *[b-kwt07p8qd7],
    .request-registration-shell *[b-kwt07p8qd7]::before,
    .request-registration-shell *[b-kwt07p8qd7]::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

.register-header[b-kwt07p8qd7] {
    min-height: 3.5rem;
}

.wizard-progress[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    max-width: 68rem;
    margin: 0 auto;
    padding: 0.3rem 0;
}

.wizard-step[b-kwt07p8qd7] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 4.25rem;
    padding: 0.75rem 1rem;
    color: #64748b;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.65rem;
    box-shadow: 0 8px 24px rgba(36, 73, 119, 0.06);
}

.wizard-step:not(:last-child)[b-kwt07p8qd7]::after {
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    width: 2rem;
    height: 1px;
    content: "";
    background: #bdd0e3;
}

.wizard-step-number[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1rem;
    font-weight: 900;
    color: #64748b;
    background: #f8fafc;
    border: 2px solid #cbd5e1;
    border-radius: 999px;
}

.wizard-step strong[b-kwt07p8qd7],
.wizard-step small[b-kwt07p8qd7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wizard-step strong[b-kwt07p8qd7] {
    font-size: 1rem;
    color: #334155;
}

.wizard-step small[b-kwt07p8qd7] {
    margin-top: 0.15rem;
    font-size: 1rem;
    font-weight: 700;
}

.wizard-step.is-current[b-kwt07p8qd7] {
    color: #1d4ed8;
    background: rgba(239, 246, 255, 0.9);
    border-color: #60a5fa;
    box-shadow: 0 8px 28px rgba(37, 99, 235, 0.12);
}

.wizard-step.is-current strong[b-kwt07p8qd7] {
    color: #1d4ed8;
}

.wizard-step.is-current .wizard-step-number[b-kwt07p8qd7] {
    color: #fff;
    background: #1d63d8;
    border-color: #1d63d8;
}

.wizard-step.is-complete .wizard-step-number[b-kwt07p8qd7] {
    color: #fff;
    background: #138a63;
    border-color: #138a63;
}

.patient-context[b-kwt07p8qd7] {
    position: sticky;
    top: 5.25rem;
    z-index: 20;
    display: grid;
    grid-template-columns: auto minmax(7rem, 0.7fr) minmax(13rem, 1.5fr) minmax(8rem, 0.8fr) minmax(7rem, 0.65fr) minmax(8rem, 0.8fr) minmax(8rem, 0.7fr) auto;
    align-items: center;
    gap: 0;
    min-height: 5.25rem;
    padding: 0.7rem 1rem;
    background: rgba(248, 252, 255, 0.94);
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 0.65rem;
    box-shadow: 0 10px 30px rgba(38, 77, 122, 0.1);
    backdrop-filter: blur(18px) saturate(140%);
}

.patient-context-avatar[b-kwt07p8qd7] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 0.85rem;
    background: #e8f2ff;
    border: 1px solid #83b8ff;
    border-radius: 999px;
}

.patient-context-item[b-kwt07p8qd7] {
    min-width: 0;
    padding: 0 1rem;
    border-left: 1px solid #d9e3ee;
}

.patient-context-item span[b-kwt07p8qd7],
.patient-context-item strong[b-kwt07p8qd7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-context-item span[b-kwt07p8qd7] {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 800;
    color: #64748b;
}

.patient-context-item strong[b-kwt07p8qd7] {
    font-size: 1rem;
    color: #112d52;
}

.patient-context-name strong[b-kwt07p8qd7] {
    font-size: 1rem;
}

.patient-blood-group[b-kwt07p8qd7] {
    color: #087b55 !important;
}

.patient-change-button[b-kwt07p8qd7] {
    padding: 0.55rem 0.75rem;
    font-size: 1rem;
    font-weight: 800;
    color: #1766d4;
    white-space: nowrap;
    border-radius: 0.4rem;
}

.patient-change-button:hover[b-kwt07p8qd7],
.patient-change-button:focus-visible[b-kwt07p8qd7] {
    background: #e9f3ff;
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.wizard-content[b-kwt07p8qd7] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.wizard-single-layout[b-kwt07p8qd7] {
    grid-template-columns: minmax(0, 1fr);
}

.wizard-request-layout[b-kwt07p8qd7] {
    grid-template-columns: minmax(0, 2.25fr) minmax(18rem, 1fr);
    align-items: start;
}

.wizard-main-panel[b-kwt07p8qd7],
.wizard-components-panel[b-kwt07p8qd7],
.wizard-safety-panel[b-kwt07p8qd7] {
    min-width: 0;
}

.clinical-panel[b-kwt07p8qd7] {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #d7e1ec;
    border-radius: 0.65rem;
    box-shadow: 0 8px 24px rgba(36, 73, 119, 0.07);
}

.clinical-panel-header[b-kwt07p8qd7] {
    background: linear-gradient(90deg, #f8fbff 0%, #f2f7fc 100%);
}

.patient-workspace[b-kwt07p8qd7] {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #d5e1ed;
    border-radius: 0.65rem;
    box-shadow: 0 10px 30px rgba(36, 73, 119, 0.08);
}

.patient-form-body[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(22rem, 0.52fr) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto minmax(7rem, auto);
    min-height: 34rem;
    background: #fff;
}

.patient-search-toolbar[b-kwt07p8qd7] {
    grid-column: 1;
    grid-row: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-width: 0;
    padding: 1.1rem;
    background: linear-gradient(160deg, rgba(248, 252, 255, 0.98) 0%, rgba(241, 247, 253, 0.96) 100%);
    border-right: 1px solid #dce6f0;
}

.patient-search-heading[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.patient-search-heading-copy[b-kwt07p8qd7] {
    min-width: 0;
}

.patient-search-heading strong[b-kwt07p8qd7],
.patient-search-heading small[b-kwt07p8qd7] {
    display: block;
}

.patient-search-heading strong[b-kwt07p8qd7] {
    font-size: 1rem;
    color: #16375f;
}

.patient-search-heading small[b-kwt07p8qd7] {
    margin-top: 0.1rem;
    font-size: 1rem;
    font-weight: 700;
    color: #71839a;
}

.patient-search-icon[b-kwt07p8qd7] {
    display: grid;
    place-items: center;
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.45rem;
    font-weight: 900;
    color: #1b65bd;
    background: #e6f1ff;
    border: 1px solid #b9d7fa;
    border-radius: 0.45rem;
}

.patient-search-controls[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.55rem;
    min-width: 0;
}

.patient-search-controls > select[b-kwt07p8qd7] {
    grid-column: 1 / -1;
}

.search-field-icon[b-kwt07p8qd7] {
    z-index: 1;
    font-size: 1.25rem;
    color: #65809e;
}

.patient-results[b-kwt07p8qd7] {
    overflow: hidden;
    min-height: 12rem;
    background: #fff;
    border: 1px solid #d9e4ef;
    border-radius: 0.5rem;
}

.patient-results-heading[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.65rem;
    padding: 0.55rem 0.75rem;
    font-size: 1rem;
    color: #274463;
    background: #f5f9fd;
    border-bottom: 1px solid #dfe8f1;
}

.patient-results-heading span[b-kwt07p8qd7] {
    font-size: 1rem;
    font-weight: 800;
    color: #71839a;
}

.patient-results-table[b-kwt07p8qd7] {
    width: 100%;
    table-layout: fixed;
    font-size: 1rem;
    text-align: left;
}

.patient-results-table th:nth-child(1)[b-kwt07p8qd7] { width: 22%; }
.patient-results-table th:nth-child(2)[b-kwt07p8qd7] { width: 43%; }
.patient-results-table th:nth-child(3)[b-kwt07p8qd7] { width: 18%; }
.patient-results-table th:nth-child(4)[b-kwt07p8qd7] { width: 17%; }

.patient-results-table td[b-kwt07p8qd7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-search-empty[b-kwt07p8qd7] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem 1rem;
    text-align: center;
    color: #7890aa;
    background: rgba(255, 255, 255, 0.62);
    border: 1px dashed #c9d8e7;
    border-radius: 0.5rem;
}

.patient-search-empty > span[b-kwt07p8qd7] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 0.7rem;
    font-size: 1.6rem;
    color: #7ea8d7;
    background: #edf5fd;
    border-radius: 999px;
}

.patient-search-empty strong[b-kwt07p8qd7],
.patient-search-empty small[b-kwt07p8qd7] {
    display: block;
}

.patient-search-empty strong[b-kwt07p8qd7] {
    font-size: 1rem;
    color: #365574;
}

.patient-search-empty small[b-kwt07p8qd7] {
    max-width: 18rem;
    margin-top: 0.25rem;
    font-size: 1rem;
    font-weight: 700;
}

.patient-editor-heading[b-kwt07p8qd7],
.patient-editor-note[b-kwt07p8qd7],
.patient-identity-grid[b-kwt07p8qd7],
.patient-contact-grid[b-kwt07p8qd7],
.patient-name-grid[b-kwt07p8qd7],
.patient-blood-grid[b-kwt07p8qd7] {
    grid-column: 2;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.patient-editor-heading[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.4rem;
    margin: 0;
    padding: 0.85rem 1.25rem;
    background: linear-gradient(90deg, #fbfdff 0%, #f4f8fc 100%);
    border-bottom: 1px solid #dfe8f1;
}

.patient-editor-heading h2[b-kwt07p8qd7] {
    font-size: 1rem;
    font-weight: 900;
    color: #17395f;
}

.patient-editor-heading span[b-kwt07p8qd7] {
    display: block;
    margin-top: 0.15rem;
    font-size: 1rem;
    font-weight: 700;
    color: #71839a;
}

.patient-editor-state[b-kwt07p8qd7] {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0.35rem 0.55rem;
    color: #2765a7 !important;
    background: #eaf4ff;
    border: 1px solid #c7dff7;
    border-radius: 999px;
}

.patient-editor-note[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    align-self: center;
    min-height: 2.7rem;
    margin-top: 0.9rem;
    margin-bottom: 0.1rem;
    padding: 0.55rem 0.7rem;
    font-size: 1rem;
    font-weight: 700;
    color: #4e6783;
    background: #f3f8fe;
    border: 1px solid #cedff0;
    border-radius: 0.45rem;
}

.patient-editor-note > span[b-kwt07p8qd7] {
    display: grid;
    place-items: center;
    flex: 0 0 1.35rem;
    width: 1.35rem;
    height: 1.35rem;
    font-size: 1rem;
    font-weight: 900;
    color: #fff;
    background: #4d83bc;
    border-radius: 999px;
}

.patient-identity-grid[b-kwt07p8qd7],
.patient-contact-grid[b-kwt07p8qd7],
.patient-name-grid[b-kwt07p8qd7],
.patient-blood-grid[b-kwt07p8qd7] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    align-self: center;
}

.patient-identity-grid[b-kwt07p8qd7],
.patient-contact-grid[b-kwt07p8qd7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.patient-name-grid[b-kwt07p8qd7] {
    grid-template-columns: minmax(8rem, 0.65fr) minmax(20rem, 2.3fr) minmax(9rem, 0.75fr);
}

.patient-blood-grid[b-kwt07p8qd7] {
    grid-template-columns: minmax(13rem, 0.85fr) minmax(18rem, 1.1fr) minmax(15rem, 0.9fr);
    align-items: stretch;
    margin-top: 0.9rem;
    margin-bottom: 1.15rem;
    padding: 0.85rem;
    background: linear-gradient(135deg, #f7fbff 0%, #f9fcfb 100%);
    border: 1px solid #d7e4ef;
    border-radius: 0.55rem;
}

.form-field[b-kwt07p8qd7] {
    min-width: 0;
}

.form-field > label[b-kwt07p8qd7],
.form-field > div > label[b-kwt07p8qd7] {
    margin-bottom: 0.35rem;
    font-size: 1rem;
    color: #405775;
    letter-spacing: 0;
}

.dob-control[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.age-display[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.2rem;
    padding: 0 0.7rem;
    font-size: 1rem;
    font-weight: 800;
    color: #21466f;
    background: #edf5fc;
    border: 1px solid #c8dcec;
    border-radius: 0.4rem;
}

.blood-selector[b-kwt07p8qd7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.55rem 0.75rem;
    background: #f7fafc;
    border: 1px solid #d5e0eb;
    border-radius: 0.5rem;
}

.blood-selector > span[b-kwt07p8qd7] {
    margin-bottom: 0.45rem;
    color: #516984;
    letter-spacing: 0;
}

.wizard-safety-panel > div[b-kwt07p8qd7] {
    border-radius: 0.65rem;
}

.component-table[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0.5rem 1.25rem 1rem;
}

.component-row[b-kwt07p8qd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: 0.8rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.component-row:nth-child(odd)[b-kwt07p8qd7] {
    border-right: 1px solid #e2e8f0;
}

.wizard-footer[b-kwt07p8qd7] {
    position: sticky;
    bottom: 0.75rem;
    z-index: 25;
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(14rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 0.7rem 1rem;
    background: rgba(251, 253, 255, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 0.65rem;
    box-shadow: 0 12px 32px rgba(30, 64, 105, 0.14);
    backdrop-filter: blur(18px) saturate(140%);
}

.wizard-footer-step strong[b-kwt07p8qd7],
.wizard-footer-step span[b-kwt07p8qd7] {
    display: block;
}

.wizard-footer-step strong[b-kwt07p8qd7] {
    color: #16375f;
}

.wizard-footer-step span[b-kwt07p8qd7] {
    margin-top: 0.15rem;
    font-size: 1rem;
    font-weight: 700;
    color: #64748b;
}

.wizard-footer-status[b-kwt07p8qd7] {
    text-align: center;
}

.wizard-valid[b-kwt07p8qd7] {
    font-size: 1rem;
    font-weight: 800;
    color: #138a63;
}

.wizard-footer-actions[b-kwt07p8qd7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

/* Form controls */
.form-input[b-kwt07p8qd7], .form-select[b-kwt07p8qd7] {
    display: block;
    width: 100%;
    height: 2.55rem;
    padding: 0.45rem 0.72rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: #0f172a;
    background-color: #ffffff;
    border: 1px solid #bfd0e1;
    border-radius: 0.4rem;
    box-shadow: 0 1px 2px rgba(20, 52, 88, 0.04);
    transition: all 0.15s ease-in-out;
}

.request-registration-shell .form-select[b-kwt07p8qd7] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.25rem;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23536d8b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .7rem center;
    background-size: 1rem;
    line-height: 1.25rem;
}

.request-date-time-field[b-kwt07p8qd7] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(7.5rem, .85fr);
    gap: .4rem;
    min-width: 0;
}

.request-date-time-field .glass-datepicker-input[b-kwt07p8qd7],
.request-date-time-field .glass-timepicker-input[b-kwt07p8qd7] {
    min-height: 2.55rem;
    padding: .35rem .5rem;
    border-radius: .4rem;
    font-size: 1rem;
    box-shadow: 0 1px 2px rgba(20, 52, 88, 0.04);
}

.request-date-time-field .glass-datepicker-input[b-kwt07p8qd7] {
    grid-template-columns: 1.45rem minmax(0, 1fr) 1.1rem;
    gap: .35rem;
}

.request-date-time-field .calendar-icon[b-kwt07p8qd7] {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: .35rem;
}

.request-date-time-field .calendar-icon[b-kwt07p8qd7]  svg,
.request-date-time-field .chevron-icon[b-kwt07p8qd7]  svg,
.request-date-time-field .time-icon[b-kwt07p8qd7]  svg,
.request-date-time-field .time-chevron[b-kwt07p8qd7]  svg {
    width: .9rem;
    height: .9rem;
}

.request-date-time-field .time-icon[b-kwt07p8qd7] {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: .35rem;
}

@media (max-width: 720px) {
    .request-date-time-field[b-kwt07p8qd7] { grid-template-columns: 1fr; }
}

.form-input:focus[b-kwt07p8qd7], .form-select:focus[b-kwt07p8qd7] {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

.form-input[b-kwt07p8qd7]::placeholder {
    color: #92a0b2;
}

.form-input[readonly][b-kwt07p8qd7] {
    color: #51647b;
    background: #f5f8fb;
}

/* Padding overrides for inputs with icons */
.form-input.pl-10[b-kwt07p8qd7] {
    padding-left: 2.5rem;
}

.form-input.pr-10[b-kwt07p8qd7] {
    padding-right: 2.5rem;
}


/* Button styles */
.btn[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.btn-primary[b-kwt07p8qd7] {
    background-color: #0f4c81;
    color: #ffffff;
    border: 1.5px solid transparent;
}

.btn-primary:hover[b-kwt07p8qd7] {
    background-color: #0c3c66;
}

.btn:focus-visible[b-kwt07p8qd7] {
    outline: 3px solid rgba(37, 99, 235, 0.3);
    outline-offset: 2px;
}

.btn-outline[b-kwt07p8qd7] {
    background-color: transparent;
    color: #475569;
    border: 1.5px solid #cbd5e1;
}

.btn-outline:hover[b-kwt07p8qd7] {
    background-color: #f8fafc;
    border-color: #94a3b8;
}

/* ABO Selector Badges */
.abo-badge-btn[b-kwt07p8qd7] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    background-color: #ffffff;
    color: #1e293b;
    font-weight: 900;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.abo-badge-btn:hover[b-kwt07p8qd7] {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

.abo-badge-btn.active[b-kwt07p8qd7] {
    background-color: #0f4c81;
    border-color: #0f4c81;
    color: #ffffff;
    transform: scale(1.05);
    box-shadow: 0 4px 6px -1px rgba(15, 76, 129, 0.2);
}

/* Rh Selector Badges */
.rh-badge-btn[b-kwt07p8qd7] {
    padding: 0.5rem 0.85rem;
    border-radius: 0.375rem;
    border: 1.5px solid #cbd5e1;
    background-color: #ffffff;
    color: #1e293b;
    font-weight: 800;
    font-size: 1rem;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.rh-badge-btn:hover[b-kwt07p8qd7] {
    background-color: #f1f5f9;
}

.rh-badge-btn.active-pos[b-kwt07p8qd7] {
    background-color: #0f4c81;
    border-color: #0f4c81;
    color: #ffffff;
}

.rh-badge-btn.active-neg[b-kwt07p8qd7] {
    background-color: #ba1a1a;
    border-color: #ba1a1a;
    color: #ffffff;
}

.rh-badge-btn.neg[b-kwt07p8qd7] {
    color: #ba1a1a;
    border-color: #fca5a5;
}

.rh-badge-btn.neg:hover[b-kwt07p8qd7] {
    background-color: #fef2f2;
}

/* Priority Toggle Buttons */
.priority-btn[b-kwt07p8qd7] {
    padding: 0.6rem 0.5rem;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 0.375rem;
    border: 1.5px solid #cbd5e1;
    background-color: #ffffff;
    color: #475569;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    text-align: center;
}

.priority-btn:hover[b-kwt07p8qd7] {
    background-color: #f8fafc;
}

.priority-btn.active-routine[b-kwt07p8qd7] {
    background-color: #0f4c81;
    border-color: #0f4c81;
    color: #ffffff;
}

.priority-btn.active-urgent[b-kwt07p8qd7] {
    background-color: #d97706;
    border-color: #d97706;
    color: #ffffff;
}

.priority-btn.active-stat[b-kwt07p8qd7] {
    background-color: #ba1a1a;
    border-color: #ba1a1a;
    color: #ffffff;
    animation: urgent-pulse-b-kwt07p8qd7 1.5s infinite;
}

@keyframes urgent-pulse-b-kwt07p8qd7 {
    0% { box-shadow: 0 0 0 0 rgba(186, 26, 26, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(186, 26, 26, 0); }
    100% { box-shadow: 0 0 0 0 rgba(186, 26, 26, 0); }
}

/* Reaction Warning Card Dotted Pattern */
.reaction-card[b-kwt07p8qd7] {
    background-color: #fef2f2;
    background-image: radial-gradient(#fca5a5 1.5px, transparent 1.5px);
    background-size: 10px 10px;
    border-color: #ef4444;
}

/* Badges */
.badge[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 9999px;
}

/* Scrollbar styling for components box */
.max-h-\[400px\][b-kwt07p8qd7] {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.max-h-\[400px\][b-kwt07p8qd7]::-webkit-scrollbar {
    width: 6px;
}

.max-h-\[400px\][b-kwt07p8qd7]::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.max-h-\[400px\][b-kwt07p8qd7]::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 3px;
}

@media (max-width: 1180px) {
    .patient-context[b-kwt07p8qd7] {
        grid-template-columns: auto repeat(3, minmax(0, 1fr)) auto;
    }

    .patient-context-item:nth-of-type(4)[b-kwt07p8qd7],
    .patient-context-item:nth-of-type(5)[b-kwt07p8qd7],
    .patient-context-item:nth-of-type(6)[b-kwt07p8qd7] {
        display: none;
    }

    .wizard-request-layout[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1.7fr) minmax(17rem, 0.8fr);
    }
}

@media (max-width: 900px) {
    .register-page[b-kwt07p8qd7] {
        padding: 0.75rem;
    }

    .wizard-progress[b-kwt07p8qd7] {
        gap: 0.5rem;
    }

    .wizard-step[b-kwt07p8qd7] {
        justify-content: center;
        min-height: 3.5rem;
        padding: 0.55rem;
    }

    .wizard-step:not(:last-child)[b-kwt07p8qd7]::after,
    .wizard-step > span:last-child[b-kwt07p8qd7] {
        display: none;
    }

    .patient-context[b-kwt07p8qd7] {
        top: 4.75rem;
        grid-template-columns: auto minmax(6rem, 0.7fr) minmax(10rem, 1.5fr) auto;
    }

    .patient-context-item:nth-of-type(n+3)[b-kwt07p8qd7] {
        display: none;
    }

    .wizard-request-layout[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-form-body[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .patient-search-toolbar[b-kwt07p8qd7] {
        grid-column: 1;
        grid-row: auto;
        border-right: 0;
        border-bottom: 1px solid #dce6f0;
    }

    .patient-search-controls[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .patient-search-empty[b-kwt07p8qd7] {
        min-height: 9rem;
    }

    .patient-editor-heading[b-kwt07p8qd7],
    .patient-editor-note[b-kwt07p8qd7],
    .patient-identity-grid[b-kwt07p8qd7],
    .patient-contact-grid[b-kwt07p8qd7],
    .patient-name-grid[b-kwt07p8qd7],
    .patient-blood-grid[b-kwt07p8qd7] {
        grid-column: 1;
    }

    .patient-name-grid[b-kwt07p8qd7] {
        grid-template-columns: minmax(8rem, 0.7fr) minmax(16rem, 2fr);
    }

    .patient-name-grid > :last-child[b-kwt07p8qd7] {
        grid-column: 1 / -1;
    }

    .patient-blood-grid[b-kwt07p8qd7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .patient-blood-grid > :first-child[b-kwt07p8qd7] {
        grid-column: 1 / -1;
    }

    .component-table[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .component-row:nth-child(odd)[b-kwt07p8qd7] {
        border-right: 0;
    }

    .wizard-footer[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wizard-footer-status[b-kwt07p8qd7] {
        display: none;
    }
}

@media (max-width: 640px) {
    .register-header[b-kwt07p8qd7] {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .register-header h1[b-kwt07p8qd7] {
        font-size: 1.25rem;
    }

    .patient-context[b-kwt07p8qd7] {
        position: static;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .patient-context-item:not(.patient-context-name)[b-kwt07p8qd7] {
        display: none;
    }

    .patient-context-name[b-kwt07p8qd7] {
        border-left: 0;
    }

    .patient-search-controls[b-kwt07p8qd7],
    .patient-identity-grid[b-kwt07p8qd7],
    .patient-contact-grid[b-kwt07p8qd7],
    .patient-name-grid[b-kwt07p8qd7],
    .patient-blood-grid[b-kwt07p8qd7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patient-search-controls > select[b-kwt07p8qd7] {
        grid-column: auto;
    }

    .patient-editor-heading[b-kwt07p8qd7],
    .patient-editor-note[b-kwt07p8qd7],
    .patient-identity-grid[b-kwt07p8qd7],
    .patient-contact-grid[b-kwt07p8qd7],
    .patient-name-grid[b-kwt07p8qd7],
    .patient-blood-grid[b-kwt07p8qd7] {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }

    .patient-editor-heading[b-kwt07p8qd7] {
        margin: 0;
    }

    .patient-name-grid > :last-child[b-kwt07p8qd7],
    .patient-blood-grid > :first-child[b-kwt07p8qd7] {
        grid-column: auto;
    }

    .patient-search-controls .btn[b-kwt07p8qd7] {
        width: 100%;
    }

    .blood-selector[b-kwt07p8qd7] {
        align-items: flex-start;
    }

    .wizard-footer[b-kwt07p8qd7] {
        position: static;
        grid-template-columns: minmax(0, 1fr);
    }

    .wizard-footer-step[b-kwt07p8qd7] {
        display: none;
    }

    .wizard-footer-actions[b-kwt07p8qd7],
    .wizard-footer-actions .btn[b-kwt07p8qd7] {
        width: 100%;
    }
}

/* Keep Step 2 order rows compact without changing their bindings. */
.request-order-section[b-kwt07p8qd7] { gap: .45rem; padding: .55rem .65rem; border-radius: .85rem; }
.request-order-section-heading strong[b-kwt07p8qd7] { font-size: .95rem; }
.request-order-section-heading small[b-kwt07p8qd7] { font-size: .78rem; }
.request-order-add-row[b-kwt07p8qd7] { gap: .4rem; }
.request-order-add-button[b-kwt07p8qd7] { min-height: 2.3rem; padding: .32rem .62rem; }
.request-order-row[b-kwt07p8qd7] { gap: .4rem; padding: .38rem .45rem; border-radius: .65rem; }
.request-order-row label > span[b-kwt07p8qd7] { font-size: .74rem; }
.request-order-remove[b-kwt07p8qd7] { width: 2rem; height: 2rem; }
.request-drawer-alert[b-kwt07p8qd7] {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .62rem .72rem;
    border: 1px solid rgba(215, 72, 106, .28);
    border-radius: .72rem;
    color: #9f2347;
    background: rgba(255, 241, 245, .96);
    box-shadow: 0 6px 16px rgba(103, 39, 66, .1);
    font-weight: 800;
}
.request-drawer-alert svg[b-kwt07p8qd7] { flex: 0 0 auto; width: 1.05rem; margin-top: .08rem; }
.request-ag-typing-options[b-kwt07p8qd7] {
    display: grid;
    gap: .45rem;
    margin: -.12rem 0 .25rem 1rem;
    padding: .45rem .55rem;
    border-left: 2px solid rgba(122, 149, 191, .2);
}
.request-segmented-control[b-kwt07p8qd7] {
    display: inline-flex;
    width: fit-content;
    padding: .15rem;
    gap: .15rem;
    border: 1px solid rgba(122, 149, 191, .24);
    border-radius: .65rem;
    background: rgba(238, 245, 255, .72);
}
.request-segmented-control button[b-kwt07p8qd7] {
    border: 0;
    border-radius: .5rem;
    padding: .25rem .7rem;
    color: #4b6382;
    background: transparent;
    cursor: pointer;
}
.request-segmented-control button.active[b-kwt07p8qd7] {
    color: #173c76;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 4px rgba(43, 69, 117, .12);
}
.request-ag-target-grid[b-kwt07p8qd7] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .5rem;
}
.request-ag-target-option[b-kwt07p8qd7] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .45rem;
    border: 1px solid rgba(122, 149, 191, .2);
    border-radius: .5rem;
    background: rgba(255, 255, 255, .58);
    cursor: pointer;
}
.request-ag-target-option input[b-kwt07p8qd7] { accent-color: #315ea8; }

.request-registration-shell.is-request-drawer-open[b-kwt07p8qd7] { overflow: hidden; }
.request-drawer-backdrop[b-kwt07p8qd7] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    cursor: default;
    background: rgba(20, 35, 64, .22);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.request-drawer-backdrop:hover[b-kwt07p8qd7] { transform: none !important; }
.request-side-drawer.is-current[b-kwt07p8qd7] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1100;
    width: min(50vw, 52rem);
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    border-radius: 1.2rem 0 0 1.2rem;
    border-width: 1px;
    box-shadow: -18px 0 42px rgba(31, 53, 99, .18);
    animation: request-drawer-slide-in-b-kwt07p8qd7 .24s ease-out both;
}
.request-side-drawer.is-current .request-flow-heading[b-kwt07p8qd7] { flex: 0 0 auto; }
.request-side-drawer.is-current .request-flow-body[b-kwt07p8qd7] { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; }
.request-drawer-close[b-kwt07p8qd7] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(122, 149, 191, .28);
    border-radius: .72rem;
    color: #4b6382;
    background: rgba(255,255,255,.78);
    cursor: pointer;
}
.request-drawer-close svg[b-kwt07p8qd7] { width: 1.1rem; }
.request-drawer-footer[b-kwt07p8qd7] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .62rem .72rem;
    border-top: 1px solid rgba(139, 164, 204, .24);
    background: rgba(255,255,255,.84);
    box-shadow: 0 -8px 20px rgba(43, 69, 117, .07);
}
.request-drawer-footer .request-primary-action[b-kwt07p8qd7] { min-width: auto; }
@keyframes request-drawer-slide-in-b-kwt07p8qd7 { from { transform: translateX(100%); opacity: .72; } to { transform: translateX(0); opacity: 1; } }

@media (max-width: 900px) {
    .request-side-drawer.is-current[b-kwt07p8qd7] { width: min(80vw, 42rem); }
}

@media (max-width: 640px) {
    .request-side-drawer.is-current[b-kwt07p8qd7] { width: 100vw; border-radius: 0; }
    .request-drawer-footer[b-kwt07p8qd7] { flex-direction: column-reverse; }
    .request-drawer-footer .request-primary-action[b-kwt07p8qd7],
    .request-drawer-footer .request-secondary-action[b-kwt07p8qd7] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .request-side-drawer.is-current[b-kwt07p8qd7] { animation: none; }
}
/* /Components/Pages/Patient/RelativesDonation.razor.rz.scp.css */
.donation-command-center[b-7ikjw4px90] {
    --blue: #2563eb;
    --violet: #7147ee;
    --teal: #0ea89b;
    --pink: #e7488b;
    grid-row: 1 / -1;
    height: 100%;
    min-height: 0;
    padding: clamp(.8rem, 1.4vw, 1.35rem);
    display: flex;
    flex-direction: column;
    gap: clamp(.65rem, 1vw, 1rem);
    color: #172554;
    background:
        radial-gradient(circle at 9% 7%, rgba(78, 167, 255, .18), transparent 28%),
        radial-gradient(circle at 90% 9%, rgba(236, 72, 153, .15), transparent 28%),
        linear-gradient(135deg, #eef7ff 0%, #faf9ff 48%, #fff2f8 100%);
    overflow: hidden;
}

.donation-command-header[b-7ikjw4px90],
.donation-stage-rail[b-7ikjw4px90],
.donation-glass-card[b-7ikjw4px90],
.donation-action-bar[b-7ikjw4px90] {
    border: 1px solid rgba(165, 180, 252, .44);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 48px rgba(61, 72, 128, .09), inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.donation-command-header[b-7ikjw4px90] {
    min-height: 68px;
    padding: .65rem .85rem;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.donation-heading[b-7ikjw4px90] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .78rem;
}

.donation-heading-icon[b-7ikjw4px90],
.donation-card-icon[b-7ikjw4px90],
.donation-result-avatar[b-7ikjw4px90],
.donation-bag-symbol[b-7ikjw4px90],
.donation-link-bridge > span[b-7ikjw4px90] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.donation-heading-icon[b-7ikjw4px90] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    color: white;
    background: linear-gradient(145deg, #2785f6, #7147ee 72%, #d946ef);
    box-shadow: 0 10px 22px rgba(79, 70, 229, .25), inset 0 1px 0 rgba(255, 255, 255, .5);
}

.donation-heading-icon svg[b-7ikjw4px90],
.donation-card-icon svg[b-7ikjw4px90],
.donation-result-avatar svg[b-7ikjw4px90],
.donation-bag-symbol svg[b-7ikjw4px90],
.donation-link-bridge svg[b-7ikjw4px90],
.donation-scan-box > svg[b-7ikjw4px90],
.donation-primary-button svg[b-7ikjw4px90] {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.donation-heading > div > span[b-7ikjw4px90],
.donation-card-heading > div > span[b-7ikjw4px90],
.donation-result-primary > span[b-7ikjw4px90],
.donation-result-fact > span[b-7ikjw4px90],
.donation-pair-summary > div > span[b-7ikjw4px90],
.donation-dialog header span[b-7ikjw4px90],
.donation-review-pair article > span[b-7ikjw4px90] {
    display: block;
    color: #70809c;
    font-size: 1rem;
    font-weight: 800;
}

.donation-heading h1[b-7ikjw4px90] {
    margin: .08rem 0 0;
    color: #172554;
    font-size: clamp(1.18rem, 2vw, 1.65rem);
    font-weight: 950;
    line-height: 1.1;
}

.donation-status-summary[b-7ikjw4px90] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.donation-status-summary span[b-7ikjw4px90],
.donation-status-summary strong[b-7ikjw4px90] {
    min-height: 38px;
    padding: .56rem .72rem;
    border: 1px solid rgba(203, 213, 225, .76);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    color: #72809a;
    background: rgba(248, 250, 252, .8);
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
}

.donation-status-summary i[b-7ikjw4px90] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
}

.donation-status-summary span.is-complete[b-7ikjw4px90] {
    color: #087d73;
    border-color: rgba(20, 184, 166, .25);
    background: rgba(236, 253, 250, .85);
}

.donation-status-summary span.is-complete i[b-7ikjw4px90] {
    background: #14b8a6;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, .12);
}

.donation-status-summary strong.is-ready[b-7ikjw4px90] {
    color: white;
    border-color: transparent;
    background: linear-gradient(135deg, var(--teal), var(--blue));
}

.donation-alert[b-7ikjw4px90] {
    min-height: 42px;
    padding: .58rem .8rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: 1rem;
    font-weight: 800;
}

.donation-alert-dot[b-7ikjw4px90] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: currentColor;
}

.donation-alert > span:nth-child(2)[b-7ikjw4px90] {
    min-width: 0;
    flex: 1;
}

.donation-alert button[b-7ikjw4px90] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 9px;
    color: inherit;
    background: rgba(255, 255, 255, .58);
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
}

.donation-stage-rail[b-7ikjw4px90] {
    margin: 0;
    padding: .48rem .7rem;
    border-radius: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}

.donation-stage-rail li[b-7ikjw4px90] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 850;
    position: relative;
}

.donation-stage-rail li:not(:last-child)[b-7ikjw4px90]::after {
    content: "";
    width: 34%;
    height: 1px;
    position: absolute;
    right: -17%;
    background: #dbe3f1;
}

.donation-stage-rail li > span[b-7ikjw4px90] {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #7c8aa5;
    background: #eef2f8;
}

.donation-stage-rail li.is-current[b-7ikjw4px90] {
    color: #4338ca;
}

.donation-stage-rail li.is-current > span[b-7ikjw4px90] {
    color: white;
    background: linear-gradient(145deg, var(--blue), var(--violet));
    box-shadow: 0 7px 15px rgba(79, 70, 229, .22);
}

.donation-stage-rail li.is-complete[b-7ikjw4px90] {
    color: #087d73;
}

.donation-stage-rail li.is-complete > span[b-7ikjw4px90] {
    color: white;
    background: linear-gradient(145deg, #2dd4bf, #07998d);
}

.donation-link-workspace[b-7ikjw4px90] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr);
    gap: .8rem;
    align-items: stretch;
}

.donation-glass-card[b-7ikjw4px90] {
    min-width: 0;
    min-height: 0;
    padding: clamp(.9rem, 1.5vw, 1.3rem);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    overflow: auto;
}

.donation-glass-card.is-complete[b-7ikjw4px90] {
    border-color: rgba(20, 184, 166, .45);
    box-shadow: 0 18px 50px rgba(13, 148, 136, .09), inset 0 1px 0 white;
}

.donation-card-heading[b-7ikjw4px90] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.donation-card-heading > div[b-7ikjw4px90] {
    min-width: 0;
    flex: 1;
}

.donation-card-heading h2[b-7ikjw4px90] {
    margin: .05rem 0 0;
    color: #18244a;
    font-size: 1.05rem;
    font-weight: 900;
}

.donation-card-heading > em[b-7ikjw4px90] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: white;
    background: #16b79f;
    box-shadow: 0 6px 14px rgba(20, 184, 166, .22);
    font-style: normal;
    font-weight: 900;
}

.donation-card-icon[b-7ikjw4px90] {
    width: 42px;
    height: 42px;
    border-radius: 13px;
}

.donation-card-icon--blue[b-7ikjw4px90] {
    color: var(--blue);
    background: linear-gradient(145deg, #eff6ff, #e0e7ff);
}

.donation-card-icon--pink[b-7ikjw4px90] {
    color: var(--pink);
    background: linear-gradient(145deg, #fff1f5, #fce7f3);
}

.donation-scan-label[b-7ikjw4px90] {
    color: #53637d;
    font-size: 1rem;
    font-weight: 850;
}

.donation-scan-box[b-7ikjw4px90] {
    min-width: 0;
    padding: .38rem;
    border: 1.5px solid rgba(37, 99, 235, .32);
    border-radius: 15px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: .3rem;
    color: var(--blue);
    background: rgba(248, 251, 255, .88);
}

.donation-scan-box--pink[b-7ikjw4px90] {
    color: #cf347c;
    border-color: rgba(231, 72, 139, .3);
}

.donation-scan-box > svg[b-7ikjw4px90] {
    width: 20px;
    height: 20px;
    justify-self: center;
}

.donation-scan-box input[b-7ikjw4px90] {
    min-width: 0;
    height: 38px;
    border: 0;
    outline: 0;
    color: #172554;
    background: transparent;
    font-size: 1rem;
    font-weight: 750;
}

.donation-scan-box input[b-7ikjw4px90]::placeholder {
    color: #9aa8be;
}

.donation-scan-box button[b-7ikjw4px90] {
    min-height: 38px;
    padding: 0 .82rem;
    border: 0;
    border-radius: 10px;
    color: white;
    background: linear-gradient(135deg, var(--blue), var(--violet));
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.donation-scan-box--pink button[b-7ikjw4px90] {
    background: linear-gradient(135deg, #db3d87, #8b5cf6);
}

.donation-result-card[b-7ikjw4px90] {
    min-height: 116px;
    padding: .85rem;
    border: 1px solid rgba(147, 197, 253, .58);
    border-radius: 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1.4fr) repeat(2, minmax(86px, .7fr));
    align-items: center;
    gap: .75rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, .9), rgba(255, 255, 255, .78));
}

.donation-result-card--unit[b-7ikjw4px90] {
    border-color: rgba(244, 114, 182, .45);
    background: linear-gradient(135deg, rgba(253, 242, 248, .92), rgba(255, 255, 255, .78));
}

.donation-result-avatar[b-7ikjw4px90],
.donation-bag-symbol[b-7ikjw4px90] {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    color: var(--blue);
    background: linear-gradient(145deg, #dbeafe, #eef2ff);
}

.donation-bag-symbol[b-7ikjw4px90] {
    color: #d7377c;
    background: linear-gradient(145deg, #ffe4e6, #fce7f3);
}

.donation-result-primary[b-7ikjw4px90],
.donation-result-fact[b-7ikjw4px90] {
    min-width: 0;
}

.donation-result-primary strong[b-7ikjw4px90],
.donation-result-primary small[b-7ikjw4px90],
.donation-result-fact strong[b-7ikjw4px90] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.donation-result-primary strong[b-7ikjw4px90] {
    margin-top: .14rem;
    color: #172554;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.donation-result-primary small[b-7ikjw4px90] {
    margin-top: .18rem;
    color: #53637d;
    font-size: 1rem;
    font-weight: 750;
    white-space: nowrap;
}

.donation-result-fact[b-7ikjw4px90] {
    padding-left: .75rem;
    border-left: 1px solid #dbe3f0;
}

.donation-result-fact strong[b-7ikjw4px90] {
    margin-top: .2rem;
    color: #22335f;
    font-size: 1rem;
    font-weight: 900;
}

.donation-empty-state[b-7ikjw4px90] {
    min-height: 116px;
    padding: 1rem;
    border: 1px dashed rgba(96, 165, 250, .55);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    color: #6b7b98;
    background: rgba(248, 250, 252, .55);
    font-size: 1rem;
}

.donation-empty-state > span[b-7ikjw4px90] {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: var(--blue);
    background: #eaf2ff;
    font-weight: 900;
}

.donation-empty-state--pink[b-7ikjw4px90] {
    border-color: rgba(244, 114, 182, .45);
}

.donation-empty-state--pink > span[b-7ikjw4px90] {
    color: #d7377c;
    background: #fce7f3;
}

.donation-link-bridge[b-7ikjw4px90] {
    align-self: center;
    display: grid;
    justify-items: center;
    gap: .48rem;
    color: #94a3b8;
    text-align: center;
}

.donation-link-bridge[b-7ikjw4px90]::before,
.donation-link-bridge[b-7ikjw4px90]::after {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #cbd5e1, transparent);
}

.donation-link-bridge > span[b-7ikjw4px90] {
    width: 52px;
    height: 52px;
    border: 1px solid #d8e0ed;
    border-radius: 18px;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 10px 24px rgba(71, 85, 105, .1);
}

.donation-link-bridge strong[b-7ikjw4px90] {
    font-size: 1rem;
    font-weight: 900;
}

.donation-link-bridge.is-ready[b-7ikjw4px90] {
    color: #078c80;
}

.donation-link-bridge.is-ready > span[b-7ikjw4px90] {
    color: white;
    border-color: transparent;
    background: linear-gradient(145deg, #2dd4bf, #2563eb);
    box-shadow: 0 12px 25px rgba(14, 165, 164, .25);
}

.donation-action-bar[b-7ikjw4px90] {
    min-height: 70px;
    padding: .58rem .72rem;
    border-radius: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .65rem;
}

.donation-pair-summary[b-7ikjw4px90] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .62rem;
}

.donation-pair-icon[b-7ikjw4px90] {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: var(--violet);
    background: #ede9fe;
    font-size: 1.25rem;
    font-weight: 900;
}

.donation-pair-summary > div[b-7ikjw4px90] {
    min-width: 0;
}

.donation-pair-summary strong[b-7ikjw4px90] {
    display: block;
    margin-top: .1rem;
    overflow: hidden;
    color: #1e2c55;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donation-reset-button[b-7ikjw4px90],
.donation-primary-button[b-7ikjw4px90],
.donation-dialog-cancel[b-7ikjw4px90],
.donation-dialog-confirm[b-7ikjw4px90] {
    min-height: 46px;
    border-radius: 13px;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.donation-reset-button[b-7ikjw4px90] {
    padding: 0 1rem;
    border: 1px solid #cbd5e1;
    color: #53637d;
    background: rgba(255, 255, 255, .78);
}

.donation-primary-button[b-7ikjw4px90] {
    min-width: 210px;
    padding: 0 1.2rem;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    color: white;
    background: linear-gradient(135deg, #1878f2, #6d3ee8 58%, #d946ef);
    box-shadow: 0 12px 26px rgba(91, 67, 220, .24);
}

.donation-primary-button svg[b-7ikjw4px90] {
    width: 20px;
    height: 20px;
}

.donation-dialog-backdrop[b-7ikjw4px90] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    padding: 1rem;
    display: grid;
    place-items: center;
    background: rgba(29, 35, 78, .38);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.donation-dialog[b-7ikjw4px90] {
    width: min(720px, 100%);
    max-height: min(720px, calc(100vh - 2rem));
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .84);
    border-radius: 28px;
    outline: none;
    color: #172554;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(245, 247, 255, .97));
    box-shadow: 0 32px 90px rgba(30, 41, 99, .28);
}

.donation-dialog > header[b-7ikjw4px90] {
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #e5eaf4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.donation-dialog h2[b-7ikjw4px90] {
    margin: .12rem 0 0;
    font-size: 1.25rem;
    font-weight: 950;
}

.donation-dialog header button[b-7ikjw4px90] {
    width: 42px;
    height: 42px;
    border: 1px solid #d8e0ed;
    border-radius: 13px;
    color: #64748b;
    background: white;
    font-size: 1.25rem;
    font-weight: 800;
    cursor: pointer;
}

.donation-dialog-alert[b-7ikjw4px90] {
    margin: 1rem 1.25rem 0;
    padding: .72rem .85rem;
    border-radius: 13px;
    font-size: 1rem;
    font-weight: 800;
}

.donation-review-pair[b-7ikjw4px90] {
    padding: 1.25rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: .8rem;
}

.donation-review-pair article[b-7ikjw4px90] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #dce4f1;
    border-radius: 18px;
    background: white;
}

.donation-review-pair article strong[b-7ikjw4px90],
.donation-review-pair article small[b-7ikjw4px90] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donation-review-pair article strong[b-7ikjw4px90] {
    margin-top: .3rem;
    font-size: 1rem;
    font-weight: 900;
}

.donation-review-pair article small[b-7ikjw4px90] {
    margin-top: .22rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.donation-review-link[b-7ikjw4px90] {
    align-self: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, var(--teal), var(--blue));
    font-weight: 950;
}

.donation-review-note[b-7ikjw4px90] {
    margin: 0 1.25rem 1.15rem;
    padding: .82rem 1rem;
    border-radius: 14px;
    color: #596881;
    background: #eff6ff;
    font-size: 1rem;
    font-weight: 750;
}

.donation-dialog > footer[b-7ikjw4px90] {
    padding: .9rem 1.25rem 1.15rem;
    border-top: 1px solid #e5eaf4;
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
}

.donation-dialog-cancel[b-7ikjw4px90],
.donation-dialog-confirm[b-7ikjw4px90] {
    min-width: 130px;
    padding: 0 1rem;
}

.donation-dialog-cancel[b-7ikjw4px90] {
    border: 1px solid #cbd5e1;
    color: #53637d;
    background: white;
}

.donation-dialog-confirm[b-7ikjw4px90] {
    border: 0;
    color: white;
    background: linear-gradient(135deg, var(--blue), var(--violet), var(--pink));
}

.donation-dialog-confirm:disabled[b-7ikjw4px90],
.donation-dialog-cancel:disabled[b-7ikjw4px90] {
    opacity: .56;
    cursor: wait;
}

.donation-command-center button:focus-visible[b-7ikjw4px90],
.donation-command-center input:focus-visible[b-7ikjw4px90],
.donation-dialog button:focus-visible[b-7ikjw4px90],
.donation-dialog:focus-visible[b-7ikjw4px90] {
    outline: 3px solid rgba(37, 99, 235, .38);
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .donation-link-workspace[b-7ikjw4px90] {
        grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    }

    .donation-result-card[b-7ikjw4px90] {
        grid-template-columns: auto minmax(0, 1fr) minmax(80px, .65fr);
    }

    .donation-result-fact:last-child[b-7ikjw4px90] {
        display: none;
    }
}

@media (max-width: 900px) {
    .donation-command-center[b-7ikjw4px90] {
        min-height: auto;
        overflow: visible;
    }

    .donation-link-workspace[b-7ikjw4px90] {
        grid-template-columns: minmax(0, 1fr);
    }

    .donation-link-bridge[b-7ikjw4px90] {
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
    }

    .donation-link-bridge strong[b-7ikjw4px90] {
        grid-column: 1 / -1;
    }

    .donation-glass-card[b-7ikjw4px90] {
        overflow: visible;
    }
}

@media (max-width: 640px) {
    .donation-command-center[b-7ikjw4px90] {
        padding: .55rem;
        gap: .55rem;
    }

    .donation-command-header[b-7ikjw4px90] {
        align-items: flex-start;
        border-radius: 18px;
    }

    .donation-heading-icon[b-7ikjw4px90] {
        width: 42px;
        height: 42px;
    }

    .donation-status-summary span[b-7ikjw4px90] {
        display: none;
    }

    .donation-status-summary strong[b-7ikjw4px90] {
        padding: .5rem .62rem;
        font-size: 1rem;
    }

    .donation-stage-rail li[b-7ikjw4px90] {
        gap: .28rem;
        font-size: 1rem;
    }

    .donation-stage-rail li:not(:last-child)[b-7ikjw4px90]::after {
        display: none;
    }

    .donation-stage-rail li > span[b-7ikjw4px90] {
        width: 25px;
        height: 25px;
    }

    .donation-glass-card[b-7ikjw4px90] {
        padding: .78rem;
        border-radius: 19px;
    }

    .donation-scan-box[b-7ikjw4px90] {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .donation-scan-box button[b-7ikjw4px90] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .donation-result-card[b-7ikjw4px90] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .donation-result-fact[b-7ikjw4px90] {
        display: none;
    }

    .donation-action-bar[b-7ikjw4px90] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .donation-pair-summary[b-7ikjw4px90] {
        grid-column: 1 / -1;
    }

    .donation-primary-button[b-7ikjw4px90] {
        min-width: 0;
    }

    .donation-review-pair[b-7ikjw4px90] {
        grid-template-columns: minmax(0, 1fr);
    }

    .donation-review-link[b-7ikjw4px90] {
        justify-self: center;
        transform: rotate(90deg);
    }

    .donation-dialog-backdrop[b-7ikjw4px90] {
        padding: 0;
    }

    .donation-dialog[b-7ikjw4px90] {
        width: 100%;
        min-height: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .donation-dialog > footer[b-7ikjw4px90] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .donation-dialog-cancel[b-7ikjw4px90],
    .donation-dialog-confirm[b-7ikjw4px90] {
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .donation-command-center *[b-7ikjw4px90],
    .donation-dialog *[b-7ikjw4px90] {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/Patient/ScheduledAppointmentPage.razor.rz.scp.css */
/* Scoped CSS for 2.7 บันทึกนัดคนไข้ล่วงหน้า (Pre-appointment & Scheduled Patient Record) */

.appointment-container[b-vwrtvr3eo3] {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.layout-grid[b-vwrtvr3eo3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .layout-grid[b-vwrtvr3eo3] {
        grid-template-columns: 1fr 1.25fr;
    }
}

.appointment-card[b-vwrtvr3eo3] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0; /* slate-200 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 380px;
}

/* Card Header */
.card-header-appt[b-vwrtvr3eo3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.badge-icon-blue[b-vwrtvr3eo3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background-color: #EFF6FF; /* blue-50 */
    color: #2563EB; /* blue-600 */
    font-size: 1.2rem;
}

.badge-icon-dark-blue[b-vwrtvr3eo3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background-color: #EEF2F6;
    color: #1E293B;
    font-size: 1.2rem;
}

.header-title-appt[b-vwrtvr3eo3] {
    font-size: 1rem;
    font-weight: 800;
    color: #1E293B;
    line-height: 1.2;
}

.header-title-thai[b-vwrtvr3eo3] {
    font-size: 1rem;
    font-weight: 600;
    color: #64748B;
}

/* Form Search input */
.search-wrapper-appt[b-vwrtvr3eo3] {
    position: relative;
    width: 100%;
}

.form-input-appt[b-vwrtvr3eo3] {
    width: 100%;
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 0.375rem;
    padding: 0.625rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    transition: all 0.15s ease;
}

.form-input-appt:focus[b-vwrtvr3eo3] {
    outline: none;
    border-color: #1E3A8A;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.15);
}

.btn-search-appt[b-vwrtvr3eo3] {
    background-color: #0F52BA;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 1.5rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    cursor: pointer;
    border: none;
}

.btn-search-appt:hover[b-vwrtvr3eo3] {
    background-color: #0A3D8B;
}

/* Patient info display card */
.patient-display-box[b-vwrtvr3eo3] {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
    border-top: 4px solid #1E3A8A;
}

.patient-display-grid[b-vwrtvr3eo3] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 1rem;
}

/* ABO & Rh Badges styling */
.badge-abo[b-vwrtvr3eo3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: #FEE2E2; /* red-100 */
    color: #991B1B; /* red-800 */
    border: 1px solid #FCA5A5; /* red-300 */
    border-radius: 9999px;
    padding: 0.25rem 1rem;
    font-weight: 800;
    font-size: 1rem;
}

.badge-rh[b-vwrtvr3eo3] {
    display: inline-flex;
    align-items: center;
    background-color: #D1FAE5; /* emerald-100 */
    color: #065F46; /* emerald-800 */
    border: 1px solid #6EE7B7; /* emerald-300 */
    border-radius: 9999px;
    padding: 0.25rem 1rem;
    font-weight: 800;
    font-size: 1rem;
}

/* Status dots in history table */
.status-pill[b-vwrtvr3eo3] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.85rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
}

.status-scheduled[b-vwrtvr3eo3] {
    background-color: #F1F5F9; /* slate-100 */
    color: #475569; /* slate-600 */
    border: 1px solid #CBD5E1;
}

.status-scheduled[b-vwrtvr3eo3]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: #475569;
}

.status-pending[b-vwrtvr3eo3] {
    background-color: #FFF7ED; /* orange-50 */
    color: #C2410C; /* orange-700 */
    border: 1px solid #FED7AA;
}

.status-pending[b-vwrtvr3eo3]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: #EA580C;
    box-shadow: 0 0 4px #EA580C;
    animation: blink-animation-b-vwrtvr3eo3 1.5s infinite;
}

.status-ready[b-vwrtvr3eo3] {
    background-color: #DCFCE7; /* green-100 */
    color: #15803D; /* green-700 */
    border: 1px solid #86EFAC;
}

.status-ready[b-vwrtvr3eo3]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: #16A34A;
}

@keyframes blink-animation-b-vwrtvr3eo3 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Reset / Save buttons */
.btn-reset-outline-appt[b-vwrtvr3eo3] {
    border: 1.5px solid #2563EB;
    background-color: transparent;
    color: #2563EB;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 1.75rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    cursor: pointer;
}

.btn-reset-outline-appt:hover[b-vwrtvr3eo3] {
    background-color: #EFF6FF;
}

.btn-save-solid-appt[b-vwrtvr3eo3] {
    background-color: #1E3A8A;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.625rem 2rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    cursor: pointer;
    border: none;
}

.btn-save-solid-appt:hover[b-vwrtvr3eo3] {
    background-color: #172554;
}

/* History styling */
.history-title-container[b-vwrtvr3eo3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #F1F5F9;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.table-history-appt[b-vwrtvr3eo3] {
    width: 100%;
    border-collapse: collapse;
}

.table-history-appt th[b-vwrtvr3eo3] {
    background-color: #F8FAFC;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    border-bottom: 2px solid #E2E8F0;
    text-transform: uppercase;
}

.table-history-appt td[b-vwrtvr3eo3] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    font-size: 1rem;
    color: #334155;
    font-weight: 600;
}

.table-history-appt tr:hover[b-vwrtvr3eo3] {
    background-color: #F8FAFC;
}

/* Pagination */
.pagination-container[b-vwrtvr3eo3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}

.btn-page[b-vwrtvr3eo3] {
    border: 1px solid #CBD5E1;
    background-color: #FFFFFF;
    color: #475569;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.4rem 0.85rem;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-page:hover[b-vwrtvr3eo3] {
    background-color: #F8FAFC;
}

.btn-page-active[b-vwrtvr3eo3] {
    background-color: #0F52BA;
    color: #FFFFFF;
    border-color: #0F52BA;
}

/* Appointment Capsule command center */
:global(.prototype-body:has(.appointment-command-center))[b-vwrtvr3eo3] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.appointment-legacy-page[b-vwrtvr3eo3] {
    display: none !important;
}

.appointment-command-center[b-vwrtvr3eo3],
.appointment-command-center *[b-vwrtvr3eo3] {
    box-sizing: border-box;
}

.appointment-command-center[b-vwrtvr3eo3] {
    --appointment-blue: #236df5;
    --appointment-violet: #7146ec;
    --appointment-teal: #10a99d;
    --appointment-pink: #e93c8d;
    --appointment-ink: #142449;
    --appointment-muted: #667792;
    position: relative;
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 10px 14px 12px;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    color: var(--appointment-ink);
    background:
        radial-gradient(circle at 6% 22%, rgba(80, 184, 255, .18), transparent 29%),
        radial-gradient(circle at 91% 20%, rgba(245, 84, 171, .13), transparent 31%),
        radial-gradient(circle at 58% 100%, rgba(130, 93, 255, .09), transparent 38%),
        linear-gradient(135deg, #f8fbff 0%, #fbf8ff 56%, #fff8fc 100%);
}

.appointment-command-center button[b-vwrtvr3eo3],
.appointment-command-center input[b-vwrtvr3eo3],
.appointment-command-center textarea[b-vwrtvr3eo3] {
    font: inherit;
}

.appointment-command-header[b-vwrtvr3eo3],
.appointment-patient-ribbon[b-vwrtvr3eo3],
.appointment-stage-rail[b-vwrtvr3eo3],
.appointment-capsule-panel[b-vwrtvr3eo3],
.appointment-form-panel[b-vwrtvr3eo3],
.appointment-dialog[b-vwrtvr3eo3] {
    border: 1px solid rgba(153, 175, 220, .34);
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 14px 38px rgba(42, 70, 140, .09), inset 0 1px 0 rgba(255, 255, 255, .95);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.appointment-command-header[b-vwrtvr3eo3] {
    min-height: 58px;
    border-radius: 18px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.appointment-title-group[b-vwrtvr3eo3],
.appointment-header-actions[b-vwrtvr3eo3],
.appointment-patient-identity[b-vwrtvr3eo3],
.appointment-form-heading[b-vwrtvr3eo3],
.appointment-capsule-heading[b-vwrtvr3eo3],
.appointment-dialog header[b-vwrtvr3eo3],
.appointment-dialog footer[b-vwrtvr3eo3],
.appointment-review-patient[b-vwrtvr3eo3] {
    display: flex;
    align-items: center;
}

.appointment-title-group[b-vwrtvr3eo3] { gap: 12px; min-width: 0; }

.appointment-title-icon[b-vwrtvr3eo3] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 14px;
    background: linear-gradient(145deg, #2d89ff, #7146ec 65%, #d63fc0);
    box-shadow: 0 8px 18px rgba(83, 78, 225, .24);
}

.appointment-title-icon svg[b-vwrtvr3eo3] { width: 25px; height: 25px; }
.appointment-eyebrow[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-title-group h1[b-vwrtvr3eo3] { margin: 0; font-size: clamp(22px, 2vw, 30px); line-height: 1.08; font-weight: 900; letter-spacing: -.02em; }
.appointment-header-actions[b-vwrtvr3eo3] { gap: 8px; }

.appointment-quiet-button[b-vwrtvr3eo3] {
    min-height: 40px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(139, 158, 204, .34);
    border-radius: 13px;
    color: #405170;
    background: rgba(255, 255, 255, .72);
    font-weight: 800;
    cursor: pointer;
}

.appointment-quiet-button strong[b-vwrtvr3eo3] {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    color: #6544d8;
    background: #eee9ff;
}

.appointment-command-alert[b-vwrtvr3eo3] {
    position: absolute;
    z-index: 30;
    top: 73px;
    right: 24px;
    width: min(520px, calc(100% - 48px));
    min-height: 46px;
    padding: 9px 12px 9px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 800;
    box-shadow: 0 14px 32px rgba(40, 61, 118, .14);
    backdrop-filter: blur(18px);
}

.appointment-command-alert button[b-vwrtvr3eo3] { border: 0; background: transparent; font-size: 22px; color: inherit; cursor: pointer; }
.appointment-command-alert.is-success[b-vwrtvr3eo3] { color: #087e70; border-color: #9de3d9; background: rgba(235, 255, 251, .94); }
.appointment-command-alert.is-error[b-vwrtvr3eo3] { color: #b62555; border-color: #ffc0d2; background: rgba(255, 240, 246, .96); }
.appointment-command-alert.is-warning[b-vwrtvr3eo3] { color: #a4620a; border-color: #ffd39b; background: rgba(255, 249, 231, .96); }
.appointment-command-alert.is-neutral[b-vwrtvr3eo3] { color: #405170; border-color: #cad5eb; background: rgba(248, 251, 255, .96); }

.appointment-patient-ribbon[b-vwrtvr3eo3] {
    min-width: 0;
    min-height: 70px;
    padding: 8px 12px;
    display: grid;
    grid-template-columns: minmax(260px, 1.3fr) minmax(210px, .85fr) repeat(3, minmax(86px, .38fr));
    align-items: stretch;
    border-radius: 18px;
    overflow: hidden;
}

.appointment-search-block[b-vwrtvr3eo3] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding-right: 12px;
    border-right: 1px solid rgba(157, 177, 216, .28);
}

.appointment-search-icon[b-vwrtvr3eo3] { color: var(--appointment-blue); font-size: 25px; font-weight: 900; }
.appointment-search-block input[b-vwrtvr3eo3] { min-width: 0; height: 44px; padding: 0 10px; border: 0; outline: 0; color: var(--appointment-ink); background: transparent; font-weight: 800; }
.appointment-search-block input[b-vwrtvr3eo3]::placeholder { color: #8997ae; }
.appointment-search-block button[b-vwrtvr3eo3] { height: 42px; padding: 0 17px; border: 0; border-radius: 12px; color: white; background: linear-gradient(135deg, var(--appointment-blue), var(--appointment-violet)); font-weight: 900; cursor: pointer; }

.appointment-patient-identity[b-vwrtvr3eo3] { min-width: 0; gap: 10px; padding: 0 14px; border-right: 1px solid rgba(157, 177, 216, .28); }
.appointment-avatar[b-vwrtvr3eo3] { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 14px; color: #6578a1; background: #eef2ff; }
.appointment-avatar svg[b-vwrtvr3eo3] { width: 25px; height: 25px; }
.appointment-patient-identity.is-found .appointment-avatar[b-vwrtvr3eo3] { color: var(--appointment-teal); background: #e4f8f4; }
.appointment-patient-identity div[b-vwrtvr3eo3],
.appointment-patient-fact[b-vwrtvr3eo3] { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.appointment-patient-identity small[b-vwrtvr3eo3],
.appointment-patient-fact small[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-patient-identity strong[b-vwrtvr3eo3],
.appointment-patient-fact strong[b-vwrtvr3eo3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 900; }
.appointment-patient-fact[b-vwrtvr3eo3] { padding: 0 13px; border-right: 1px solid rgba(157, 177, 216, .24); }
.appointment-patient-fact:last-child[b-vwrtvr3eo3] { border-right: 0; }
.appointment-blood-group[b-vwrtvr3eo3] { color: var(--appointment-pink); font-size: 20px !important; }

.appointment-stage-rail[b-vwrtvr3eo3] {
    min-height: 42px;
    padding: 5px 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 15px;
}

.appointment-stage[b-vwrtvr3eo3] { position: relative; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px; color: #8995ab; }
.appointment-stage:not(:last-child)[b-vwrtvr3eo3]::after { content: ""; position: absolute; right: -15%; width: 30%; height: 1px; background: #dbe2ef; }
.appointment-stage span[b-vwrtvr3eo3] { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #8794aa; background: #edf1f8; font-size: 1rem; font-weight: 900; }
.appointment-stage strong[b-vwrtvr3eo3] { font-size: 1rem; font-weight: 900; }
.appointment-stage.is-current[b-vwrtvr3eo3],
.appointment-stage.is-complete[b-vwrtvr3eo3] { color: #3654ac; }
.appointment-stage.is-current span[b-vwrtvr3eo3] { color: white; background: linear-gradient(135deg, var(--appointment-blue), var(--appointment-violet)); box-shadow: 0 5px 12px rgba(67, 88, 220, .24); }
.appointment-stage.is-complete span[b-vwrtvr3eo3] { color: white; background: var(--appointment-teal); }
.appointment-stage.is-ready[b-vwrtvr3eo3] { color: var(--appointment-pink); }
.appointment-stage.is-ready span[b-vwrtvr3eo3] { color: white; background: linear-gradient(135deg, var(--appointment-violet), var(--appointment-pink)); }

.appointment-command-body[b-vwrtvr3eo3] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
    gap: 10px;
}

.appointment-capsule-panel[b-vwrtvr3eo3],
.appointment-form-panel[b-vwrtvr3eo3] {
    min-width: 0;
    min-height: 0;
    border-radius: 22px;
    overflow: hidden;
}

.appointment-capsule-panel[b-vwrtvr3eo3] { padding: 12px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.appointment-capsule-heading[b-vwrtvr3eo3],
.appointment-form-heading[b-vwrtvr3eo3] { justify-content: space-between; gap: 12px; }
.appointment-capsule-heading span[b-vwrtvr3eo3],
.appointment-form-heading span[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-capsule-heading h2[b-vwrtvr3eo3],
.appointment-form-heading h2[b-vwrtvr3eo3] { max-width: 100%; margin: 1px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 900; }
.appointment-live-status[b-vwrtvr3eo3] { padding: 6px 9px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; background: #f0f3fa; white-space: nowrap; }
.appointment-live-status i[b-vwrtvr3eo3] { width: 7px; height: 7px; border-radius: 50%; background: #9ba8bd; }
.appointment-live-status.is-ready[b-vwrtvr3eo3] { color: #087d70; background: #e6faf5; }
.appointment-live-status.is-ready i[b-vwrtvr3eo3] { background: #10bc9f; }

.appointment-capsule-visual[b-vwrtvr3eo3] { position: relative; min-height: 0; display: grid; place-items: center; overflow: hidden; isolation: isolate; }
.appointment-capsule-visual[b-vwrtvr3eo3]::before { content: ""; position: absolute; width: 72%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(118, 86, 238, .15), rgba(51, 154, 245, .07) 47%, transparent 70%); filter: blur(2px); z-index: -1; }
.appointment-capsule-visual img[b-vwrtvr3eo3] { position: absolute; inset: 0; width: 100%; height: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 18px 22px rgba(53, 74, 145, .13)); }
.appointment-date-orbit[b-vwrtvr3eo3] { position: absolute; right: 7%; bottom: 6%; width: 76px; height: 76px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(255, 255, 255, .9); border-radius: 50%; color: white; background: linear-gradient(145deg, rgba(40, 126, 255, .94), rgba(110, 65, 232, .94) 58%, rgba(236, 63, 154, .92)); box-shadow: 0 10px 25px rgba(83, 67, 208, .3); }
.appointment-date-orbit span[b-vwrtvr3eo3] { font-size: 26px; line-height: 1; font-weight: 950; }
.appointment-date-orbit small[b-vwrtvr3eo3] { margin-top: 4px; font-size: 1rem; font-weight: 800; }

.appointment-capsule-summary[b-vwrtvr3eo3] { display: grid; grid-template-columns: 1fr 1fr .65fr; gap: 7px; }
.appointment-capsule-summary div[b-vwrtvr3eo3] { min-width: 0; min-height: 48px; padding: 7px 10px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(162, 179, 217, .28); border-radius: 13px; background: rgba(249, 251, 255, .76); }
.appointment-capsule-summary span[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-capsule-summary strong[b-vwrtvr3eo3] { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 900; }

.appointment-form-panel[b-vwrtvr3eo3] { padding: 14px; display: grid; grid-template-rows: auto auto auto minmax(72px, 1fr) auto auto; gap: 9px; }
.appointment-completion-ring[b-vwrtvr3eo3] { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border: 5px solid #ded9ff; border-top-color: var(--appointment-violet); border-right-color: var(--appointment-pink); border-radius: 50%; color: #6342dc !important; font-size: 1rem !important; font-weight: 950 !important; }

.appointment-field[b-vwrtvr3eo3] { min-width: 0; min-height: 60px; padding: 8px 10px; display: grid; grid-template-columns: auto minmax(80px, .42fr) minmax(0, 1fr); align-items: center; gap: 10px; border: 1px solid rgba(151, 172, 216, .34); border-radius: 16px; background: rgba(250, 252, 255, .76); cursor: text; }
.appointment-field-icon[b-vwrtvr3eo3] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--appointment-blue); background: #e9f2ff; font-size: 21px; font-weight: 900; }
.appointment-field-icon.is-violet[b-vwrtvr3eo3] { color: var(--appointment-violet); background: #eee9ff; }
.appointment-field-icon.is-pink[b-vwrtvr3eo3] { color: var(--appointment-pink); background: #ffebf3; }
.appointment-field-copy[b-vwrtvr3eo3] { min-width: 0; display: flex; flex-direction: column; }
.appointment-field-copy small[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-field-copy strong[b-vwrtvr3eo3] { margin-top: 2px; font-size: 1rem; font-weight: 900; }
.appointment-field input[b-vwrtvr3eo3],
.appointment-field textarea[b-vwrtvr3eo3] { min-width: 0; width: 100%; padding: 9px 11px; border: 1px solid rgba(154, 173, 214, .26); border-radius: 11px; outline: 0; color: var(--appointment-ink); background: rgba(255, 255, 255, .84); font-size: 1rem; font-weight: 750; resize: none; }
.appointment-date-field input[b-vwrtvr3eo3] { color: #294ea8; font-weight: 900; }

.appointment-review-strip[b-vwrtvr3eo3] { min-height: 54px; padding: 8px 10px; display: flex; align-items: center; gap: 10px; border-radius: 15px; background: linear-gradient(100deg, rgba(236, 240, 250, .88), rgba(248, 244, 255, .9)); }
.appointment-review-mark[b-vwrtvr3eo3] { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 50%; color: #a0aabd; background: #e4e9f2; font-weight: 950; }
.appointment-review-mark.is-ready[b-vwrtvr3eo3] { color: white; background: var(--appointment-teal); box-shadow: 0 6px 14px rgba(16, 169, 157, .24); }
.appointment-review-strip div[b-vwrtvr3eo3] { min-width: 0; display: flex; flex-direction: column; }
.appointment-review-strip strong[b-vwrtvr3eo3] { font-size: 1rem; font-weight: 900; }
.appointment-review-strip small[b-vwrtvr3eo3] { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--appointment-muted); font-size: 1rem; font-weight: 700; }

.appointment-primary-action[b-vwrtvr3eo3],
.appointment-secondary-action[b-vwrtvr3eo3] { min-height: 52px; border-radius: 15px; font-weight: 900; cursor: pointer; }
.appointment-primary-action[b-vwrtvr3eo3] { border: 0; color: white; background: linear-gradient(105deg, #2185f6, #6b42e9 57%, #ea3d9b); box-shadow: 0 11px 24px rgba(92, 66, 221, .24); display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-size: 16px; }
.appointment-primary-action:disabled[b-vwrtvr3eo3] { color: #99a4b8; background: #e8ecf4; box-shadow: none; cursor: not-allowed; }
.appointment-secondary-action[b-vwrtvr3eo3] { padding: 0 22px; border: 1px solid #c9d4e7; color: #405170; background: white; }

.appointment-dialog-backdrop[b-vwrtvr3eo3] { position: fixed; z-index: 1000; inset: 0; padding: 24px; display: grid; place-items: center; background: rgba(22, 32, 67, .38); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.appointment-dialog[b-vwrtvr3eo3] { width: min(720px, 100%); max-height: min(820px, calc(100vh - 48px)); display: flex; flex-direction: column; border-radius: 26px; overflow: hidden; background: rgba(250, 252, 255, .95); }
.appointment-dialog header[b-vwrtvr3eo3] { flex: 0 0 auto; min-height: 74px; padding: 14px 18px; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(154, 173, 214, .28); }
.appointment-dialog header span[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-dialog header h2[b-vwrtvr3eo3] { margin: 2px 0 0; font-size: 22px; font-weight: 950; }
.appointment-dialog header button[b-vwrtvr3eo3] { width: 42px; height: 42px; border: 1px solid #cfdaeb; border-radius: 13px; color: #61718e; background: white; font-size: 24px; cursor: pointer; }
.appointment-dialog footer[b-vwrtvr3eo3] { flex: 0 0 auto; padding: 13px 18px; justify-content: flex-end; gap: 10px; border-top: 1px solid rgba(154, 173, 214, .28); }
.appointment-dialog footer .appointment-primary-action[b-vwrtvr3eo3] { min-width: 210px; padding: 0 24px; }

.appointment-review-patient[b-vwrtvr3eo3] { margin: 16px 18px 0; padding: 12px; gap: 11px; border-radius: 16px; background: linear-gradient(100deg, #eef5ff, #f8f2ff); }
.appointment-review-patient div[b-vwrtvr3eo3] { display: flex; flex-direction: column; }
.appointment-review-patient strong[b-vwrtvr3eo3] { font-size: 17px; font-weight: 950; }
.appointment-review-patient small[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 750; }
.appointment-review-grid[b-vwrtvr3eo3] { margin: 12px 18px 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.appointment-review-grid div[b-vwrtvr3eo3] { min-height: 76px; padding: 11px 13px; border: 1px solid rgba(151, 172, 216, .3); border-radius: 15px; background: white; }
.appointment-review-grid .is-wide[b-vwrtvr3eo3] { grid-column: 1 / -1; }
.appointment-review-grid dt[b-vwrtvr3eo3] { color: var(--appointment-muted); font-size: 1rem; font-weight: 800; }
.appointment-review-grid dd[b-vwrtvr3eo3] { margin: 5px 0 0; color: var(--appointment-ink); font-size: 1rem; font-weight: 900; white-space: pre-wrap; }
.appointment-dialog-message[b-vwrtvr3eo3] { margin: 0 18px 12px; padding: 10px 12px; border-radius: 12px; font-size: 1rem; font-weight: 800; }
.appointment-dialog-message.is-error[b-vwrtvr3eo3] { color: #b62555; background: #ffedf3; }
.appointment-dialog-message.is-warning[b-vwrtvr3eo3] { color: #a4620a; background: #fff8e5; }
.appointment-dialog-message.is-success[b-vwrtvr3eo3] { color: #087e70; background: #e9faf6; }

.appointment-history-dialog[b-vwrtvr3eo3] { width: min(1020px, 100%); }
.appointment-history-list[b-vwrtvr3eo3] { min-height: 180px; padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; overflow: auto; }
.appointment-history-item[b-vwrtvr3eo3] { min-width: 0; padding: 9px 11px; display: grid; grid-template-columns: 68px minmax(170px, .8fr) minmax(220px, 1.25fr) auto; align-items: center; gap: 12px; border: 1px solid rgba(151, 172, 216, .3); border-radius: 15px; background: white; }
.appointment-history-item time[b-vwrtvr3eo3] { width: 58px; min-height: 54px; display: grid; place-items: center; align-content: center; border-radius: 13px; color: #315bc9; background: #edf4ff; }
.appointment-history-item time strong[b-vwrtvr3eo3] { font-size: 20px; line-height: 1; font-weight: 950; }
.appointment-history-item time span[b-vwrtvr3eo3] { margin-top: 3px; font-size: 1rem; font-weight: 800; }
.appointment-history-person[b-vwrtvr3eo3],
.appointment-history-detail[b-vwrtvr3eo3] { min-width: 0; display: flex; flex-direction: column; }
.appointment-history-person strong[b-vwrtvr3eo3],
.appointment-history-detail strong[b-vwrtvr3eo3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 900; }
.appointment-history-person small[b-vwrtvr3eo3],
.appointment-history-detail small[b-vwrtvr3eo3] { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--appointment-muted); font-size: 1rem; font-weight: 700; }
.appointment-history-status[b-vwrtvr3eo3] { padding: 5px 9px; border-radius: 999px; font-size: 1rem; font-weight: 900; white-space: nowrap; }
.appointment-history-status.status-scheduled[b-vwrtvr3eo3] { color: #5e44ce; background: #eee9ff; }
.appointment-history-status.status-pending[b-vwrtvr3eo3] { color: #b15f00; background: #fff2d8; }
.appointment-history-status.status-ready[b-vwrtvr3eo3] { color: #087d70; background: #e5f9f4; }
.appointment-history-empty[b-vwrtvr3eo3] { min-height: 210px; display: grid; place-items: center; align-content: center; gap: 8px; color: #8996ab; }
.appointment-history-empty span[b-vwrtvr3eo3] { font-size: 42px; }

.appointment-command-center button[b-vwrtvr3eo3],
.appointment-command-center input[b-vwrtvr3eo3],
.appointment-command-center textarea[b-vwrtvr3eo3] { transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.appointment-command-center button:not(:disabled):hover[b-vwrtvr3eo3] { transform: translateY(-1px); }
.appointment-command-center button:focus-visible[b-vwrtvr3eo3],
.appointment-command-center input:focus-visible[b-vwrtvr3eo3],
.appointment-command-center textarea:focus-visible[b-vwrtvr3eo3] { outline: 3px solid rgba(44, 121, 246, .34); outline-offset: 2px; }

@media (max-width: 1100px) {
    :global(.prototype-body:has(.appointment-command-center))[b-vwrtvr3eo3] { overflow: auto; }
    .appointment-command-center[b-vwrtvr3eo3] { height: auto; min-height: 100%; overflow: visible; }
    .appointment-patient-ribbon[b-vwrtvr3eo3] { grid-template-columns: minmax(260px, 1.2fr) minmax(190px, .8fr) repeat(3, minmax(78px, .34fr)); }
    .appointment-command-body[b-vwrtvr3eo3] { grid-template-columns: 1fr; grid-template-rows: minmax(360px, 48vh) auto; }
    .appointment-form-panel[b-vwrtvr3eo3] { min-height: 520px; }
}

@media (max-width: 760px) {
    .appointment-command-center[b-vwrtvr3eo3] { padding: 7px; gap: 7px; }
    .appointment-command-header[b-vwrtvr3eo3] { align-items: flex-start; }
    .appointment-header-actions .appointment-quiet-button span:nth-child(2)[b-vwrtvr3eo3] { display: none; }
    .appointment-patient-ribbon[b-vwrtvr3eo3] { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 0; gap: 6px; }
    .appointment-search-block[b-vwrtvr3eo3] { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid rgba(157, 177, 216, .28); padding: 0 0 7px; }
    .appointment-patient-identity[b-vwrtvr3eo3] { grid-column: 1 / -1; min-height: 56px; border-right: 0; border-bottom: 1px solid rgba(157, 177, 216, .28); padding: 0 4px 6px; }
    .appointment-patient-fact[b-vwrtvr3eo3] { min-height: 48px; padding: 0 7px; }
    .appointment-stage strong[b-vwrtvr3eo3] { font-size: 1rem; }
    .appointment-command-body[b-vwrtvr3eo3] { grid-template-rows: minmax(310px, 43vh) auto; }
    .appointment-capsule-summary[b-vwrtvr3eo3] { grid-template-columns: 1fr 1fr; }
    .appointment-capsule-summary div:last-child[b-vwrtvr3eo3] { display: none; }
    .appointment-form-panel[b-vwrtvr3eo3] { min-height: 530px; }
    .appointment-history-item[b-vwrtvr3eo3] { grid-template-columns: 58px minmax(0, 1fr) auto; }
    .appointment-history-detail[b-vwrtvr3eo3] { grid-column: 2 / -1; }
}

@media (max-width: 520px) {
    :global(.prototype-body:has(.appointment-command-center))[b-vwrtvr3eo3] { padding: 0; }
    .appointment-title-icon[b-vwrtvr3eo3] { width: 38px; height: 38px; flex-basis: 38px; }
    .appointment-title-group h1[b-vwrtvr3eo3] { font-size: 21px; }
    .appointment-stage strong[b-vwrtvr3eo3] { display: none; }
    .appointment-stage:not(:last-child)[b-vwrtvr3eo3]::after { right: -25%; width: 50%; }
    .appointment-capsule-heading h2[b-vwrtvr3eo3],
    .appointment-form-heading h2[b-vwrtvr3eo3] { font-size: 16px; }
    .appointment-field[b-vwrtvr3eo3] { grid-template-columns: auto minmax(0, 1fr); }
    .appointment-field > input[b-vwrtvr3eo3],
    .appointment-field > textarea[b-vwrtvr3eo3] { grid-column: 1 / -1; }
    .appointment-form-panel[b-vwrtvr3eo3] { grid-template-rows: auto auto auto auto auto auto; }
    .appointment-dialog-backdrop[b-vwrtvr3eo3] { padding: 0; }
    .appointment-dialog[b-vwrtvr3eo3] { width: 100%; height: 100%; max-height: none; border-radius: 0; }
    .appointment-review-grid[b-vwrtvr3eo3] { grid-template-columns: 1fr; }
    .appointment-review-grid .is-wide[b-vwrtvr3eo3] { grid-column: auto; }
    .appointment-dialog footer .appointment-primary-action[b-vwrtvr3eo3] { min-width: 0; flex: 1; }
    .appointment-history-item[b-vwrtvr3eo3] { grid-template-columns: 54px minmax(0, 1fr); }
    .appointment-history-status[b-vwrtvr3eo3] { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
    .appointment-command-center *[b-vwrtvr3eo3],
    .appointment-command-center *[b-vwrtvr3eo3]::before,
    .appointment-command-center *[b-vwrtvr3eo3]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Pages/Settings/BloodStockAlerts.razor.rz.scp.css */
.stock-alert-workspace[b-7e1vvvzqyn] {
    width: 100%;
    min-height: 100%;
    padding: 20px 24px 32px;
    color: #17335b;
}

.stock-alert-header[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.stock-alert-heading[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.stock-alert-heading-icon[b-7e1vvvzqyn] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(64, 126, 191, 0.18);
    border-radius: 8px;
    color: #175fa5;
    background: rgba(244, 250, 255, 0.8);
    box-shadow: 0 8px 22px rgba(36, 78, 122, 0.08);
}

.stock-alert-heading-icon[b-7e1vvvzqyn]  svg,
.stock-alert-updated button[b-7e1vvvzqyn]  svg,
.stock-alert-guide-item > span[b-7e1vvvzqyn]  svg,
.stock-alert-footer p[b-7e1vvvzqyn]  svg,
.stock-alert-save[b-7e1vvvzqyn]  svg {
    width: 20px;
    height: 20px;
}

.stock-alert-heading h1[b-7e1vvvzqyn],
.stock-alert-panel-title h2[b-7e1vvvzqyn] {
    margin: 0;
    color: #142d52;
    letter-spacing: 0;
}

.stock-alert-heading h1[b-7e1vvvzqyn] {
    font-size: 1.38rem;
    line-height: 1.25;
}

.stock-alert-heading p[b-7e1vvvzqyn],
.stock-alert-panel-title p[b-7e1vvvzqyn] {
    margin: 4px 0 0;
    color: #657b99;
    font-size: 1rem;
}

.stock-alert-updated[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #657b99;
    font-size: 1rem;
    white-space: nowrap;
}

.stock-alert-updated button[b-7e1vvvzqyn] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(90, 125, 161, 0.2);
    border-radius: 50%;
    color: #315b86;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.stock-alert-updated button:hover[b-7e1vvvzqyn],
.stock-alert-updated button:focus-visible[b-7e1vvvzqyn] {
    border-color: rgba(23, 95, 165, 0.42);
    color: #175fa5;
    outline: 3px solid rgba(41, 125, 205, 0.13);
}

.stock-alert-message[b-7e1vvvzqyn] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border: 1px solid;
    border-radius: 6px;
    font-size: 1rem;
}

.stock-alert-message.success[b-7e1vvvzqyn] {
    border-color: #a9dfc8;
    color: #096b4a;
    background: #eefaf5;
}

.stock-alert-message.error[b-7e1vvvzqyn] {
    border-color: #f3b8bd;
    color: #a61c2a;
    background: #fff3f4;
}

.stock-alert-guide[b-7e1vvvzqyn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.stock-alert-guide-item[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid rgba(112, 145, 177, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
    backdrop-filter: blur(16px) saturate(125%);
    box-shadow: 0 10px 26px rgba(31, 65, 101, 0.06);
}

.stock-alert-guide-item > span[b-7e1vvvzqyn] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 50%;
}

.stock-alert-guide-item strong[b-7e1vvvzqyn],
.stock-alert-guide-item small[b-7e1vvvzqyn] {
    display: block;
}

.stock-alert-guide-item strong[b-7e1vvvzqyn] {
    margin-bottom: 2px;
    font-size: 1rem;
}

.stock-alert-guide-item small[b-7e1vvvzqyn] {
    color: #6b7f99;
    font-size: 1rem;
    line-height: 1.35;
}

.stock-alert-guide-item--critical > span[b-7e1vvvzqyn] { color: #b9202d; background: #ffe9eb; }
.stock-alert-guide-item--warning > span[b-7e1vvvzqyn] { color: #ad6400; background: #fff2d9; }
.stock-alert-guide-item--normal > span[b-7e1vvvzqyn] { color: #087451; background: #e4f7ef; }

.stock-alert-panel[b-7e1vvvzqyn] {
    overflow: hidden;
    border: 1px solid rgba(99, 137, 176, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 38px rgba(30, 65, 103, 0.08);
}

.stock-alert-panel-title[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid #dce7f1;
    background: rgba(245, 250, 255, 0.86);
}

.stock-alert-panel-title h2[b-7e1vvvzqyn] {
    font-size: 1rem;
}

.stock-alert-panel-title > span[b-7e1vvvzqyn] {
    padding: 5px 10px;
    border-radius: 999px;
    color: #28608f;
    background: #eaf4fc;
    font-size: 1rem;
    font-weight: 700;
}

.stock-alert-table-scroll[b-7e1vvvzqyn] {
    width: 100%;
    overflow-x: auto;
}

.stock-alert-panel table[b-7e1vvvzqyn] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    table-layout: fixed;
}

.stock-alert-panel th[b-7e1vvvzqyn],
.stock-alert-panel td[b-7e1vvvzqyn] {
    padding: 13px 16px;
    border-bottom: 1px solid #e3ebf3;
    text-align: left;
    vertical-align: middle;
}

.stock-alert-panel th[b-7e1vvvzqyn] {
    color: #546c89;
    background: #f8fbfe;
    font-size: 1rem;
    font-weight: 700;
}

.stock-alert-panel td[b-7e1vvvzqyn] {
    color: #203b5f;
    font-size: 1rem;
}

.stock-alert-panel tbody tr:last-child td[b-7e1vvvzqyn] {
    border-bottom: 0;
}

.stock-alert-panel tbody tr[b-7e1vvvzqyn] {
    box-shadow: inset 3px 0 transparent;
    transition: background-color 150ms ease;
}

.stock-alert-panel tbody tr:hover[b-7e1vvvzqyn] { background: #f8fbfe; }
.stock-alert-panel tbody .stock-alert-row--a[b-7e1vvvzqyn] { box-shadow: inset 3px 0 #e5b424; }
.stock-alert-panel tbody .stock-alert-row--b[b-7e1vvvzqyn] { box-shadow: inset 3px 0 #dc7395; }
.stock-alert-panel tbody .stock-alert-row--o[b-7e1vvvzqyn] { box-shadow: inset 3px 0 #4ba2d4; }
.stock-alert-panel tbody .stock-alert-row--ab[b-7e1vvvzqyn] { box-shadow: inset 3px 0 #8b98a8; }

.numeric[b-7e1vvvzqyn] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.stock-alert-abo[b-7e1vvvzqyn] {
    display: inline-grid;
    min-width: 44px;
    height: 36px;
    place-items: center;
    border-radius: 7px;
    font-size: 1rem;
    font-weight: 800;
}

.stock-alert-abo--a[b-7e1vvvzqyn] { color: #7d5900; background: #fff4c5; }
.stock-alert-abo--b[b-7e1vvvzqyn] { color: #9a3155; background: #ffe6ee; }
.stock-alert-abo--o[b-7e1vvvzqyn] { color: #176b9c; background: #e2f4ff; }
.stock-alert-abo--ab[b-7e1vvvzqyn] { color: #4f5d6e; background: #e9edf2; }

.stock-alert-current[b-7e1vvvzqyn] {
    font-size: 1.18rem;
    font-weight: 800;
}

.stock-alert-current + span[b-7e1vvvzqyn] {
    margin-left: 3px;
    color: #71839a;
    font-size: 1rem;
}

.stock-alert-number-input[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    width: min(160px, 100%);
    overflow: hidden;
    border: 1px solid #cddae7;
    border-radius: 6px;
    background: #fff;
}

.stock-alert-number-input:focus-within[b-7e1vvvzqyn] {
    border-color: #2b79c2;
    box-shadow: 0 0 0 3px rgba(43, 121, 194, 0.12);
}

.stock-alert-number-input input[b-7e1vvvzqyn] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 10px;
    border: 0;
    outline: 0;
    color: #17335b;
    background: transparent;
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.stock-alert-number-input em[b-7e1vvvzqyn] {
    padding: 0 10px;
    color: #6b7f99;
    font-size: 1rem;
    font-style: normal;
}

.stock-alert-status[b-7e1vvvzqyn] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
}

.critical[b-7e1vvvzqyn] { color: #b31d2b; }
.warning[b-7e1vvvzqyn] { color: #a45c00; }
.normal[b-7e1vvvzqyn] { color: #08704e; }
.disabled[b-7e1vvvzqyn], .unconfigured[b-7e1vvvzqyn] { color: #6c7d92; }
.stock-alert-status.critical[b-7e1vvvzqyn] { background: #ffe9eb; }
.stock-alert-status.warning[b-7e1vvvzqyn] { background: #fff1d7; }
.stock-alert-status.normal[b-7e1vvvzqyn] { background: #e5f7ef; }
.stock-alert-status.disabled[b-7e1vvvzqyn], .stock-alert-status.unconfigured[b-7e1vvvzqyn] { background: #edf1f5; }

.stock-alert-toggle[b-7e1vvvzqyn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #536a86;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.stock-alert-toggle input[b-7e1vvvzqyn] {
    width: 36px;
    height: 20px;
    accent-color: #1872c5;
    cursor: pointer;
}

.stock-alert-toggle input:focus-visible[b-7e1vvvzqyn] {
    outline: 3px solid rgba(43, 121, 194, 0.2);
    outline-offset: 2px;
}

.stock-alert-footer[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
    border-top: 1px solid #dce7f1;
    background: #f8fbfe;
}

.stock-alert-footer p[b-7e1vvvzqyn] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #657b96;
    font-size: 1rem;
}

.stock-alert-footer p[b-7e1vvvzqyn]  svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.stock-alert-save[b-7e1vvvzqyn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #1265b2;
    border-radius: 6px;
    color: #fff;
    background: #126fc7;
    box-shadow: 0 8px 18px rgba(18, 111, 199, 0.2);
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.stock-alert-save:hover:not(:disabled)[b-7e1vvvzqyn],
.stock-alert-save:focus-visible[b-7e1vvvzqyn] {
    background: #0f61af;
    outline: 3px solid rgba(43, 121, 194, 0.18);
}

.stock-alert-save:disabled[b-7e1vvvzqyn] {
    opacity: 0.65;
    cursor: wait;
}

.stock-alert-state[b-7e1vvvzqyn] {
    display: grid;
    min-height: 260px;
    place-items: center;
    color: #6d8098;
}

@media (max-width: 900px) {
    .stock-alert-workspace[b-7e1vvvzqyn] { padding: 16px; }
    .stock-alert-guide[b-7e1vvvzqyn] { grid-template-columns: 1fr; }
    .stock-alert-guide-item[b-7e1vvvzqyn] { min-height: 60px; }
}

@media (max-width: 640px) {
    .stock-alert-header[b-7e1vvvzqyn],
    .stock-alert-footer[b-7e1vvvzqyn] {
        align-items: stretch;
        flex-direction: column;
    }

    .stock-alert-updated[b-7e1vvvzqyn] { justify-content: flex-end; }
    .stock-alert-panel-title[b-7e1vvvzqyn] { align-items: flex-start; }
    .stock-alert-table-scroll[b-7e1vvvzqyn] { overflow: visible; }
    .stock-alert-panel table[b-7e1vvvzqyn],
    .stock-alert-panel tbody[b-7e1vvvzqyn],
    .stock-alert-panel tr[b-7e1vvvzqyn],
    .stock-alert-panel td[b-7e1vvvzqyn] { display: block; width: 100%; min-width: 0; }
    .stock-alert-panel thead[b-7e1vvvzqyn] { display: none; }
    .stock-alert-panel tbody tr[b-7e1vvvzqyn] { padding: 12px 14px; border-bottom: 1px solid #dce7f1; }
    .stock-alert-panel td[b-7e1vvvzqyn] {
        display: grid;
        grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 12px;
        padding: 7px 0;
        border: 0;
        text-align: left !important;
    }
    .stock-alert-panel td[b-7e1vvvzqyn]::before {
        content: attr(data-label);
        color: #667b96;
        font-size: 1rem;
        font-weight: 700;
    }
    .stock-alert-number-input[b-7e1vvvzqyn] { width: 100%; }
    .stock-alert-save[b-7e1vvvzqyn] { width: 100%; }
}
/* /Components/Pages/Settings/DonorWorkflow.razor.rz.scp.css */
.donor-settings[b-rpg9mwls9j] { padding: 20px; min-width: 0; color: #243855; }
h1[b-rpg9mwls9j] { font-size: 24px; }
.scroll[b-rpg9mwls9j] { overflow-x: auto; }
table[b-rpg9mwls9j] { border-collapse: collapse; min-width: 900px; width: 100%; background: #fff; }
th[b-rpg9mwls9j], td[b-rpg9mwls9j] { border: 1px solid #dbe5f4; padding: 10px; text-align: left; }
fieldset[b-rpg9mwls9j] { border: 0; padding: 0; min-width: 0; }
label[b-rpg9mwls9j] { display: block; margin: 12px 0; }
textarea[b-rpg9mwls9j] { display: block; max-width: 100%; width: 500px; }
button[b-rpg9mwls9j] { padding: 10px 16px; border: 1px solid #cedcee; border-radius: 8px; background: #f1f6ff; color: #245bb0; }
[role="alert"][b-rpg9mwls9j] { color: #a02020; }
[role="note"][b-rpg9mwls9j] { padding: 12px; background: #fff2ce; }
dd[b-rpg9mwls9j] { overflow-wrap: anywhere; }
details[b-rpg9mwls9j] { margin-top: 12px; }
@media (max-width: 600px) { .donor-settings[b-rpg9mwls9j] { padding: 12px; } }
/* /Components/Pages/Settings/PanelCellLots.razor.rz.scp.css */
.panel-lot-workspace[b-82oybcuyrh] { min-height: 100%; padding: 1rem; color: #163554; background: linear-gradient(135deg, rgba(218,238,252,.7), rgba(238,250,247,.76)); }
.panel-lot-header[b-82oybcuyrh], .panel-section-heading[b-82oybcuyrh], .panel-editor-toolbar[b-82oybcuyrh], .panel-upload-bar[b-82oybcuyrh], .panel-sticky-footer[b-82oybcuyrh] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.panel-lot-header[b-82oybcuyrh] { margin-bottom: .9rem; }
.panel-lot-header h1[b-82oybcuyrh] { margin: .1rem 0; font-size: 1.5rem; }
.panel-lot-header p[b-82oybcuyrh], .panel-subheading span[b-82oybcuyrh], .panel-upload-bar span[b-82oybcuyrh], .panel-sticky-footer span[b-82oybcuyrh] { margin: 0; color: #667f96; }
.panel-lot-eyebrow[b-82oybcuyrh] { color: #1874c8 !important; font-size: 1rem; font-weight: 800; }
.panel-primary[b-82oybcuyrh], .panel-secondary[b-82oybcuyrh], .panel-danger[b-82oybcuyrh], .panel-icon-button[b-82oybcuyrh], .panel-upload-button[b-82oybcuyrh] { min-height: 2.4rem; border: 1px solid #bfd2e3; border-radius: 6px; background: #fff; color: #17486f; font-weight: 750; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .55rem .85rem; cursor: pointer; }
.panel-primary[b-82oybcuyrh] { border-color: #1476d4; background: #1476d4; color: #fff; }
.panel-danger[b-82oybcuyrh] { border-color: #e9a7aa; color: #b51f29; }
.panel-primary:focus-visible[b-82oybcuyrh], .panel-secondary:focus-visible[b-82oybcuyrh], .panel-danger:focus-visible[b-82oybcuyrh], .panel-icon-button:focus-visible[b-82oybcuyrh], .panel-lot-item:focus-visible[b-82oybcuyrh], input:focus-visible[b-82oybcuyrh], select:focus-visible[b-82oybcuyrh], textarea:focus-visible[b-82oybcuyrh] { outline: 3px solid rgba(26,128,222,.3); outline-offset: 2px; }
button:disabled[b-82oybcuyrh] { opacity: .55; cursor: not-allowed; }
.panel-message[b-82oybcuyrh] { margin-bottom: .75rem; padding: .7rem .85rem; border-radius: 6px; border: 1px solid #9cd9bc; background: #effbf5; color: #087344; font-weight: 700; }
.panel-message--error[b-82oybcuyrh] { border-color: #efb0b3; background: #fff3f3; color: #a91e27; }
.panel-lot-layout[b-82oybcuyrh] { display: grid; grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: .8rem; align-items: start; }
.panel-lot-list[b-82oybcuyrh], .panel-editor[b-82oybcuyrh] { border: 1px solid rgba(156,185,210,.6); border-radius: 7px; background: rgba(250,253,255,.9); box-shadow: 0 10px 28px rgba(31,72,107,.09); overflow: hidden; }
.panel-lot-list[b-82oybcuyrh] { position: sticky; top: 5.4rem; max-height: calc(100dvh - 7rem); }
.panel-section-heading[b-82oybcuyrh], .panel-editor-toolbar[b-82oybcuyrh] { padding: .85rem 1rem; border-bottom: 1px solid #d6e3ed; background: rgba(242,248,252,.9); }
.panel-section-heading h2[b-82oybcuyrh], .panel-editor-toolbar strong[b-82oybcuyrh], .panel-subheading h3[b-82oybcuyrh] { margin: 0; font-size: 1rem; }
.panel-section-heading p[b-82oybcuyrh] { margin: .15rem 0 0; color: #778da1; font-size: 1rem; }
.panel-icon-button[b-82oybcuyrh] { width: 2.35rem; padding: .45rem; }
.panel-lot-items[b-82oybcuyrh] { overflow-y: auto; max-height: calc(100dvh - 12rem); }
.panel-lot-item[b-82oybcuyrh] { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: .25rem .6rem; border: 0; border-bottom: 1px solid #e0e9f0; background: #fff; color: inherit; text-align: left; padding: .75rem .9rem; cursor: pointer; }
.panel-lot-item:hover[b-82oybcuyrh] { background: #f4f9fd; }
.panel-lot-item.is-selected[b-82oybcuyrh] { box-shadow: inset 4px 0 #167ad7; background: #eaf4ff; }
.panel-lot-item-main[b-82oybcuyrh] { display: flex; flex-direction: column; min-width: 0; }
.panel-lot-item-main strong[b-82oybcuyrh] { overflow-wrap: anywhere; }
.panel-lot-item-main small[b-82oybcuyrh], .panel-lot-item-meta[b-82oybcuyrh], .panel-pending-revision[b-82oybcuyrh] { color: #6a8196; font-size: 1rem; }
.panel-pending-revision[b-82oybcuyrh] { grid-column: 1 / -1; color: #9a6400; }
.panel-status[b-82oybcuyrh] { align-self: start; padding: .18rem .5rem; border-radius: 999px; border: 1px solid #c7d5e0; background: #edf3f7; color: #587086; font-size: 1rem; font-weight: 800; }
.panel-status--active[b-82oybcuyrh] { border-color: #a9dfc2; background: #e9f9f0; color: #087343; }
.panel-status--draft[b-82oybcuyrh] { border-color: #b8d4f2; background: #edf6ff; color: #0f66ad; }
.panel-status--expired[b-82oybcuyrh] { border-color: #f0b0b4; background: #fff0f0; color: #b3222b; }
.panel-status--inactive[b-82oybcuyrh], .panel-status--superseded[b-82oybcuyrh] { color: #6f7e8a; }
.panel-editor-toolbar > div[b-82oybcuyrh] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; }
.panel-editor-toolbar small[b-82oybcuyrh] { color: #6c8295; }
.panel-meta-grid[b-82oybcuyrh] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .7rem; padding: .9rem 1rem; }
.panel-meta-grid label[b-82oybcuyrh], .panel-modal label[b-82oybcuyrh] { display: grid; gap: .3rem; color: #4f687e; font-size: 1rem; font-weight: 750; }
.panel-meta-grid input[b-82oybcuyrh], .panel-modal textarea[b-82oybcuyrh] { width: 100%; min-width: 0; border: 1px solid #bfd0df; border-radius: 5px; background: #fff; color: #173b5b; min-height: 2.5rem; padding: .5rem .65rem; }
.panel-meta-grid input:disabled[b-82oybcuyrh] { background: #f2f6f9; color: #566f84; }
.panel-upload-bar[b-82oybcuyrh] { margin: 0 1rem .8rem; padding: .7rem .8rem; border: 1px solid rgba(77,154,210,.35); border-radius: 6px; background: rgba(234,246,255,.7); }
.panel-upload-bar > div[b-82oybcuyrh], .panel-sticky-footer > div[b-82oybcuyrh] { display: flex; flex-direction: column; }
.panel-upload-button[b-82oybcuyrh] { position: relative; overflow: hidden; }
.panel-upload-button[b-82oybcuyrh]  input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.panel-parse-warning[b-82oybcuyrh] { margin: 0 1rem .8rem; display: flex; align-items: center; gap: .5rem; padding: .6rem .75rem; color: #945d00; background: #fff8e8; border: 1px solid #ecd29a; border-radius: 6px; }
.panel-verification-grid[b-82oybcuyrh] { display: grid; grid-template-columns: minmax(18rem, 34%) minmax(0,1fr); border-top: 1px solid #d7e4ed; min-height: 31rem; }
.panel-original[b-82oybcuyrh], .panel-data[b-82oybcuyrh] { min-width: 0; padding: .9rem; }
.panel-original[b-82oybcuyrh] { border-right: 1px solid #d7e4ed; background: #f7fafc; }
.panel-subheading[b-82oybcuyrh] { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; margin-bottom: .65rem; }
.panel-original img[b-82oybcuyrh] { display: block; width: 100%; max-height: 68vh; object-fit: contain; background: #eef2f4; border: 1px solid #cbd9e3; border-radius: 5px; }
.panel-image-empty[b-82oybcuyrh], .panel-empty[b-82oybcuyrh] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; color: #70869a; text-align: center; padding: 2rem; }
.panel-image-empty[b-82oybcuyrh] { min-height: 24rem; border: 1px dashed #b8cbd9; border-radius: 5px; }
.panel-empty--large[b-82oybcuyrh] { min-height: 30rem; }
.panel-table-scroll[b-82oybcuyrh] { overflow: auto; max-width: 100%; border: 1px solid #c9dae6; border-radius: 5px; }
.panel-grid-table[b-82oybcuyrh] { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; font-size: 1rem; }
.panel-grid-table th[b-82oybcuyrh], .panel-grid-table td[b-82oybcuyrh] { min-width: 3rem; height: 2.55rem; padding: .22rem; border-right: 1px solid #d9e4ec; border-bottom: 1px solid #d9e4ec; text-align: center; }
.panel-grid-table thead th[b-82oybcuyrh] { position: sticky; top: 0; z-index: 2; background: #eaf2f8; color: #365a75; }
.panel-grid-table .sticky-cell[b-82oybcuyrh] { position: sticky; left: 0; z-index: 3; min-width: 3.4rem; background: #edf5fa; font-weight: 850; }
.panel-grid-table input[b-82oybcuyrh], .panel-grid-table select[b-82oybcuyrh] { width: 100%; min-width: 2.8rem; height: 2rem; border: 1px solid transparent; border-radius: 4px; background: transparent; color: #163b5c; text-align: center; font-weight: 750; }
.panel-grid-table input:focus[b-82oybcuyrh], .panel-grid-table select:focus[b-82oybcuyrh] { border-color: #55a7e5; background: #fff; }
.panel-grid-table .needs-review[b-82oybcuyrh] { background: #fff1c9; box-shadow: inset 0 0 0 1px #edc45e; }
.panel-sticky-footer[b-82oybcuyrh] { position: sticky; bottom: 0; z-index: 5; padding: .75rem 1rem; border-top: 1px solid #cddde8; background: rgba(250,253,255,.96); backdrop-filter: blur(14px); }
.panel-sticky-footer > div[b-82oybcuyrh] { margin-right: auto; }
.panel-sticky-footer strong[b-82oybcuyrh] { color: #9b6500; }
.panel-modal-overlay[b-82oybcuyrh] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 1rem; background: rgba(20,43,63,.28); backdrop-filter: blur(4px); }
.panel-modal[b-82oybcuyrh] { width: min(32rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid rgba(174,196,214,.8); border-radius: 7px; background: rgba(255,255,255,.97); box-shadow: 0 22px 60px rgba(26,54,78,.24); }
.panel-modal h2[b-82oybcuyrh] { margin: 0; }
.panel-modal > div[b-82oybcuyrh] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }

@media (max-width: 1180px) {
    .panel-lot-layout[b-82oybcuyrh] { grid-template-columns: 1fr; }
    .panel-lot-list[b-82oybcuyrh] { position: static; max-height: none; }
    .panel-lot-items[b-82oybcuyrh] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 18rem; }
    .panel-meta-grid[b-82oybcuyrh] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .panel-verification-grid[b-82oybcuyrh] { grid-template-columns: 1fr; }
    .panel-original[b-82oybcuyrh] { border-right: 0; border-bottom: 1px solid #d7e4ed; }
    .panel-original img[b-82oybcuyrh] { max-height: 32rem; }
}

@media (max-width: 720px) {
    .panel-lot-workspace[b-82oybcuyrh] { padding: .65rem; }
    .panel-lot-header[b-82oybcuyrh], .panel-upload-bar[b-82oybcuyrh], .panel-sticky-footer[b-82oybcuyrh] { align-items: stretch; flex-direction: column; }
    .panel-lot-header .panel-primary[b-82oybcuyrh], .panel-upload-button[b-82oybcuyrh], .panel-sticky-footer button[b-82oybcuyrh] { width: 100%; }
    .panel-lot-items[b-82oybcuyrh], .panel-meta-grid[b-82oybcuyrh] { grid-template-columns: 1fr; }
    .panel-editor-toolbar[b-82oybcuyrh] { align-items: flex-start; flex-direction: column; }
    .panel-editor-actions[b-82oybcuyrh] { width: 100%; }
    .panel-editor-actions button[b-82oybcuyrh] { flex: 1; }
    .panel-verification-grid[b-82oybcuyrh] { min-height: 0; }
    .panel-image-empty[b-82oybcuyrh] { min-height: 14rem; }
}
/* /Components/Pages/Settings/SyncStatus.razor.rz.scp.css */
/* Scoped CSS for SyncStatus.razor */

/* Spin Animation for Loading Refresh icon */
@keyframes spin-b-1feffyt01v {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.animate-spin-custom[b-1feffyt01v] {
    animation: spin-b-1feffyt01v 1s linear infinite;
}
/* /Components/Pages/Stock/BloodDetail.razor.rz.scp.css */
.blood-detail-page[b-exr82mhem8] {
    --detail-blue: #246bfd;
    --detail-violet: #7443e8;
    --detail-teal: #0d9b87;
    --detail-pink: #d9468b;
    --detail-ink: #17324f;
    --detail-muted: #698099;
    --detail-line: rgba(93, 132, 184, 0.23);
    background:
        radial-gradient(circle at 7% 5%, rgba(81, 190, 248, 0.11), transparent 24%),
        radial-gradient(circle at 94% 7%, rgba(221, 83, 178, 0.09), transparent 25%);
    color: var(--detail-ink);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: calc(100dvh - 94px);
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 12px 16px 16px;
}

.blood-detail-page button[b-exr82mhem8],
.blood-detail-page input[b-exr82mhem8],
.blood-detail-page select[b-exr82mhem8] {
    font: inherit;
}

.blood-detail-page button:focus-visible[b-exr82mhem8],
.blood-detail-page input:focus-visible[b-exr82mhem8],
.blood-detail-page select:focus-visible[b-exr82mhem8],
.blood-detail-page summary:focus-visible[b-exr82mhem8] {
    outline: 3px solid rgba(48, 114, 255, 0.3);
    outline-offset: 2px;
}

.blood-detail-overview[b-exr82mhem8],
.blood-detail-queue[b-exr82mhem8],
.blood-detail-command[b-exr82mhem8] {
    background: rgba(255, 255, 255, 0.83);
    border: 1px solid var(--detail-line);
    box-shadow: 0 12px 34px rgba(47, 75, 120, 0.08);
    backdrop-filter: blur(18px);
}

.blood-detail-overview[b-exr82mhem8] {
    align-items: center;
    border-radius: 22px;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(320px, 1fr) auto auto;
    padding: 12px 14px;
}

.blood-detail-title[b-exr82mhem8] {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.blood-detail-title > span:last-child[b-exr82mhem8] {
    display: grid;
    min-width: 0;
}

.blood-detail-title-icon[b-exr82mhem8] {
    align-items: center;
    background: linear-gradient(145deg, var(--detail-blue), var(--detail-violet));
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(74, 82, 219, 0.28);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 50px;
    height: 50px;
    justify-content: center;
    width: 50px;
}

.blood-detail-title-icon[b-exr82mhem8] (svg) {
    height: 26px;
    width: 26px;
}

.blood-detail-title small[b-exr82mhem8],
.blood-detail-selected-unit small[b-exr82mhem8],
.blood-detail-facts header small[b-exr82mhem8],
.blood-detail-history header small[b-exr82mhem8] {
    color: #506bd4;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.blood-detail-title h1[b-exr82mhem8],
.blood-detail-selected-header h2[b-exr82mhem8] {
    margin: 0;
}

.blood-detail-title h1[b-exr82mhem8] {
    font-size: clamp(1.18rem, 1.5vw, 1.5rem);
    line-height: 1.2;
}

.blood-detail-title em[b-exr82mhem8],
.blood-detail-selected-unit em[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blood-detail-overview-stats[b-exr82mhem8],
.blood-detail-overview-actions[b-exr82mhem8] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.blood-detail-overview-stats > span[b-exr82mhem8] {
    background: rgba(246, 249, 254, 0.84);
    border: 1px solid rgba(111, 139, 177, 0.2);
    border-radius: 14px;
    display: grid;
    min-width: 115px;
    padding: 7px 10px;
}

.blood-detail-overview-stats small[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-weight: 800;
}

.blood-detail-overview-stats strong[b-exr82mhem8] {
    font-size: 1rem;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blood-detail-overview-actions button[b-exr82mhem8],
.blood-detail-filter-actions button[b-exr82mhem8] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(90, 121, 162, 0.25);
    border-radius: 12px;
    color: #35516f;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 850;
    gap: 6px;
    justify-content: center;
    min-height: 38px;
    padding: 7px 12px;
}

.blood-detail-overview-actions button[b-exr82mhem8] (svg) {
    height: 16px;
    width: 16px;
}

.blood-detail-overview-actions button.is-primary[b-exr82mhem8],
.blood-detail-filter-actions button.is-primary[b-exr82mhem8] {
    background: linear-gradient(135deg, var(--detail-blue), var(--detail-violet));
    border-color: transparent;
    color: #ffffff;
}

.blood-detail-message[b-exr82mhem8] {
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid var(--detail-line);
    border-radius: 12px;
    color: #4d6682;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: 800;
    padding: 7px 11px;
}

.blood-detail-message.is-info[b-exr82mhem8] {
    background: rgba(235, 245, 255, 0.9);
    border-color: rgba(80, 142, 221, 0.28);
    color: #245eaa;
}

.blood-detail-workspace[b-exr82mhem8] {
    display: grid;
    flex: 1 1 auto;
    gap: 12px;
    grid-template-columns: minmax(330px, 36%) minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
}

.blood-detail-queue[b-exr82mhem8],
.blood-detail-command[b-exr82mhem8] {
    border-radius: 22px;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.blood-detail-queue[b-exr82mhem8] {
    display: flex;
    flex-direction: column;
}

.blood-detail-queue-heading[b-exr82mhem8],
.blood-detail-selected-header[b-exr82mhem8],
.blood-detail-facts header[b-exr82mhem8],
.blood-detail-history header[b-exr82mhem8] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.blood-detail-queue-heading[b-exr82mhem8] {
    border-bottom: 1px solid rgba(111, 139, 177, 0.16);
    padding: 12px 14px 8px;
}

.blood-detail-queue-heading > div[b-exr82mhem8],
.blood-detail-facts header > div[b-exr82mhem8],
.blood-detail-history header > div[b-exr82mhem8] {
    display: grid;
}

.blood-detail-queue-heading strong[b-exr82mhem8],
.blood-detail-facts header strong[b-exr82mhem8],
.blood-detail-history header strong[b-exr82mhem8] {
    font-size: 1rem;
}

.blood-detail-queue-heading small[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-weight: 700;
}

.blood-detail-queue-heading > span[b-exr82mhem8],
.blood-detail-history header > span[b-exr82mhem8] {
    background: #eef4fb;
    border-radius: 999px;
    color: #496782;
    font-size: 1rem;
    font-weight: 850;
    padding: 5px 9px;
}

.blood-detail-search[b-exr82mhem8] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b8cae0;
    border-radius: 13px;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: 8px 10px;
    min-height: 44px;
    overflow: hidden;
}

.blood-detail-search > span[b-exr82mhem8] {
    color: #3e6fa9;
    display: grid;
    padding-left: 11px;
    place-items: center;
}

.blood-detail-search > span[b-exr82mhem8] (svg),
.blood-detail-search button[b-exr82mhem8] (svg) {
    height: 18px;
    width: 18px;
}

.blood-detail-search input[b-exr82mhem8] {
    background: transparent;
    border: 0;
    color: var(--detail-ink);
    font-size: 1rem;
    font-weight: 750;
    min-width: 0;
    outline: none;
    padding: 0 10px;
}

.blood-detail-search button[b-exr82mhem8] {
    align-self: stretch;
    background: linear-gradient(145deg, var(--detail-blue), var(--detail-violet));
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: grid;
    padding: 0 13px;
    place-items: center;
}

.blood-detail-filters[b-exr82mhem8] {
    border-bottom: 1px solid rgba(111, 139, 177, 0.16);
    flex: 0 0 auto;
    padding: 0 10px 8px;
}

.blood-detail-filters summary[b-exr82mhem8] {
    align-items: center;
    color: #496782;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 850;
    justify-content: space-between;
    list-style: none;
    min-height: 32px;
    padding: 0 3px;
}

.blood-detail-filters summary[b-exr82mhem8]::-webkit-details-marker {
    display: none;
}

.blood-detail-filters summary span[b-exr82mhem8] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.blood-detail-filters summary[b-exr82mhem8] (svg) {
    height: 15px;
    width: 15px;
}

.blood-detail-filters[open] summary[b-exr82mhem8] > (svg) {
    transform: rotate(180deg);
}

.blood-detail-filter-grid[b-exr82mhem8] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 6px;
}

.blood-detail-filter-grid label[b-exr82mhem8] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.blood-detail-filter-grid label > span[b-exr82mhem8] {
    color: #5f748c;
    font-size: 1rem;
    font-weight: 800;
}

.blood-detail-filter-grid input[b-exr82mhem8],
.blood-detail-filter-grid select[b-exr82mhem8] {
    background: #ffffff;
    border: 1px solid #c6d5e6;
    border-radius: 9px;
    color: #294660;
    font-size: 1rem;
    font-weight: 750;
    height: 34px;
    min-width: 0;
    padding: 0 8px;
}

.blood-detail-filter-actions[b-exr82mhem8] {
    display: flex;
    gap: 7px;
    justify-content: flex-end;
    padding-top: 9px;
}

.blood-detail-filter-actions button[b-exr82mhem8] {
    min-height: 34px;
    padding: 5px 10px;
}

.blood-detail-queue-list[b-exr82mhem8] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 7px;
    min-height: 0;
    overflow-y: auto;
    padding: 3px 9px 10px;
    scrollbar-color: rgba(88, 125, 170, 0.42) transparent;
    scrollbar-width: thin;
}

.blood-detail-queue-card[b-exr82mhem8] {
    align-items: center;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(112, 139, 175, 0.23);
    border-radius: 15px;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    min-height: 78px;
    padding: 9px 10px;
    position: relative;
    text-align: left;
}

.blood-detail-queue-card:hover[b-exr82mhem8] {
    border-color: rgba(62, 113, 215, 0.45);
    transform: translateY(-1px);
}

.blood-detail-queue-card.is-selected[b-exr82mhem8] {
    background: linear-gradient(115deg, rgba(230, 242, 255, 0.97), rgba(241, 237, 255, 0.94));
    border-color: #6a70ef;
    box-shadow: 0 8px 20px rgba(70, 84, 205, 0.12), inset 4px 0 0 var(--detail-blue);
}

.blood-detail-group[b-exr82mhem8] {
    align-items: center;
    background: linear-gradient(145deg, #e8f3ff, #f0ebff);
    border-radius: 13px;
    color: #3e57c8;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.blood-detail-queue-main[b-exr82mhem8],
.blood-detail-queue-meta[b-exr82mhem8] {
    display: grid;
    min-width: 0;
}

.blood-detail-queue-main strong[b-exr82mhem8] {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blood-detail-queue-main small[b-exr82mhem8],
.blood-detail-queue-meta small[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-weight: 700;
}

.blood-detail-queue-meta[b-exr82mhem8] {
    gap: 4px;
    justify-items: end;
}

.blood-detail-status[b-exr82mhem8] {
    background: #eef2f7;
    border-radius: 999px;
    color: #667991;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 850;
    padding: 4px 8px;
    white-space: nowrap;
}

.blood-detail-status.is-available[b-exr82mhem8] { background: #dcf8e9; color: #17764b; }
.blood-detail-status.is-crossmatch[b-exr82mhem8] { background: #e2edff; color: #285fbd; }
.blood-detail-status.is-issued[b-exr82mhem8] { background: #e9edf3; color: #566b83; }
.blood-detail-status.is-deposited[b-exr82mhem8] { background: #eee6ff; color: #6841bd; }
.blood-detail-status.is-split[b-exr82mhem8] { background: #e7eaff; color: #4d58c6; }
.blood-detail-status.is-warning[b-exr82mhem8] { background: #fff1d5; color: #a45f05; }
.blood-detail-status.is-danger[b-exr82mhem8] { background: #ffe1e4; color: #bd2d3c; }

.blood-detail-expiry[b-exr82mhem8] {
    bottom: 5px;
    font-size: 1rem;
    font-weight: 850;
    position: absolute;
    right: 10px;
}

.blood-detail-expiry.is-safe[b-exr82mhem8] { color: #19805a; }
.blood-detail-expiry.is-warning[b-exr82mhem8] { color: #a45f05; }
.blood-detail-expiry.is-danger[b-exr82mhem8] { color: #bd2d3c; }

.blood-detail-command[b-exr82mhem8] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    scrollbar-color: rgba(88, 125, 170, 0.42) transparent;
    scrollbar-width: thin;
}

.blood-detail-selected-header[b-exr82mhem8] {
    border-bottom: 1px solid rgba(111, 139, 177, 0.16);
    flex: 0 0 auto;
    gap: 14px;
    padding: 13px 15px;
}

.blood-detail-selected-unit[b-exr82mhem8] {
    align-items: center;
    display: flex;
    gap: 11px;
    min-width: 0;
}

.blood-detail-selected-unit > span[b-exr82mhem8] {
    align-items: center;
    background: linear-gradient(145deg, #e6f3ff, #eee8ff);
    border-radius: 14px;
    color: #5265da;
    display: inline-flex;
    flex: 0 0 46px;
    height: 46px;
    justify-content: center;
}

.blood-detail-selected-unit > span[b-exr82mhem8] (svg) {
    height: 23px;
    width: 23px;
}

.blood-detail-selected-unit > div[b-exr82mhem8] {
    display: grid;
    min-width: 0;
}

.blood-detail-selected-header h2[b-exr82mhem8] {
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    overflow-wrap: anywhere;
}

.blood-detail-selected-header > .blood-detail-status[b-exr82mhem8] {
    font-size: 1rem;
    padding: 6px 10px;
}

.blood-detail-safety-ribbon[b-exr82mhem8] {
    border-bottom: 1px solid rgba(111, 139, 177, 0.16);
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 10px 12px;
}

.blood-detail-safety-ribbon article[b-exr82mhem8] {
    align-items: center;
    display: grid;
    gap: 1px 8px;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 5px 10px;
}

.blood-detail-safety-ribbon article + article[b-exr82mhem8] {
    border-left: 1px solid rgba(111, 139, 177, 0.18);
}

.blood-detail-safety-ribbon article > span[b-exr82mhem8] {
    align-items: center;
    background: #edf4ff;
    border-radius: 11px;
    color: #316cd0;
    display: inline-flex;
    grid-row: 1 / 3;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.blood-detail-safety-ribbon article > span[b-exr82mhem8] (svg) {
    height: 18px;
    width: 18px;
}

.blood-detail-safety-ribbon small[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-weight: 800;
}

.blood-detail-safety-ribbon strong[b-exr82mhem8] {
    font-size: 1rem;
}

.blood-detail-safety-ribbon article.is-safe > span[b-exr82mhem8] { background: #e0f8ed; color: #168858; }
.blood-detail-safety-ribbon article.is-warning > span[b-exr82mhem8] { background: #fff1d7; color: #af6505; }
.blood-detail-safety-ribbon article.is-danger > span[b-exr82mhem8] { background: #ffe1e4; color: #bd2d3c; }

.blood-detail-sections[b-exr82mhem8] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
    min-height: 0;
    padding: 10px;
}

.blood-detail-facts[b-exr82mhem8],
.blood-detail-history[b-exr82mhem8] {
    background: rgba(249, 251, 255, 0.84);
    border: 1px solid rgba(111, 139, 177, 0.18);
    border-radius: 16px;
    min-width: 0;
    overflow: hidden;
}

.blood-detail-facts header[b-exr82mhem8],
.blood-detail-history header[b-exr82mhem8] {
    border-bottom: 1px solid rgba(111, 139, 177, 0.16);
    min-height: 50px;
    padding: 9px 12px;
}

.blood-detail-facts header[b-exr82mhem8] > (svg) {
    color: var(--detail-teal);
    height: 20px;
    width: 20px;
}

.blood-detail-facts dl[b-exr82mhem8] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 10px;
}

.blood-detail-facts dl > div[b-exr82mhem8] {
    background: #ffffff;
    border: 1px solid rgba(111, 139, 177, 0.16);
    border-radius: 11px;
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px 9px;
}

.blood-detail-facts dl > div.is-wide[b-exr82mhem8] {
    grid-column: 1 / -1;
}

.blood-detail-facts dt[b-exr82mhem8] {
    color: var(--detail-muted);
    font-size: 1rem;
    font-weight: 800;
}

.blood-detail-facts dd[b-exr82mhem8] {
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.blood-detail-timeline[b-exr82mhem8] {
    display: grid;
    gap: 8px;
    padding: 10px 10px 12px 22px;
}

.blood-detail-timeline article[b-exr82mhem8] {
    display: grid;
    gap: 8px;
    grid-template-columns: 10px minmax(0, 1fr);
    position: relative;
}

.blood-detail-timeline article > span[b-exr82mhem8] {
    background: linear-gradient(145deg, var(--detail-blue), var(--detail-violet));
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(81, 101, 218, 0.18);
    height: 9px;
    margin-top: 5px;
    width: 9px;
}

.blood-detail-timeline article:not(:last-child)[b-exr82mhem8]::after {
    background: rgba(92, 112, 187, 0.22);
    content: "";
    height: calc(100% + 8px);
    left: 4px;
    position: absolute;
    top: 14px;
    width: 1px;
}

.blood-detail-timeline article > div[b-exr82mhem8] {
    background: #ffffff;
    border: 1px solid rgba(111, 139, 177, 0.16);
    border-radius: 11px;
    display: grid;
    gap: 2px;
    padding: 8px 9px;
}

.blood-detail-timeline strong[b-exr82mhem8] { font-size: 1rem; }
.blood-detail-timeline small[b-exr82mhem8] { color: var(--detail-muted); font-size: 1rem; font-weight: 700; }
.blood-detail-timeline p[b-exr82mhem8] { color: #526b85; font-size: 1rem; font-weight: 700; margin: 2px 0 0; overflow-wrap: anywhere; }

.blood-detail-empty[b-exr82mhem8] {
    align-items: center;
    color: var(--detail-muted);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    gap: 5px;
    justify-content: center;
    min-height: 130px;
    padding: 20px;
    text-align: center;
}

.blood-detail-empty.is-large[b-exr82mhem8] {
    flex: 1 1 auto;
    min-height: 300px;
}

.blood-detail-empty[b-exr82mhem8] (svg) {
    color: #8399b3;
    height: 30px;
    width: 30px;
}

.blood-detail-empty strong[b-exr82mhem8] { color: #3b5673; font-size: 1rem; }

@media (max-width: 1350px) {
    .blood-detail-overview[b-exr82mhem8] {
        grid-template-columns: minmax(280px, 1fr) auto;
    }

    .blood-detail-overview-stats[b-exr82mhem8] {
        display: none;
    }

    .blood-detail-sections[b-exr82mhem8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 899px) {
    .blood-detail-page[b-exr82mhem8] {
        height: calc(100dvh - 94px);
        min-height: 0;
        overflow: hidden;
    }

    .blood-detail-workspace[b-exr82mhem8] {
        align-content: start;
        flex: 1 1 auto;
        grid-auto-rows: max-content;
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .blood-detail-queue-list[b-exr82mhem8] {
        max-height: 420px;
    }

    .blood-detail-command[b-exr82mhem8] {
        overflow: visible;
    }
}

@media (max-width: 639px) {
    .blood-detail-page[b-exr82mhem8] {
        padding: 8px;
    }

    .blood-detail-overview[b-exr82mhem8] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .blood-detail-overview-actions button[b-exr82mhem8] {
        flex: 1 1 0;
    }

    .blood-detail-filter-grid[b-exr82mhem8],
    .blood-detail-facts dl[b-exr82mhem8] {
        grid-template-columns: 1fr;
    }

    .blood-detail-safety-ribbon[b-exr82mhem8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blood-detail-safety-ribbon article:nth-child(3)[b-exr82mhem8] {
        border-left: 0;
    }

    .blood-detail-safety-ribbon article:nth-child(n + 3)[b-exr82mhem8] {
        border-top: 1px solid rgba(111, 139, 177, 0.18);
    }

    .blood-detail-queue-card[b-exr82mhem8] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .blood-detail-queue-meta[b-exr82mhem8] {
        align-items: center;
        grid-column: 1 / -1;
        grid-template-columns: 1fr auto;
        justify-items: start;
        padding-left: 50px;
    }

    .blood-detail-expiry[b-exr82mhem8] {
        bottom: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .blood-detail-page *[b-exr82mhem8],
    .blood-detail-page *[b-exr82mhem8]::before,
    .blood-detail-page *[b-exr82mhem8]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/Stock/BloodInventory.razor.rz.scp.css */
:host[b-2oak6vlpnq] {
    display: block;
    min-width: 0;
    min-height: 0;
}

*[b-2oak6vlpnq] {
    box-sizing: border-box;
}

button[b-2oak6vlpnq],
input[b-2oak6vlpnq],
select[b-2oak6vlpnq] {
    font: inherit;
}

.inventory-command-center[b-2oak6vlpnq] {
    --inventory-blue: #2563eb;
    --inventory-violet: #7c3aed;
    --inventory-teal: #0f9f83;
    --inventory-pink: #db2777;
    --inventory-red: #dc2626;
    --inventory-amber: #d97706;
    --inventory-ink: #172554;
    --inventory-muted: #64748b;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.7rem;
    width: 100%;
    height: calc(100dvh - 94px);
    min-height: 0;
    padding: 0.7rem;
    overflow: hidden;
    color: var(--inventory-ink);
}

.inventory-glass[b-2oak6vlpnq] {
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(147, 197, 253, 0.52);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow:
        0 16px 42px rgba(67, 56, 202, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(18px) saturate(130%);
}

.inventory-summary-ribbon[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: minmax(15rem, 0.82fr) minmax(0, 2.7fr);
    align-items: stretch;
    overflow: hidden;
}

.inventory-page-heading[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.75rem 0.9rem;
    border-right: 1px solid rgba(203, 213, 225, 0.7);
    background: linear-gradient(120deg, rgba(239, 246, 255, 0.9), rgba(245, 243, 255, 0.72));
}

.inventory-heading-icon[b-2oak6vlpnq] {
    display: grid;
    flex: none;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(145deg, #38bdf8, #7c3aed);
    color: #fff;
    box-shadow: 0 9px 20px rgba(91, 84, 215, 0.18);
}

.inventory-heading-icon[b-2oak6vlpnq]  svg {
    width: 1.45rem;
    height: 1.45rem;
}

.inventory-page-heading > span:last-child[b-2oak6vlpnq] {
    min-width: 0;
}

.inventory-page-heading small[b-2oak6vlpnq] {
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.inventory-page-heading h1[b-2oak6vlpnq],
.inventory-page-heading p[b-2oak6vlpnq] {
    margin: 0;
}

.inventory-page-heading h1[b-2oak6vlpnq] {
    margin-top: 0.08rem;
    color: #202766;
    font-size: clamp(1.2rem, 1.5vw, 1.55rem);
    line-height: 1.1;
}

.inventory-page-heading p[b-2oak6vlpnq] {
    margin-top: 0.15rem;
    overflow: hidden;
    color: var(--inventory-muted);
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-summary-grid[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    min-width: 0;
}

.inventory-summary-item[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.5rem;
    min-width: 0;
    min-height: 4.65rem;
    padding: 0.55rem 0.65rem;
    border-right: 1px solid rgba(226, 232, 240, 0.9);
}

.inventory-summary-item:last-child[b-2oak6vlpnq] {
    border-right: 0;
}

.inventory-summary-item > span[b-2oak6vlpnq] {
    display: grid;
    grid-row: 1 / 3;
    width: 2rem;
    height: 2rem;
    place-items: center;
    align-self: center;
    border-radius: 0.72rem;
}

.inventory-summary-item > span[b-2oak6vlpnq]  svg {
    width: 1.05rem;
    height: 1.05rem;
}

.inventory-summary-item small[b-2oak6vlpnq] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-summary-item strong[b-2oak6vlpnq] {
    font-size: 1.05rem;
    line-height: 1;
}

.inventory-summary-item.total > span[b-2oak6vlpnq] {
    background: #eef2ff;
    color: #4f46e5;
}

.inventory-summary-item.total strong[b-2oak6vlpnq] {
    color: #3730a3;
}

.inventory-summary-item.available > span[b-2oak6vlpnq] {
    background: #dcfce7;
    color: #07815e;
}

.inventory-summary-item.available strong[b-2oak6vlpnq] {
    color: #087a4b;
}

.inventory-summary-item.reserved > span[b-2oak6vlpnq] {
    background: #ede9fe;
    color: #7040d9;
}

.inventory-summary-item.reserved strong[b-2oak6vlpnq] {
    color: #6d28d9;
}

.inventory-summary-item.expiring > span[b-2oak6vlpnq] {
    background: #fff4d6;
    color: #d97706;
}

.inventory-summary-item.expiring strong[b-2oak6vlpnq] {
    color: #b45309;
}

.inventory-summary-item.quarantine > span[b-2oak6vlpnq] {
    background: #fce7f3;
    color: #c02678;
}

.inventory-summary-item.quarantine strong[b-2oak6vlpnq] {
    color: #be185d;
}

.inventory-summary-item.expired > span[b-2oak6vlpnq] {
    background: #fee2e2;
    color: #dc2626;
}

.inventory-summary-item.expired strong[b-2oak6vlpnq] {
    color: #b91c1c;
}

.inventory-workspace[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: minmax(17rem, 29%) minmax(0, 1fr);
    gap: 0.7rem;
    min-width: 0;
    min-height: 0;
}

.inventory-filter-panel[b-2oak6vlpnq] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inventory-filter-panel > header[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.74);
    background: linear-gradient(115deg, rgba(239, 246, 255, 0.88), rgba(250, 245, 255, 0.72));
}

.inventory-filter-panel > header > span:first-child[b-2oak6vlpnq] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 0.78rem;
    background: linear-gradient(145deg, #2d84ed, #7246e5);
    color: #fff;
}

.inventory-filter-panel > header > span:first-child[b-2oak6vlpnq]  svg {
    width: 1.1rem;
    height: 1.1rem;
}

.inventory-filter-panel > header > span:nth-child(2)[b-2oak6vlpnq] {
    display: grid;
    gap: 0.08rem;
}

.inventory-filter-panel > header strong[b-2oak6vlpnq] {
    color: #25305d;
    font-size: 1rem;
}

.inventory-filter-panel > header small[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.inventory-filter-panel > header b[b-2oak6vlpnq] {
    padding: 0.26rem 0.48rem;
    border-radius: 999px;
    background: #fff7cf;
    color: #9a5d00;
    font-size: 1rem;
}

.inventory-filter-scroll[b-2oak6vlpnq] {
    display: grid;
    gap: 0.62rem;
    min-height: 0;
    padding: 0.75rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.inventory-filter-field[b-2oak6vlpnq],
.inventory-date-field[b-2oak6vlpnq] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.inventory-filter-field > span[b-2oak6vlpnq],
.inventory-date-field > span[b-2oak6vlpnq] {
    color: #526078;
    font-size: 1rem;
    font-weight: 850;
}

.inventory-filter-field input[b-2oak6vlpnq],
.inventory-filter-field select[b-2oak6vlpnq] {
    width: 100%;
    min-width: 0;
    min-height: 2.55rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #cad8eb;
    border-radius: 0.76rem;
    background: rgba(255, 255, 255, 0.92);
    color: #263650;
    outline: none;
    font-size: 1rem;
    font-weight: 700;
}

.inventory-search-input[b-2oak6vlpnq] {
    position: relative;
}

.inventory-search-input[b-2oak6vlpnq] >  svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0.72rem;
    width: 0.95rem;
    height: 0.95rem;
    color: #718198;
    transform: translateY(-50%);
    pointer-events: none;
}

.inventory-search-input input[b-2oak6vlpnq] {
    padding-left: 2.1rem;
}

.inventory-filter-pair[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.inventory-filter-actions[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 0.48rem;
    padding: 0.7rem 0.75rem 0.45rem;
    border-top: 1px solid #e2e8f0;
}

.inventory-filter-actions button[b-2oak6vlpnq],
.inventory-output-actions button[b-2oak6vlpnq],
.inventory-empty-state button[b-2oak6vlpnq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.55rem;
    border-radius: 0.78rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.inventory-filter-actions button[b-2oak6vlpnq]  svg,
.inventory-output-actions button[b-2oak6vlpnq]  svg {
    width: 0.9rem;
    height: 0.9rem;
}

.inventory-secondary-button[b-2oak6vlpnq] {
    border: 1px solid #cfdae9;
    background: #fff;
    color: #526078;
}

.inventory-primary-button[b-2oak6vlpnq] {
    border: 0;
    background: linear-gradient(110deg, #1769e9, #6540e7 58%, #a21be3);
    color: #fff;
    box-shadow: 0 9px 19px rgba(91, 55, 210, 0.18);
}

.inventory-output-actions[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    padding: 0 0.75rem 0.7rem;
}

.inventory-output-actions button[b-2oak6vlpnq] {
    min-height: 2.25rem;
    border: 1px solid #dbe4f0;
    background: rgba(248, 250, 252, 0.84);
    color: #5a6780;
}

.inventory-grid-panel[b-2oak6vlpnq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.inventory-grid-header[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.72rem 0.85rem;
    border-bottom: 1px solid rgba(203, 213, 225, 0.72);
    background: linear-gradient(115deg, rgba(248, 251, 255, 0.9), rgba(252, 247, 255, 0.78));
}

.inventory-grid-header > span:first-child[b-2oak6vlpnq] {
    min-width: 0;
}

.inventory-grid-header small[b-2oak6vlpnq] {
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 900;
}

.inventory-grid-header h2[b-2oak6vlpnq] {
    margin: 0.08rem 0 0;
    color: #202766;
    font-size: 1rem;
}

.inventory-result-count[b-2oak6vlpnq] {
    padding: 0.3rem 0.55rem;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
}

.inventory-unit-grid[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.4rem, 1fr));
    gap: 0.58rem;
    align-content: start;
    min-height: 0;
    padding: 0.68rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.inventory-unit-card[b-2oak6vlpnq] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
    min-height: 12.9rem;
    padding: 0.72rem;
    overflow: hidden;
    border: 1px solid #dbe5f2;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
    color: #24324e;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(71, 85, 105, 0.045);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.inventory-unit-card:hover[b-2oak6vlpnq] {
    border-color: #8eb5ff;
    box-shadow: 0 12px 25px rgba(79, 70, 229, 0.1);
    transform: translateY(-2px);
}

.inventory-unit-accent[b-2oak6vlpnq] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.25rem;
    background: #94a3b8;
}

.inventory-unit-card.status-available .inventory-unit-accent[b-2oak6vlpnq] {
    background: #10b981;
}

.inventory-unit-card.status-reserved .inventory-unit-accent[b-2oak6vlpnq] {
    background: #7c3aed;
}

.inventory-unit-card.status-quarantine .inventory-unit-accent[b-2oak6vlpnq] {
    background: #db2777;
}

.inventory-unit-card.status-expired .inventory-unit-accent[b-2oak6vlpnq] {
    background: #ef4444;
}

.inventory-unit-card.expiry-expiring[b-2oak6vlpnq] {
    border-color: #f6cf7d;
    background: linear-gradient(145deg, #fff, #fffaf0);
}

.inventory-unit-card.expiry-expired[b-2oak6vlpnq] {
    border-color: #f2b2b2;
    background: linear-gradient(145deg, #fff, #fff5f5);
}

.inventory-unit-topline[b-2oak6vlpnq],
.inventory-component-row[b-2oak6vlpnq],
.inventory-expiry-row[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}

.inventory-blood-group[b-2oak6vlpnq] {
    color: #27327a;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1;
}

.inventory-status-chip[b-2oak6vlpnq] {
    display: inline-flex;
    align-items: center;
    max-width: 7.8rem;
    padding: 0.24rem 0.48rem;
    overflow: hidden;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-status-chip.available[b-2oak6vlpnq] {
    background: #dcfce7;
    color: #087a4b;
}

.inventory-status-chip.reserved[b-2oak6vlpnq] {
    background: #ede9fe;
    color: #6d28d9;
}

.inventory-status-chip.quarantine[b-2oak6vlpnq] {
    background: #fce7f3;
    color: #be185d;
}

.inventory-status-chip.expired[b-2oak6vlpnq] {
    background: #fee2e2;
    color: #b91c1c;
}

.inventory-status-chip.neutral[b-2oak6vlpnq] {
    background: #eef2f7;
    color: #64748b;
}

.inventory-unit-number[b-2oak6vlpnq] {
    overflow: hidden;
    color: #1e293b;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-component-badge[b-2oak6vlpnq] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 9rem;
    padding: 0.23rem 0.48rem;
    overflow: hidden;
    border: 1px solid;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-component-row small[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-unit-divider[b-2oak6vlpnq] {
    width: 100%;
    height: 1px;
    margin: 0.05rem 0;
    background: #e6ebf2;
}

.inventory-unit-facts[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.inventory-unit-facts > span[b-2oak6vlpnq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.inventory-unit-facts small[b-2oak6vlpnq] {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-unit-facts strong[b-2oak6vlpnq] {
    overflow: hidden;
    color: #475569;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-expiry-row[b-2oak6vlpnq] {
    margin-top: auto;
    padding: 0.46rem 0.52rem;
    border-radius: 0.7rem;
    background: #f1f5f9;
    color: #64748b;
}

.inventory-expiry-row[b-2oak6vlpnq] >  svg {
    flex: none;
    width: 0.86rem;
    height: 0.86rem;
}

.inventory-expiry-row strong[b-2oak6vlpnq] {
    margin-right: auto;
    font-size: 1rem;
}

.inventory-expiry-row > span[b-2oak6vlpnq] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-expiry-row > span[b-2oak6vlpnq]  svg {
    width: 0.7rem;
    height: 0.7rem;
}

.inventory-expiry-row.expiring[b-2oak6vlpnq] {
    background: #fff3d8;
    color: #b45309;
}

.inventory-expiry-row.expired[b-2oak6vlpnq] {
    background: #fee2e2;
    color: #b91c1c;
}

.inventory-empty-state[b-2oak6vlpnq] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.42rem;
    min-height: 18rem;
    color: #64748b;
    text-align: center;
}

.inventory-empty-state > span[b-2oak6vlpnq] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: #eef2ff;
    color: #4f46e5;
}

.inventory-empty-state > span[b-2oak6vlpnq]  svg {
    width: 1.4rem;
    height: 1.4rem;
}

.inventory-empty-state strong[b-2oak6vlpnq] {
    color: #34435b;
    font-size: 1rem;
}

.inventory-empty-state small[b-2oak6vlpnq] {
    font-size: 1rem;
}

.inventory-empty-state button[b-2oak6vlpnq] {
    min-height: 2.25rem;
    padding: 0.4rem 0.72rem;
    border: 1px solid #cdd9e9;
    background: #fff;
    color: #4f46e5;
}

.inventory-dialog-overlay[b-2oak6vlpnq] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(30, 41, 86, 0.4);
    backdrop-filter: blur(9px);
    animation: inventory-fade-in-b-2oak6vlpnq 150ms ease-out both;
}

.inventory-detail-dialog[b-2oak6vlpnq] {
    display: flex;
    flex-direction: column;
    width: min(64rem, 100%);
    max-height: min(49rem, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1.35rem;
    background: rgba(249, 251, 255, 0.98);
    box-shadow: 0 28px 80px rgba(49, 46, 129, 0.28);
    outline: none;
}

.inventory-dialog-header[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    padding: 0.82rem 1rem;
    border-bottom: 1px solid #dbe4f0;
    background: linear-gradient(115deg, #edf5ff, #fbf0fc);
}

.inventory-dialog-icon[b-2oak6vlpnq] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.88rem;
    background: linear-gradient(145deg, #2d7ff0, #7c3aed);
    color: #fff;
}

.inventory-dialog-icon[b-2oak6vlpnq]  svg {
    width: 1.3rem;
    height: 1.3rem;
}

.inventory-dialog-header > span:nth-child(2)[b-2oak6vlpnq] {
    min-width: 0;
}

.inventory-dialog-header small[b-2oak6vlpnq] {
    color: #6d28d9;
    font-size: 1rem;
    font-weight: 900;
}

.inventory-dialog-header h2[b-2oak6vlpnq],
.inventory-dialog-header p[b-2oak6vlpnq] {
    margin: 0;
}

.inventory-dialog-header h2[b-2oak6vlpnq] {
    margin-top: 0.05rem;
    color: #202766;
    font-size: 1.05rem;
}

.inventory-dialog-header p[b-2oak6vlpnq] {
    margin-top: 0.1rem;
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1rem;
}

.inventory-dialog-header > button[b-2oak6vlpnq] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 1px solid #dbe4f0;
    border-radius: 0.72rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
}

.inventory-dialog-header > button[b-2oak6vlpnq]  svg {
    width: 1rem;
    height: 1rem;
}

.inventory-dialog-body[b-2oak6vlpnq] {
    display: grid;
    gap: 0.72rem;
    min-height: 0;
    padding: 0.85rem 1rem;
    overflow-y: auto;
}

.inventory-unit-hero[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 4.4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.78rem;
    border: 1px solid #dbe5f2;
    border-radius: 1rem;
    background: linear-gradient(130deg, #f7fbff, #faf7ff);
}

.inventory-hero-group[b-2oak6vlpnq] {
    display: grid;
    width: 4.4rem;
    height: 4.4rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(145deg, #eef5ff, #f1eaff);
    color: #352b9f;
    font-size: 1.7rem;
    font-weight: 950;
}

.inventory-unit-hero > span:nth-child(2)[b-2oak6vlpnq] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.inventory-unit-hero > span:nth-child(2) > small[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-unit-hero > span:nth-child(2) > strong[b-2oak6vlpnq] {
    overflow: hidden;
    color: #1e293b;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-detail-facts[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.52rem;
    margin: 0;
}

.inventory-detail-facts > div[b-2oak6vlpnq] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.62rem 0.72rem;
    border: 1px solid #dce5f1;
    border-radius: 0.78rem;
    background: #fff;
}

.inventory-detail-facts dt[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-detail-facts dd[b-2oak6vlpnq] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #24324d;
    font-size: 1rem;
    font-weight: 850;
}

.inventory-detail-facts .expiring dd[b-2oak6vlpnq] {
    color: #b45309;
}

.inventory-detail-facts .expired dd[b-2oak6vlpnq] {
    color: #b91c1c;
}

.inventory-history-section[b-2oak6vlpnq] {
    overflow: hidden;
    border: 1px solid #dce5f1;
    border-radius: 0.95rem;
    background: #fff;
}

.inventory-history-section > header[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.62rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.inventory-history-section > header > span[b-2oak6vlpnq] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: #303b65;
    font-size: 1rem;
}

.inventory-history-section > header > span[b-2oak6vlpnq]  svg {
    width: 0.92rem;
    height: 0.92rem;
    color: #6d28d9;
}

.inventory-history-section > header small[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-timeline[b-2oak6vlpnq] {
    display: grid;
    max-height: 17rem;
    padding: 0.45rem 0.55rem;
    overflow-y: auto;
}

.inventory-timeline-item[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr) auto;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.55rem 0.3rem;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    background: transparent;
    color: #34435b;
    text-align: left;
    cursor: pointer;
}

.inventory-timeline-item:last-child[b-2oak6vlpnq] {
    border-bottom: 0;
}

.inventory-timeline-marker[b-2oak6vlpnq] {
    position: relative;
    width: 0.72rem;
    height: 0.72rem;
    margin-top: 0.16rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: linear-gradient(145deg, #2563eb, #7c3aed);
    box-shadow: 0 0 0 2px #ddd6fe;
}

.inventory-timeline-content[b-2oak6vlpnq] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.inventory-timeline-content > span:first-child[b-2oak6vlpnq],
.inventory-timeline-content > span:last-child[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.inventory-timeline-content strong[b-2oak6vlpnq] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-timeline-content time[b-2oak6vlpnq] {
    margin-left: auto;
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
    white-space: nowrap;
}

.inventory-timeline-content > small[b-2oak6vlpnq] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-timeline-content > span:last-child[b-2oak6vlpnq] {
    color: #7a879a;
    font-size: 1rem;
}

.inventory-timeline-content b[b-2oak6vlpnq] {
    max-width: 11rem;
    overflow: hidden;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-timeline-content i[b-2oak6vlpnq] {
    font-style: normal;
}

.inventory-timeline-item[b-2oak6vlpnq] >  svg {
    align-self: center;
    width: 0.85rem;
    height: 0.85rem;
    color: #7c3aed;
}

.inventory-history-empty[b-2oak6vlpnq] {
    padding: 1.5rem;
    color: #64748b;
    font-size: 1rem;
    text-align: center;
}

.inventory-dialog-footer[b-2oak6vlpnq] {
    display: flex;
    justify-content: flex-end;
    padding: 0.72rem 1rem;
    border-top: 1px solid #dbe4f0;
    background: rgba(248, 250, 252, 0.95);
}

.inventory-dialog-footer button[b-2oak6vlpnq] {
    min-width: 6rem;
    min-height: 2.55rem;
    border: 0;
    border-radius: 0.78rem;
    background: linear-gradient(110deg, #2563eb, #7c3aed);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.movement-detail-backdrop[b-2oak6vlpnq] {
    z-index: 1300;
    background: rgba(30, 41, 86, 0.44) !important;
    backdrop-filter: blur(10px);
}

.movement-detail-modal[b-2oak6vlpnq] {
    width: min(55rem, 100%);
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1.25rem !important;
    background: rgba(249, 251, 255, 0.98) !important;
    box-shadow: 0 28px 80px rgba(49, 46, 129, 0.3) !important;
}

.movement-detail-header[b-2oak6vlpnq] {
    background: linear-gradient(115deg, #edf5ff, #fbf0fc) !important;
}

.movement-detail-body[b-2oak6vlpnq] {
    max-height: calc(100dvh - 10rem);
    overflow-y: auto;
}

.movement-detail-footer[b-2oak6vlpnq] {
    background: #f8fafc !important;
}

.return-detail-field[b-2oak6vlpnq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.inventory-command-center button:focus-visible[b-2oak6vlpnq],
.inventory-command-center input:focus-visible[b-2oak6vlpnq],
.inventory-command-center select:focus-visible[b-2oak6vlpnq],
.inventory-detail-dialog button:focus-visible[b-2oak6vlpnq],
.movement-detail-modal button:focus-visible[b-2oak6vlpnq] {
    outline: 3px solid rgba(56, 189, 248, 0.78);
    outline-offset: 2px;
}

.inventory-filter-field input:focus[b-2oak6vlpnq],
.inventory-filter-field select:focus[b-2oak6vlpnq] {
    border-color: #4f7df3;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.13);
}

@keyframes inventory-fade-in-b-2oak6vlpnq {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1180px) {
    .inventory-summary-ribbon[b-2oak6vlpnq] {
        grid-template-columns: minmax(13rem, 0.72fr) minmax(0, 2.7fr);
    }

    .inventory-summary-grid[b-2oak6vlpnq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inventory-summary-item[b-2oak6vlpnq] {
        min-height: 2.35rem;
        padding: 0.32rem 0.5rem;
    }

    .inventory-summary-item > span[b-2oak6vlpnq] {
        width: 1.7rem;
        height: 1.7rem;
    }

    .inventory-workspace[b-2oak6vlpnq] {
        grid-template-columns: minmax(16.5rem, 31%) minmax(0, 1fr);
    }

    .inventory-unit-grid[b-2oak6vlpnq] {
        grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    }
}

@media (max-width: 900px) {
    .inventory-command-center[b-2oak6vlpnq] {
        grid-template-rows: auto auto;
        height: calc(100dvh - 94px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inventory-summary-ribbon[b-2oak6vlpnq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inventory-page-heading[b-2oak6vlpnq] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .inventory-summary-item[b-2oak6vlpnq] {
        min-height: 2.7rem;
    }

    .inventory-workspace[b-2oak6vlpnq] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        min-height: auto;
    }

    .inventory-filter-panel[b-2oak6vlpnq] {
        min-height: max-content;
        max-height: none;
        overflow: visible;
    }

    .inventory-filter-scroll[b-2oak6vlpnq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .inventory-filter-field--wide[b-2oak6vlpnq],
    .inventory-date-field[b-2oak6vlpnq] {
        grid-column: 1 / -1;
    }

    .inventory-grid-panel[b-2oak6vlpnq] {
        min-height: 40rem;
    }
}

@media (max-width: 640px) {
    .inventory-command-center[b-2oak6vlpnq] {
        gap: 0.5rem;
        padding: 0.45rem;
    }

    .inventory-glass[b-2oak6vlpnq] {
        border-radius: 1rem;
    }

    .inventory-page-heading[b-2oak6vlpnq] {
        padding: 0.65rem 0.72rem;
    }

    .inventory-summary-grid[b-2oak6vlpnq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventory-summary-item:nth-child(2n)[b-2oak6vlpnq] {
        border-right: 0;
    }

    .inventory-filter-scroll[b-2oak6vlpnq],
    .inventory-filter-pair[b-2oak6vlpnq],
    .inventory-filter-actions[b-2oak6vlpnq],
    .inventory-output-actions[b-2oak6vlpnq],
    .inventory-unit-grid[b-2oak6vlpnq],
    .inventory-detail-facts[b-2oak6vlpnq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inventory-filter-field--wide[b-2oak6vlpnq],
    .inventory-date-field[b-2oak6vlpnq] {
        grid-column: auto;
    }

    .inventory-unit-grid[b-2oak6vlpnq] {
        overflow: visible;
    }

    .inventory-grid-panel[b-2oak6vlpnq] {
        min-height: auto;
        overflow: visible;
    }

    .inventory-result-count[b-2oak6vlpnq] {
        white-space: normal;
        text-align: right;
    }

    .inventory-dialog-overlay[b-2oak6vlpnq] {
        align-items: end;
        padding: 0;
    }

    .inventory-detail-dialog[b-2oak6vlpnq] {
        width: 100%;
        max-height: 96dvh;
        border-radius: 1.25rem 1.25rem 0 0;
    }

    .inventory-unit-hero[b-2oak6vlpnq] {
        grid-template-columns: 3.5rem minmax(0, 1fr);
    }

    .inventory-hero-group[b-2oak6vlpnq] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .inventory-unit-hero > .inventory-status-chip[b-2oak6vlpnq] {
        grid-column: 1 / -1;
    }

    .inventory-timeline-content > span:first-child[b-2oak6vlpnq] {
        align-items: start;
        flex-direction: column;
    }

    .inventory-timeline-content time[b-2oak6vlpnq] {
        margin-left: 0;
    }

    .movement-detail-backdrop[b-2oak6vlpnq] {
        align-items: flex-end !important;
        padding: 0 !important;
    }

    .movement-detail-modal[b-2oak6vlpnq] {
        max-height: 96dvh;
        border-radius: 1.25rem 1.25rem 0 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inventory-unit-card[b-2oak6vlpnq],
    .inventory-dialog-overlay[b-2oak6vlpnq] {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}

/* Dialog-first inventory browsing */
.inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] {
    grid-template-rows: auto minmax(20rem, 1fr) auto;
}

.inventory-command-actions .inventory-open-units-button[b-2oak6vlpnq] {
    width: auto;
    min-width: 8.4rem;
    padding: .42rem .75rem;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 .45rem 1rem rgba(79, 70, 229, .2);
}

.inventory-command-actions .inventory-open-units-button strong[b-2oak6vlpnq] {
    min-width: 1.45rem;
    padding: .08rem .38rem;
    border-radius: 999px;
    color: #4338ca;
    background: rgba(255, 255, 255, .92);
    font-size: 1rem;
    text-align: center;
}

.inventory-summary-dialog[b-2oak6vlpnq] {
    width: min(78rem, calc(100vw - 2rem));
    max-height: min(50rem, calc(100dvh - 2rem));
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.inventory-summary-dialog-body[b-2oak6vlpnq] {
    padding: 1rem 1.1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
}

.inventory-summary-spotlight[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    align-items: stretch;
    gap: .85rem;
}

.inventory-summary-orb[b-2oak6vlpnq] {
    min-height: 8.75rem;
    display: grid;
    place-content: center;
    justify-items: center;
    border: 1px solid rgba(129, 140, 248, .3);
    border-radius: 1.15rem;
    color: #fff;
    background:
        radial-gradient(circle at 32% 18%, rgba(255,255,255,.34), transparent 28%),
        linear-gradient(145deg, #2563eb, #7c3aed 62%, #db2777);
    box-shadow: 0 .9rem 2rem rgba(79, 70, 229, .2), inset 0 1px 0 rgba(255,255,255,.5);
}

.inventory-summary-orb span[b-2oak6vlpnq],
.inventory-summary-orb small[b-2oak6vlpnq] {
    font-size: 1rem;
    font-weight: 800;
    opacity: .86;
}

.inventory-summary-orb strong[b-2oak6vlpnq] {
    font-size: 3.2rem;
    line-height: .98;
}

.inventory-summary-status-cards[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: .65rem;
}

.inventory-summary-status-cards > span[b-2oak6vlpnq] {
    position: relative;
    min-height: 4rem;
    padding: .65rem .75rem .6rem 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    align-items: center;
    gap: .1rem .45rem;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: .95rem;
    color: #64748b;
    background: #fff;
}

.inventory-summary-status-cards i[b-2oak6vlpnq] {
    grid-row: 1 / 3;
    width: .68rem;
    height: .68rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 .28rem color-mix(in srgb, currentColor 13%, transparent);
}

.inventory-summary-status-cards small[b-2oak6vlpnq] { align-self: end; color: #64748b; font-size: 1rem; font-weight: 800; }
.inventory-summary-status-cards strong[b-2oak6vlpnq] { align-self: start; color: #172554; font-size: 1.35rem; line-height: 1; }
.inventory-summary-status-cards .available[b-2oak6vlpnq] { color: #059669; background: linear-gradient(145deg, #fff, #ecfdf5); }
.inventory-summary-status-cards .reserved[b-2oak6vlpnq] { color: #7c3aed; background: linear-gradient(145deg, #fff, #f5f3ff); }
.inventory-summary-status-cards .expiring[b-2oak6vlpnq] { color: #d97706; background: linear-gradient(145deg, #fff, #fffbeb); }
.inventory-summary-status-cards .quarantine[b-2oak6vlpnq] { color: #ea580c; background: linear-gradient(145deg, #fff, #fff7ed); }
.inventory-summary-status-cards .expired[b-2oak6vlpnq] { color: #e11d48; background: linear-gradient(145deg, #fff, #fff1f2); }

.inventory-summary-analysis[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: .85rem;
}

.inventory-summary-abo-panel[b-2oak6vlpnq],
.inventory-summary-component-panel[b-2oak6vlpnq] {
    padding: .9rem;
    border: 1px solid rgba(148,163,184,.24);
    border-radius: 1.1rem;
    background: rgba(255,255,255,.86);
    box-shadow: inset 0 1px 0 #fff;
}

.inventory-summary-analysis header[b-2oak6vlpnq] {
    margin-bottom: .7rem;
    display: flex;
    align-items: center;
    gap: .55rem;
}

.inventory-summary-analysis header > span[b-2oak6vlpnq] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: .65rem;
    color: #4f46e5;
    background: #eef2ff;
}

.inventory-summary-analysis header svg[b-2oak6vlpnq] { width: 1.05rem; height: 1.05rem; }
.inventory-summary-analysis h3[b-2oak6vlpnq] { margin: 0; color: #172554; font-size: 1rem; }

.inventory-summary-abo-grid[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.inventory-summary-abo-grid > span[b-2oak6vlpnq] {
    min-height: 5.1rem;
    padding: .55rem;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    align-items: center;
    border: 1px solid rgba(96,165,250,.3);
    border-radius: .85rem;
    color: #2563eb;
    background: linear-gradient(145deg, #eff6ff, #fff);
}

.inventory-summary-abo-grid > span.abo-b[b-2oak6vlpnq] { color: #059669; border-color: rgba(16,185,129,.28); background: linear-gradient(145deg, #ecfdf5, #fff); }
.inventory-summary-abo-grid > span.abo-o[b-2oak6vlpnq] { color: #7c3aed; border-color: rgba(139,92,246,.28); background: linear-gradient(145deg, #f5f3ff, #fff); }
.inventory-summary-abo-grid > span.abo-ab[b-2oak6vlpnq] { color: #db2777; border-color: rgba(236,72,153,.26); background: linear-gradient(145deg, #fdf2f8, #fff); }
.inventory-summary-abo-grid strong[b-2oak6vlpnq] { font-size: 1.2rem; }
.inventory-summary-abo-grid b[b-2oak6vlpnq] { grid-row: 1 / 3; font-size: 2rem; line-height: 1; }
.inventory-summary-abo-grid small[b-2oak6vlpnq] { color: #64748b; font-size: 1rem; font-weight: 750; }

.inventory-component-bars[b-2oak6vlpnq] { display: grid; gap: .58rem; }
.inventory-component-bars > span[b-2oak6vlpnq] { display: grid; grid-template-columns: 4rem minmax(0,1fr) 2rem; align-items: center; gap: .55rem; }
.inventory-component-bars b[b-2oak6vlpnq] { overflow: hidden; color: #475569; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.inventory-component-bars i[b-2oak6vlpnq] { height: .62rem; overflow: hidden; border-radius: 999px; background: #eef2ff; }
.inventory-component-bars em[b-2oak6vlpnq] { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #3b82f6, #8b5cf6); }
.inventory-component-bars strong[b-2oak6vlpnq] { color: #172554; font-size: 1rem; text-align: right; }

.inventory-summary-dialog-footer[b-2oak6vlpnq] {
    min-height: 4.2rem;
    padding: .75rem 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(148,163,184,.22);
    background: rgba(255,255,255,.86);
}

.inventory-summary-dialog-footer > span[b-2oak6vlpnq] { display: flex; align-items: center; gap: .45rem; color: #64748b; }
.inventory-summary-dialog-footer > span svg[b-2oak6vlpnq] { width: 1rem; color: #3b82f6; }
.inventory-summary-dialog-footer small[b-2oak6vlpnq] { font-size: 1rem; font-weight: 700; }
.inventory-summary-dialog-footer button[b-2oak6vlpnq] {
    min-height: 2.8rem;
    padding: .55rem .9rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 .55rem 1.1rem rgba(79,70,229,.2);
    font-weight: 850;
    cursor: pointer;
}
.inventory-summary-dialog-footer button svg[b-2oak6vlpnq] { width: 1rem; height: 1rem; }

.inventory-unit-browser-dialog[b-2oak6vlpnq] {
    width: min(110rem, calc(100vw - 1rem));
    height: fit-content;
    max-height: min(85dvh, calc(100dvh - 1rem));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 1.5rem;
    background: rgba(247,250,255,.97);
    box-shadow: 0 2rem 5rem rgba(30,41,90,.3);
}

.inventory-unit-browser-header[b-2oak6vlpnq] { grid-template-columns: 2.25rem minmax(0, 1fr) auto; gap: .55rem; padding: .42rem .65rem; }
.inventory-unit-browser-header .inventory-dialog-icon[b-2oak6vlpnq] { width: 2.25rem; height: 2.25rem; }

.inventory-unit-browser-toolbar[b-2oak6vlpnq] {
    padding: .4rem .65rem;
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(0, 1.5fr) auto;
    align-items: center;
    gap: .65rem;
    border-bottom: 1px solid rgba(148,163,184,.2);
    background: rgba(255,255,255,.82);
}

.inventory-unit-browser-search-button[b-2oak6vlpnq] {
    min-height: 2.75rem;
    padding: .45rem .85rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 0;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    font-weight: 850;
    cursor: pointer;
}
.inventory-unit-browser-search-button svg[b-2oak6vlpnq] { width: 1rem; }

.inventory-unit-browser-body[b-2oak6vlpnq] {
    min-height: 0;
    padding: .4rem .65rem .55rem;
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    overflow: hidden;
}

.inventory-component-empty[b-2oak6vlpnq] { margin: 0 0 .7rem; color: #64748b; font-weight: 700; }
.inventory-component-hint[b-2oak6vlpnq] { margin: 0 0 .3rem; color: #64748b; font-size: .78rem; }
.inventory-component-table-scroll[b-2oak6vlpnq] { min-height: 0; flex: 0 1 auto; overflow: auto; overscroll-behavior: contain; border: 1px solid #dbe4f1; border-radius: .9rem; background: #fff; }
.inventory-component-table[b-2oak6vlpnq] { width: max-content; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.inventory-component-table th[b-2oak6vlpnq], .inventory-component-table td[b-2oak6vlpnq] { width: 8.25rem; min-width: 8.25rem; max-width: 8.25rem; padding: .25rem .3rem; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.inventory-component-table :is(th, td).has-units[b-2oak6vlpnq] { width: 12.25rem; min-width: 12.25rem; max-width: 12.25rem; }
.inventory-component-table th:last-child[b-2oak6vlpnq], .inventory-component-table td:last-child[b-2oak6vlpnq] { border-right: 0; }
.inventory-component-table tr:last-child td[b-2oak6vlpnq] { border-bottom: 0; }
.inventory-component-table th[b-2oak6vlpnq] { position: sticky; top: 0; z-index: 1; color: #1e3a8a; background: #eef4ff; text-align: left; }
.inventory-component-table th strong[b-2oak6vlpnq], .inventory-component-table th small[b-2oak6vlpnq] { display: block; font-size: .84rem; line-height: 1.2; overflow-wrap: anywhere; }
.inventory-component-table th small[b-2oak6vlpnq] { margin-top: .1rem; color: #475569; font-weight: 600; }
.inventory-component-unit[b-2oak6vlpnq] { width: 100%; padding: .1rem .15rem; display: grid; gap: .08rem; border: 0; border-radius: .3rem; color: #1e293b; background: transparent; font-size: .84rem; line-height: 1.2; text-align: left; cursor: pointer; }
.inventory-component-unit:hover[b-2oak6vlpnq] { background: #eef4ff; }
.inventory-component-unit > strong[b-2oak6vlpnq] { color: #1d4ed8; font-size: .84rem; white-space: normal; overflow-wrap: anywhere; }
.inventory-component-unit > span[b-2oak6vlpnq] { display: flex; align-items: center; justify-content: space-between; gap: .3rem; }
.inventory-component-unit em[b-2oak6vlpnq] { padding: .05rem .25rem; border-radius: 999px; color: #475569; background: #f1f5f9; font-size: .75rem; line-height: 1.2; font-style: normal; }
.inventory-component-unit em.available[b-2oak6vlpnq] { color: #047857; background: #d1fae5; }
.inventory-component-unit em.reserved[b-2oak6vlpnq] { color: #6d28d9; background: #ede9fe; }
.inventory-component-unit em.expired[b-2oak6vlpnq], .inventory-component-unit small.expired[b-2oak6vlpnq] { color: #be123c; }
.inventory-component-unit small.expiring[b-2oak6vlpnq] { color: #b45309; }
.inventory-component-unit small[b-2oak6vlpnq] { font-size: .75rem; line-height: 1.2; }
.inventory-component-blank[b-2oak6vlpnq] { display: block; padding: .2rem; color: #94a3b8; text-align: center; }

.inventory-unit-browser-grid[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: .8rem;
    align-content: start;
}

.inventory-unit-browser-card[b-2oak6vlpnq] {
    position: relative;
    min-width: 0;
    min-height: 10.2rem;
    padding: .8rem 2.6rem .8rem .75rem;
    display: grid;
    grid-template-columns: 6.4rem minmax(0,1fr);
    align-items: center;
    gap: .75rem;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.27);
    border-radius: 1.15rem;
    color: #334155;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.88));
    box-shadow: 0 .6rem 1.35rem rgba(71,85,105,.09), inset 0 1px 0 #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.inventory-unit-browser-card:hover[b-2oak6vlpnq] {
    transform: translateY(-2px);
    border-color: rgba(99,102,241,.45);
    box-shadow: 0 .9rem 1.8rem rgba(79,70,229,.14), inset 0 1px 0 #fff;
}

.inventory-unit-browser-card > svg[b-2oak6vlpnq] {
    position: absolute;
    right: .8rem;
    width: 1rem;
    color: #64748b;
}

.inventory-unit-browser-card .inventory-unit-visual[b-2oak6vlpnq] { width: 6.4rem; height: 8.1rem; }
.inventory-unit-browser-card .inventory-unit-visual img[b-2oak6vlpnq] { width: 5.65rem; height: 7.6rem; }
.inventory-unit-browser-copy[b-2oak6vlpnq] { min-width: 0; display: grid; gap: .42rem; }
.inventory-unit-browser-topline[b-2oak6vlpnq] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.inventory-unit-browser-topline > strong[b-2oak6vlpnq] { color: #1d4ed8; font-size: 1.65rem; line-height: 1; }
.inventory-unit-browser-topline em[b-2oak6vlpnq] { padding: .2rem .5rem; border-radius: 999px; color: #475569; background: #f1f5f9; font-size: 1rem; font-style: normal; font-weight: 850; white-space: nowrap; }
.inventory-unit-browser-topline em.available[b-2oak6vlpnq] { color: #047857; background: #d1fae5; }
.inventory-unit-browser-topline em.reserved[b-2oak6vlpnq] { color: #6d28d9; background: #ede9fe; }
.inventory-unit-browser-topline em.quarantine[b-2oak6vlpnq] { color: #b45309; background: #fef3c7; }
.inventory-unit-browser-topline em.expired[b-2oak6vlpnq] { color: #be123c; background: #ffe4e6; }
.inventory-unit-browser-copy > b[b-2oak6vlpnq] { color: #1e293b; font-size: 1rem; overflow-wrap: anywhere; }
.inventory-unit-browser-copy > span:not(.inventory-unit-browser-topline):not(.inventory-unit-browser-dates)[b-2oak6vlpnq] { color: #64748b; font-size: 1rem; font-weight: 750; }
.inventory-unit-browser-copy i[b-2oak6vlpnq] { color: #cbd5e1; font-style: normal; }
.inventory-unit-browser-dates[b-2oak6vlpnq] { padding-top: .42rem; display: flex; align-items: center; justify-content: space-between; gap: .6rem; border-top: 1px solid #eef2f7; }
.inventory-unit-browser-dates small[b-2oak6vlpnq] { color: #64748b; font-size: 1rem; font-weight: 750; }
.inventory-unit-browser-dates small.expiring[b-2oak6vlpnq] { color: #b45309; }
.inventory-unit-browser-dates small.expired[b-2oak6vlpnq] { color: #be123c; }
.inventory-unit-browser-empty[b-2oak6vlpnq] { min-height: 22rem; }

.inventory-unit-browser-dialog :is(button, input):focus-visible[b-2oak6vlpnq] {
    outline: 3px solid rgba(37,99,235,.52);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] { grid-template-rows: auto minmax(15rem, 1fr) auto; }
    .inventory-summary-analysis[b-2oak6vlpnq] { grid-template-columns: 1fr; }
    .inventory-summary-abo-grid[b-2oak6vlpnq] { grid-template-columns: repeat(4, minmax(4.7rem, 1fr)); }
    .inventory-unit-browser-toolbar[b-2oak6vlpnq] { grid-template-columns: minmax(0,1fr) auto; }
    .inventory-unit-browser-toolbar .inventory-quick-filters[b-2oak6vlpnq] { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 640px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] { grid-template-rows: auto minmax(12rem, 1fr) auto; }
    .inventory-command-actions .inventory-open-units-button[b-2oak6vlpnq] { min-width: auto; padding-inline: .6rem; }
    .inventory-summary-dialog[b-2oak6vlpnq] { width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
    .inventory-unit-browser-dialog[b-2oak6vlpnq] { width: 100vw; max-height: 85dvh; border-radius: 1rem 1rem 0 0; }
    .inventory-summary-spotlight[b-2oak6vlpnq] { grid-template-columns: 1fr; }
    .inventory-summary-orb[b-2oak6vlpnq] { min-height: 7rem; }
    .inventory-summary-status-cards[b-2oak6vlpnq] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .inventory-summary-abo-grid[b-2oak6vlpnq] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .inventory-summary-dialog-footer > span[b-2oak6vlpnq] { display: none; }
    .inventory-summary-dialog-footer button[b-2oak6vlpnq] { width: 100%; justify-content: center; }
    .inventory-unit-browser-toolbar[b-2oak6vlpnq] { padding: .55rem; }
    .inventory-unit-browser-search-button[b-2oak6vlpnq] { padding-inline: .55rem; justify-content: center; font-size: .85rem; }
    .inventory-unit-browser-body[b-2oak6vlpnq] { padding: .4rem; }
    .inventory-component-table th[b-2oak6vlpnq], .inventory-component-table td[b-2oak6vlpnq] { width: 7.75rem; min-width: 7.75rem; max-width: 7.75rem; }
    .inventory-component-table :is(th, td).has-units[b-2oak6vlpnq] { width: 11.75rem; min-width: 11.75rem; max-width: 11.75rem; }
    .inventory-unit-browser-grid[b-2oak6vlpnq] { grid-template-columns: 1fr; }
    .inventory-unit-browser-card[b-2oak6vlpnq] { min-height: 9rem; grid-template-columns: 5.3rem minmax(0,1fr); }
    .inventory-unit-browser-card .inventory-unit-visual[b-2oak6vlpnq] { width: 5.3rem; height: 7rem; }
    .inventory-unit-browser-card .inventory-unit-visual img[b-2oak6vlpnq] { width: 4.8rem; height: 6.5rem; }
}

@media print {
    .inventory-command-center[b-2oak6vlpnq] {
        display: block;
        height: auto;
        overflow: visible;
        padding: 0;
    }

    .inventory-filter-panel[b-2oak6vlpnq] {
        display: none;
    }

    .inventory-workspace[b-2oak6vlpnq] {
        display: block;
    }

    .inventory-grid-panel[b-2oak6vlpnq],
    .inventory-unit-grid[b-2oak6vlpnq] {
        overflow: visible;
    }
}

.inventory-active-abo[b-2oak6vlpnq] {
    margin: .65rem .8rem 0;
    min-height: 2.5rem;
    padding: .35rem .45rem .35rem .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid rgba(59, 130, 246, .3);
    border-radius: .8rem;
    color: #1d4ed8;
    background: rgba(239, 246, 255, .9);
    font-size: 1rem;
    font-weight: 800;
}

.inventory-active-abo strong[b-2oak6vlpnq] {
    margin-left: .2rem;
    font-size: 1rem;
}

.inventory-active-abo button[b-2oak6vlpnq] {
    width: 1.85rem;
    height: 1.85rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: .55rem;
    color: #1d4ed8;
    background: rgba(255, 255, 255, .85);
    cursor: pointer;
}

.inventory-active-abo button:hover[b-2oak6vlpnq] {
    background: #fff;
}

.inventory-active-abo button:focus-visible[b-2oak6vlpnq] {
    outline: 3px solid rgba(37, 99, 235, .55);
    outline-offset: 2px;
}

/* Smart Shelf inventory view */
.inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: .9rem;
    display: grid;
    grid-template-rows: auto minmax(15rem, 1.15fr) auto minmax(12rem, .85fr);
    gap: .75rem;
    overflow: auto;
    background:
        radial-gradient(circle at 8% 12%, rgba(59, 130, 246, .11), transparent 24%),
        radial-gradient(circle at 92% 12%, rgba(236, 72, 153, .09), transparent 22%),
        linear-gradient(135deg, rgba(248, 251, 255, .98), rgba(250, 247, 255, .96));
}

.inventory-smart-shelf-page button[b-2oak6vlpnq],
.inventory-smart-shelf-page input[b-2oak6vlpnq],
.inventory-smart-shelf-page select[b-2oak6vlpnq] {
    font: inherit;
}

.inventory-smart-topbar[b-2oak6vlpnq] {
    display: grid;
    grid-template-columns: minmax(15rem, .85fr) minmax(0, 4fr);
    align-items: center;
    gap: 1rem;
}

.inventory-smart-heading[b-2oak6vlpnq] {
    min-width: 0;
    padding: 0 .45rem;
}

.inventory-smart-heading > span:last-child[b-2oak6vlpnq] {
    display: grid;
    align-content: center;
}

.inventory-smart-heading small[b-2oak6vlpnq] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.inventory-smart-heading h1[b-2oak6vlpnq] {
    margin: -.12rem 0 0;
    color: #172554;
    font-size: clamp(1.55rem, 2.1vw, 2.25rem);
    line-height: 1.08;
}

.inventory-smart-summary-grid[b-2oak6vlpnq] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .55rem;
}

.inventory-smart-summary-grid .inventory-summary-item[b-2oak6vlpnq] {
    min-width: 0;
    min-height: 4.45rem;
    padding: .58rem .68rem;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: center;
    column-gap: .55rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 1.05rem;
    color: #334155;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 .55rem 1.35rem rgba(82, 104, 145, .09), inset 0 1px 0 #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.inventory-smart-summary-grid .inventory-summary-item:hover[b-2oak6vlpnq] {
    z-index: 1;
    transform: translateY(-2px);
    border-color: color-mix(in srgb, currentColor 35%, transparent);
    box-shadow: 0 .8rem 1.65rem rgba(82, 104, 145, .14), inset 0 1px 0 #fff;
}

.inventory-smart-summary-grid .inventory-summary-item > span[b-2oak6vlpnq] {
    grid-row: 1 / 3;
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: .78rem;
    background: color-mix(in srgb, currentColor 11%, white);
}

.inventory-smart-summary-grid .inventory-summary-item > span svg[b-2oak6vlpnq] {
    width: 1.25rem;
    height: 1.25rem;
}

.inventory-smart-summary-grid .inventory-summary-item small[b-2oak6vlpnq] {
    align-self: end;
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-smart-summary-grid .inventory-summary-item strong[b-2oak6vlpnq] {
    align-self: start;
    color: #0f2a4a;
    font-size: 1.42rem;
    line-height: 1.1;
}

.inventory-smart-summary-grid .total[b-2oak6vlpnq] { color: #4f46e5; }
.inventory-smart-summary-grid .available[b-2oak6vlpnq] { color: #059669; }
.inventory-smart-summary-grid .reserved[b-2oak6vlpnq] { color: #7c3aed; }
.inventory-smart-summary-grid .expiring[b-2oak6vlpnq] { color: #d97706; }
.inventory-smart-summary-grid .quarantine[b-2oak6vlpnq] { color: #ea580c; }
.inventory-smart-summary-grid .expired[b-2oak6vlpnq] { color: #e11d48; }

.inventory-shelf-stage[b-2oak6vlpnq] {
    position: relative;
    min-height: 15rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(147, 197, 253, .35);
    border-radius: 1.55rem;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 1.3rem 3rem rgba(59, 91, 155, .13), inset 0 1px 0 #fff;
    isolation: isolate;
}

.inventory-shelf-stage[b-2oak6vlpnq]::before {
    position: absolute;
    inset: 8% 6% 4%;
    z-index: -1;
    content: "";
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(96, 165, 250, .2), transparent 70%);
    filter: blur(18px);
}

.inventory-shelf-visual[b-2oak6vlpnq] {
    position: relative;
    width: min(100%, 72rem);
    height: 100%;
    min-height: 15rem;
    overflow: hidden;
}

.inventory-shelf-visual > img[b-2oak6vlpnq] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    display: block;
    transform: translate(-50%, -50%);
}

.inventory-shelf-zones[b-2oak6vlpnq] {
    position: absolute;
    inset: 23% 7.4% 17% 17.4%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inventory-shelf-zone[b-2oak6vlpnq] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .35rem;
    border: 0;
    color: #2563eb;
    background: transparent;
    cursor: pointer;
}

.inventory-shelf-zone strong[b-2oak6vlpnq] {
    min-width: 4.4rem;
    min-height: 4.4rem;
    padding: .45rem .7rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 1.25rem;
    color: #fff;
    background: linear-gradient(145deg, #60a5fa, #2563eb);
    box-shadow: 0 .7rem 1.55rem rgba(37, 99, 235, .32), inset 0 1px 0 rgba(255, 255, 255, .65);
    font-family: "Arial Rounded MT Bold", "Noto Sans Thai", "Leelawadee UI", sans-serif;
    font-size: clamp(1.65rem, 3vw, 2.6rem);
    font-weight: 950;
    letter-spacing: -.08em;
    line-height: 1;
    -webkit-text-stroke: .45px rgba(255, 255, 255, .42);
    text-shadow: 0 -2px 1px rgba(255, 255, 255, .9), 0 3px 0 rgba(15, 23, 42, .2), 0 7px .6rem rgba(15, 23, 42, .25);
    transition: transform .18s ease, filter .18s ease;
}

.inventory-shelf-zone span[b-2oak6vlpnq] {
    min-width: 2.65rem;
    padding: .18rem .65rem;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    color: #fff;
    background: rgba(30, 64, 175, .78);
    box-shadow: 0 .35rem .8rem rgba(30, 64, 175, .2);
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
}

.inventory-shelf-zone.abo-b[b-2oak6vlpnq] { color: #047857; }
.inventory-shelf-zone.abo-b strong[b-2oak6vlpnq] { background: linear-gradient(145deg, #34d399, #047857); box-shadow-color: rgba(4, 120, 87, .3); }
.inventory-shelf-zone.abo-b span[b-2oak6vlpnq] { background: rgba(4, 120, 87, .8); }
.inventory-shelf-zone.abo-o[b-2oak6vlpnq] { color: #7c3aed; }
.inventory-shelf-zone.abo-o strong[b-2oak6vlpnq] { background: linear-gradient(145deg, #a78bfa, #7c3aed); box-shadow-color: rgba(124, 58, 237, .3); }
.inventory-shelf-zone.abo-o span[b-2oak6vlpnq] { background: rgba(109, 40, 217, .8); }
.inventory-shelf-zone.abo-ab[b-2oak6vlpnq] { color: #db2777; }
.inventory-shelf-zone.abo-ab strong[b-2oak6vlpnq] { background: linear-gradient(145deg, #f9a8d4, #db2777); box-shadow-color: rgba(219, 39, 119, .3); }
.inventory-shelf-zone.abo-ab span[b-2oak6vlpnq] { background: rgba(190, 24, 93, .8); }

.inventory-shelf-zone:hover strong[b-2oak6vlpnq],
.inventory-shelf-zone.is-active strong[b-2oak6vlpnq] {
    transform: translateY(-4px) scale(1.05);
    filter: saturate(1.15) brightness(1.04);
}

.inventory-shelf-zone.is-active[b-2oak6vlpnq]::after {
    width: 2.35rem;
    height: .28rem;
    content: "";
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 1rem currentColor;
}

.inventory-command-ribbon[b-2oak6vlpnq] {
    min-height: 3.9rem;
    padding: .5rem .65rem;
    display: grid;
    grid-template-columns: minmax(14rem, 1.2fr) minmax(0, 2.2fr) auto;
    align-items: center;
    gap: .55rem;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, .78);
}

.inventory-scan-search[b-2oak6vlpnq] {
    min-width: 0;
    min-height: 2.75rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: .9rem;
    color: #64748b;
    background: rgba(248, 250, 252, .84);
}

.inventory-scan-search svg[b-2oak6vlpnq] { width: 1.15rem; }

.inventory-scan-search input[b-2oak6vlpnq] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #0f2a4a;
    background: transparent;
    font-weight: 750;
}

.inventory-quick-filters[b-2oak6vlpnq],
.inventory-command-actions[b-2oak6vlpnq] {
    display: flex;
    align-items: center;
    gap: .38rem;
}

.inventory-quick-filters[b-2oak6vlpnq] {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.inventory-quick-filters[b-2oak6vlpnq]::-webkit-scrollbar { display: none; }

.inventory-quick-filters button[b-2oak6vlpnq],
.inventory-command-actions button[b-2oak6vlpnq] {
    min-height: 2.45rem;
    padding: .42rem .72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: .78rem;
    color: #64748b;
    background: rgba(255, 255, 255, .86);
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
}

.inventory-quick-filters button[b-2oak6vlpnq]::before {
    width: .48rem;
    height: .48rem;
    content: "";
    border-radius: 50%;
    background: #94a3b8;
}

.inventory-quick-filters button.available[b-2oak6vlpnq]::before { background: #10b981; }
.inventory-quick-filters button.reserved[b-2oak6vlpnq]::before { background: #8b5cf6; }
.inventory-quick-filters button.expiring[b-2oak6vlpnq]::before { background: #f59e0b; }
.inventory-quick-filters button.expired[b-2oak6vlpnq]::before { background: #f43f5e; }
.inventory-quick-filters button.active[b-2oak6vlpnq] { border-color: rgba(99, 102, 241, .38); color: #4338ca; background: #eef2ff; }

.inventory-command-actions button[b-2oak6vlpnq] {
    width: 2.45rem;
    padding: 0;
    color: #334155;
}

.inventory-command-actions button:first-of-type[b-2oak6vlpnq],
.inventory-command-actions .inventory-active-abo-button[b-2oak6vlpnq] {
    width: auto;
    padding: .42rem .68rem;
}

.inventory-command-actions svg[b-2oak6vlpnq] { width: 1rem; height: 1rem; }
.inventory-command-actions .inventory-active-abo-button[b-2oak6vlpnq] { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; }

.inventory-smart-tray[b-2oak6vlpnq] {
    min-height: 0;
    padding: .65rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .55rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, .74);
}

.inventory-smart-tray > header[b-2oak6vlpnq] {
    min-height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.inventory-smart-tray > header > span[b-2oak6vlpnq] { display: flex; align-items: baseline; gap: .55rem; }
.inventory-smart-tray > header strong[b-2oak6vlpnq] { color: #172554; font-size: 1rem; }
.inventory-smart-tray > header small[b-2oak6vlpnq] { color: #64748b; font-size: 1rem; font-weight: 750; }
.inventory-smart-tray > header b[b-2oak6vlpnq] { padding: .2rem .6rem; border-radius: 999px; color: #1d4ed8; background: #dbeafe; font-size: 1rem; }

.inventory-smart-unit-grid[b-2oak6vlpnq] {
    min-height: 0;
    padding: .1rem .1rem .45rem;
    grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr));
    gap: .55rem;
    overflow: auto;
    align-content: start;
}

.inventory-smart-unit-grid .inventory-smart-unit-card[b-2oak6vlpnq] {
    min-height: 8.2rem;
    padding: .65rem;
    display: grid;
    grid-template-columns: 4.8rem minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 1rem;
    color: #1e293b;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.84));
    box-shadow: 0 .45rem 1.1rem rgba(71, 85, 105, .08), inset 0 1px 0 #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.inventory-smart-unit-grid .inventory-smart-unit-card:hover[b-2oak6vlpnq] {
    transform: translateY(-2px);
    border-color: rgba(99, 102, 241, .4);
    box-shadow: 0 .7rem 1.45rem rgba(79, 70, 229, .13), inset 0 1px 0 #fff;
}

.inventory-unit-visual[b-2oak6vlpnq] {
    width: 4.8rem;
    height: 6.7rem;
    display: grid;
    place-items: center;
    border-radius: .9rem;
    background: radial-gradient(circle, rgba(219, 234, 254, .88), rgba(238, 242, 255, .45) 68%, transparent 70%);
}

.inventory-unit-visual img[b-2oak6vlpnq] {
    width: 4.45rem;
    height: 6.2rem;
    object-fit: contain;
    filter: drop-shadow(0 .4rem .45rem rgba(127, 29, 29, .18));
}

.inventory-unit-copy[b-2oak6vlpnq] { min-width: 0; display: grid; gap: .28rem; }
.inventory-smart-unit-card .inventory-unit-topline[b-2oak6vlpnq] { display: flex; align-items: center; justify-content: space-between; }
.inventory-smart-unit-card .inventory-blood-group[b-2oak6vlpnq] { color: #1d4ed8; font-size: 1.42rem; line-height: 1; }
.inventory-status-dot[b-2oak6vlpnq] { width: .72rem; height: .72rem; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 .22rem rgba(148,163,184,.14); }
.inventory-status-dot.available[b-2oak6vlpnq] { background: #10b981; box-shadow-color: rgba(16,185,129,.15); }
.inventory-status-dot.reserved[b-2oak6vlpnq] { background: #8b5cf6; box-shadow-color: rgba(139,92,246,.15); }
.inventory-status-dot.quarantine[b-2oak6vlpnq] { background: #f59e0b; box-shadow-color: rgba(245,158,11,.15); }
.inventory-status-dot.expired[b-2oak6vlpnq] { background: #f43f5e; box-shadow-color: rgba(244,63,94,.15); }
.inventory-smart-unit-card .inventory-unit-number[b-2oak6vlpnq] { overflow: hidden; color: #334155; font-size: 1rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.inventory-unit-meta[b-2oak6vlpnq] { overflow: hidden; color: #64748b; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.inventory-unit-expiry[b-2oak6vlpnq] { width: fit-content; padding: .15rem .4rem; border-radius: .45rem; color: #64748b; background: #f1f5f9; font-size: 1rem; font-weight: 800; }
.inventory-unit-expiry.expiring[b-2oak6vlpnq] { color: #b45309; background: #fffbeb; }
.inventory-unit-expiry.expired[b-2oak6vlpnq] { color: #be123c; background: #fff1f2; }

.inventory-smart-empty[b-2oak6vlpnq] { min-height: 8rem; }

.inventory-summary-dialog[b-2oak6vlpnq],
.inventory-filter-dialog[b-2oak6vlpnq] {
    width: min(70rem, calc(100vw - 2rem));
    max-height: min(48rem, calc(100dvh - 2rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 1.45rem;
    background: rgba(248, 251, 255, .96);
    box-shadow: 0 2rem 5rem rgba(30, 41, 90, .28);
}

.inventory-summary-dialog-body[b-2oak6vlpnq] {
    min-height: 0;
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    overflow: auto;
}

.inventory-breakdown-section[b-2oak6vlpnq],
.inventory-summary-unit-list[b-2oak6vlpnq] {
    padding: .85rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 1rem;
    background: rgba(255,255,255,.78);
}

.inventory-breakdown-section h3[b-2oak6vlpnq],
.inventory-summary-unit-list h3[b-2oak6vlpnq] { margin: 0 0 .65rem; color: #172554; font-size: 1rem; }
.inventory-breakdown-grid[b-2oak6vlpnq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(5.6rem, 1fr)); gap: .45rem; }
.inventory-breakdown-grid > span[b-2oak6vlpnq] { min-width: 0; padding: .55rem; display: grid; gap: .12rem; border-radius: .7rem; background: #f8fafc; }
.inventory-breakdown-grid small[b-2oak6vlpnq] { overflow: hidden; color: #64748b; font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.inventory-breakdown-grid strong[b-2oak6vlpnq] { color: #172554; font-size: 1.15rem; }
.inventory-summary-unit-list[b-2oak6vlpnq] { grid-column: 1 / -1; display: grid; gap: .42rem; }
.inventory-summary-unit-list > button[b-2oak6vlpnq] { min-height: 3.5rem; padding: .48rem .7rem; display: grid; grid-template-columns: 2.7rem minmax(0, 1fr) auto 1rem; align-items: center; gap: .65rem; border: 1px solid rgba(148,163,184,.22); border-radius: .75rem; color: #334155; background: #fff; text-align: left; cursor: pointer; }
.inventory-summary-unit-list > button > strong[b-2oak6vlpnq] { color: #2563eb; font-size: 1.1rem; }
.inventory-summary-unit-list > button > span[b-2oak6vlpnq] { min-width: 0; display: grid; }
.inventory-summary-unit-list > button b[b-2oak6vlpnq] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-summary-unit-list > button small[b-2oak6vlpnq] { color: #64748b; font-size: 1rem; }
.inventory-summary-unit-list > button em[b-2oak6vlpnq] { padding: .18rem .45rem; border-radius: 999px; color: #475569; background: #f1f5f9; font-size: 1rem; font-style: normal; font-weight: 800; }
.inventory-summary-unit-list > button em.available[b-2oak6vlpnq] { color: #047857; background: #d1fae5; }
.inventory-summary-unit-list > button em.reserved[b-2oak6vlpnq] { color: #6d28d9; background: #ede9fe; }
.inventory-summary-unit-list > button em.quarantine[b-2oak6vlpnq] { color: #b45309; background: #fef3c7; }
.inventory-summary-unit-list > button em.expired[b-2oak6vlpnq] { color: #be123c; background: #ffe4e6; }

.inventory-filter-dialog[b-2oak6vlpnq] { width: min(50rem, calc(100vw - 2rem)); grid-template-rows: auto minmax(0, 1fr) auto; }
.inventory-filter-dialog-body[b-2oak6vlpnq] { min-height: 0; padding: 1rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; overflow: auto; }
.inventory-filter-dialog-body .inventory-filter-field[b-2oak6vlpnq] { margin: 0; }
.inventory-filter-dialog-body .inventory-filter-field--wide[b-2oak6vlpnq],
.inventory-filter-dialog-body .inventory-filter-date[b-2oak6vlpnq] { grid-column: 1 / -1; }
.inventory-filter-dialog-body input[b-2oak6vlpnq],
.inventory-filter-dialog-body select[b-2oak6vlpnq] { min-height: 2.8rem; }
.inventory-filter-dialog-footer[b-2oak6vlpnq] { padding: .8rem 1rem; display: flex; justify-content: flex-end; gap: .55rem; border-top: 1px solid rgba(148,163,184,.22); background: rgba(255,255,255,.78); }
.inventory-filter-dialog-footer button[b-2oak6vlpnq] { min-width: 8rem; }

.inventory-smart-shelf-page :is(button, input, select):focus-visible[b-2oak6vlpnq],
.inventory-summary-dialog :is(button, input, select):focus-visible[b-2oak6vlpnq],
.inventory-filter-dialog :is(button, input, select):focus-visible[b-2oak6vlpnq] {
    outline: 3px solid rgba(37, 99, 235, .52);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .inventory-smart-topbar[b-2oak6vlpnq] { grid-template-columns: 1fr; }
    .inventory-smart-heading[b-2oak6vlpnq] { display: none; }
    .inventory-smart-summary-grid[b-2oak6vlpnq] { grid-template-columns: repeat(6, minmax(7.4rem, 1fr)); overflow-x: auto; padding: .1rem .05rem .35rem; }
    .inventory-command-ribbon[b-2oak6vlpnq] { grid-template-columns: minmax(13rem, 1fr) minmax(0, 1.6fr) auto; }
    .inventory-command-actions button:nth-last-child(-n+2)[b-2oak6vlpnq] { display: none; }
}

@media (max-width: 900px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] { height: auto; min-height: 100%; grid-template-rows: auto auto auto minmax(18rem, auto); }
    .inventory-shelf-stage[b-2oak6vlpnq] { min-height: 13rem; }
    .inventory-shelf-zone strong[b-2oak6vlpnq] { min-width: 3.35rem; min-height: 3.35rem; border-radius: .95rem; }
    .inventory-command-ribbon[b-2oak6vlpnq] { grid-template-columns: minmax(0, 1fr) auto; }
    .inventory-quick-filters[b-2oak6vlpnq] { grid-column: 1 / -1; grid-row: 2; }
    .inventory-summary-dialog-body[b-2oak6vlpnq] { grid-template-columns: 1fr 1fr; }
    .inventory-component-breakdown[b-2oak6vlpnq] { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] { padding: .55rem; gap: .55rem; }
    .inventory-smart-summary-grid[b-2oak6vlpnq] { grid-template-columns: repeat(6, minmax(6.75rem, 1fr)); }
    .inventory-smart-summary-grid .inventory-summary-item[b-2oak6vlpnq] { min-height: 4rem; grid-template-columns: 2rem minmax(0,1fr); padding: .5rem; }
    .inventory-smart-summary-grid .inventory-summary-item > span[b-2oak6vlpnq] { width: 2rem; height: 2rem; }
    .inventory-shelf-stage[b-2oak6vlpnq] { min-height: 10.5rem; border-radius: 1.1rem; }
    .inventory-shelf-zone strong[b-2oak6vlpnq] { min-width: 2.65rem; min-height: 2.65rem; padding: .3rem; border-radius: .75rem; font-size: 1.25rem; }
    .inventory-shelf-zone span[b-2oak6vlpnq] { min-width: 2rem; padding: .12rem .42rem; font-size: 1rem; }
    .inventory-command-ribbon[b-2oak6vlpnq] { padding: .45rem; }
    .inventory-command-actions button:nth-last-child(-n+3)[b-2oak6vlpnq] { display: none; }
    .inventory-smart-unit-grid[b-2oak6vlpnq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .inventory-smart-unit-grid .inventory-smart-unit-card[b-2oak6vlpnq] { min-height: 7rem; padding: .45rem; grid-template-columns: 3.6rem minmax(0,1fr); }
    .inventory-unit-visual[b-2oak6vlpnq] { width: 3.6rem; height: 5.4rem; }
    .inventory-unit-visual img[b-2oak6vlpnq] { width: 3.35rem; height: 5rem; }
    .inventory-summary-dialog[b-2oak6vlpnq],
    .inventory-filter-dialog[b-2oak6vlpnq] { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
    .inventory-summary-dialog-body[b-2oak6vlpnq],
    .inventory-filter-dialog-body[b-2oak6vlpnq] { grid-template-columns: 1fr; padding: .7rem; }
    .inventory-component-breakdown[b-2oak6vlpnq],
    .inventory-filter-dialog-body .inventory-filter-field--wide[b-2oak6vlpnq],
    .inventory-filter-dialog-body .inventory-filter-date[b-2oak6vlpnq] { grid-column: auto; }
    .inventory-summary-unit-list > button[b-2oak6vlpnq] { grid-template-columns: 2.35rem minmax(0,1fr) 1rem; }
    .inventory-summary-unit-list > button em[b-2oak6vlpnq] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .inventory-smart-shelf-page *[b-2oak6vlpnq],
    .inventory-summary-dialog *[b-2oak6vlpnq],
    .inventory-filter-dialog *[b-2oak6vlpnq] {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Keep the dialog-first layout after the legacy responsive rules above. */
.inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] {
    grid-row: 1 / -1;
    height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.inventory-smart-shelf-page .inventory-shelf-stage[b-2oak6vlpnq] {
    min-height: 0;
    container-type: size;
}

.inventory-smart-shelf-page .inventory-shelf-visual[b-2oak6vlpnq] {
    width: min(100%, 228.434cqh);
    height: auto;
    min-height: 0;
    aspect-ratio: 1896 / 830;
}

.inventory-smart-shelf-page .inventory-shelf-visual > img[b-2oak6vlpnq] {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
}

.inventory-summary-dialog[b-2oak6vlpnq] {
    width: min(78rem, calc(100vw - 2rem));
    max-height: min(50rem, calc(100dvh - 2rem));
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.inventory-summary-dialog-body[b-2oak6vlpnq] {
    padding: 1rem 1.1rem;
    grid-template-columns: 1fr;
    gap: .9rem;
}

.inventory-unit-browser-card > svg[b-2oak6vlpnq] {
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 900px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] {
        height: auto;
        min-height: 100%;
        grid-template-rows: auto minmax(15rem, 1fr) auto;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inventory-summary-dialog-body[b-2oak6vlpnq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .inventory-command-center.inventory-smart-shelf-page[b-2oak6vlpnq] {
        grid-template-rows: auto minmax(12rem, 1fr) auto;
    }

    .inventory-summary-dialog[b-2oak6vlpnq] {
        width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .inventory-summary-dialog-body[b-2oak6vlpnq] {
        grid-template-columns: 1fr;
        padding: .7rem;
    }
}

.inventory-unit-browser-card > :last-child[b-2oak6vlpnq] {
    position: absolute;
    top: 50%;
    right: .8rem;
    color: #64748b;
    transform: translateY(-50%);
}

.inventory-unit-browser-chevron[b-2oak6vlpnq] {
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef2ff;
}

.inventory-unit-browser-chevron svg[b-2oak6vlpnq] {
    width: .95rem;
    height: .95rem;
}

.inventory-unit-browser-copy > b[b-2oak6vlpnq] {
    font-size: 1rem;
}
/* /Components/Pages/Stock/BloodUnitVerification.razor.rz.scp.css */
:host[b-y6hdeqx7au] {
    display: block;
    min-width: 0;
    min-height: 0;
}

*[b-y6hdeqx7au] {
    box-sizing: border-box;
}

button[b-y6hdeqx7au],
input[b-y6hdeqx7au],
select[b-y6hdeqx7au],
textarea[b-y6hdeqx7au] {
    font: inherit;
}

.verification-command-center[b-y6hdeqx7au] {
    --verify-blue: #2563eb;
    --verify-violet: #7c3aed;
    --verify-teal: #0f9f83;
    --verify-amber: #d97706;
    --verify-red: #dc2626;
    --verify-ink: #172554;
    --verify-muted: #64748b;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
    height: calc(100dvh - 94px);
    min-height: 0;
    padding: 0.7rem;
    overflow: hidden;
    color: var(--verify-ink);
}

.verification-glass[b-y6hdeqx7au] {
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(147, 197, 253, 0.5);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 16px 40px rgba(67, 56, 202, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(18px) saturate(130%);
}

.verification-overview[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: minmax(17rem, 1fr) minmax(20rem, 0.95fr) auto;
    align-items: stretch;
    overflow: hidden;
}

.verification-page-heading[b-y6hdeqx7au] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    padding: 0.68rem 0.82rem;
    border-right: 1px solid #dbe5f2;
    background: linear-gradient(120deg, rgba(239, 246, 255, 0.92), rgba(245, 243, 255, 0.72));
}

.verification-heading-icon[b-y6hdeqx7au] {
    display: grid;
    flex: none;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.9rem;
    background: linear-gradient(145deg, #2989ed, #7044e5);
    color: #fff;
    box-shadow: 0 9px 20px rgba(78, 70, 210, 0.18);
}

.verification-heading-icon[b-y6hdeqx7au]  svg {
    width: 1.35rem;
    height: 1.35rem;
}

.verification-page-heading > span:last-child[b-y6hdeqx7au] {
    min-width: 0;
}

.verification-page-heading small[b-y6hdeqx7au],
.verification-dialog > header small[b-y6hdeqx7au] {
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.13em;
}

.verification-page-heading h1[b-y6hdeqx7au] {
    margin: 0.04rem 0 0;
    color: #202766;
    font-size: 1.08rem;
    line-height: 1.2;
}

.verification-page-heading p[b-y6hdeqx7au] {
    margin: 0.1rem 0 0;
    overflow: hidden;
    color: var(--verify-muted);
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-overview-stats[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.verification-overview-stats > span[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.42rem;
    min-width: 0;
    padding: 0.48rem 0.65rem;
    border-right: 1px solid #e2e8f0;
}

.verification-overview-stats i[b-y6hdeqx7au] {
    display: grid;
    grid-row: 1 / 3;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.62rem;
    font-style: normal;
}

.verification-overview-stats i[b-y6hdeqx7au]  svg {
    width: 0.95rem;
    height: 0.95rem;
}

.verification-overview-stats small[b-y6hdeqx7au] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-overview-stats strong[b-y6hdeqx7au] {
    font-size: 1rem;
    line-height: 1.05;
}

.verification-overview-stats .is-pending i[b-y6hdeqx7au] {
    background: #fff4d6;
    color: #d97706;
}

.verification-overview-stats .is-selected i[b-y6hdeqx7au] {
    background: #fee2e2;
    color: #dc2626;
}

.verification-overview-stats .is-progress i[b-y6hdeqx7au] {
    background: #dcfce7;
    color: #07815e;
}

.verification-header-action[b-y6hdeqx7au] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 8rem;
    padding: 0.45rem 0.72rem;
    border: 0;
    background: rgba(248, 250, 252, 0.86);
    color: #4f5f78;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.verification-header-action[b-y6hdeqx7au]  svg {
    width: 0.9rem;
    height: 0.9rem;
}

.verification-message[b-y6hdeqx7au] {
    position: fixed;
    z-index: 80;
    top: 5.1rem;
    left: 50%;
    width: min(34rem, calc(100vw - 2rem));
    border-radius: 0.85rem;
    box-shadow: 0 15px 35px rgba(30, 41, 59, 0.2);
    transform: translateX(-50%);
}

.verification-searchbar[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.6fr) minmax(17rem, 2fr) auto auto;
    align-items: end;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
}

.verification-searchbar label[b-y6hdeqx7au] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.verification-searchbar label > span:first-child[b-y6hdeqx7au],
.verification-form-grid label > span[b-y6hdeqx7au],
.verification-lab-grid label > span[b-y6hdeqx7au],
.verification-remark-field > span[b-y6hdeqx7au] {
    color: #526078;
    font-size: 1rem;
    font-weight: 850;
}

.verification-searchbar select[b-y6hdeqx7au],
.verification-searchbar input[b-y6hdeqx7au],
.verification-form-grid input[b-y6hdeqx7au],
.verification-form-grid select[b-y6hdeqx7au],
.verification-form-grid textarea[b-y6hdeqx7au],
.verification-lab-grid input[b-y6hdeqx7au],
.verification-remark-field textarea[b-y6hdeqx7au] {
    width: 100%;
    min-width: 0;
    border: 1px solid #cbd8e9;
    border-radius: 0.72rem;
    background: rgba(255, 255, 255, 0.94);
    color: #263650;
    outline: none;
    font-size: 1rem;
    font-weight: 700;
}

.verification-searchbar select[b-y6hdeqx7au],
.verification-searchbar input[b-y6hdeqx7au],
.verification-form-grid input[b-y6hdeqx7au],
.verification-form-grid select[b-y6hdeqx7au],
.verification-lab-grid input[b-y6hdeqx7au] {
    min-height: 2.35rem;
    padding: 0.45rem 0.62rem;
}

.verification-scan-field > span:last-child[b-y6hdeqx7au] {
    position: relative;
}

.verification-scan-field > span:last-child[b-y6hdeqx7au]  svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0.65rem;
    width: 1rem;
    height: 1rem;
    color: #4f46e5;
    transform: translateY(-50%);
    pointer-events: none;
}

.verification-scan-field input[b-y6hdeqx7au] {
    padding-left: 2.05rem;
}

.verification-searchbar button[b-y6hdeqx7au] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    min-height: 2.35rem;
    padding: 0.4rem 0.86rem;
    border-radius: 0.72rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.verification-searchbar button[b-y6hdeqx7au]  svg {
    width: 0.86rem;
    height: 0.86rem;
}

.verification-search-primary[b-y6hdeqx7au] {
    border: 0;
    background: linear-gradient(110deg, #1769e9, #6540e7 58%, #9f1fe1);
    color: #fff;
    box-shadow: 0 8px 18px rgba(76, 60, 210, 0.16);
}

.verification-search-reset[b-y6hdeqx7au] {
    border: 1px solid #cfdae9;
    background: #fff;
    color: #536179;
}

.verification-workspace[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: minmax(18rem, 34%) minmax(0, 1fr);
    gap: 0.65rem;
    min-width: 0;
    min-height: 0;
}

.verification-queue-panel[b-y6hdeqx7au] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.verification-queue-panel > header[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.72rem;
    border-bottom: 1px solid #dbe5f2;
    background: linear-gradient(115deg, rgba(239, 246, 255, 0.92), rgba(248, 245, 255, 0.75));
}

.verification-queue-panel > header > span:first-child[b-y6hdeqx7au] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 0.72rem;
    background: linear-gradient(145deg, #2796df, #6744e8);
    color: #fff;
}

.verification-queue-panel > header > span:first-child[b-y6hdeqx7au]  svg {
    width: 1rem;
    height: 1rem;
}

.verification-queue-panel > header small[b-y6hdeqx7au] {
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.verification-queue-panel > header h2[b-y6hdeqx7au] {
    margin: 0.05rem 0 0;
    color: #202766;
    font-size: 1rem;
}

.verification-queue-panel > header b[b-y6hdeqx7au] {
    padding: 0.25rem 0.46rem;
    border-radius: 999px;
    background: #fff4d6;
    color: #a65d00;
    font-size: 1rem;
}

.verification-queue-list[b-y6hdeqx7au] {
    display: grid;
    align-content: start;
    gap: 0.48rem;
    min-height: 0;
    padding: 0.58rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.verification-queue-card[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    min-width: 0;
    padding: 0.58rem;
    border: 1px solid #d8e3ef;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.9);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.verification-queue-card:hover[b-y6hdeqx7au] {
    border-color: #9bbcf8;
    transform: translateY(-1px);
}

.verification-queue-card.is-selected[b-y6hdeqx7au] {
    border-color: #6f67ef;
    background: linear-gradient(118deg, rgba(239, 246, 255, 0.96), rgba(245, 243, 255, 0.94));
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.12), inset 3px 0 0 #526be8;
}

.verification-queue-group[b-y6hdeqx7au] {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 0.82rem;
    background: linear-gradient(145deg, #eef4ff, #f1ebff);
    color: #3a4fbd;
    font-size: 1.05rem;
    font-weight: 950;
}

.verification-queue-main[b-y6hdeqx7au] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.verification-queue-main strong[b-y6hdeqx7au] {
    overflow: hidden;
    color: #1d2a55;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-queue-main small[b-y6hdeqx7au] {
    color: #4f5e77;
    font-size: 1rem;
    font-weight: 800;
}

.verification-queue-main > span[b-y6hdeqx7au] {
    overflow: hidden;
    color: #7a879a;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-queue-card[b-y6hdeqx7au] >  svg {
    width: 0.9rem;
    height: 0.9rem;
    color: #7c8ca3;
}

.verification-queue-empty[b-y6hdeqx7au],
.verification-detail-state[b-y6hdeqx7au] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.38rem;
    min-height: 12rem;
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.verification-queue-empty[b-y6hdeqx7au]  svg,
.verification-detail-state[b-y6hdeqx7au]  svg {
    width: 2rem;
    height: 2rem;
    color: #6d62e8;
}

.verification-queue-empty strong[b-y6hdeqx7au],
.verification-detail-state strong[b-y6hdeqx7au] {
    color: #26355b;
    font-size: 1rem;
}

.verification-queue-empty small[b-y6hdeqx7au],
.verification-detail-state small[b-y6hdeqx7au] {
    font-size: 1rem;
    font-weight: 700;
}

.verification-queue-panel > footer[b-y6hdeqx7au] {
    padding: 0.48rem 0.65rem;
    border-top: 1px solid #e2e8f0;
    background: rgba(248, 250, 252, 0.86);
    color: #718096;
    text-align: center;
    font-size: 1rem;
    font-weight: 750;
}

.verification-detail-panel[b-y6hdeqx7au] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.verification-detail-panel > .verification-detail-state[b-y6hdeqx7au] {
    grid-row: 1 / -1;
}

.verification-detail-state.is-error[b-y6hdeqx7au]  svg {
    color: #dc2626;
}

.verification-state-spinner[b-y6hdeqx7au] {
    width: 2rem;
    height: 2rem;
    border: 3px solid #dbeafe;
    border-top-color: #5b55e5;
    border-radius: 50%;
    animation: verification-spin-b-y6hdeqx7au 700ms linear infinite;
}

.verification-unit-header[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 3.15rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.58rem 0.72rem;
    border-bottom: 1px solid #dbe5f2;
    background: linear-gradient(118deg, rgba(239, 246, 255, 0.9), rgba(250, 245, 255, 0.74));
}

.verification-unit-avatar[b-y6hdeqx7au] {
    display: grid;
    width: 3.15rem;
    height: 3.15rem;
    place-items: center;
    border-radius: 0.9rem;
    background: linear-gradient(145deg, #dbeafe, #eee5ff);
    color: #344bbb;
    font-size: 1.08rem;
    font-weight: 950;
}

.verification-unit-identity[b-y6hdeqx7au] {
    min-width: 0;
}

.verification-unit-identity small[b-y6hdeqx7au] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.verification-unit-identity h2[b-y6hdeqx7au] {
    margin: 0.02rem 0 0;
    overflow: hidden;
    color: #1f2b61;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-unit-identity p[b-y6hdeqx7au] {
    margin: 0.06rem 0 0;
    color: #64748b;
    font-size: 1rem;
    font-weight: 750;
}

.verification-status-badge[b-y6hdeqx7au],
.verification-history-list article > span:nth-last-child(2)[b-y6hdeqx7au],
.verification-history-list article > b[b-y6hdeqx7au] {
    padding: 0.24rem 0.48rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
}

.verification-status-badge.is-available[b-y6hdeqx7au] {
    background: #dcfce7;
    color: #087a4b;
}

.verification-status-badge.is-quarantine[b-y6hdeqx7au] {
    background: #ffedd5;
    color: #b45309;
}

.verification-status-badge.is-expired[b-y6hdeqx7au] {
    background: #fee2e2;
    color: #b91c1c;
}

.verification-status-badge.is-pending[b-y6hdeqx7au] {
    background: #fff4d6;
    color: #a65d00;
}

.verification-movement-button[b-y6hdeqx7au] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 2.1rem;
    padding: 0.35rem 0.58rem;
    border: 1px solid #d3dfed;
    border-radius: 0.68rem;
    background: #fff;
    color: #536179;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.verification-movement-button[b-y6hdeqx7au]  svg {
    width: 0.82rem;
    height: 0.82rem;
}

.verification-safety-ribbon[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0.55rem 0.62rem 0;
    overflow: hidden;
    border: 1px solid #d9e4f1;
    border-radius: 0.88rem;
    background: rgba(248, 251, 255, 0.8);
}

.verification-safety-ribbon > div[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 1.85rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-content: center;
    column-gap: 0.42rem;
    min-width: 0;
    min-height: 3.2rem;
    padding: 0.42rem 0.55rem;
    border-right: 1px solid #dce6f2;
}

.verification-safety-ribbon > div:last-child[b-y6hdeqx7au] {
    border-right: 0;
}

.verification-safety-ribbon > div > span[b-y6hdeqx7au] {
    display: grid;
    grid-row: 1 / 4;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    border-radius: 0.62rem;
    background: #eef2ff;
    color: #4f46e5;
}

.verification-safety-ribbon > div > span[b-y6hdeqx7au]  svg {
    width: 0.95rem;
    height: 0.95rem;
}

.verification-safety-ribbon small[b-y6hdeqx7au] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-safety-ribbon strong[b-y6hdeqx7au] {
    overflow: hidden;
    color: #23315d;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-safety-ribbon em[b-y6hdeqx7au] {
    overflow: hidden;
    color: #7a879a;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-safety-ribbon .is-group > span[b-y6hdeqx7au] {
    background: #fee2e2;
    color: #dc2626;
}

.verification-safety-ribbon .is-component > span[b-y6hdeqx7au] {
    background: #e0e7ff;
    color: #4f46e5;
}

.verification-safety-ribbon .is-safe > span[b-y6hdeqx7au],
.verification-safety-ribbon .is-readiness.is-ready > span[b-y6hdeqx7au] {
    background: #dcfce7;
    color: #07815e;
}

.verification-safety-ribbon .is-expiring > span[b-y6hdeqx7au] {
    background: #fff4d6;
    color: #d97706;
}

.verification-safety-ribbon .is-expired > span[b-y6hdeqx7au],
.verification-safety-ribbon .is-readiness:not(.is-ready) > span[b-y6hdeqx7au] {
    background: #fee2e2;
    color: #dc2626;
}

.verification-stage-rail[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0.5rem 0.62rem 0;
    overflow: hidden;
    border: 1px solid #d9e4f1;
    border-radius: 0.82rem;
    background: #fff;
}

.verification-stage-rail > span[b-y6hdeqx7au] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    min-height: 2.65rem;
    padding: 0.38rem 0.55rem;
    border-right: 1px solid #e2e8f0;
    color: #8794a7;
}

.verification-stage-rail > span:last-child[b-y6hdeqx7au] {
    border-right: 0;
}

.verification-stage-rail > span.is-current[b-y6hdeqx7au] {
    background: linear-gradient(115deg, #eef5ff, #f4efff);
    color: #3143a5;
    box-shadow: inset 0 -2px 0 #4f7df3;
}

.verification-stage-rail > span.is-complete[b-y6hdeqx7au] {
    color: #087a4b;
}

.verification-stage-rail b[b-y6hdeqx7au] {
    display: grid;
    flex: none;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: 50%;
    background: #eef2f7;
    font-size: 1rem;
}

.verification-stage-rail .is-current b[b-y6hdeqx7au] {
    background: #2f75dc;
    color: #fff;
}

.verification-stage-rail .is-complete b[b-y6hdeqx7au] {
    background: #dcfce7;
    color: #087a4b;
}

.verification-stage-rail i[b-y6hdeqx7au] {
    display: grid;
    min-width: 0;
    font-style: normal;
}

.verification-stage-rail strong[b-y6hdeqx7au] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-stage-rail small[b-y6hdeqx7au] {
    overflow: hidden;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-detail-scroll[b-y6hdeqx7au] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    min-height: 0;
    padding: 0.55rem 0.62rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.verification-step-card[b-y6hdeqx7au] {
    overflow: hidden;
    border: 1px solid #d9e4f1;
    border-radius: 0.92rem;
    background: rgba(255, 255, 255, 0.92);
}

.verification-step-card > header[b-y6hdeqx7au] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.62rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(115deg, rgba(239, 246, 255, 0.88), rgba(249, 245, 255, 0.72));
}

.verification-step-card > header > span[b-y6hdeqx7au] {
    display: grid;
    flex: none;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    border-radius: 50%;
    background: #2f75dc;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.verification-step-card > header > div[b-y6hdeqx7au] {
    min-width: 0;
}

.verification-step-card > header h3[b-y6hdeqx7au] {
    margin: 0;
    color: #263460;
    font-size: 1rem;
}

.verification-step-card > header p[b-y6hdeqx7au] {
    margin: 0.05rem 0 0;
    color: #718096;
    font-size: 1rem;
    font-weight: 700;
}

.verification-step-card > header > b[b-y6hdeqx7au] {
    margin-left: auto;
    padding: 0.2rem 0.42rem;
    border-radius: 999px;
    background: #e0e7ff;
    color: #4f46e5;
    font-size: 1rem;
}

.verification-fact-grid[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border-bottom: 1px solid #e2e8f0;
}

.verification-fact-grid > div[b-y6hdeqx7au] {
    min-width: 0;
    padding: 0.48rem 0.6rem;
    border-right: 1px solid #edf1f6;
    border-bottom: 1px solid #edf1f6;
}

.verification-fact-grid dt[b-y6hdeqx7au] {
    color: #7b8798;
    font-size: 1rem;
    font-weight: 800;
}

.verification-fact-grid dd[b-y6hdeqx7au] {
    margin: 0.1rem 0 0;
    overflow: hidden;
    color: #2b385c;
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-form-grid[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
    padding: 0.58rem;
}

.verification-form-grid label[b-y6hdeqx7au],
.verification-lab-grid label[b-y6hdeqx7au],
.verification-remark-field[b-y6hdeqx7au] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.verification-form-grid label.is-wide[b-y6hdeqx7au] {
    grid-column: 1 / -1;
}

.verification-form-grid textarea[b-y6hdeqx7au],
.verification-remark-field textarea[b-y6hdeqx7au] {
    resize: vertical;
    min-height: 3.5rem;
    padding: 0.5rem 0.62rem;
}

.verification-result-fields[b-y6hdeqx7au] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-bottom: 0;
}

.verification-lab-grid[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.4rem;
    padding: 0.55rem;
}

.verification-lab-grid label[b-y6hdeqx7au] {
    padding: 0.38rem;
    border: 1px solid #e0e8f3;
    border-radius: 0.68rem;
    background: #f8fafc;
}

.verification-lab-grid label.has-value[b-y6hdeqx7au] {
    border-color: #9de1c9;
    background: #f0fdf7;
}

.verification-lab-grid input[b-y6hdeqx7au] {
    min-height: 2.05rem;
    background: #fff;
}

.verification-remark-field[b-y6hdeqx7au] {
    padding: 0 0.55rem 0.58rem;
}

.verification-decision-summary[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
    padding: 0.58rem;
}

.verification-decision-summary > span[b-y6hdeqx7au] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    padding: 0.48rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    background: #f8fafc;
}

.verification-decision-summary > span[b-y6hdeqx7au]  svg {
    flex: none;
    width: 1.05rem;
    height: 1.05rem;
}

.verification-decision-summary > span.is-pass[b-y6hdeqx7au] {
    border-color: #a7e4cc;
    background: #f0fdf7;
    color: #087a4b;
}

.verification-decision-summary > span.is-wait[b-y6hdeqx7au] {
    border-color: #f6d28a;
    background: #fffbeb;
    color: #a65d00;
}

.verification-decision-summary > span.is-blocked[b-y6hdeqx7au] {
    border-color: #f2b7b7;
    background: #fef2f2;
    color: #b91c1c;
}

.verification-decision-summary i[b-y6hdeqx7au] {
    display: grid;
    min-width: 0;
    font-style: normal;
}

.verification-decision-summary strong[b-y6hdeqx7au],
.verification-decision-summary small[b-y6hdeqx7au] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-decision-summary strong[b-y6hdeqx7au] {
    font-size: 1rem;
}

.verification-decision-summary small[b-y6hdeqx7au] {
    font-size: 1rem;
    font-weight: 700;
}

.verification-action-bar[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto auto auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.62rem;
    border-top: 1px solid #dbe5f2;
    background: rgba(248, 250, 252, 0.92);
}

.verification-action-bar > span[b-y6hdeqx7au] {
    display: grid;
    min-width: 0;
}

.verification-action-bar > span strong[b-y6hdeqx7au] {
    color: #26345f;
    font-size: 1rem;
}

.verification-action-bar > span small[b-y6hdeqx7au] {
    overflow: hidden;
    color: #718096;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-action-bar button[b-y6hdeqx7au] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 2.25rem;
    padding: 0.4rem 0.68rem;
    border-radius: 0.7rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.verification-action-bar button[b-y6hdeqx7au]  svg {
    width: 0.86rem;
    height: 0.86rem;
}

.verification-draft-action[b-y6hdeqx7au] {
    border: 1px solid #d3dfed;
    background: #fff;
    color: #536179;
}

.verification-quarantine-action[b-y6hdeqx7au] {
    border: 1px solid #f3c875;
    background: #fff8e8;
    color: #a35d00;
}

.verification-primary-action[b-y6hdeqx7au] {
    min-width: 8rem;
    border: 0;
    background: linear-gradient(110deg, #1769e9, #6540e7 58%, #a21be3);
    color: #fff;
    box-shadow: 0 8px 18px rgba(84, 55, 210, 0.18);
}

.verification-action-bar button:disabled[b-y6hdeqx7au] {
    cursor: not-allowed;
    opacity: 0.45;
    box-shadow: none;
}

.verification-dialog-overlay[b-y6hdeqx7au] {
    position: fixed;
    z-index: 120;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(31, 41, 80, 0.45);
    backdrop-filter: blur(8px);
    animation: verification-fade-in-b-y6hdeqx7au 160ms ease-out;
}

.verification-dialog[b-y6hdeqx7au] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(50rem, calc(100vw - 2rem));
    max-height: min(46rem, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1.35rem;
    background: rgba(249, 251, 255, 0.96);
    box-shadow: 0 28px 72px rgba(42, 35, 110, 0.24);
    outline: none;
}

.verification-history-dialog[b-y6hdeqx7au] {
    width: min(66rem, calc(100vw - 2rem));
}

.verification-dialog > header[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    padding: 0.72rem 0.82rem;
    border-bottom: 1px solid #dbe5f2;
    background: linear-gradient(115deg, rgba(239, 246, 255, 0.95), rgba(252, 241, 248, 0.9));
}

.verification-dialog > header > span[b-y6hdeqx7au] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.84rem;
    background: linear-gradient(145deg, #2f82ea, #7642e6);
    color: #fff;
}

.verification-dialog > header > span[b-y6hdeqx7au]  svg {
    width: 1.2rem;
    height: 1.2rem;
}

.verification-dialog > header h2[b-y6hdeqx7au] {
    margin: 0.03rem 0 0;
    color: #202766;
    font-size: 1rem;
}

.verification-dialog > header p[b-y6hdeqx7au] {
    margin: 0.04rem 0 0;
    color: #6b7890;
    font-size: 1rem;
    font-weight: 700;
}

.verification-dialog > header button[b-y6hdeqx7au] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid #dce5f0;
    border-radius: 0.72rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
}

.verification-dialog > header button[b-y6hdeqx7au]  svg {
    width: 1rem;
    height: 1rem;
}

.verification-dialog-body[b-y6hdeqx7au] {
    min-height: 0;
    padding: 0.7rem;
    overflow-y: auto;
}

.verification-dialog > footer[b-y6hdeqx7au] {
    display: flex;
    justify-content: flex-end;
    padding: 0.62rem 0.72rem;
    border-top: 1px solid #dbe5f2;
    background: #f8fafc;
}

.verification-dialog > footer button[b-y6hdeqx7au] {
    min-width: 6rem;
    min-height: 2.3rem;
    border: 0;
    border-radius: 0.72rem;
    background: linear-gradient(110deg, #1769e9, #6540e7 58%, #a21be3);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.verification-dialog-empty[b-y6hdeqx7au] {
    display: grid;
    min-height: 10rem;
    place-items: center;
    color: #718096;
    font-size: 1rem;
    font-weight: 750;
}

.verification-timeline[b-y6hdeqx7au] {
    display: grid;
    gap: 0.5rem;
}

.verification-timeline article[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 0.8rem minmax(0, 1fr);
    gap: 0.55rem;
}

.verification-timeline article > span[b-y6hdeqx7au] {
    position: relative;
    width: 0.65rem;
    height: 0.65rem;
    margin-top: 0.5rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #615fe8;
    box-shadow: 0 0 0 2px #c7d2fe;
}

.verification-timeline article > span[b-y6hdeqx7au]::after {
    position: absolute;
    top: 0.65rem;
    left: 50%;
    width: 1px;
    height: calc(100% + 3.8rem);
    background: #dbe5f2;
    content: "";
}

.verification-timeline article:last-child > span[b-y6hdeqx7au]::after {
    display: none;
}

.verification-timeline article > div[b-y6hdeqx7au] {
    padding: 0.55rem 0.62rem;
    border: 1px solid #dce6f2;
    border-radius: 0.8rem;
    background: #fff;
}

.verification-timeline article header[b-y6hdeqx7au] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.verification-timeline strong[b-y6hdeqx7au],
.verification-timeline time[b-y6hdeqx7au],
.verification-timeline p[b-y6hdeqx7au],
.verification-timeline small[b-y6hdeqx7au] {
    font-size: 1rem;
}

.verification-timeline time[b-y6hdeqx7au],
.verification-timeline small[b-y6hdeqx7au] {
    color: #718096;
    font-weight: 700;
}

.verification-timeline p[b-y6hdeqx7au] {
    margin: 0.12rem 0;
    color: #46556e;
    font-weight: 750;
}

.verification-history-list[b-y6hdeqx7au] {
    display: grid;
    gap: 0.5rem;
}

.verification-history-list article[b-y6hdeqx7au] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.58rem;
    border: 1px solid #dce6f2;
    border-radius: 0.84rem;
    background: #fff;
}

.verification-history-group[b-y6hdeqx7au] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.78rem;
    background: linear-gradient(145deg, #e8f1ff, #f0eaff);
    color: #3c4db7;
    font-size: 1rem;
    font-weight: 950;
}

.verification-history-list article > span:nth-child(2)[b-y6hdeqx7au] {
    display: grid;
    min-width: 0;
    gap: 0.05rem;
}

.verification-history-list article > span:nth-child(2) strong[b-y6hdeqx7au] {
    overflow: hidden;
    color: #26345f;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-history-list article > span:nth-child(2) small[b-y6hdeqx7au],
.verification-history-list article > span:nth-child(2) em[b-y6hdeqx7au] {
    overflow: hidden;
    color: #718096;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-command-center button:focus-visible[b-y6hdeqx7au],
.verification-command-center input:focus-visible[b-y6hdeqx7au],
.verification-command-center select:focus-visible[b-y6hdeqx7au],
.verification-command-center textarea:focus-visible[b-y6hdeqx7au],
.verification-dialog button:focus-visible[b-y6hdeqx7au],
.verification-dialog:focus-visible[b-y6hdeqx7au] {
    outline: 3px solid rgba(37, 99, 235, 0.45);
    outline-offset: 2px;
}

.verification-searchbar input:focus[b-y6hdeqx7au],
.verification-searchbar select:focus[b-y6hdeqx7au],
.verification-form-grid input:focus[b-y6hdeqx7au],
.verification-form-grid select:focus[b-y6hdeqx7au],
.verification-form-grid textarea:focus[b-y6hdeqx7au],
.verification-lab-grid input:focus[b-y6hdeqx7au],
.verification-remark-field textarea:focus[b-y6hdeqx7au] {
    border-color: #5b82ee;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

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

@keyframes verification-fade-in-b-y6hdeqx7au {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1180px) {
    .verification-overview[b-y6hdeqx7au] {
        grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 1fr) auto;
    }

    .verification-workspace[b-y6hdeqx7au] {
        grid-template-columns: minmax(17rem, 36%) minmax(0, 1fr);
    }

    .verification-result-fields[b-y6hdeqx7au],
    .verification-lab-grid[b-y6hdeqx7au] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .verification-command-center[b-y6hdeqx7au] {
        grid-template-rows: max-content max-content max-content;
        height: calc(100dvh - 94px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .verification-overview[b-y6hdeqx7au] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .verification-overview-stats[b-y6hdeqx7au] {
        grid-column: 1 / -1;
        grid-row: 2;
        border-top: 1px solid #e2e8f0;
    }

    .verification-header-action[b-y6hdeqx7au] {
        grid-column: 2;
        grid-row: 1;
    }

    .verification-searchbar[b-y6hdeqx7au] {
        grid-template-columns: minmax(8rem, 0.7fr) minmax(14rem, 2fr) auto auto;
    }

    .verification-workspace[b-y6hdeqx7au] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(18rem, 42dvh) minmax(44rem, auto);
        min-height: auto;
    }

    .verification-queue-panel[b-y6hdeqx7au],
    .verification-detail-panel[b-y6hdeqx7au] {
        min-height: 0;
    }

    .verification-detail-panel[b-y6hdeqx7au] {
        min-height: 44rem;
    }
}

@media (max-width: 640px) {
    .verification-command-center[b-y6hdeqx7au] {
        gap: 0.5rem;
        padding: 0.45rem;
    }

    .verification-glass[b-y6hdeqx7au] {
        border-radius: 1rem;
    }

    .verification-overview[b-y6hdeqx7au] {
        grid-template-columns: minmax(0, 1fr);
    }

    .verification-page-heading[b-y6hdeqx7au] {
        border-right: 0;
    }

    .verification-header-action[b-y6hdeqx7au] {
        grid-column: 1;
        grid-row: 3;
        min-height: 2.35rem;
        border-top: 1px solid #e2e8f0;
    }

    .verification-overview-stats[b-y6hdeqx7au] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .verification-overview-stats > span[b-y6hdeqx7au] {
        grid-template-columns: 1.55rem minmax(0, 1fr);
        padding: 0.4rem;
    }

    .verification-overview-stats i[b-y6hdeqx7au] {
        width: 1.55rem;
        height: 1.55rem;
    }

    .verification-searchbar[b-y6hdeqx7au],
    .verification-form-grid[b-y6hdeqx7au],
    .verification-result-fields[b-y6hdeqx7au],
    .verification-lab-grid[b-y6hdeqx7au],
    .verification-decision-summary[b-y6hdeqx7au],
    .verification-action-bar[b-y6hdeqx7au] {
        grid-template-columns: minmax(0, 1fr);
    }

    .verification-scan-field[b-y6hdeqx7au],
    .verification-form-grid label.is-wide[b-y6hdeqx7au] {
        grid-column: auto;
    }

    .verification-workspace[b-y6hdeqx7au] {
        grid-template-rows: minmax(18rem, 48dvh) minmax(58rem, auto);
    }

    .verification-detail-panel[b-y6hdeqx7au] {
        min-height: 58rem;
    }

    .verification-unit-header[b-y6hdeqx7au] {
        grid-template-columns: 3rem minmax(0, 1fr) auto;
    }

    .verification-status-badge[b-y6hdeqx7au] {
        grid-column: 2;
    }

    .verification-movement-button[b-y6hdeqx7au] {
        grid-column: 3;
        grid-row: 1 / 3;
    }

    .verification-safety-ribbon[b-y6hdeqx7au],
    .verification-fact-grid[b-y6hdeqx7au] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .verification-safety-ribbon > div:nth-child(2n)[b-y6hdeqx7au] {
        border-right: 0;
    }

    .verification-stage-rail strong[b-y6hdeqx7au] {
        font-size: 1rem;
    }

    .verification-stage-rail small[b-y6hdeqx7au] {
        display: none;
    }

    .verification-fact-grid > div:nth-child(2n)[b-y6hdeqx7au] {
        border-right: 0;
    }

    .verification-action-bar > span[b-y6hdeqx7au] {
        text-align: center;
    }

    .verification-dialog-overlay[b-y6hdeqx7au] {
        align-items: end;
        padding: 0;
    }

    .verification-dialog[b-y6hdeqx7au],
    .verification-history-dialog[b-y6hdeqx7au] {
        width: 100%;
        max-height: 96dvh;
        border-radius: 1.25rem 1.25rem 0 0;
    }

    .verification-history-list article[b-y6hdeqx7au] {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .verification-history-list article > span:nth-last-child(2)[b-y6hdeqx7au],
    .verification-history-list article > b[b-y6hdeqx7au] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .verification-queue-card[b-y6hdeqx7au],
    .verification-dialog-overlay[b-y6hdeqx7au],
    .verification-state-spinner[b-y6hdeqx7au] {
        animation: none;
        transition: none;
    }
}
/* /Components/Pages/Stock/DepositedBlood.razor.rz.scp.css */
.deposit-command-center[b-6dd04ws6ri] {
    display: flex;
    flex-direction: column;
    gap: 0.62rem;
    height: calc(100dvh - 68px);
    min-height: 0;
    padding: 0.65rem;
    overflow: hidden;
    color: #263650;
    background:
        radial-gradient(circle at 8% 4%, rgba(56, 189, 248, 0.16), transparent 29%),
        radial-gradient(circle at 94% 1%, rgba(168, 85, 247, 0.13), transparent 31%),
        linear-gradient(145deg, #f7fbff, #fbf8ff 58%, #fffaf4);
}

.deposit-glass[b-6dd04ws6ri] {
    border: 1px solid rgba(167, 198, 237, 0.72);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 30px rgba(69, 85, 130, 0.08);
    backdrop-filter: blur(18px) saturate(130%);
}

.deposit-overview[b-6dd04ws6ri] {
    display: grid;
    grid-template-columns: minmax(20rem, 1.15fr) minmax(18rem, 0.8fr) auto;
    align-items: stretch;
    flex: none;
    overflow: hidden;
}

.deposit-page-heading[b-6dd04ws6ri] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.62rem 0.82rem;
    border-right: 1px solid #dbe5f2;
    background: linear-gradient(120deg, rgba(239, 246, 255, 0.95), rgba(245, 243, 255, 0.72));
}

.deposit-heading-icon[b-6dd04ws6ri],
.deposit-panel-icon[b-6dd04ws6ri],
.deposit-dialog-icon[b-6dd04ws6ri] {
    display: grid;
    flex: none;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #238ce8, #7045e7 62%, #a72ee1);
    box-shadow: 0 9px 20px rgba(78, 70, 210, 0.18);
}

.deposit-heading-icon[b-6dd04ws6ri] { width: 2.8rem; height: 2.8rem; border-radius: 0.9rem; }
.deposit-heading-icon[b-6dd04ws6ri]  svg,
.deposit-panel-icon[b-6dd04ws6ri]  svg,
.deposit-dialog-icon[b-6dd04ws6ri]  svg { width: 1.35rem; height: 1.35rem; }

.deposit-page-heading > span:last-child[b-6dd04ws6ri],
.deposit-unit-hero > span:nth-child(2)[b-6dd04ws6ri],
.deposit-patient-card > span:last-child[b-6dd04ws6ri],
.deposit-schedule-panel > header > span:last-child[b-6dd04ws6ri],
.deposit-empty-copy > span:last-child[b-6dd04ws6ri],
.deposit-dialog > header > span:nth-child(2)[b-6dd04ws6ri],
.deposit-dialog-unit > span:nth-child(2)[b-6dd04ws6ri] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.deposit-page-heading small[b-6dd04ws6ri],
.deposit-schedule-panel > header small[b-6dd04ws6ri],
.deposit-empty-copy small[b-6dd04ws6ri],
.deposit-dialog > header small[b-6dd04ws6ri] {
    color: #5b62d4;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.deposit-page-heading strong[b-6dd04ws6ri] { color: #233466; font-size: 1.04rem; font-weight: 950; line-height: 1.2; }
.deposit-page-heading > span:last-child > span[b-6dd04ws6ri] { overflow: hidden; color: #68768c; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.deposit-overview-stats[b-6dd04ws6ri] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.deposit-overview-stats > span[b-6dd04ws6ri] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.42rem;
    min-width: 0;
    padding: 0.44rem 0.58rem;
    border-right: 1px solid #e2e8f0;
}

.deposit-overview-stats i[b-6dd04ws6ri] {
    display: grid;
    grid-row: 1 / 3;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.6rem;
    font-style: normal;
}
.deposit-overview-stats i[b-6dd04ws6ri]  svg { width: 0.92rem; height: 0.92rem; }
.deposit-overview-stats small[b-6dd04ws6ri],
.deposit-overview-stats strong[b-6dd04ws6ri] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deposit-overview-stats small[b-6dd04ws6ri] { color: #64748b; font-size: 1rem; font-weight: 850; }
.deposit-overview-stats strong[b-6dd04ws6ri] { color: #263650; font-size: 1rem; font-weight: 950; }
.deposit-overview-stats .is-active i[b-6dd04ws6ri] { background: #ede9fe; color: #7141dc; }
.deposit-overview-stats .is-due i[b-6dd04ws6ri] { background: #fff2d7; color: #c87908; }
.deposit-overview-stats .is-overdue i[b-6dd04ws6ri] { background: #ffe8ed; color: #d92d52; }

.deposit-secondary-actions[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(3, auto); align-items: stretch; }
.deposit-secondary-actions button[b-6dd04ws6ri] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-width: 6.2rem;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-left: 1px solid #e2e8f0;
    background: rgba(248, 250, 252, 0.8);
    color: #536179;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
}
.deposit-secondary-actions button:hover[b-6dd04ws6ri] { color: #5b40d5; background: #f5f3ff; }
.deposit-secondary-actions button[b-6dd04ws6ri]  svg { width: 0.88rem; height: 0.88rem; }

.deposit-message[b-6dd04ws6ri] { flex: none; border-radius: 0.8rem; padding: 0.48rem 0.72rem !important; font-size: 1rem !important; }

.deposit-searchbar[b-6dd04ws6ri] {
    display: grid;
    grid-template-columns: minmax(13rem, 1.08fr) minmax(15rem, 1.35fr) minmax(12rem, 1fr) minmax(9rem, 0.72fr) auto;
    align-items: end;
    flex: none;
    gap: 0.55rem;
    padding: 0.58rem 0.7rem;
}

.deposit-search-title[b-6dd04ws6ri] { display: flex; align-items: center; gap: 0.58rem; min-width: 0; align-self: center; }
.deposit-search-title > span:first-child[b-6dd04ws6ri] { display: grid; width: 2.2rem; height: 2.2rem; flex: none; place-items: center; border-radius: 0.72rem; background: #e4f4ff; color: #1784d4; }
.deposit-search-title > span:first-child[b-6dd04ws6ri]  svg { width: 1.1rem; height: 1.1rem; }
.deposit-search-title > span:last-child[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; }
.deposit-search-title strong[b-6dd04ws6ri] { color: #263650; font-size: 1rem; font-weight: 950; }
.deposit-search-title small[b-6dd04ws6ri] { overflow: hidden; color: #748197; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.deposit-field[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; gap: 0.25rem; }
.deposit-field > span:first-child[b-6dd04ws6ri] { color: #5e6c82; font-size: 1rem; font-weight: 900; }
.deposit-field input[b-6dd04ws6ri],
.deposit-field select[b-6dd04ws6ri],
.deposit-field textarea[b-6dd04ws6ri],
.deposit-input-with-icon[b-6dd04ws6ri] {
    width: 100%;
    border: 1px solid #cbd9eb;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.92);
    color: #263650;
    font-size: 1rem;
    font-weight: 800;
    outline: none;
}
.deposit-field input[b-6dd04ws6ri],
.deposit-field select[b-6dd04ws6ri] { height: 2.42rem; padding: 0 0.72rem; }
.deposit-field textarea[b-6dd04ws6ri] { min-height: 3.55rem; resize: vertical; padding: 0.58rem 0.72rem; }
.deposit-field input:focus[b-6dd04ws6ri],
.deposit-field select:focus[b-6dd04ws6ri],
.deposit-field textarea:focus[b-6dd04ws6ri],
.deposit-input-with-icon:focus-within[b-6dd04ws6ri] { border-color: #6a63ef; box-shadow: 0 0 0 3px rgba(106, 99, 239, 0.13); }
.deposit-field input:disabled[b-6dd04ws6ri] { background: #f1f5f9; color: #64748b; }

.deposit-input-with-icon[b-6dd04ws6ri] { display: flex; align-items: center; padding-left: 0.68rem; }
.deposit-input-with-icon[b-6dd04ws6ri]  svg { width: 0.94rem; height: 0.94rem; flex: none; color: #5e63da; }
.deposit-input-with-icon input[b-6dd04ws6ri] { height: 2.32rem; border: 0; background: transparent; box-shadow: none; }
.deposit-input-with-icon input:focus[b-6dd04ws6ri] { box-shadow: none; }

.deposit-search-actions[b-6dd04ws6ri] { display: flex; gap: 0.38rem; }
.deposit-reset-action[b-6dd04ws6ri],
.deposit-search-action[b-6dd04ws6ri] { display: inline-flex; height: 2.42rem; align-items: center; justify-content: center; border-radius: 0.7rem; cursor: pointer; }
.deposit-reset-action[b-6dd04ws6ri] { width: 2.42rem; border: 1px solid #d2dbea; background: #fff; color: #66758c; }
.deposit-search-action[b-6dd04ws6ri] { gap: 0.32rem; min-width: 6.2rem; border: 0; padding: 0 0.85rem; background: linear-gradient(135deg, #137de8, #663fee 68%, #9129d9); color: #fff; font-size: 1rem; font-weight: 900; box-shadow: 0 8px 18px rgba(78, 70, 210, 0.18); }
.deposit-reset-action:hover[b-6dd04ws6ri] { color: #4c36d2; background: #f7f5ff; }
.deposit-search-action:hover[b-6dd04ws6ri] { filter: brightness(1.04); transform: translateY(-1px); }
.deposit-reset-action[b-6dd04ws6ri]  svg,
.deposit-search-action[b-6dd04ws6ri]  svg { width: 0.94rem; height: 0.94rem; }

.deposit-safety-ribbon[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); flex: none; overflow: hidden; }
.deposit-safety-item[b-6dd04ws6ri] { display: flex; align-items: center; gap: 0.58rem; min-width: 0; padding: 0.52rem 0.72rem; border-right: 1px solid #e2e8f0; }
.deposit-safety-item:last-child[b-6dd04ws6ri] { border-right: 0; }
.deposit-safety-item i[b-6dd04ws6ri] { display: grid; width: 2rem; height: 2rem; flex: none; place-items: center; border-radius: 50%; font-style: normal; }
.deposit-safety-item i[b-6dd04ws6ri]  svg { width: 1rem; height: 1rem; }
.deposit-safety-item > span[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; }
.deposit-safety-item small[b-6dd04ws6ri] { color: #66758a; font-size: 1rem; font-weight: 850; }
.deposit-safety-item strong[b-6dd04ws6ri] { overflow: hidden; color: #263650; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.deposit-safety-item.is-unit i[b-6dd04ws6ri] { background: #ffe8ef; color: #e11d48; }
.deposit-safety-item.is-patient i[b-6dd04ws6ri] { background: #e4fbf1; color: #08916c; }
.deposit-safety-item.is-status i[b-6dd04ws6ri] { background: #e7f2ff; color: #2572d4; }
.deposit-safety-item.is-expiry i[b-6dd04ws6ri] { background: #fff1db; color: #c87908; }

.deposit-stage-strip[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); flex: none; overflow: hidden; }
.deposit-stage[b-6dd04ws6ri] { display: grid; grid-template-columns: 1.75rem 1.6rem minmax(0, 1fr); align-items: center; gap: 0.42rem; min-width: 0; padding: 0.48rem 0.7rem; border-right: 1px solid #e2e8f0; }
.deposit-stage:last-child[b-6dd04ws6ri] { border-right: 0; }
.deposit-stage > span[b-6dd04ws6ri] { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 50%; background: #edf2f7; color: #95a2b4; font-size: 1rem; font-weight: 950; }
.deposit-stage > i[b-6dd04ws6ri] { display: grid; place-items: center; color: #9ba8b9; font-style: normal; }
.deposit-stage > i[b-6dd04ws6ri]  svg { width: 0.95rem; height: 0.95rem; }
.deposit-stage > div[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; }
.deposit-stage strong[b-6dd04ws6ri] { color: #607086; font-size: 1rem; font-weight: 950; }
.deposit-stage small[b-6dd04ws6ri] { overflow: hidden; color: #98a5b6; font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.deposit-stage.is-complete[b-6dd04ws6ri] { background: rgba(236, 253, 245, 0.62); }
.deposit-stage.is-complete > span[b-6dd04ws6ri] { background: #10a97c; color: #fff; }
.deposit-stage.is-complete > i[b-6dd04ws6ri],
.deposit-stage.is-complete strong[b-6dd04ws6ri] { color: #07815e; }
.deposit-stage.is-current[b-6dd04ws6ri] { background: linear-gradient(110deg, rgba(225, 239, 255, 0.94), rgba(237, 233, 254, 0.74)); box-shadow: inset 0 -2px #6b4bea; }
.deposit-stage.is-current > span[b-6dd04ws6ri] { background: linear-gradient(145deg, #238ce8, #6b43e8); color: #fff; }
.deposit-stage.is-current > i[b-6dd04ws6ri],
.deposit-stage.is-current strong[b-6dd04ws6ri] { color: #3c55ce; }

.deposit-workspace[b-6dd04ws6ri] { display: grid; grid-template-columns: minmax(19rem, 34%) minmax(0, 1fr); flex: 1; gap: 0.62rem; min-height: 0; }
.deposit-summary-panel[b-6dd04ws6ri],
.deposit-schedule-panel[b-6dd04ws6ri] { min-height: 0; overflow: auto; }
.deposit-summary-panel[b-6dd04ws6ri] { padding: 0.72rem; }
.deposit-unit-hero[b-6dd04ws6ri] { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr) auto; align-items: center; gap: 0.62rem; padding-bottom: 0.68rem; border-bottom: 1px solid #e4eaf3; }
.deposit-panel-icon[b-6dd04ws6ri] { width: 2.55rem; height: 2.55rem; border-radius: 0.82rem; }
.deposit-unit-hero small[b-6dd04ws6ri],
.deposit-patient-card small[b-6dd04ws6ri] { color: #66758a; font-size: 1rem; font-weight: 850; }
.deposit-unit-hero strong[b-6dd04ws6ri] { overflow: hidden; color: #233466; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.deposit-unit-hero em[b-6dd04ws6ri],
.deposit-patient-card em[b-6dd04ws6ri],
.deposit-schedule-panel > header em[b-6dd04ws6ri],
.deposit-empty-copy em[b-6dd04ws6ri] { color: #748197; font-size: 1rem; font-style: normal; font-weight: 700; }
.deposit-status-pill[b-6dd04ws6ri],
.deposit-until-pill[b-6dd04ws6ri],
.deposit-cancel-pill[b-6dd04ws6ri] { padding: 0.25rem 0.5rem; border-radius: 999px; background: #e7f2ff; color: #2563c7; font-size: 1rem; font-weight: 900; white-space: nowrap; }

.deposit-facts[b-6dd04ws6ri],
.deposit-patient-facts[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.42rem; margin: 0.65rem 0 0; }
.deposit-facts > div[b-6dd04ws6ri],
.deposit-patient-facts > div[b-6dd04ws6ri] { min-width: 0; padding: 0.5rem 0.58rem; border: 1px solid #e1e9f3; border-radius: 0.7rem; background: rgba(248, 250, 252, 0.72); }
.deposit-facts dt[b-6dd04ws6ri],
.deposit-patient-facts dt[b-6dd04ws6ri],
.deposit-review-grid dt[b-6dd04ws6ri] { color: #7a8799; font-size: 1rem; font-weight: 850; }
.deposit-facts dd[b-6dd04ws6ri],
.deposit-patient-facts dd[b-6dd04ws6ri],
.deposit-review-grid dd[b-6dd04ws6ri] { overflow: hidden; margin: 0.1rem 0 0; color: #34445c; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.deposit-patient-card[b-6dd04ws6ri] { display: grid; grid-template-columns: 2.15rem minmax(0, 1fr); align-items: center; gap: 0.55rem; margin-top: 0.68rem; padding: 0.62rem; border-radius: 0.82rem; background: linear-gradient(115deg, #f3f7ff, #f6f3ff); }
.deposit-patient-avatar[b-6dd04ws6ri] { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #45acee, #6b43e8); color: #fff; }
.deposit-patient-avatar[b-6dd04ws6ri]  svg { width: 1.08rem; height: 1.08rem; }
.deposit-patient-card strong[b-6dd04ws6ri] { overflow: hidden; color: #29385c; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }

.deposit-schedule-panel[b-6dd04ws6ri] { display: flex; flex-direction: column; }
.deposit-schedule-panel > header[b-6dd04ws6ri] { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr); align-items: center; gap: 0.62rem; flex: none; padding: 0.68rem 0.78rem; border-bottom: 1px solid #e2e8f0; background: linear-gradient(120deg, rgba(239, 246, 255, 0.74), rgba(250, 245, 255, 0.62)); }
.deposit-schedule-panel > header strong[b-6dd04ws6ri] { color: #29385c; font-size: 1rem; font-weight: 950; }
.deposit-form-body[b-6dd04ws6ri] { display: grid; grid-template-columns: minmax(18rem, 0.9fr) minmax(0, 1.1fr); gap: 0.72rem; padding: 0.72rem 0.78rem; overflow: auto; }
.deposit-duration-options[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 0.5rem; }
.deposit-duration-options label[b-6dd04ws6ri] { position: relative; min-width: 0; }
.deposit-duration-options input[b-6dd04ws6ri] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.deposit-duration-options label > span[b-6dd04ws6ri] { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 0.48rem; min-height: 3.25rem; padding: 0.5rem 0.62rem; border: 1px solid #dbe4f0; border-radius: 0.78rem; background: #f8fafc; cursor: pointer; }
.deposit-duration-options label > span[b-6dd04ws6ri]  svg { grid-row: 1 / 3; width: 1.08rem; height: 1.08rem; color: #728198; }
.deposit-duration-options strong[b-6dd04ws6ri] { overflow: hidden; color: #3f4f66; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.deposit-duration-options small[b-6dd04ws6ri] { color: #8794a6; font-size: 1rem; font-weight: 700; }
.deposit-duration-options input:checked + span[b-6dd04ws6ri] { border-color: #7661e9; background: linear-gradient(125deg, #edf5ff, #f3efff); box-shadow: 0 0 0 2px rgba(99, 75, 225, 0.1); }
.deposit-duration-options input:checked + span[b-6dd04ws6ri]  svg,
.deposit-duration-options input:checked + span strong[b-6dd04ws6ri] { color: #5c43d4; }
.deposit-duration-options input:focus-visible + span[b-6dd04ws6ri] { outline: 3px solid rgba(59, 130, 246, 0.3); outline-offset: 2px; }
.deposit-duration-options label:last-child[b-6dd04ws6ri] { grid-column: 1 / -1; }
.deposit-form-grid[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 0.62rem; }
.deposit-due-preview[b-6dd04ws6ri] { display: grid; grid-column: 1 / -1; grid-template-columns: 2.25rem minmax(0, 1fr); align-items: center; gap: 0.58rem; padding: 0.62rem; border: 1px solid #d8ccfa; border-radius: 0.82rem; background: linear-gradient(120deg, #f4f1ff, #eef8ff); color: #5846c7; }
.deposit-due-preview > i[b-6dd04ws6ri] { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 0.72rem; background: #fff; font-style: normal; }
.deposit-due-preview > i[b-6dd04ws6ri]  svg { width: 1.08rem; height: 1.08rem; }
.deposit-due-preview > span[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; }
.deposit-due-preview small[b-6dd04ws6ri] { font-size: 1rem; font-weight: 800; }
.deposit-due-preview strong[b-6dd04ws6ri] { font-size: 1rem; font-weight: 950; }
.deposit-due-preview em[b-6dd04ws6ri] { font-size: 1rem; font-style: normal; font-weight: 700; }
.deposit-due-preview.is-invalid[b-6dd04ws6ri] { border-color: #f6b8c4; background: #fff1f4; color: #c22d4b; }

.deposit-schedule-footer[b-6dd04ws6ri] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.48fr); align-items: stretch; gap: 0.62rem; flex: none; padding: 0.62rem 0.78rem; border-top: 1px solid #e2e8f0; background: rgba(248, 250, 252, 0.78); }
.deposit-readiness[b-6dd04ws6ri] { display: flex; align-items: center; gap: 0.52rem; min-width: 0; padding: 0.48rem 0.62rem; border-radius: 0.75rem; }
.deposit-readiness[b-6dd04ws6ri]  svg { width: 1.05rem; height: 1.05rem; flex: none; }
.deposit-readiness > span[b-6dd04ws6ri] { display: flex; min-width: 0; flex-direction: column; }
.deposit-readiness strong[b-6dd04ws6ri] { font-size: 1rem; font-weight: 950; }
.deposit-readiness small[b-6dd04ws6ri] { overflow: hidden; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.deposit-readiness.is-ready[b-6dd04ws6ri] { background: #ecfdf5; color: #08775a; }
.deposit-readiness.is-waiting[b-6dd04ws6ri] { background: #fff7ed; color: #b45309; }
.deposit-primary-action[b-6dd04ws6ri] { display: grid; grid-template-columns: 1.15rem minmax(0, 1fr) 1.15rem; align-items: center; gap: 0.42rem; min-width: 0; padding: 0.58rem 0.78rem; border: 0; border-radius: 0.82rem; background: linear-gradient(135deg, #147de8, #663fee 62%, #a41bd2); color: #fff; cursor: pointer; font-size: 1rem; font-weight: 950; box-shadow: 0 9px 20px rgba(78, 70, 210, 0.2); }
.deposit-primary-action[b-6dd04ws6ri]  svg { width: 1.05rem; height: 1.05rem; }
.deposit-primary-action:disabled[b-6dd04ws6ri] { cursor: not-allowed; filter: grayscale(0.45); opacity: 0.45; box-shadow: none; }
.deposit-primary-action:not(:disabled):hover[b-6dd04ws6ri] { transform: translateY(-1px); filter: brightness(1.04); }

.deposit-empty-workspace[b-6dd04ws6ri] { display: grid; grid-template-columns: minmax(18rem, 0.75fr) minmax(0, 1.25fr); align-items: center; flex: 1; gap: 1rem; min-height: 0; padding: 1.2rem; overflow: auto; }
.deposit-empty-copy[b-6dd04ws6ri] { display: grid; grid-template-columns: 3.8rem minmax(0, 1fr); align-items: center; gap: 0.8rem; min-width: 0; padding: 1rem; }
.deposit-empty-icon[b-6dd04ws6ri] { display: grid; width: 3.8rem; height: 3.8rem; place-items: center; border-radius: 1.25rem; background: linear-gradient(145deg, #dff3ff, #ede9fe); color: #5262d7; box-shadow: 0 12px 28px rgba(71, 93, 178, 0.12); }
.deposit-empty-icon[b-6dd04ws6ri]  svg { width: 1.8rem; height: 1.8rem; }
.deposit-empty-copy strong[b-6dd04ws6ri] { color: #263650; font-size: 1rem; font-weight: 950; line-height: 1.25; }
.deposit-empty-workspace.has-warning .deposit-empty-icon[b-6dd04ws6ri] { background: #fff4dd; color: #d97706; }
.deposit-empty-steps[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.62rem; }
.deposit-empty-steps article[b-6dd04ws6ri] { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); grid-template-rows: auto auto auto; align-content: center; column-gap: 0.55rem; min-height: 8.5rem; padding: 0.82rem; border: 1px solid #dce5f2; border-radius: 1rem; background: linear-gradient(145deg, rgba(249, 252, 255, 0.95), rgba(247, 244, 255, 0.78)); }
.deposit-empty-steps article > span[b-6dd04ws6ri] { display: grid; width: 1.8rem; height: 1.8rem; grid-row: 1 / 4; place-items: center; border-radius: 50%; background: #e7effb; color: #5c6b84; font-size: 1rem; font-weight: 950; }
.deposit-empty-steps article > i[b-6dd04ws6ri] { margin-bottom: 0.5rem; color: #5f61d8; font-style: normal; }
.deposit-empty-steps article > i[b-6dd04ws6ri]  svg { width: 1.35rem; height: 1.35rem; }
.deposit-empty-steps strong[b-6dd04ws6ri] { color: #31415d; font-size: 1rem; font-weight: 950; }
.deposit-empty-steps small[b-6dd04ws6ri] { color: #8190a5; font-size: 1rem; font-weight: 700; }

.deposit-dialog-backdrop[b-6dd04ws6ri] { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 1rem; background: rgba(29, 35, 71, 0.48); backdrop-filter: blur(8px); }
.deposit-dialog[b-6dd04ws6ri] { display: flex; width: min(52rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.35rem; background: rgba(253, 254, 255, 0.97); box-shadow: 0 26px 70px rgba(35, 40, 88, 0.28); }
.deposit-dialog > header[b-6dd04ws6ri] { display: grid; grid-template-columns: 2.8rem minmax(0, 1fr) auto; align-items: center; gap: 0.72rem; flex: none; padding: 0.78rem 0.9rem; border-bottom: 1px solid #dfe7f2; background: linear-gradient(120deg, #eef6ff, #f7f2ff 62%, #fff4f8); }
.deposit-dialog-icon[b-6dd04ws6ri] { width: 2.8rem; height: 2.8rem; border-radius: 0.9rem; }
.deposit-dialog-icon.is-history[b-6dd04ws6ri] { background: linear-gradient(145deg, #1d8adf, #6a45e2); }
.deposit-dialog-icon.is-danger[b-6dd04ws6ri] { background: linear-gradient(145deg, #f97383, #d72b59); }
.deposit-dialog h2[b-6dd04ws6ri] { margin: 0; color: #26356a; font-size: 1rem; font-weight: 950; }
.deposit-dialog p[b-6dd04ws6ri] { margin: 0; color: #738198; font-size: 1rem; font-weight: 700; }
.deposit-dialog-close[b-6dd04ws6ri] { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 0; border-radius: 0.72rem; background: rgba(255, 255, 255, 0.8); color: #66758a; cursor: pointer; }
.deposit-dialog-close:hover[b-6dd04ws6ri] { color: #d33d63; background: #fff1f4; }
.deposit-dialog-close[b-6dd04ws6ri]  svg { width: 1.1rem; height: 1.1rem; }
.deposit-dialog-body[b-6dd04ws6ri] { display: flex; flex-direction: column; gap: 0.68rem; padding: 0.82rem; overflow: auto; }
.deposit-dialog-unit[b-6dd04ws6ri] { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr) auto; align-items: center; gap: 0.62rem; padding: 0.68rem; border: 1px solid #dce7f4; border-radius: 0.9rem; background: linear-gradient(120deg, #f3f8ff, #faf7ff); }
.deposit-dialog-unit.is-danger[b-6dd04ws6ri] { border-color: #f6c3cd; background: #fff4f6; }
.deposit-dialog-unit small[b-6dd04ws6ri] { color: #728096; font-size: 1rem; font-weight: 850; }
.deposit-dialog-unit strong[b-6dd04ws6ri] { color: #29385c; font-size: 1rem; font-weight: 950; }
.deposit-dialog-unit em[b-6dd04ws6ri] { color: #718096; font-size: 1rem; font-style: normal; font-weight: 700; }
.deposit-until-pill[b-6dd04ws6ri] { background: #ede9fe; color: #6443cf; }
.deposit-cancel-pill[b-6dd04ws6ri] { background: #ffe8ed; color: #c92f4a; }
.deposit-review-grid[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin: 0; }
.deposit-review-grid > div[b-6dd04ws6ri] { min-width: 0; padding: 0.62rem; border: 1px solid #e1e8f2; border-radius: 0.78rem; background: #fff; }
.deposit-auth-field[b-6dd04ws6ri] { padding: 0.68rem; border: 1px solid #d8ccfa; border-radius: 0.82rem; background: #f8f6ff; }
.deposit-review-note[b-6dd04ws6ri] { display: flex; align-items: center; gap: 0.55rem; padding: 0.62rem 0.72rem; border-radius: 0.82rem; background: #ecfdf5; color: #08775a; }
.deposit-review-note[b-6dd04ws6ri]  svg { width: 1.1rem; height: 1.1rem; flex: none; }
.deposit-review-note > span[b-6dd04ws6ri] { display: flex; flex-direction: column; }
.deposit-review-note strong[b-6dd04ws6ri] { font-size: 1rem; font-weight: 950; }
.deposit-review-note small[b-6dd04ws6ri] { font-size: 1rem; font-weight: 700; }
.deposit-cancel-grid[b-6dd04ws6ri] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.62rem; }
.deposit-cancel-grid .deposit-auth-field[b-6dd04ws6ri] { grid-column: 1 / -1; }
.deposit-dialog > footer[b-6dd04ws6ri] { display: flex; align-items: center; justify-content: flex-end; gap: 0.55rem; flex: none; padding: 0.68rem 0.9rem; border-top: 1px solid #dfe7f2; background: rgba(248, 250, 252, 0.86); }
.deposit-dialog > footer > span[b-6dd04ws6ri] { margin-right: auto; color: #64748b; font-size: 1rem; font-weight: 800; }
.deposit-dialog-secondary[b-6dd04ws6ri],
.deposit-dialog-primary[b-6dd04ws6ri],
.deposit-dialog-danger[b-6dd04ws6ri] { display: inline-flex; min-height: 2.55rem; align-items: center; justify-content: center; gap: 0.38rem; border-radius: 0.75rem; padding: 0 1rem; cursor: pointer; font-size: 1rem; font-weight: 950; }
.deposit-dialog-secondary[b-6dd04ws6ri] { border: 1px solid #cad6e5; background: #fff; color: #4e5d73; }
.deposit-dialog-primary[b-6dd04ws6ri] { min-width: 10rem; border: 0; background: linear-gradient(135deg, #147de8, #663fee 62%, #a41bd2); color: #fff; box-shadow: 0 8px 18px rgba(78, 70, 210, 0.2); }
.deposit-dialog-danger[b-6dd04ws6ri] { min-width: 10rem; border: 0; background: linear-gradient(135deg, #f14f68, #c91d51); color: #fff; box-shadow: 0 8px 18px rgba(201, 29, 81, 0.2); }
.deposit-dialog-primary[b-6dd04ws6ri]  svg,
.deposit-dialog-danger[b-6dd04ws6ri]  svg { width: 1rem; height: 1rem; }
.deposit-dialog-secondary:disabled[b-6dd04ws6ri],
.deposit-dialog-primary:disabled[b-6dd04ws6ri],
.deposit-dialog-danger:disabled[b-6dd04ws6ri] { cursor: not-allowed; opacity: 0.48; }
.deposit-history-dialog[b-6dd04ws6ri] { width: min(76rem, calc(100vw - 2rem)); }
.deposit-history-body[b-6dd04ws6ri] { min-height: 0; padding: 0.75rem; overflow: auto; }
.deposit-history-body[b-6dd04ws6ri]  section { border-radius: 0.85rem; box-shadow: none; }
.deposit-history-body[b-6dd04ws6ri]  table { font-size: 1rem; }
.deposit-history-body[b-6dd04ws6ri]  th,
.deposit-history-body[b-6dd04ws6ri]  td { padding: 0.5rem 0.58rem; white-space: nowrap; }
.deposit-history-body[b-6dd04ws6ri]  button { border: 0; border-radius: 0.55rem; background: #dc3255; }

.deposit-secondary-actions button:focus-visible[b-6dd04ws6ri],
.deposit-reset-action:focus-visible[b-6dd04ws6ri],
.deposit-search-action:focus-visible[b-6dd04ws6ri],
.deposit-primary-action:focus-visible[b-6dd04ws6ri],
.deposit-dialog-close:focus-visible[b-6dd04ws6ri],
.deposit-dialog-secondary:focus-visible[b-6dd04ws6ri],
.deposit-dialog-primary:focus-visible[b-6dd04ws6ri],
.deposit-dialog-danger:focus-visible[b-6dd04ws6ri] { outline: 3px solid rgba(59, 130, 246, 0.38); outline-offset: 2px; }

@media (max-width: 1180px) {
    .deposit-overview[b-6dd04ws6ri] { grid-template-columns: minmax(18rem, 1fr) minmax(16rem, 0.85fr) auto; }
    .deposit-page-heading > span:last-child > span[b-6dd04ws6ri] { display: none; }
    .deposit-secondary-actions button[b-6dd04ws6ri] { min-width: 5.25rem; }
    .deposit-searchbar[b-6dd04ws6ri] { grid-template-columns: minmax(12rem, 1fr) minmax(14rem, 1.2fr) minmax(10rem, 0.9fr) auto; }
    .deposit-search-title[b-6dd04ws6ri] { display: none; }
    .deposit-workspace[b-6dd04ws6ri] { grid-template-columns: minmax(18rem, 36%) minmax(0, 1fr); }
    .deposit-form-body[b-6dd04ws6ri] { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .deposit-command-center[b-6dd04ws6ri] { height: auto; min-height: calc(100dvh - 68px); overflow: visible; }
    .deposit-overview[b-6dd04ws6ri] { grid-template-columns: minmax(0, 1fr) auto; }
    .deposit-overview-stats[b-6dd04ws6ri] { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #e2e8f0; }
    .deposit-page-heading[b-6dd04ws6ri] { border-right: 0; }
    .deposit-secondary-actions[b-6dd04ws6ri] { grid-column: 2; grid-row: 1; }
    .deposit-secondary-actions button[b-6dd04ws6ri] { min-width: 2.75rem; padding: 0.45rem; }
    .deposit-secondary-actions button[b-6dd04ws6ri] { font-size: 0; }
    .deposit-searchbar[b-6dd04ws6ri] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .deposit-component-filter[b-6dd04ws6ri] { grid-column: 1; }
    .deposit-search-actions[b-6dd04ws6ri] { grid-column: 2; justify-content: flex-end; }
    .deposit-safety-ribbon[b-6dd04ws6ri] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .deposit-safety-item:nth-child(2)[b-6dd04ws6ri] { border-right: 0; }
    .deposit-safety-item:nth-child(-n+2)[b-6dd04ws6ri] { border-bottom: 1px solid #e2e8f0; }
    .deposit-workspace[b-6dd04ws6ri] { grid-template-columns: 1fr; }
    .deposit-summary-panel[b-6dd04ws6ri],
    .deposit-schedule-panel[b-6dd04ws6ri] { overflow: visible; }
    .deposit-empty-workspace[b-6dd04ws6ri] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .deposit-command-center[b-6dd04ws6ri] { gap: 0.5rem; padding: 0.48rem; }
    .deposit-overview[b-6dd04ws6ri] { grid-template-columns: minmax(0, 1fr) auto; border-radius: 1rem; }
    .deposit-page-heading[b-6dd04ws6ri] { padding: 0.58rem; }
    .deposit-heading-icon[b-6dd04ws6ri] { width: 2.45rem; height: 2.45rem; }
    .deposit-page-heading strong[b-6dd04ws6ri] { font-size: 1rem; }
    .deposit-secondary-actions[b-6dd04ws6ri] { grid-template-columns: repeat(3, 2.35rem); }
    .deposit-secondary-actions button[b-6dd04ws6ri] { min-width: 2.35rem; }
    .deposit-overview-stats > span[b-6dd04ws6ri] { grid-template-columns: 1.55rem minmax(0, 1fr); padding: 0.4rem; }
    .deposit-overview-stats i[b-6dd04ws6ri] { width: 1.55rem; height: 1.55rem; }
    .deposit-overview-stats small[b-6dd04ws6ri] { font-size: 1rem; }
    .deposit-overview-stats strong[b-6dd04ws6ri] { font-size: 1rem; }
    .deposit-searchbar[b-6dd04ws6ri] { grid-template-columns: 1fr; padding: 0.58rem; }
    .deposit-unit-search[b-6dd04ws6ri],
    .deposit-component-filter[b-6dd04ws6ri],
    .deposit-search-actions[b-6dd04ws6ri] { grid-column: auto; }
    .deposit-search-actions[b-6dd04ws6ri] { justify-content: stretch; }
    .deposit-search-action[b-6dd04ws6ri] { flex: 1; }
    .deposit-safety-ribbon[b-6dd04ws6ri] { grid-template-columns: 1fr; }
    .deposit-safety-item[b-6dd04ws6ri] { border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .deposit-safety-item:last-child[b-6dd04ws6ri] { border-bottom: 0; }
    .deposit-stage-strip[b-6dd04ws6ri] { grid-template-columns: 1fr; }
    .deposit-stage[b-6dd04ws6ri] { border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .deposit-stage:last-child[b-6dd04ws6ri] { border-bottom: 0; }
    .deposit-duration-options[b-6dd04ws6ri],
    .deposit-form-grid[b-6dd04ws6ri],
    .deposit-schedule-footer[b-6dd04ws6ri],
    .deposit-review-grid[b-6dd04ws6ri],
    .deposit-cancel-grid[b-6dd04ws6ri] { grid-template-columns: 1fr; }
    .deposit-duration-options label:last-child[b-6dd04ws6ri],
    .deposit-cancel-grid .deposit-auth-field[b-6dd04ws6ri] { grid-column: auto; }
    .deposit-empty-copy[b-6dd04ws6ri] { grid-template-columns: 3rem minmax(0, 1fr); padding: 0.4rem; }
    .deposit-empty-icon[b-6dd04ws6ri] { width: 3rem; height: 3rem; border-radius: 1rem; }
    .deposit-empty-copy strong[b-6dd04ws6ri] { font-size: 1rem; }
    .deposit-empty-steps[b-6dd04ws6ri] { grid-template-columns: 1fr; }
    .deposit-empty-steps article[b-6dd04ws6ri] { min-height: 5.5rem; }
    .deposit-dialog-backdrop[b-6dd04ws6ri] { padding: 0; }
    .deposit-dialog[b-6dd04ws6ri] { width: 100vw; max-height: 100dvh; height: 100dvh; border: 0; border-radius: 0; }
    .deposit-dialog > header[b-6dd04ws6ri] { padding: 0.65rem; }
    .deposit-dialog-body[b-6dd04ws6ri],
    .deposit-history-body[b-6dd04ws6ri] { padding: 0.62rem; }
    .deposit-dialog > footer[b-6dd04ws6ri] { padding: 0.62rem; }
    .deposit-dialog-secondary[b-6dd04ws6ri],
    .deposit-dialog-primary[b-6dd04ws6ri],
    .deposit-dialog-danger[b-6dd04ws6ri] { flex: 1; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .deposit-search-action[b-6dd04ws6ri],
    .deposit-primary-action[b-6dd04ws6ri] { transition: none; }
    .deposit-search-action:hover[b-6dd04ws6ri],
    .deposit-primary-action:not(:disabled):hover[b-6dd04ws6ri] { transform: none; }
}
/* /Components/Pages/Stock/InventorySummaryTable.razor.rz.scp.css */
.inventory-table-wrap[b-hlcagwp7zc] {
    overflow-x: auto;
}

.inventory-table[b-hlcagwp7zc] {
    border-collapse: collapse;
    min-width: 100%;
}

.inventory-table th[b-hlcagwp7zc],
.inventory-table td[b-hlcagwp7zc] {
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
    font-size: 1rem;
    padding: 0.75rem;
    text-align: left;
}

.inventory-table th[b-hlcagwp7zc] {
    background: #f8fafc;
    color: #475569;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.inventory-table td:last-child[b-hlcagwp7zc],
.inventory-table th:last-child[b-hlcagwp7zc] {
    font-weight: 900;
    text-align: right;
}
/* /Components/Pages/Stock/PoolComponent.razor.rz.scp.css */
.pool-command-center[b-6mubkvq08h] {
    --pool-blue: #246bfd;
    --pool-violet: #7443e8;
    --pool-teal: #0d9b87;
    --pool-ink: #17324f;
    --pool-muted: #698099;
    --pool-line: rgba(93, 132, 184, .22);
    display: flex;
    min-height: calc(100dvh - 112px);
    padding: 12px 16px 16px;
    flex-direction: column;
    gap: 10px;
    color: var(--pool-ink);
    background:
        radial-gradient(circle at 8% 4%, rgba(81, 190, 248, .10), transparent 23%),
        radial-gradient(circle at 94% 8%, rgba(221, 83, 178, .09), transparent 24%);
}

.pool-command-center button[b-6mubkvq08h],
.pool-command-center input[b-6mubkvq08h],
.pool-command-center select[b-6mubkvq08h],
.pool-command-center textarea[b-6mubkvq08h] {
    font: inherit;
}

.pool-command-center button:focus-visible[b-6mubkvq08h],
.pool-command-center input:focus-visible[b-6mubkvq08h],
.pool-command-center select:focus-visible[b-6mubkvq08h],
.pool-command-center textarea:focus-visible[b-6mubkvq08h] {
    outline: 3px solid rgba(48, 114, 255, .30);
    outline-offset: 2px;
}

.pool-overview-card[b-6mubkvq08h],
.pool-safety-ribbon[b-6mubkvq08h],
.pool-stage-strip[b-6mubkvq08h],
.pool-source-panel[b-6mubkvq08h],
.pool-work-panel[b-6mubkvq08h] {
    border: 1px solid var(--pool-line);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 34px rgba(47, 75, 120, .08);
    backdrop-filter: blur(18px);
}

.pool-overview-card[b-6mubkvq08h],
.pool-view-tabs[b-6mubkvq08h],
.pool-safety-ribbon[b-6mubkvq08h],
.pool-stage-strip[b-6mubkvq08h],
.pool-feedback[b-6mubkvq08h] {
    flex: 0 0 auto;
}

.pool-overview-card[b-6mubkvq08h] {
    display: grid;
    grid-template-columns: minmax(340px, 1fr) auto auto;
    gap: 16px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 22px;
}

.pool-title-group[b-6mubkvq08h] {
    display: flex;
    min-width: 0;
    gap: 12px;
    align-items: center;
}

.pool-title-icon[b-6mubkvq08h] {
    display: grid;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    place-items: center;
    color: white;
    border-radius: 16px;
    background: linear-gradient(145deg, var(--pool-blue), var(--pool-violet));
    box-shadow: 0 10px 24px rgba(74, 82, 219, .28);
}

.pool-title-icon[b-6mubkvq08h]  svg {
    width: 26px;
    height: 26px;
}

.pool-title-group > span:last-child[b-6mubkvq08h] {
    display: grid;
    min-width: 0;
}

.pool-title-group small[b-6mubkvq08h],
.pool-panel-heading small[b-6mubkvq08h],
.pool-config-section header small[b-6mubkvq08h],
.pool-review-section header small[b-6mubkvq08h],
.pool-primary-action small[b-6mubkvq08h] {
    color: #506bd4;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.pool-title-group strong[b-6mubkvq08h] {
    overflow: hidden;
    font-size: clamp(1.16rem, 1.5vw, 1.48rem);
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pool-title-group em[b-6mubkvq08h] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--pool-muted);
    font-size: 1rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pool-overview-stats[b-6mubkvq08h] {
    display: flex;
    gap: 8px;
}

.pool-overview-stats > span[b-6mubkvq08h] {
    display: grid;
    min-width: 100px;
    grid-template-columns: 30px auto;
    padding: 8px 10px;
    column-gap: 8px;
    border: 1px solid rgba(111, 133, 181, .15);
    border-radius: 14px;
    background: rgba(246, 249, 255, .88);
}

.pool-overview-stats[b-6mubkvq08h]  svg {
    width: 21px;
    height: 21px;
    grid-row: 1 / 3;
    align-self: center;
    color: #5268dd;
}

.pool-overview-stats small[b-6mubkvq08h] {
    color: var(--pool-muted);
    font-size: 1rem;
    font-weight: 700;
}

.pool-overview-stats strong[b-6mubkvq08h] {
    font-size: 1rem;
    line-height: 1.15;
    white-space: nowrap;
}

.pool-overview-actions[b-6mubkvq08h] {
    display: flex;
    gap: 7px;
}

.pool-overview-actions button[b-6mubkvq08h],
.pool-view-tabs button[b-6mubkvq08h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(97, 125, 177, .20);
    color: #344b68;
    background: rgba(255, 255, 255, .88);
    cursor: pointer;
}

.pool-overview-actions button[b-6mubkvq08h] {
    min-height: 40px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 1rem;
    font-weight: 750;
}

.pool-overview-actions button:hover[b-6mubkvq08h],
.pool-overview-actions button.is-active[b-6mubkvq08h] {
    border-color: rgba(85, 75, 218, .35);
    color: #4f42ca;
    background: #f4f2ff;
}

.pool-overview-actions button.is-danger[b-6mubkvq08h] {
    color: #a94455;
}

.pool-overview-actions[b-6mubkvq08h]  svg,
.pool-view-tabs[b-6mubkvq08h]  svg {
    width: 17px;
    height: 17px;
}

.pool-view-tabs[b-6mubkvq08h] {
    display: flex;
    padding: 4px;
    gap: 3px;
    overflow-x: auto;
    border: 1px solid rgba(102, 126, 173, .15);
    border-radius: 14px;
    background: rgba(248, 250, 255, .76);
}

.pool-view-tabs button[b-6mubkvq08h] {
    min-height: 34px;
    padding: 0 14px;
    flex: 0 0 auto;
    border-color: transparent;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 730;
}

.pool-view-tabs button.is-active[b-6mubkvq08h] {
    color: white;
    background: linear-gradient(135deg, #3274ef, #7746e9);
    box-shadow: 0 6px 15px rgba(72, 82, 208, .20);
}

.pool-feedback[b-6mubkvq08h] {
    padding: 9px 13px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
}

.pool-feedback.success[b-6mubkvq08h] {
    border-color: #a6e0c4;
    color: #157a55;
    background: #edfbf4;
}

.pool-feedback.error[b-6mubkvq08h] {
    border-color: #efb4bb;
    color: #b13849;
    background: #fff1f3;
}

.pool-safety-ribbon[b-6mubkvq08h] {
    display: grid;
    grid-template-columns: 1.35fr repeat(4, minmax(112px, .9fr)) 1.25fr;
    min-height: 74px;
    padding: 9px 12px;
    gap: 0;
    align-items: stretch;
    border-radius: 18px;
}

.pool-safety-ribbon > span[b-6mubkvq08h] {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 5px 12px;
    column-gap: 9px;
    align-content: center;
    border-left: 1px solid rgba(106, 132, 178, .17);
}

.pool-safety-ribbon .pool-safety-heading[b-6mubkvq08h] {
    grid-template-columns: 1fr;
    padding-left: 5px;
    border-left: 0;
}

.pool-safety-ribbon i[b-6mubkvq08h] {
    display: grid;
    width: 36px;
    height: 36px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 12px;
    background: #eef4ff;
}

.pool-safety-ribbon i.is-violet[b-6mubkvq08h] { color: #6946da; background: #f2efff; }
.pool-safety-ribbon i.is-teal[b-6mubkvq08h] { color: #128c80; background: #eaf9f6; }
.pool-safety-ribbon i.is-amber[b-6mubkvq08h] { color: #bf7a17; background: #fff6e8; }
.pool-safety-ribbon i.is-blue[b-6mubkvq08h] { color: #2d69dc; }
.pool-safety-ribbon[b-6mubkvq08h]  svg { width: 20px; height: 20px; }
.pool-safety-ribbon small[b-6mubkvq08h] { color: var(--pool-muted); font-size: 1rem; font-weight: 700; }
.pool-safety-ribbon strong[b-6mubkvq08h] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.pool-safety-heading strong[b-6mubkvq08h] { font-size: 1rem; white-space: normal; }

.pool-safety-status[b-6mubkvq08h] {
    margin-left: 6px;
    border: 0 !important;
    border-radius: 13px;
}

.pool-safety-status.is-safe[b-6mubkvq08h] { color: #08785e; background: #e9faf3; }
.pool-safety-status.is-safe i[b-6mubkvq08h] { color: #09856a; background: rgba(255,255,255,.72); }
.pool-safety-status.is-danger[b-6mubkvq08h] { color: #b12f43; background: #fff0f2; }
.pool-safety-status.is-danger i[b-6mubkvq08h] { color: #c43c4d; background: rgba(255,255,255,.72); }
.pool-safety-status.is-waiting[b-6mubkvq08h] { color: #8b6a2e; background: #fff8e9; }
.pool-safety-status.is-waiting i[b-6mubkvq08h] { color: #a97819; background: rgba(255,255,255,.72); }

.pool-stage-strip[b-6mubkvq08h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border-radius: 16px;
}

.pool-stage-strip article[b-6mubkvq08h] {
    display: flex;
    min-width: 0;
    min-height: 54px;
    padding: 8px 16px;
    gap: 10px;
    align-items: center;
    border-left: 1px solid rgba(105, 132, 180, .17);
}

.pool-stage-strip article:first-child[b-6mubkvq08h] { border-left: 0; }
.pool-stage-strip b[b-6mubkvq08h] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    color: #7e8fa1;
    border-radius: 50%;
    background: #edf2f7;
}
.pool-stage-strip span[b-6mubkvq08h] { display: grid; min-width: 0; }
.pool-stage-strip strong[b-6mubkvq08h] { font-size: 1rem; }
.pool-stage-strip small[b-6mubkvq08h] { color: var(--pool-muted); font-size: 1rem; }
.pool-stage-strip .is-current[b-6mubkvq08h] { border-bottom: 2px solid var(--pool-blue); background: linear-gradient(105deg, #eaf4ff, #f3f0ff); }
.pool-stage-strip .is-current b[b-6mubkvq08h] { color: white; background: linear-gradient(145deg, #1d80da, #5a49dc); box-shadow: 0 5px 13px rgba(51, 99, 203, .24); }
.pool-stage-strip .is-done b[b-6mubkvq08h] { color: white; background: #16a67d; }
.pool-stage-strip .is-locked[b-6mubkvq08h] { color: #8798aa; }

.pool-workspace[b-6mubkvq08h] {
    display: grid;
    min-height: 0;
    flex: 1 1 420px;
    grid-template-columns: minmax(330px, 36%) minmax(0, 1fr);
    gap: 10px;
}

.pool-source-panel[b-6mubkvq08h],
.pool-work-panel[b-6mubkvq08h] {
    min-height: 0;
    overflow: hidden;
    border-radius: 20px;
}

.pool-source-panel[b-6mubkvq08h] {
    display: flex;
    flex-direction: column;
}

.pool-panel-heading[b-6mubkvq08h],
.pool-config-section > header[b-6mubkvq08h],
.pool-review-section > header[b-6mubkvq08h] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.pool-panel-heading[b-6mubkvq08h] {
    padding: 13px 14px 10px;
}

.pool-panel-heading > span[b-6mubkvq08h],
.pool-config-section header > span[b-6mubkvq08h],
.pool-review-section header > span[b-6mubkvq08h] {
    display: grid;
}

.pool-panel-heading strong[b-6mubkvq08h],
.pool-config-section header strong[b-6mubkvq08h],
.pool-review-section header strong[b-6mubkvq08h] {
    font-size: 1rem;
}

.pool-panel-heading em[b-6mubkvq08h] {
    padding: 4px 9px;
    color: #4f42c9;
    border-radius: 999px;
    background: #efedff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
}

.pool-scan-box[b-6mubkvq08h] {
    margin: 0 12px 10px;
    padding: 11px;
    border: 1px solid rgba(70, 113, 205, .19);
    border-radius: 15px;
    background: linear-gradient(135deg, #f4f9ff, #f8f5ff);
}

.pool-scan-box > label[b-6mubkvq08h] {
    display: block;
    margin-bottom: 5px;
    color: #48627f;
    font-size: 1rem;
    font-weight: 800;
}

.pool-scan-box > div[b-6mubkvq08h] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
}

.pool-scan-box > div > span[b-6mubkvq08h] {
    display: grid;
    place-items: center;
    color: #4a68d9;
    border: 1px solid #cbd9ec;
    border-right: 0;
    border-radius: 11px 0 0 11px;
    background: white;
}

.pool-scan-box input[b-6mubkvq08h],
.pool-scan-box button[b-6mubkvq08h],
.pool-config-grid input[b-6mubkvq08h],
.pool-config-grid select[b-6mubkvq08h],
.pool-config-grid textarea[b-6mubkvq08h] {
    min-width: 0;
    border: 1px solid #cbd9ec;
    background: rgba(255,255,255,.93);
}

.pool-scan-box input[b-6mubkvq08h] {
    height: 42px;
    padding: 0 10px;
}

.pool-scan-box button[b-6mubkvq08h] {
    padding: 0 14px;
    color: white;
    border-color: #5262dc;
    border-radius: 0 11px 11px 0;
    background: linear-gradient(135deg, #2b75e8, #7045e9);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
}

.pool-scan-box button:disabled[b-6mubkvq08h] { opacity: .45; cursor: not-allowed; }
.pool-scan-box button[b-6mubkvq08h]  svg { width: 16px; vertical-align: middle; }
.pool-scan-box > small[b-6mubkvq08h] { display: block; margin-top: 6px; color: var(--pool-muted); font-size: 1rem; }
.pool-scan-box > p[b-6mubkvq08h] { display: flex; margin: 7px 0 0; gap: 5px; align-items: center; color: #b63245; font-size: 1rem; font-weight: 750; }
.pool-scan-box > p[b-6mubkvq08h]  svg { width: 15px; }

.pool-source-list[b-6mubkvq08h] {
    min-height: 0;
    padding: 0 12px 12px;
    flex: 1;
    overflow-y: auto;
}

.pool-source-empty[b-6mubkvq08h] {
    display: grid;
    min-height: 170px;
    place-items: center;
    align-content: center;
    color: var(--pool-muted);
    text-align: center;
}
.pool-source-empty[b-6mubkvq08h]  svg { width: 38px; height: 38px; margin-bottom: 7px; color: #8298bb; }
.pool-source-empty strong[b-6mubkvq08h] { font-size: 1rem; }
.pool-source-empty small[b-6mubkvq08h] { font-size: 1rem; }

.pool-source-card[b-6mubkvq08h] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1.35fr) minmax(108px, .8fr) 30px;
    gap: 9px;
    align-items: center;
    padding: 10px 8px;
    border: 1px solid rgba(92, 127, 181, .20);
    border-left: 3px solid #2a80db;
    border-radius: 13px;
    background: white;
}
.pool-source-card + .pool-source-card[b-6mubkvq08h] { margin-top: 7px; }
.pool-source-card > b[b-6mubkvq08h] { display: grid; width: 28px; height: 28px; place-items: center; color: #236ec5; border-radius: 9px; background: #eaf5ff; font-size: 1rem; }
.pool-source-card > span[b-6mubkvq08h] { display: grid; min-width: 0; }
.pool-source-card small[b-6mubkvq08h] { color: var(--pool-muted); font-size: 1rem; }
.pool-source-card strong[b-6mubkvq08h] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.pool-source-card em[b-6mubkvq08h] { overflow: hidden; color: #607892; font-size: 1rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.pool-source-card button[b-6mubkvq08h] { display: grid; width: 29px; height: 29px; place-items: center; color: #a74c5a; border: 0; border-radius: 9px; background: #fff1f3; cursor: pointer; }
.pool-source-card button[b-6mubkvq08h]  svg { width: 15px; }

.pool-work-panel[b-6mubkvq08h] {
    display: flex;
    padding: 12px;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}

.pool-config-section[b-6mubkvq08h],
.pool-review-section[b-6mubkvq08h] {
    flex: 0 0 auto;
    padding: 12px;
    border: 1px solid rgba(88, 125, 183, .17);
    border-radius: 16px;
    background: rgba(250, 252, 255, .86);
}

.pool-config-section header em[b-6mubkvq08h],
.pool-review-section header em[b-6mubkvq08h] {
    color: var(--pool-muted);
    font-size: 1rem;
    font-style: normal;
}

.pool-config-grid[b-6mubkvq08h] {
    display: grid;
    margin-top: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.pool-config-grid label[b-6mubkvq08h] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.pool-config-grid label > span[b-6mubkvq08h] {
    color: #516b85;
    font-size: 1rem;
    font-weight: 800;
}

.pool-config-grid input[b-6mubkvq08h],
.pool-config-grid select[b-6mubkvq08h],
.pool-config-grid textarea[b-6mubkvq08h] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border-radius: 10px;
    color: var(--pool-ink);
    font-size: 1rem;
}

.pool-config-grid input[readonly][b-6mubkvq08h] { color: #5e7187; background: #f0f4f8; }
.pool-config-grid textarea[b-6mubkvq08h] { height: 42px; padding-top: 9px; resize: vertical; }
.pool-config-grid .pool-remark-field[b-6mubkvq08h] { grid-column: span 3; }

.pool-summary-dashboard[b-6mubkvq08h] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(5, 1fr);
    overflow: hidden;
    border: 1px solid rgba(85, 121, 183, .17);
    border-radius: 15px;
    background: linear-gradient(105deg, #eef7ff, #f6f2ff);
}
.pool-summary-dashboard > div[b-6mubkvq08h] { display: grid; min-width: 0; padding: 10px 12px; border-left: 1px solid rgba(90, 124, 179, .16); }
.pool-summary-dashboard > div:first-child[b-6mubkvq08h] { border-left: 0; }
.pool-summary-dashboard small[b-6mubkvq08h] { color: var(--pool-muted); font-size: 1rem; font-weight: 750; }
.pool-summary-dashboard strong[b-6mubkvq08h] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.pool-summary-dashboard .is-danger[b-6mubkvq08h] { color: #b63143; background: #fff0f2; }
.pool-summary-dashboard .is-safe[b-6mubkvq08h] { color: #08785e; }

.pool-review-grid[b-6mubkvq08h] {
    display: grid;
    margin-top: 9px;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.pool-review-grid > span[b-6mubkvq08h] { display: grid; grid-template-columns: 30px 1fr; padding: 8px 10px; column-gap: 8px; border-radius: 11px; background: #f1f6fc; }
.pool-review-grid[b-6mubkvq08h]  svg { width: 18px; height: 18px; grid-row: 1 / 3; align-self: center; color: #3d68cc; }
.pool-review-grid small[b-6mubkvq08h] { color: var(--pool-muted); font-size: 1rem; }
.pool-review-grid strong[b-6mubkvq08h] { font-size: 1rem; }

.pool-work-footer[b-6mubkvq08h] {
    display: flex;
    margin-top: auto;
    flex: 0 0 auto;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}
.pool-work-footer > span[b-6mubkvq08h] { display: flex; max-width: 42%; gap: 7px; align-items: center; color: var(--pool-muted); }
.pool-work-footer > span[b-6mubkvq08h]  svg { width: 18px; flex: 0 0 18px; color: #4c6ed9; }
.pool-work-footer > span small[b-6mubkvq08h] { font-size: 1rem; }

.pool-primary-action[b-6mubkvq08h] {
    display: grid;
    min-width: min(380px, 54%);
    min-height: 58px;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    padding: 8px 17px;
    gap: 11px;
    align-items: center;
    color: white;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(120deg, #176de7, #7146ed 68%, #9d24cf);
    box-shadow: 0 11px 26px rgba(77, 65, 214, .25);
    cursor: pointer;
    text-align: left;
}
.pool-primary-action > span[b-6mubkvq08h] { display: grid; }
.pool-primary-action small[b-6mubkvq08h] { color: rgba(255,255,255,.76); }
.pool-primary-action strong[b-6mubkvq08h] { font-size: 1rem; }
.pool-primary-action[b-6mubkvq08h]  svg { width: 22px; height: 22px; }
.pool-primary-action:disabled[b-6mubkvq08h] { opacity: .48; box-shadow: none; cursor: not-allowed; }

@media (max-width: 1350px) {
    .pool-safety-ribbon[b-6mubkvq08h] { grid-template-columns: 1.15fr repeat(4, minmax(98px, .85fr)) 1.15fr; }
    .pool-config-grid[b-6mubkvq08h] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pool-config-grid .pool-remark-field[b-6mubkvq08h] { grid-column: span 2; }
}

@media (max-width: 1050px) {
    .pool-command-center[b-6mubkvq08h] { min-height: auto; }
    .pool-overview-card[b-6mubkvq08h] { grid-template-columns: minmax(0, 1fr) auto; }
    .pool-overview-stats[b-6mubkvq08h] { display: none; }
    .pool-overview-actions[b-6mubkvq08h] { grid-column: auto; }
    .pool-safety-ribbon[b-6mubkvq08h] { grid-template-columns: repeat(3, 1fr); }
    .pool-safety-ribbon .pool-safety-heading[b-6mubkvq08h] { grid-column: 1 / -1; min-height: 40px; }
    .pool-safety-ribbon > span:nth-child(2)[b-6mubkvq08h] { border-left: 0; }
    .pool-workspace[b-6mubkvq08h] { min-height: 720px; grid-template-columns: minmax(290px, 37%) minmax(0, 1fr); }
    .pool-summary-dashboard[b-6mubkvq08h] { grid-template-columns: repeat(3, 1fr); }
    .pool-summary-dashboard > div:nth-child(4)[b-6mubkvq08h] { border-left: 0; }
}

@media (max-width: 899px) {
    .pool-workspace[b-6mubkvq08h] { min-height: auto; grid-template-columns: 1fr; }
    .pool-source-panel[b-6mubkvq08h] { max-height: 430px; }
    .pool-work-panel[b-6mubkvq08h] { overflow: visible; }
    .pool-stage-strip article[b-6mubkvq08h] { padding-inline: 10px; }
}

@media (max-width: 639px) {
    .pool-command-center[b-6mubkvq08h] { padding: 8px; }
    .pool-overview-card[b-6mubkvq08h] { grid-template-columns: 1fr; padding: 10px; border-radius: 17px; }
    .pool-title-group em[b-6mubkvq08h] { white-space: normal; }
    .pool-overview-actions[b-6mubkvq08h] { grid-column: auto; display: grid; grid-template-columns: repeat(3, 1fr); }
    .pool-overview-actions button[b-6mubkvq08h] { padding-inline: 7px; }
    .pool-overview-actions button span[b-6mubkvq08h] { display: none; }
    .pool-view-tabs button[b-6mubkvq08h] { padding-inline: 10px; }
    .pool-view-tabs button[b-6mubkvq08h]  svg { display: none; }
    .pool-safety-ribbon[b-6mubkvq08h] { grid-template-columns: 1fr 1fr; }
    .pool-safety-ribbon .pool-safety-heading[b-6mubkvq08h],
    .pool-safety-status[b-6mubkvq08h] { grid-column: 1 / -1; }
    .pool-safety-ribbon > span:nth-child(even)[b-6mubkvq08h] { border-left: 0; }
    .pool-stage-strip[b-6mubkvq08h] { grid-template-columns: 1fr; }
    .pool-stage-strip article[b-6mubkvq08h] { border-top: 1px solid rgba(105,132,180,.15); border-left: 0; }
    .pool-stage-strip article:first-child[b-6mubkvq08h] { border-top: 0; }
    .pool-source-card[b-6mubkvq08h] { grid-template-columns: 30px minmax(0, 1fr) 30px; }
    .pool-source-card > span:nth-of-type(2)[b-6mubkvq08h] { grid-column: 2; }
    .pool-source-card > button[b-6mubkvq08h] { grid-column: 3; grid-row: 1 / 3; }
    .pool-config-grid[b-6mubkvq08h],
    .pool-review-grid[b-6mubkvq08h],
    .pool-summary-dashboard[b-6mubkvq08h] { grid-template-columns: 1fr; }
    .pool-config-grid .pool-remark-field[b-6mubkvq08h] { grid-column: auto; }
    .pool-summary-dashboard > div[b-6mubkvq08h] { border-top: 1px solid rgba(90,124,179,.14); border-left: 0; }
    .pool-summary-dashboard > div:first-child[b-6mubkvq08h] { border-top: 0; }
    .pool-work-footer[b-6mubkvq08h] { align-items: stretch; flex-direction: column; }
    .pool-work-footer > span[b-6mubkvq08h] { max-width: none; }
    .pool-primary-action[b-6mubkvq08h] { width: 100%; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .pool-command-center *[b-6mubkvq08h],
    .pool-command-center *[b-6mubkvq08h]::before,
    .pool-command-center *[b-6mubkvq08h]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Pages/Stock/ReceiveBloodUnit.razor.rz.scp.css */
.receive-page[b-rnb2h3q2uq] {
    --receive-blue: #2766ef;
    --receive-violet: #7245e9;
    --receive-teal: #0b9d84;
    --receive-ink: #173455;
    --receive-muted: #637a93;
    height: calc(100dvh - 94px);
    min-height: 620px;
    padding: clamp(12px, 1.25vw, 22px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    color: var(--receive-ink);
    background:
        radial-gradient(circle at 8% 15%, rgba(83, 188, 255, .18), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(229, 74, 190, .13), transparent 30%),
        linear-gradient(135deg, #f4fbff 0%, #f9f7ff 52%, #fff9fd 100%);
}

.receive-header[b-rnb2h3q2uq] {
    min-height: 72px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #fff;
    background: linear-gradient(112deg, #2475f3 0%, #6546e9 55%, #e53ab3 100%);
    box-shadow: 0 16px 38px rgba(70, 82, 190, .18), inset 0 1px rgba(255, 255, 255, .38);
}

.receive-title-group[b-rnb2h3q2uq],
.receive-title-group > div[b-rnb2h3q2uq],
.receive-ready-chip[b-rnb2h3q2uq],
.receive-modal-title[b-rnb2h3q2uq],
.receive-section-heading[b-rnb2h3q2uq],
.receive-dialog-steps[b-rnb2h3q2uq],
.receive-modal-actions[b-rnb2h3q2uq],
.receive-modal-note[b-rnb2h3q2uq],
.receive-dialog-optional summary[b-rnb2h3q2uq] {
    display: flex;
    align-items: center;
}

.receive-title-group[b-rnb2h3q2uq] {
    gap: 13px;
}

.receive-title-group > div[b-rnb2h3q2uq] {
    align-items: flex-start;
    flex-direction: column;
    gap: 1px;
}

.receive-title-group small[b-rnb2h3q2uq] {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .05em;
    opacity: .82;
}

.receive-title-group h1[b-rnb2h3q2uq] {
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.1;
}

.receive-title-icon[b-rnb2h3q2uq] {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 1px rgba(255, 255, 255, .3);
}

.receive-title-icon[b-rnb2h3q2uq]  svg {
    width: 27px;
    height: 27px;
}

.receive-ready-chip[b-rnb2h3q2uq] {
    min-height: 42px;
    padding: 0 17px;
    gap: 9px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    font-weight: 800;
    background: rgba(255, 255, 255, .14);
    backdrop-filter: blur(14px);
}

.receive-ready-chip > span[b-rnb2h3q2uq] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22e0af;
    box-shadow: 0 0 0 5px rgba(34, 224, 175, .16), 0 0 14px rgba(34, 224, 175, .7);
}

.receive-panel[b-rnb2h3q2uq],
.receive-message[b-rnb2h3q2uq] {
    padding: 11px 16px;
    border: 1px solid rgba(104, 138, 182, .2);
    border-radius: 14px;
    font-weight: 750;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 8px 24px rgba(45, 74, 112, .08);
}

.receive-message--success[b-rnb2h3q2uq] {
    color: #06735f;
    border-color: rgba(12, 170, 132, .28);
    background: rgba(230, 253, 245, .94);
}

.receive-message--error[b-rnb2h3q2uq] {
    color: #b4232e;
    border-color: rgba(228, 67, 80, .3);
    background: rgba(255, 238, 240, .96);
}

.receive-smart-dock[b-rnb2h3q2uq] {
    flex: 1;
    min-height: 0;
    padding: clamp(18px, 2.3vw, 38px);
    border: 1px solid rgba(115, 155, 215, .22);
    border-radius: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
    gap: clamp(20px, 3vw, 50px);
    overflow: auto;
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 24px 58px rgba(50, 75, 130, .12), inset 0 1px rgba(255, 255, 255, .9);
    backdrop-filter: blur(24px) saturate(125%);
}

.receive-dock-visual[b-rnb2h3q2uq] {
    position: relative;
    min-height: 410px;
    border-radius: 28px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(106, 219, 255, .28), transparent 34%),
        radial-gradient(circle at 28% 70%, rgba(74, 118, 255, .16), transparent 28%),
        linear-gradient(150deg, rgba(236, 248, 255, .86), rgba(239, 237, 255, .68));
}

.receive-dock-visual[b-rnb2h3q2uq]::before,
.receive-dock-visual[b-rnb2h3q2uq]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.receive-dock-visual[b-rnb2h3q2uq]::before {
    width: 72%;
    aspect-ratio: 1;
    border: 1px solid rgba(89, 165, 255, .15);
    box-shadow: 0 0 0 44px rgba(255, 255, 255, .12), 0 0 0 88px rgba(113, 137, 255, .06);
}

.receive-dock-visual[b-rnb2h3q2uq]::after {
    inset: auto 12% 7%;
    height: 12%;
    background: rgba(54, 105, 190, .16);
    filter: blur(26px);
}

.receive-dock-visual img[b-rnb2h3q2uq] {
    position: relative;
    z-index: 1;
    width: min(92%, 760px);
    max-height: 64vh;
    object-fit: contain;
    filter: drop-shadow(0 25px 26px rgba(44, 83, 154, .18));
}

.receive-temperature[b-rnb2h3q2uq] {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 18px;
    padding: 9px 13px;
    border: 1px solid rgba(72, 164, 246, .2);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #2772c9;
    font-size: 1rem;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(12px);
}

.receive-temperature[b-rnb2h3q2uq]  svg {
    width: 17px;
    height: 17px;
}

.receive-command-panel[b-rnb2h3q2uq] {
    align-self: center;
    min-width: 0;
    padding: clamp(20px, 2.2vw, 34px);
    border: 1px solid rgba(114, 138, 188, .2);
    border-radius: 26px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 22px 48px rgba(47, 69, 119, .1), inset 0 1px rgba(255, 255, 255, .96);
}

.receive-command-heading[b-rnb2h3q2uq] {
    margin-bottom: 20px;
}

.receive-command-heading > span[b-rnb2h3q2uq] {
    color: var(--receive-violet);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.receive-command-heading h2[b-rnb2h3q2uq] {
    margin: 3px 0 2px;
    color: #1e3670;
    font-size: clamp(1.4rem, 2.2vw, 2rem);
}

.receive-command-heading p[b-rnb2h3q2uq] {
    margin: 0;
    color: var(--receive-muted);
    font-size: 1rem;
    font-weight: 650;
}

.receive-dock-status[b-rnb2h3q2uq] {
    display: grid;
    gap: 10px;
}

.receive-dock-status-item[b-rnb2h3q2uq] {
    min-height: 72px;
    padding: 10px 13px;
    border: 1px solid rgba(117, 139, 179, .17);
    border-radius: 18px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    background: rgba(248, 250, 255, .8);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.receive-dock-status-item > span[b-rnb2h3q2uq] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    color: #7890ab;
    background: #edf2f7;
}

.receive-dock-status-item > span[b-rnb2h3q2uq]  svg {
    width: 24px;
    height: 24px;
}

.receive-dock-status-item strong[b-rnb2h3q2uq] {
    color: #243b5c;
    font-size: 1rem;
}

.receive-dock-status-item em[b-rnb2h3q2uq] {
    color: #71849a;
    font-size: 1rem;
    font-style: normal;
    font-weight: 750;
}

.receive-dock-status-item.is-complete[b-rnb2h3q2uq] {
    border-color: rgba(18, 176, 137, .28);
    background: linear-gradient(100deg, rgba(240, 255, 250, .94), rgba(255, 255, 255, .9));
    box-shadow: 0 9px 18px rgba(14, 150, 118, .08);
}

.receive-dock-status-item.is-complete > span[b-rnb2h3q2uq] {
    color: #fff;
    background: linear-gradient(145deg, #13cda2, #0d9b82);
    box-shadow: 0 8px 18px rgba(13, 155, 130, .2);
}

.receive-dock-status-item.is-complete em[b-rnb2h3q2uq] {
    color: #08856f;
}

.receive-scan-field[b-rnb2h3q2uq] {
    margin-top: 18px;
    display: block;
}

.receive-scan-field > span[b-rnb2h3q2uq],
.receive-form-grid label > span[b-rnb2h3q2uq],
.receive-auth-field > span[b-rnb2h3q2uq] {
    display: block;
    margin-bottom: 6px;
    color: #526a84;
    font-size: 1rem;
    font-weight: 850;
}

.receive-scan-field > div[b-rnb2h3q2uq] {
    height: 58px;
    padding: 0 13px;
    border: 2px solid rgba(69, 116, 230, .22);
    border-radius: 16px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    background: rgba(247, 251, 255, .9);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.receive-scan-field > div:focus-within[b-rnb2h3q2uq] {
    border-color: var(--receive-blue);
    box-shadow: 0 0 0 4px rgba(39, 102, 239, .12);
}

.receive-scan-field[b-rnb2h3q2uq]  svg {
    width: 22px;
    height: 22px;
    color: var(--receive-blue);
}

.receive-scan-field input[b-rnb2h3q2uq] {
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    color: #163459;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    background: transparent;
}

.receive-scan-field input[b-rnb2h3q2uq]::placeholder {
    color: #9aabbd;
    font-weight: 650;
}

.receive-scan-field kbd[b-rnb2h3q2uq] {
    padding: 5px 8px;
    border: 1px solid #d6dfeb;
    border-radius: 7px;
    color: #697d94;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    background: #fff;
    box-shadow: 0 2px 0 #dce4ed;
}

.receive-primary-action[b-rnb2h3q2uq],
.receive-dialog-primary[b-rnb2h3q2uq] {
    border: 0;
    color: #fff;
    background: linear-gradient(105deg, #1674ef, #6940ee 62%, #d62dd0);
    box-shadow: 0 13px 26px rgba(77, 65, 218, .23);
}

.receive-primary-action[b-rnb2h3q2uq] {
    width: 100%;
    min-height: 58px;
    margin-top: 14px;
    padding: 0 18px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 850;
}

.receive-primary-action[b-rnb2h3q2uq]  svg,
.receive-dialog-primary[b-rnb2h3q2uq]  svg,
.receive-modal-cancel[b-rnb2h3q2uq]  svg {
    width: 20px;
    height: 20px;
}

.receive-primary-action:disabled[b-rnb2h3q2uq],
.receive-dialog-primary:disabled[b-rnb2h3q2uq] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.receive-primary-reason[b-rnb2h3q2uq] {
    min-height: 20px;
    margin: 7px 4px 0;
    color: #72849a;
    font-size: 1rem;
    font-weight: 650;
    text-align: center;
}

.receive-modal-backdrop[b-rnb2h3q2uq] {
    position: fixed;
    z-index: 1400;
    inset: 0;
    padding: 16px;
    display: grid;
    place-items: center;
    background: rgba(26, 34, 74, .46);
    backdrop-filter: blur(14px) saturate(90%);
}

.receive-modal[b-rnb2h3q2uq] {
    width: min(1160px, 100%);
    max-height: calc(100dvh - 32px);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 26px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    background: rgba(249, 252, 255, .96);
    box-shadow: 0 34px 90px rgba(35, 39, 92, .3), inset 0 1px #fff;
}

.receive-focus-guard[b-rnb2h3q2uq] {
    position: fixed;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.receive-modal-heading[b-rnb2h3q2uq] {
    min-height: 84px;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(119, 140, 179, .18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(108deg, rgba(226, 239, 255, .92), rgba(244, 237, 255, .88), rgba(255, 237, 248, .86));
}

.receive-modal-title[b-rnb2h3q2uq] {
    min-width: 0;
    gap: 13px;
}

.receive-modal-title > span[b-rnb2h3q2uq],
.receive-section-heading > span[b-rnb2h3q2uq] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #2786f2, #7543eb);
    box-shadow: 0 10px 20px rgba(68, 80, 210, .2);
}

.receive-modal-title > span[b-rnb2h3q2uq] {
    width: 50px;
    height: 50px;
    border-radius: 15px;
}

.receive-modal-title[b-rnb2h3q2uq]  svg {
    width: 25px;
    height: 25px;
}

.receive-modal-title small[b-rnb2h3q2uq] {
    display: block;
    max-width: min(62vw, 760px);
    overflow: hidden;
    color: #667a92;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receive-modal-title h2[b-rnb2h3q2uq] {
    margin: 2px 0 0;
    color: #20366b;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
}

.receive-modal-close[b-rnb2h3q2uq] {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(117, 139, 179, .15);
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #5f7289;
    background: rgba(255, 255, 255, .72);
}

.receive-modal-close[b-rnb2h3q2uq]  svg {
    width: 24px;
    height: 24px;
}

.receive-dialog-steps[b-rnb2h3q2uq] {
    min-height: 58px;
    padding: 8px clamp(20px, 5vw, 70px);
    justify-content: center;
    gap: 12px;
    border-bottom: 1px solid rgba(119, 140, 179, .14);
    background: rgba(255, 255, 255, .68);
}

.receive-dialog-steps > div[b-rnb2h3q2uq] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #8494a8;
}

.receive-dialog-steps > div > span[b-rnb2h3q2uq] {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1rem;
    font-weight: 900;
    background: #edf1f6;
}

.receive-dialog-steps strong[b-rnb2h3q2uq] {
    font-size: 1rem;
}

.receive-dialog-steps > div.is-current[b-rnb2h3q2uq],
.receive-dialog-steps > div.is-complete[b-rnb2h3q2uq] {
    color: #225ed0;
}

.receive-dialog-steps > div.is-current > span[b-rnb2h3q2uq] {
    color: #fff;
    background: linear-gradient(145deg, #237cf1, #6c46e8);
    box-shadow: 0 7px 15px rgba(69, 80, 216, .2);
}

.receive-dialog-steps > div.is-complete > span[b-rnb2h3q2uq] {
    color: #fff;
    background: var(--receive-teal);
}

.receive-dialog-steps > i[b-rnb2h3q2uq] {
    width: min(19vw, 190px);
    height: 2px;
    background: linear-gradient(90deg, rgba(39, 102, 239, .6), rgba(114, 69, 233, .18));
}

.receive-modal-body[b-rnb2h3q2uq] {
    min-height: 0;
    padding: clamp(16px, 2vw, 24px);
    overflow: auto;
    overscroll-behavior: contain;
}

.receive-modal-body > .receive-message[b-rnb2h3q2uq] {
    margin-bottom: 14px;
}

.receive-entry-dialog[b-rnb2h3q2uq] {
    display: grid;
    gap: 14px;
}

.receive-form-section[b-rnb2h3q2uq],
.receive-dialog-optional[b-rnb2h3q2uq],
.receive-review-hero[b-rnb2h3q2uq],
.receive-review-grid[b-rnb2h3q2uq],
.receive-validation-list[b-rnb2h3q2uq],
.receive-auth-field[b-rnb2h3q2uq],
.receive-modal-note[b-rnb2h3q2uq] {
    border: 1px solid rgba(106, 136, 180, .18);
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
}

.receive-form-section[b-rnb2h3q2uq] {
    padding: 16px;
}

.receive-section-heading[b-rnb2h3q2uq] {
    margin-bottom: 13px;
    gap: 10px;
}

.receive-section-heading > span[b-rnb2h3q2uq] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
}

.receive-section-heading[b-rnb2h3q2uq]  svg {
    width: 20px;
    height: 20px;
}

.receive-section-heading h3[b-rnb2h3q2uq],
.receive-section-heading p[b-rnb2h3q2uq] {
    margin: 0;
}

.receive-section-heading h3[b-rnb2h3q2uq] {
    color: #1f3a5e;
    font-size: 1rem;
}

.receive-section-heading p[b-rnb2h3q2uq] {
    color: #7890a7;
    font-size: 1rem;
    font-weight: 650;
}

.receive-form-grid[b-rnb2h3q2uq] {
    display: grid;
    gap: 12px;
}

.receive-form-grid--three[b-rnb2h3q2uq] {
    grid-template-columns: 1.25fr 1fr 1fr;
}

.receive-form-grid--date[b-rnb2h3q2uq],
.receive-form-grid--blood[b-rnb2h3q2uq] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.receive-form-grid--optional[b-rnb2h3q2uq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.receive-form-grid label[b-rnb2h3q2uq],
.receive-auth-field[b-rnb2h3q2uq] {
    min-width: 0;
}

.receive-form-grid input[b-rnb2h3q2uq],
.receive-form-grid select[b-rnb2h3q2uq],
.receive-form-grid textarea[b-rnb2h3q2uq],
.receive-auth-field input[b-rnb2h3q2uq],
.receive-form-grid[b-rnb2h3q2uq]  input {
    width: 100%;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid #cbd8e7;
    border-radius: 11px;
    outline: 0;
    color: #1f3858;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    background: rgba(248, 251, 255, .94);
}

.receive-form-grid textarea[b-rnb2h3q2uq] {
    min-height: 68px;
    resize: vertical;
}

.receive-form-grid input:focus[b-rnb2h3q2uq],
.receive-form-grid select:focus[b-rnb2h3q2uq],
.receive-form-grid textarea:focus[b-rnb2h3q2uq],
.receive-auth-field input:focus[b-rnb2h3q2uq],
.receive-form-grid[b-rnb2h3q2uq]  input:focus {
    border-color: var(--receive-blue);
    box-shadow: 0 0 0 3px rgba(39, 102, 239, .12);
}

.receive-form-grid input[readonly][b-rnb2h3q2uq] {
    color: #60778f;
    background: #eef3f8;
}

.receive-choice-group[b-rnb2h3q2uq] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.receive-choice-group legend[b-rnb2h3q2uq] {
    margin-bottom: 6px;
    color: #526a84;
    font-size: 1rem;
    font-weight: 850;
}

.receive-choice-group > div[b-rnb2h3q2uq] {
    min-height: 44px;
    padding: 3px;
    border: 1px solid #cbd8e7;
    border-radius: 11px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    background: rgba(248, 251, 255, .94);
}

.receive-choice-group--rh > div[b-rnb2h3q2uq] {
    grid-template-columns: repeat(2, 1fr);
}

.receive-choice-group button[b-rnb2h3q2uq] {
    min-width: 0;
    border: 0;
    border-radius: 8px;
    color: #657c94;
    font-weight: 850;
    background: transparent;
}

.receive-choice-group button.is-selected[b-rnb2h3q2uq] {
    color: #fff;
    background: linear-gradient(145deg, #2577ed, #6844e8);
    box-shadow: 0 6px 13px rgba(63, 83, 211, .2);
}

.receive-choice-group button.is-selected.is-negative[b-rnb2h3q2uq] {
    background: linear-gradient(145deg, #e14766, #b93075);
}

.receive-form-wide[b-rnb2h3q2uq] {
    grid-column: 1 / -1;
}

.receive-dialog-optional[b-rnb2h3q2uq] {
    overflow: hidden;
}

.receive-dialog-optional summary[b-rnb2h3q2uq] {
    min-height: 54px;
    padding: 0 16px;
    gap: 9px;
    color: #284c73;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}

.receive-dialog-optional summary[b-rnb2h3q2uq]::-webkit-details-marker {
    display: none;
}

.receive-dialog-optional summary[b-rnb2h3q2uq]  svg {
    width: 19px;
    height: 19px;
    color: var(--receive-violet);
}

.receive-dialog-optional summary span[b-rnb2h3q2uq] {
    margin-left: auto;
    color: #8294a8;
    font-size: 1rem;
    font-weight: 650;
}

.receive-dialog-optional[open] summary[b-rnb2h3q2uq] {
    border-bottom: 1px solid rgba(106, 136, 180, .16);
}

.receive-dialog-optional > .receive-form-grid[b-rnb2h3q2uq] {
    padding: 14px 16px 16px;
}

.receive-review-dialog[b-rnb2h3q2uq] {
    max-width: 920px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.receive-review-hero[b-rnb2h3q2uq] {
    min-height: 105px;
    padding: 16px 20px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    background: linear-gradient(110deg, rgba(232, 244, 255, .96), rgba(242, 238, 255, .92));
}

.receive-review-hero > span[b-rnb2h3q2uq] {
    width: 62px;
    height: 62px;
    border-radius: 19px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #ef4965, #be2b73);
    box-shadow: 0 12px 22px rgba(198, 48, 106, .2);
}

.receive-review-hero > span[b-rnb2h3q2uq]  svg {
    width: 30px;
    height: 30px;
}

.receive-review-hero small[b-rnb2h3q2uq],
.receive-review-hero strong[b-rnb2h3q2uq] {
    display: block;
}

.receive-review-hero small[b-rnb2h3q2uq] {
    color: #6c8198;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.receive-review-hero strong[b-rnb2h3q2uq] {
    max-width: 100%;
    overflow: hidden;
    color: #193958;
    font-size: clamp(1rem, 2.3vw, 1.45rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receive-review-hero em[b-rnb2h3q2uq] {
    min-width: 74px;
    height: 58px;
    padding: 0 15px;
    border: 1px solid rgba(215, 68, 97, .22);
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: #c8294e;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 900;
    background: rgba(255, 239, 243, .88);
}

.receive-review-grid[b-rnb2h3q2uq] {
    margin: 0;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
}

.receive-review-grid > div[b-rnb2h3q2uq] {
    min-width: 0;
    padding: 13px 15px;
    border-right: 1px solid rgba(111, 137, 174, .16);
}

.receive-review-grid > div:last-child[b-rnb2h3q2uq] {
    border-right: 0;
}

.receive-review-grid dt[b-rnb2h3q2uq] {
    color: #778ba1;
    font-size: 1rem;
    font-weight: 800;
}

.receive-review-grid dd[b-rnb2h3q2uq] {
    margin: 3px 0 0;
    overflow: hidden;
    color: #233e5e;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
}

.receive-validation-list[b-rnb2h3q2uq] {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.receive-validation-item[b-rnb2h3q2uq] {
    min-width: 0;
    min-height: 58px;
    padding: 8px 11px;
    border: 1px solid rgba(119, 139, 170, .14);
    border-radius: 13px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #6e8298;
    background: #f7f9fc;
}

.receive-validation-item > span[b-rnb2h3q2uq] {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #8799aa;
    font-size: 1rem;
    font-weight: 900;
    background: #e8edf3;
}

.receive-validation-item p[b-rnb2h3q2uq],
.receive-validation-item strong[b-rnb2h3q2uq],
.receive-validation-item small[b-rnb2h3q2uq] {
    min-width: 0;
    margin: 0;
    display: block;
}

.receive-validation-item strong[b-rnb2h3q2uq] {
    color: #334e6d;
    font-size: 1rem;
}

.receive-validation-item small[b-rnb2h3q2uq] {
    overflow: hidden;
    color: #7890a6;
    font-size: 1rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receive-validation-item.is-valid[b-rnb2h3q2uq] {
    border-color: rgba(15, 158, 127, .2);
    color: #067d68;
    background: #f0fbf7;
}

.receive-validation-item.is-valid > span[b-rnb2h3q2uq] {
    color: #fff;
    background: var(--receive-teal);
}

.receive-validation-item.is-error[b-rnb2h3q2uq] {
    border-color: rgba(215, 55, 77, .22);
    background: #fff2f4;
}

.receive-validation-item.is-error > span[b-rnb2h3q2uq] {
    color: #fff;
    background: #d83b54;
}

.receive-auth-field[b-rnb2h3q2uq] {
    padding: 14px 16px;
    display: block;
}

.receive-auth-field input[b-rnb2h3q2uq] {
    min-height: 50px;
    font-size: 1rem;
}

.receive-modal-note[b-rnb2h3q2uq] {
    min-height: 48px;
    margin: 0;
    padding: 10px 14px;
    gap: 9px;
    color: #4f6f91;
    font-size: 1rem;
    font-weight: 700;
    background: rgba(237, 246, 255, .9);
}

.receive-modal-note[b-rnb2h3q2uq]  svg {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    color: #2b74e6;
}

.receive-modal-actions[b-rnb2h3q2uq] {
    min-height: 78px;
    padding: 12px 20px;
    border-top: 1px solid rgba(105, 132, 172, .16);
    justify-content: flex-end;
    gap: 10px;
    background: rgba(250, 252, 255, .94);
}

.receive-modal-actions button[b-rnb2h3q2uq] {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
}

.receive-modal-cancel[b-rnb2h3q2uq] {
    border: 1px solid #c8d5e4;
    color: #405b77;
    background: #fff;
}

.receive-dialog-primary[b-rnb2h3q2uq] {
    min-width: 210px;
}

.receive-page button[b-rnb2h3q2uq] {
    font-family: inherit;
    cursor: pointer;
}

.receive-page button:focus-visible[b-rnb2h3q2uq],
.receive-page input:focus-visible[b-rnb2h3q2uq],
.receive-page select:focus-visible[b-rnb2h3q2uq],
.receive-page textarea:focus-visible[b-rnb2h3q2uq],
.receive-dialog-optional summary:focus-visible[b-rnb2h3q2uq] {
    outline: 3px solid rgba(31, 106, 239, .42);
    outline-offset: 3px;
}

@media (hover: hover) {
    .receive-primary-action:not(:disabled):hover[b-rnb2h3q2uq],
    .receive-dialog-primary:not(:disabled):hover[b-rnb2h3q2uq] {
        transform: translateY(-1px);
        filter: brightness(1.04);
    }

    .receive-modal-close:not(:disabled):hover[b-rnb2h3q2uq],
    .receive-modal-cancel:not(:disabled):hover[b-rnb2h3q2uq] {
        border-color: rgba(39, 102, 239, .36);
        color: var(--receive-blue);
    }
}

@media (min-width: 900px) and (max-height: 780px) {
    .receive-smart-dock[b-rnb2h3q2uq] {
        padding-block: 14px;
    }

    .receive-dock-visual[b-rnb2h3q2uq] {
        min-height: 360px;
    }

    .receive-dock-visual img[b-rnb2h3q2uq] {
        max-height: 53vh;
    }

    .receive-command-panel[b-rnb2h3q2uq] {
        padding: 17px 20px;
    }

    .receive-command-heading[b-rnb2h3q2uq] {
        margin-bottom: 10px;
    }

    .receive-command-heading h2[b-rnb2h3q2uq] {
        font-size: 1.45rem;
    }

    .receive-command-heading p[b-rnb2h3q2uq] {
        font-size: 1rem;
    }

    .receive-dock-status[b-rnb2h3q2uq] {
        gap: 7px;
    }

    .receive-dock-status-item[b-rnb2h3q2uq] {
        min-height: 56px;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 9px;
        padding: 7px 10px;
        border-radius: 14px;
    }

    .receive-dock-status-item > span[b-rnb2h3q2uq] {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    .receive-dock-status-item > span[b-rnb2h3q2uq]  svg {
        width: 19px;
        height: 19px;
    }

    .receive-scan-field[b-rnb2h3q2uq] {
        margin-top: 10px;
    }

    .receive-scan-field > div[b-rnb2h3q2uq],
    .receive-primary-action[b-rnb2h3q2uq] {
        height: 50px;
        min-height: 50px;
    }

    .receive-primary-action[b-rnb2h3q2uq] {
        margin-top: 8px;
    }

    .receive-primary-reason[b-rnb2h3q2uq] {
        min-height: 16px;
        margin-top: 3px;
    }
}

@media (max-width: 899px) {
    .receive-page[b-rnb2h3q2uq] {
        height: auto;
        min-height: calc(100dvh - 94px);
        overflow: visible;
    }

    .receive-smart-dock[b-rnb2h3q2uq] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .receive-dock-visual[b-rnb2h3q2uq] {
        min-height: 330px;
    }

    .receive-dock-visual img[b-rnb2h3q2uq] {
        max-height: 390px;
    }

    .receive-command-panel[b-rnb2h3q2uq] {
        width: min(100%, 680px);
        justify-self: center;
    }

    .receive-form-grid--three[b-rnb2h3q2uq],
    .receive-form-grid--date[b-rnb2h3q2uq],
    .receive-form-grid--blood[b-rnb2h3q2uq],
    .receive-review-grid[b-rnb2h3q2uq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .receive-review-grid > div:nth-child(2)[b-rnb2h3q2uq] {
        border-right: 0;
    }

    .receive-review-grid > div:nth-child(-n + 2)[b-rnb2h3q2uq] {
        border-bottom: 1px solid rgba(111, 137, 174, .16);
    }
}

@media (max-width: 639px) {
    .receive-page[b-rnb2h3q2uq] {
        min-height: calc(100dvh - 82px);
        padding: 8px;
        gap: 8px;
    }

    .receive-header[b-rnb2h3q2uq] {
        min-height: 62px;
        padding: 9px 12px;
        border-radius: 17px;
    }

    .receive-title-icon[b-rnb2h3q2uq] {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .receive-title-group small[b-rnb2h3q2uq] {
        display: none;
    }

    .receive-title-group h1[b-rnb2h3q2uq] {
        font-size: 1.25rem;
    }

    .receive-ready-chip[b-rnb2h3q2uq] {
        min-height: 36px;
        padding: 0 11px;
        font-size: 1rem;
    }

    .receive-smart-dock[b-rnb2h3q2uq] {
        padding: 10px;
        gap: 10px;
        border-radius: 20px;
    }

    .receive-dock-visual[b-rnb2h3q2uq] {
        min-height: 225px;
        border-radius: 18px;
    }

    .receive-dock-visual img[b-rnb2h3q2uq] {
        width: 94%;
        max-height: 260px;
    }

    .receive-temperature[b-rnb2h3q2uq] {
        top: 9px;
        left: 9px;
        padding: 6px 9px;
        font-size: 1rem;
    }

    .receive-command-panel[b-rnb2h3q2uq] {
        padding: 14px;
        border-radius: 18px;
    }

    .receive-command-heading[b-rnb2h3q2uq] {
        margin-bottom: 13px;
    }

    .receive-command-heading h2[b-rnb2h3q2uq] {
        font-size: 1.25rem;
    }

    .receive-command-heading p[b-rnb2h3q2uq] {
        font-size: 1rem;
    }

    .receive-dock-status-item[b-rnb2h3q2uq] {
        min-height: 58px;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        gap: 9px;
    }

    .receive-dock-status-item > span[b-rnb2h3q2uq] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .receive-dock-status-item strong[b-rnb2h3q2uq] {
        font-size: 1rem;
    }

    .receive-dock-status-item em[b-rnb2h3q2uq] {
        font-size: 1rem;
    }

    .receive-modal-backdrop[b-rnb2h3q2uq] {
        padding: 0;
    }

    .receive-modal[b-rnb2h3q2uq] {
        width: 100%;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
    }

    .receive-modal-heading[b-rnb2h3q2uq] {
        min-height: 68px;
        padding: 9px 12px;
    }

    .receive-modal-title > span[b-rnb2h3q2uq] {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .receive-modal-title small[b-rnb2h3q2uq] {
        max-width: 58vw;
    }

    .receive-dialog-steps[b-rnb2h3q2uq] {
        min-height: 50px;
        padding: 7px 12px;
        justify-content: stretch;
    }

    .receive-dialog-steps > div[b-rnb2h3q2uq] {
        flex: 1;
    }

    .receive-dialog-steps > div > span[b-rnb2h3q2uq] {
        width: 27px;
        height: 27px;
    }

    .receive-dialog-steps > i[b-rnb2h3q2uq] {
        width: 24px;
    }

    .receive-dialog-steps strong[b-rnb2h3q2uq] {
        font-size: 1rem;
    }

    .receive-modal-body[b-rnb2h3q2uq] {
        padding: 10px;
    }

    .receive-form-section[b-rnb2h3q2uq] {
        padding: 12px;
    }

    .receive-form-grid--three[b-rnb2h3q2uq],
    .receive-form-grid--date[b-rnb2h3q2uq],
    .receive-form-grid--blood[b-rnb2h3q2uq],
    .receive-form-grid--optional[b-rnb2h3q2uq],
    .receive-validation-list[b-rnb2h3q2uq],
    .receive-review-grid[b-rnb2h3q2uq] {
        grid-template-columns: 1fr;
    }

    .receive-review-grid > div[b-rnb2h3q2uq],
    .receive-review-grid > div:nth-child(2)[b-rnb2h3q2uq] {
        border-right: 0;
        border-bottom: 1px solid rgba(111, 137, 174, .16);
    }

    .receive-review-grid > div:last-child[b-rnb2h3q2uq] {
        border-bottom: 0;
    }

    .receive-review-hero[b-rnb2h3q2uq] {
        min-height: 88px;
        padding: 12px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }

    .receive-review-hero > span[b-rnb2h3q2uq] {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }

    .receive-review-hero em[b-rnb2h3q2uq] {
        min-width: 52px;
        height: 46px;
        padding: 0 8px;
        border-radius: 13px;
        font-size: 1.15rem;
    }

    .receive-dialog-optional summary span[b-rnb2h3q2uq] {
        display: none;
    }

    .receive-modal-actions[b-rnb2h3q2uq] {
        min-height: 68px;
        padding: 9px 10px;
    }

    .receive-modal-actions button[b-rnb2h3q2uq] {
        flex: 1;
        min-width: 0;
        padding: 0 11px;
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .receive-page *[b-rnb2h3q2uq],
    .receive-page *[b-rnb2h3q2uq]::before,
    .receive-page *[b-rnb2h3q2uq]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/Stock/ReleaseBlood.razor.rz.scp.css */
.release-command-center[b-t2yf0knpfq] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.65rem;
    height: calc(100dvh - 68px);
    min-height: 0;
    padding: 0.65rem;
    overflow: hidden;
    color: #263650;
    background:
        radial-gradient(circle at 10% 5%, rgba(56, 189, 248, 0.16), transparent 27%),
        radial-gradient(circle at 92% 8%, rgba(244, 114, 182, 0.14), transparent 27%),
        linear-gradient(135deg, #f5faff, #faf8ff 52%, #fff9f5);
}

.release-glass[b-t2yf0knpfq] {
    border: 1px solid rgba(188, 211, 241, 0.84);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 28px rgba(69, 85, 130, 0.08);
    backdrop-filter: blur(18px) saturate(130%);
}

.release-overview[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: minmax(19rem, 1fr) minmax(19rem, 0.9fr) auto;
    align-items: stretch;
    overflow: hidden;
}

.release-page-heading[b-t2yf0knpfq] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    padding: 0.65rem 0.82rem;
    border-right: 1px solid #dbe5f2;
    background: linear-gradient(120deg, rgba(239, 246, 255, 0.95), rgba(245, 243, 255, 0.74));
}

.release-heading-icon[b-t2yf0knpfq],
.release-panel-icon[b-t2yf0knpfq] {
    display: grid;
    flex: none;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #238ce8, #6945e7 62%, #a72ee1);
    box-shadow: 0 9px 20px rgba(78, 70, 210, 0.18);
}

.release-heading-icon[b-t2yf0knpfq] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.9rem;
}

.release-heading-icon[b-t2yf0knpfq]  svg,
.release-panel-icon[b-t2yf0knpfq]  svg {
    width: 1.25rem;
    height: 1.25rem;
}

.release-page-heading > span:last-child[b-t2yf0knpfq],
.release-unit-identity[b-t2yf0knpfq],
.release-queue-copy[b-t2yf0knpfq] {
    display: grid;
    min-width: 0;
}

.release-page-heading small[b-t2yf0knpfq],
.release-queue-panel header small[b-t2yf0knpfq],
.release-modal-header small[b-t2yf0knpfq] {
    color: #5a51cb;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.16em;
}

.release-page-heading strong[b-t2yf0knpfq] {
    overflow: hidden;
    color: #202c62;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-page-heading > span:last-child > span[b-t2yf0knpfq] {
    color: #67768d;
    font-size: 1rem;
    font-weight: 700;
}

.release-overview-stats[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.release-overview-stats > span[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.42rem;
    min-width: 0;
    padding: 0.46rem 0.62rem;
    border-right: 1px solid #e2e8f0;
}

.release-overview-stats i[b-t2yf0knpfq] {
    display: grid;
    grid-row: 1 / 3;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.6rem;
    font-style: normal;
}

.release-overview-stats i[b-t2yf0knpfq]  svg {
    width: 0.92rem;
    height: 0.92rem;
}

.release-overview-stats small[b-t2yf0knpfq] {
    overflow: hidden;
    color: #64748b;
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-overview-stats strong[b-t2yf0knpfq] {
    font-size: 1rem;
    line-height: 1;
}

.release-overview-stats .is-crossmatch i[b-t2yf0knpfq] { background: #ede9fe; color: #6742dc; }
.release-overview-stats .is-expiring i[b-t2yf0knpfq] { background: #fff1d6; color: #d97706; }
.release-overview-stats .is-compatible i[b-t2yf0knpfq] { background: #dcfce7; color: #07815e; }

.release-secondary-actions[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: stretch;
}

.release-secondary-action[b-t2yf0knpfq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-width: 6.4rem;
    padding: 0.45rem 0.58rem;
    border: 0;
    border-left: 1px solid #e2e8f0;
    background: rgba(248, 250, 252, 0.82);
    color: #536179;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.release-secondary-action:hover[b-t2yf0knpfq],
.release-secondary-action.is-active[b-t2yf0knpfq] {
    color: #5138cb;
    background: #f2efff;
}

.release-secondary-action[b-t2yf0knpfq]  svg {
    width: 0.82rem;
    height: 0.82rem;
}

.release-message[b-t2yf0knpfq] {
    position: fixed;
    z-index: 85;
    top: 5.1rem;
    left: 50%;
    width: min(34rem, calc(100vw - 2rem));
    border-radius: 0.85rem;
    box-shadow: 0 15px 35px rgba(30, 41, 59, 0.2);
    transform: translateX(-50%);
}

.release-searchbar[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.7fr) minmax(13rem, 1.3fr) repeat(3, minmax(7rem, 0.8fr)) auto auto;
    align-items: end;
    gap: 0.48rem;
    padding: 0.52rem 0.62rem;
}

.release-searchbar label[b-t2yf0knpfq],
.release-modal-fields label[b-t2yf0knpfq] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.release-searchbar label > span:first-child[b-t2yf0knpfq],
.release-modal-fields label > span[b-t2yf0knpfq] {
    color: #536179;
    font-size: 1rem;
    font-weight: 850;
}

.release-searchbar select[b-t2yf0knpfq],
.release-searchbar input[b-t2yf0knpfq],
.release-modal-fields select[b-t2yf0knpfq],
.release-modal-fields input[b-t2yf0knpfq],
.release-modal-fields textarea[b-t2yf0knpfq] {
    width: 100%;
    min-width: 0;
    border: 1px solid #cbd8e9;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.96);
    color: #263650;
    outline: none;
    font-size: 1rem;
    font-weight: 750;
}

.release-searchbar select[b-t2yf0knpfq],
.release-searchbar input[b-t2yf0knpfq],
.release-modal-fields select[b-t2yf0knpfq],
.release-modal-fields input[b-t2yf0knpfq] {
    min-height: 2.3rem;
    padding: 0.42rem 0.58rem;
}

.release-scan-field > span:last-child[b-t2yf0knpfq] {
    position: relative;
}

.release-scan-field > span:last-child[b-t2yf0knpfq]  svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0.62rem;
    width: 0.92rem;
    height: 0.92rem;
    color: #5c4bd5;
    transform: translateY(-50%);
    pointer-events: none;
}

.release-scan-field input[b-t2yf0knpfq] { padding-left: 1.95rem; }

.release-searchbar button[b-t2yf0knpfq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 2.3rem;
    padding: 0.42rem 0.78rem;
    border-radius: 0.7rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 850;
}

.release-searchbar button[b-t2yf0knpfq]  svg { width: 0.82rem; height: 0.82rem; }
.release-search-primary[b-t2yf0knpfq] { border: 0; color: #fff; background: linear-gradient(110deg, #1769e9, #6540e7 58%, #9f1fe1); box-shadow: 0 8px 18px rgba(76, 60, 210, 0.16); }
.release-search-reset[b-t2yf0knpfq] { border: 1px solid #cfdae9; color: #536179; background: #fff; }

.release-workspace[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: minmax(18rem, 34%) minmax(0, 1fr);
    gap: 0.65rem;
    min-width: 0;
    min-height: 0;
}

.release-queue-panel[b-t2yf0knpfq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
}

.release-queue-panel > header[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.72rem;
    border-bottom: 1px solid #e0e9f4;
    background: linear-gradient(120deg, #f4f9ff, #fbf8ff);
}

.release-panel-icon[b-t2yf0knpfq] { width: 2.25rem; height: 2.25rem; border-radius: 0.72rem; }

.release-queue-panel header > span:nth-child(2)[b-t2yf0knpfq] { display: grid; min-width: 0; }
.release-queue-panel header strong[b-t2yf0knpfq] { color: #25334e; font-size: 1rem; font-weight: 900; }
.release-queue-panel header b[b-t2yf0knpfq] { display: grid; min-width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 999px; color: #a65d00; background: #fff5d7; font-size: 1rem; }

.release-queue-list[b-t2yf0knpfq] {
    display: grid;
    align-content: start;
    gap: 0.42rem;
    min-height: 0;
    padding: 0.5rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b6c8df transparent;
}

.release-queue-card[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    min-height: 5.15rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dae4ef;
    border-radius: 0.9rem;
    color: inherit;
    background: rgba(255, 255, 255, 0.94);
    cursor: pointer;
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.release-queue-card:hover[b-t2yf0knpfq] { border-color: #91afe9; transform: translateY(-1px); }
.release-queue-card.is-selected[b-t2yf0knpfq] { border-color: #6e66f0; background: linear-gradient(110deg, #edf8ff, #f0efff); box-shadow: 0 8px 18px rgba(74, 92, 194, 0.12); }

.release-queue-index[b-t2yf0knpfq] {
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(180deg, #1b93d7, #2e6fd6);
    font-size: 1rem;
    font-weight: 900;
}

.release-queue-card.is-selected .release-queue-index[b-t2yf0knpfq] { background: linear-gradient(180deg, #5d65ea, #7d43df); }
.release-queue-copy[b-t2yf0knpfq] { gap: 0.18rem; padding: 0.55rem 0.62rem; }
.release-queue-copy > span[b-t2yf0knpfq] { display: flex; align-items: center; gap: 0.35rem; min-width: 0; }
.release-queue-copy strong[b-t2yf0knpfq] { overflow: hidden; color: #263650; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.release-queue-copy time[b-t2yf0knpfq] { margin-left: auto; color: #718096; font-size: 1rem; font-weight: 750; }
.release-queue-copy b[b-t2yf0knpfq] { color: #d12d3c; font-size: 1rem; }
.release-queue-copy em[b-t2yf0knpfq] { padding: 0.08rem 0.32rem; border-radius: 999px; color: #315b97; background: #eaf3ff; font-size: 1rem; font-style: normal; font-weight: 850; }
.release-queue-copy small[b-t2yf0knpfq] { overflow: hidden; color: #64748b; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.release-queue-copy > span:last-child > small[b-t2yf0knpfq] { flex: 1; }
.release-queue-copy mark[b-t2yf0knpfq] { flex: none; }

.release-xm-badge[b-t2yf0knpfq] {
    display: inline-flex;
    align-items: center;
    padding: 0.14rem 0.38rem;
    border-radius: 999px;
    color: #315b97;
    background: #eaf3ff;
    font-size: 1rem;
    font-weight: 900;
}

.release-xm-badge.is-compatible[b-t2yf0knpfq] { color: #087b59; background: #dcfce7; }
.release-xm-badge.is-incompatible[b-t2yf0knpfq] { color: #b42332; background: #fee2e2; }
.release-queue-panel > footer[b-t2yf0knpfq] { padding: 0.42rem 0.65rem; border-top: 1px solid #e2e8f0; color: #748198; font-size: 1rem; font-weight: 750; text-align: center; }

.release-empty-state[b-t2yf0knpfq],
.release-detail-empty[b-t2yf0knpfq] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.42rem;
    height: 100%;
    min-height: 12rem;
    color: #75839a;
    text-align: center;
}

.release-empty-state[b-t2yf0knpfq]  svg,
.release-detail-empty[b-t2yf0knpfq]  svg { width: 2.2rem; height: 2.2rem; color: #7257de; }
.release-empty-state strong[b-t2yf0knpfq],
.release-detail-empty strong[b-t2yf0knpfq] { color: #35445d; font-size: 1rem; font-weight: 900; }
.release-empty-state span[b-t2yf0knpfq],
.release-detail-empty span[b-t2yf0knpfq] { max-width: 20rem; font-size: 1rem; font-weight: 700; }

.release-detail-panel[b-t2yf0knpfq] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.release-unit-header[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    padding: 0.62rem 0.72rem;
    border-bottom: 1px solid #e1e8f3;
    background: linear-gradient(110deg, #f3f8ff, #fbf8ff);
}

.release-unit-avatar[b-t2yf0knpfq] { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 0.92rem; color: #2349a4; background: linear-gradient(145deg, #d9f4ff, #e9dcff); font-size: 1rem; font-weight: 950; }
.release-unit-identity small[b-t2yf0knpfq] { color: #65758b; font-size: 1rem; font-weight: 800; }
.release-unit-identity strong[b-t2yf0knpfq] { overflow: hidden; color: #27334f; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.release-unit-identity > span[b-t2yf0knpfq] { color: #64748b; font-size: 1rem; font-weight: 700; }
.release-ready-badge[b-t2yf0knpfq] { padding: 0.28rem 0.55rem; border-radius: 999px; color: #a45c00; background: #fff1d6; font-size: 1rem; font-weight: 900; }

.release-safety-ribbon[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0.55rem 0.62rem 0;
    overflow: hidden;
    border: 1px solid #d8e4f1;
    border-radius: 0.9rem;
    background: #fff;
}

.release-safety-ribbon > span[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-content: center;
    column-gap: 0.4rem;
    min-width: 0;
    min-height: 3.35rem;
    padding: 0.42rem 0.52rem;
    border-right: 1px solid #e2e8f0;
}

.release-safety-ribbon > span:last-child[b-t2yf0knpfq] { border-right: 0; }
.release-safety-ribbon i[b-t2yf0knpfq] { display: grid; grid-row: 1 / 4; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 0.58rem; font-style: normal; }
.release-safety-ribbon i[b-t2yf0knpfq]  svg { width: 0.92rem; height: 0.92rem; }
.release-safety-ribbon small[b-t2yf0knpfq] { overflow: hidden; color: #69778d; font-size: 1rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.release-safety-ribbon strong[b-t2yf0knpfq] { overflow: hidden; color: #27334f; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.release-safety-ribbon em[b-t2yf0knpfq] { color: #75839a; font-size: 1rem; font-style: normal; font-weight: 700; }
.release-safety-ribbon .is-red[b-t2yf0knpfq] { color: #d23243; background: #ffe8ed; }
.release-safety-ribbon .is-violet[b-t2yf0knpfq] { color: #5f46dd; background: #ede9fe; }
.release-safety-ribbon .is-safe i[b-t2yf0knpfq] { color: #07815e; background: #dcfce7; }
.release-safety-ribbon .is-warning i[b-t2yf0knpfq] { color: #c46a05; background: #fff1d6; }
.release-safety-ribbon .is-danger i[b-t2yf0knpfq] { color: #c42b3d; background: #fee2e2; }

.release-stage-rail[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0.48rem 0.62rem 0;
    overflow: hidden;
    border: 1px solid #dae4ef;
    border-radius: 0.82rem;
}

.release-stage-rail > span[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: 1.65rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 0.4rem;
    min-width: 0;
    min-height: 2.9rem;
    padding: 0.38rem 0.52rem;
    border-right: 1px solid #e2e8f0;
    background: #fff;
}

.release-stage-rail > span:last-child[b-t2yf0knpfq] { border-right: 0; }
.release-stage-rail b[b-t2yf0knpfq] { display: grid; grid-row: 1 / 3; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 999px; color: #fff; background: #8a9ab0; font-size: 1rem; }
.release-stage-rail strong[b-t2yf0knpfq] { color: #526078; font-size: 1rem; font-weight: 900; }
.release-stage-rail small[b-t2yf0knpfq] { overflow: hidden; color: #8290a3; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.release-stage-rail .is-done b[b-t2yf0knpfq] { background: #0aa879; }
.release-stage-rail .is-current[b-t2yf0knpfq] { background: linear-gradient(115deg, #edf7ff, #f2efff); box-shadow: inset 0 -2px #5768eb; }
.release-stage-rail .is-current b[b-t2yf0knpfq] { background: linear-gradient(145deg, #197fd7, #6845e3); }
.release-stage-rail .is-current strong[b-t2yf0knpfq] { color: #243f92; }

.release-detail-scroll[b-t2yf0knpfq] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
    align-content: start;
    gap: 0.55rem;
    min-height: 0;
    padding: 0.55rem 0.62rem;
    overflow-y: auto;
}

.release-patient-card[b-t2yf0knpfq],
.release-decision-card[b-t2yf0knpfq] {
    overflow: hidden;
    border: 1px solid #dce6f1;
    border-radius: 0.92rem;
    background: rgba(255, 255, 255, 0.94);
}

.release-patient-card > header[b-t2yf0knpfq] { display: flex; align-items: center; gap: 0.52rem; padding: 0.55rem 0.62rem; border-bottom: 1px solid #e2e8f0; background: #f7faff; }
.release-patient-card > header > span[b-t2yf0knpfq] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 0.62rem; color: #315bd2; background: #e7efff; }
.release-patient-card > header > span[b-t2yf0knpfq]  svg { width: 1rem; height: 1rem; }
.release-patient-card header div[b-t2yf0knpfq] { display: grid; }
.release-patient-card header small[b-t2yf0knpfq] { color: #64748b; font-size: 1rem; font-weight: 750; }
.release-patient-card header strong[b-t2yf0knpfq] { color: #27334f; font-size: 1rem; font-weight: 900; }
.release-patient-card dl[b-t2yf0knpfq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.release-patient-card dl div[b-t2yf0knpfq] { padding: 0.55rem 0.62rem; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.release-patient-card dl div:nth-child(even)[b-t2yf0knpfq] { border-right: 0; }
.release-patient-card dl div:nth-last-child(-n + 2)[b-t2yf0knpfq] { border-bottom: 0; }
.release-patient-card dt[b-t2yf0knpfq] { color: #718096; font-size: 1rem; font-weight: 750; }
.release-patient-card dd[b-t2yf0knpfq] { margin: 0.08rem 0 0; overflow: hidden; color: #2f3d55; font-size: 1rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }

.release-decision-card[b-t2yf0knpfq] { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); align-items: center; gap: 0.58rem; padding: 0.7rem; }
.release-decision-card > span[b-t2yf0knpfq] { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 0.78rem; }
.release-decision-card > span[b-t2yf0knpfq]  svg { width: 1.2rem; height: 1.2rem; }
.release-decision-card > div[b-t2yf0knpfq] { display: grid; min-width: 0; }
.release-decision-card small[b-t2yf0knpfq] { font-size: 1rem; font-weight: 800; }
.release-decision-card strong[b-t2yf0knpfq] { color: #27334f; font-size: 1rem; font-weight: 900; }
.release-decision-card p[b-t2yf0knpfq] { margin: 0.16rem 0 0; color: #65758b; font-size: 1rem; font-weight: 700; line-height: 1.45; }
.release-decision-card.is-ready[b-t2yf0knpfq] { border-color: #a9e3ce; background: linear-gradient(130deg, #f3fffb, #f8fbff); }
.release-decision-card.is-ready > span[b-t2yf0knpfq] { color: #07815e; background: #dcfce7; }
.release-decision-card.is-ready small[b-t2yf0knpfq] { color: #07815e; }
.release-decision-card.is-blocked[b-t2yf0knpfq] { border-color: #f1b8c0; background: #fff5f6; }
.release-decision-card.is-blocked > span[b-t2yf0knpfq] { color: #c42b3d; background: #fee2e2; }
.release-decision-card.is-blocked small[b-t2yf0knpfq] { color: #c42b3d; }

.release-action-bar[b-t2yf0knpfq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.65rem;
    border-top: 1px solid #dce5f0;
    background: linear-gradient(100deg, #f7fbff, #fbf8ff);
}

.release-action-bar > span[b-t2yf0knpfq] { display: grid; min-width: 0; }
.release-action-bar small[b-t2yf0knpfq] { color: #68778d; font-size: 1rem; font-weight: 800; }
.release-action-bar strong[b-t2yf0knpfq] { overflow: hidden; color: #283651; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.release-primary-action[b-t2yf0knpfq] { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 0.4rem; min-width: 13.5rem; min-height: 2.65rem; padding: 0.5rem 1rem; border: 0; border-radius: 0.78rem; color: #fff; background: linear-gradient(110deg, #1671eb, #6443e7 58%, #a51de1); box-shadow: 0 9px 20px rgba(77, 55, 207, 0.2); cursor: pointer; font-size: 1rem; font-weight: 900; }
.release-primary-action[b-t2yf0knpfq]  svg { width: 0.95rem; height: 0.95rem; }
.release-primary-action:disabled[b-t2yf0knpfq] { color: #8794a6; background: #e9eef5; box-shadow: none; cursor: not-allowed; }

.release-overlay-backdrop[b-t2yf0knpfq],
.release-modal-backdrop[b-t2yf0knpfq] {
    position: fixed;
    z-index: 80;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(31, 41, 72, 0.4);
    backdrop-filter: blur(10px);
    animation: release-fade-in-b-t2yf0knpfq 160ms ease;
}

.release-overlay-panel[b-t2yf0knpfq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(90rem, 96vw);
    max-height: min(46rem, 88dvh);
    overflow: hidden;
    border: 1px solid rgba(196, 209, 232, 0.94);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 28px 80px rgba(31, 41, 72, 0.24);
}

.release-overlay-panel > header[b-t2yf0knpfq],
.release-modal-header[b-t2yf0knpfq] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.72rem 0.82rem;
    border-bottom: 1px solid #dce5f0;
    background: linear-gradient(110deg, #edf7ff, #fbf3ff);
}

.release-overlay-panel > header > span:first-child[b-t2yf0knpfq] { display: grid; }
.release-overlay-panel > header strong[b-t2yf0knpfq] { color: #27334f; font-size: 1rem; font-weight: 900; }
.release-overlay-panel > header button[b-t2yf0knpfq],
.release-modal-header > button[b-t2yf0knpfq] { display: grid; width: 2.2rem; height: 2.2rem; margin-left: auto; place-items: center; border: 1px solid #d8e1ee; border-radius: 0.7rem; color: #5f6d82; background: #fff; cursor: pointer; }
.release-overlay-panel > header button[b-t2yf0knpfq]  svg,
.release-modal-header > button[b-t2yf0knpfq]  svg { width: 1rem; height: 1rem; }

.release-history-table-wrap[b-t2yf0knpfq] { min-height: 0; overflow: auto; }
.release-history-table-wrap table[b-t2yf0knpfq] { width: 100%; border-collapse: collapse; }
.release-history-table-wrap thead[b-t2yf0knpfq] { position: sticky; z-index: 1; top: 0; background: #eff5fb; }
.release-history-table-wrap th[b-t2yf0knpfq] { padding: 0.62rem; color: #607088; font-size: 1rem; font-weight: 900; letter-spacing: 0.08em; text-align: left; text-transform: uppercase; }
.release-history-table-wrap td[b-t2yf0knpfq] { padding: 0.62rem; border-top: 1px solid #e4ebf3; color: #425068; font-size: 1rem; font-weight: 700; vertical-align: middle; }
.release-history-table-wrap tbody tr:hover[b-t2yf0knpfq] { background: #f7faff; }
.release-history-table-wrap td button[b-t2yf0knpfq] { padding: 0.42rem 0.62rem; border: 0; border-radius: 0.62rem; color: #fff; background: linear-gradient(110deg, #dc394a, #a91da8); cursor: pointer; font-size: 1rem; font-weight: 850; }

.release-modal-backdrop[b-t2yf0knpfq] { z-index: 90; }
.release-modal-panel[b-t2yf0knpfq] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(48rem, 94vw); max-height: min(44rem, 92dvh); overflow: hidden; border: 1px solid rgba(196, 209, 232, 0.94); border-radius: 1.3rem; background: rgba(255, 255, 255, 0.98); box-shadow: 0 28px 80px rgba(31, 41, 72, 0.28); }
.release-modal-icon[b-t2yf0knpfq] { display: grid; flex: none; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: 0.82rem; color: #fff; background: linear-gradient(145deg, #238ce8, #6945e7 62%, #a72ee1); }
.release-modal-icon[b-t2yf0knpfq]  svg { width: 1.3rem; height: 1.3rem; }
.release-modal-header > span:nth-child(2)[b-t2yf0knpfq] { display: grid; min-width: 0; }
.release-modal-header h2[b-t2yf0knpfq] { margin: 0; color: #24315b; font-size: 1rem; font-weight: 950; }
.release-modal-header p[b-t2yf0knpfq] { margin: 0.08rem 0 0; color: #66768c; font-size: 1rem; font-weight: 700; }
.release-modal-backdrop.is-danger .release-modal-icon[b-t2yf0knpfq] { background: linear-gradient(145deg, #e34c5c, #b62179); }
.release-modal-body[b-t2yf0knpfq] { display: grid; gap: 0.75rem; min-height: 0; padding: 0.85rem; overflow-y: auto; }
.release-modal-safety[b-t2yf0knpfq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dce5f0; border-radius: 0.88rem; background: #f8fbff; }
.release-modal-safety > span[b-t2yf0knpfq] { display: grid; min-width: 0; padding: 0.55rem 0.62rem; border-right: 1px solid #e1e8f1; border-bottom: 1px solid #e1e8f1; }
.release-modal-safety > span:nth-child(3n)[b-t2yf0knpfq] { border-right: 0; }
.release-modal-safety > span:nth-last-child(-n + 3)[b-t2yf0knpfq] { border-bottom: 0; }
.release-modal-safety small[b-t2yf0knpfq] { color: #718096; font-size: 1rem; font-weight: 750; }
.release-modal-safety strong[b-t2yf0knpfq] { overflow: hidden; color: #27334f; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.release-modal-fields[b-t2yf0knpfq] { display: grid; gap: 0.65rem; }
.release-modal-fields label > span b[b-t2yf0knpfq] { color: #d02e40; }
.release-modal-fields textarea[b-t2yf0knpfq] { min-height: 5rem; padding: 0.55rem 0.62rem; resize: vertical; }
.release-modal-footer[b-t2yf0knpfq] { display: flex; justify-content: flex-end; gap: 0.55rem; padding: 0.68rem 0.82rem; border-top: 1px solid #dce5f0; background: #f8fafc; }
.release-modal-footer button[b-t2yf0knpfq] { display: inline-flex; align-items: center; justify-content: center; gap: 0.32rem; min-width: 7.5rem; min-height: 2.5rem; padding: 0.46rem 0.82rem; border-radius: 0.72rem; cursor: pointer; font-size: 1rem; font-weight: 900; }
.release-modal-footer button[b-t2yf0knpfq]  svg { width: 0.9rem; height: 0.9rem; }
.release-modal-footer .is-secondary[b-t2yf0knpfq] { border: 1px solid #ccd7e5; color: #526078; background: #fff; }
.release-modal-footer .is-primary[b-t2yf0knpfq] { border: 0; color: #fff; background: linear-gradient(110deg, #1769e9, #6540e7 58%, #9f1fe1); }
.release-modal-footer .is-danger[b-t2yf0knpfq] { border: 0; color: #fff; background: linear-gradient(110deg, #dc394a, #b11b77); }
.release-modal-footer button:disabled[b-t2yf0knpfq] { opacity: 0.42; cursor: not-allowed; }

.release-searchbar button:focus-visible[b-t2yf0knpfq],
.release-queue-card:focus-visible[b-t2yf0knpfq],
.release-secondary-action:focus-visible[b-t2yf0knpfq],
.release-primary-action:focus-visible[b-t2yf0knpfq],
.release-overlay-panel button:focus-visible[b-t2yf0knpfq],
.release-modal-panel button:focus-visible[b-t2yf0knpfq] {
    outline: 3px solid rgba(37, 99, 235, 0.32);
    outline-offset: 2px;
}

.release-searchbar input:focus[b-t2yf0knpfq],
.release-searchbar select:focus[b-t2yf0knpfq],
.release-modal-fields input:focus[b-t2yf0knpfq],
.release-modal-fields select:focus[b-t2yf0knpfq],
.release-modal-fields textarea:focus[b-t2yf0knpfq] {
    border-color: #5b82ee;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

@keyframes release-fade-in-b-t2yf0knpfq { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 1180px) {
    .release-overview[b-t2yf0knpfq] { grid-template-columns: minmax(18rem, 1fr) minmax(18rem, 1fr); }
    .release-secondary-actions[b-t2yf0knpfq] { grid-column: 1 / -1; border-top: 1px solid #e2e8f0; }
    .release-secondary-action[b-t2yf0knpfq] { border-left: 0; border-right: 1px solid #e2e8f0; }
    .release-searchbar[b-t2yf0knpfq] { grid-template-columns: repeat(5, minmax(0, 1fr)) auto auto; }
    .release-workspace[b-t2yf0knpfq] { grid-template-columns: minmax(17rem, 36%) minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .release-command-center[b-t2yf0knpfq] { grid-template-rows: max-content max-content max-content; height: calc(100dvh - 94px); overflow-x: hidden; overflow-y: auto; }
    .release-overview[b-t2yf0knpfq] { grid-template-columns: minmax(0, 1fr); }
    .release-page-heading[b-t2yf0knpfq] { border-right: 0; }
    .release-overview-stats[b-t2yf0knpfq] { border-top: 1px solid #e2e8f0; }
    .release-secondary-actions[b-t2yf0knpfq] { grid-column: 1; }
    .release-searchbar[b-t2yf0knpfq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .release-scan-field[b-t2yf0knpfq] { grid-column: 1 / -1; }
    .release-workspace[b-t2yf0knpfq] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(18rem, 42dvh) minmax(36rem, auto); min-height: auto; }
    .release-detail-panel[b-t2yf0knpfq] { min-height: 36rem; }
}

@media (max-width: 640px) {
    .release-command-center[b-t2yf0knpfq] { gap: 0.5rem; padding: 0.45rem; }
    .release-glass[b-t2yf0knpfq] { border-radius: 1rem; }
    .release-overview-stats[b-t2yf0knpfq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .release-overview-stats > span[b-t2yf0knpfq] { grid-template-columns: 1.55rem minmax(0, 1fr); padding: 0.4rem; }
    .release-overview-stats i[b-t2yf0knpfq] { width: 1.55rem; height: 1.55rem; }
    .release-secondary-action[b-t2yf0knpfq] { min-width: 0; font-size: 1rem; }
    .release-secondary-action[b-t2yf0knpfq]  svg { display: none; }
    .release-searchbar[b-t2yf0knpfq] { grid-template-columns: minmax(0, 1fr); }
    .release-scan-field[b-t2yf0knpfq] { grid-column: auto; }
    .release-workspace[b-t2yf0knpfq] { grid-template-rows: minmax(18rem, 48dvh) minmax(52rem, auto); }
    .release-detail-panel[b-t2yf0knpfq] { min-height: 52rem; }
    .release-unit-header[b-t2yf0knpfq] { grid-template-columns: 3rem minmax(0, 1fr); }
    .release-ready-badge[b-t2yf0knpfq] { grid-column: 2; justify-self: start; }
    .release-safety-ribbon[b-t2yf0knpfq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .release-safety-ribbon > span:nth-child(2)[b-t2yf0knpfq] { border-right: 0; }
    .release-safety-ribbon > span:nth-child(-n + 2)[b-t2yf0knpfq] { border-bottom: 1px solid #e2e8f0; }
    .release-stage-rail > span[b-t2yf0knpfq] { grid-template-columns: 1.55rem minmax(0, 1fr); padding: 0.35rem; }
    .release-stage-rail b[b-t2yf0knpfq] { width: 1.55rem; height: 1.55rem; }
    .release-stage-rail small[b-t2yf0knpfq] { display: none; }
    .release-detail-scroll[b-t2yf0knpfq] { grid-template-columns: minmax(0, 1fr); }
    .release-action-bar[b-t2yf0knpfq] { align-items: stretch; flex-direction: column; }
    .release-primary-action[b-t2yf0knpfq] { width: 100%; min-width: 0; }
    .release-overlay-backdrop[b-t2yf0knpfq],
    .release-modal-backdrop[b-t2yf0knpfq] { align-items: end; padding: 0; }
    .release-overlay-panel[b-t2yf0knpfq],
    .release-modal-panel[b-t2yf0knpfq] { width: 100vw; max-width: none; max-height: 92dvh; border-radius: 1.25rem 1.25rem 0 0; }
    .release-modal-safety[b-t2yf0knpfq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .release-modal-safety > span:nth-child(3n)[b-t2yf0knpfq] { border-right: 1px solid #e1e8f1; }
    .release-modal-safety > span:nth-child(even)[b-t2yf0knpfq] { border-right: 0; }
    .release-modal-safety > span:nth-last-child(-n + 3)[b-t2yf0knpfq] { border-bottom: 1px solid #e1e8f1; }
    .release-modal-safety > span:nth-last-child(-n + 2)[b-t2yf0knpfq] { border-bottom: 0; }
    .release-modal-footer button[b-t2yf0knpfq] { flex: 1; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .release-queue-card[b-t2yf0knpfq],
    .release-overlay-backdrop[b-t2yf0knpfq],
    .release-modal-backdrop[b-t2yf0knpfq] { animation: none; transition: none; }
}
/* /Components/Pages/Stock/ReturnBlood.razor.rz.scp.css */
.return-command-center[b-wl6vh9batu] {
    --return-ink: #21324d;
    --return-muted: #6f7e93;
    --return-line: rgba(183, 202, 231, 0.72);
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.7rem;
    height: calc(100dvh - 94px);
    min-height: 0;
    padding: 0.72rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 6% 8%, rgba(45, 152, 247, 0.12), transparent 30%),
        radial-gradient(circle at 94% 10%, rgba(225, 72, 173, 0.1), transparent 30%),
        linear-gradient(135deg, #f4f9ff 0%, #faf8ff 52%, #fff8fb 100%);
}

.return-glass[b-wl6vh9batu] {
    border: 1px solid var(--return-line);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 32px rgba(60, 81, 139, 0.09), inset 0 1px rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(16px) saturate(1.12);
}

.return-overview[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(22rem, auto) auto;
    align-items: stretch;
    min-height: 4.15rem;
    overflow: hidden;
    border-radius: 1.15rem;
}

.return-page-heading[b-wl6vh9batu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.68rem;
    padding: 0.62rem 0.78rem;
}

.return-page-heading > span:last-child[b-wl6vh9batu],
.return-stage-head > span:nth-child(3)[b-wl6vh9batu],
.return-dock-unit-main > span:nth-child(2)[b-wl6vh9batu],
.return-dialog > header > span:nth-child(2)[b-wl6vh9batu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.return-heading-icon[b-wl6vh9batu],
.return-panel-icon[b-wl6vh9batu],
.return-dialog-icon[b-wl6vh9batu] {
    display: grid;
    flex: none;
    place-items: center;
    border-radius: 0.9rem;
    color: #fff;
    background: linear-gradient(145deg, #268cf0, #6944ec 68%, #8d35e7);
    box-shadow: 0 8px 18px rgba(71, 83, 214, 0.22);
}

.return-heading-icon[b-wl6vh9batu] {
    width: 2.8rem;
    height: 2.8rem;
}

.return-heading-icon[b-wl6vh9batu]  svg,
.return-dialog-icon[b-wl6vh9batu]  svg {
    width: 1.35rem;
    height: 1.35rem;
}

.return-page-heading strong[b-wl6vh9batu] {
    color: #27336f;
    font-size: 1.1rem;
    font-weight: 950;
    line-height: 1.1;
}

.return-page-heading small[b-wl6vh9batu] {
    margin-top: 0.18rem;
    color: var(--return-muted);
    font-size: 1rem;
    font-weight: 780;
}

.return-overview-stats[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(6.2rem, 1fr));
    align-items: stretch;
}

.return-overview-stats > span[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.48rem;
    min-width: 0;
    padding: 0.48rem 0.62rem;
    border-left: 1px solid rgba(214, 224, 239, 0.86);
}

.return-overview-stats i[b-wl6vh9batu] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    grid-row: 1 / 3;
    place-items: center;
    align-self: center;
    border-radius: 0.62rem;
    color: #4f55d7;
    background: #ecebff;
    font-style: normal;
}

.return-overview-stats i[b-wl6vh9batu]  svg {
    width: 0.95rem;
    height: 0.95rem;
}

.return-overview-stats small[b-wl6vh9batu],
.return-overview-stats strong[b-wl6vh9batu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.return-overview-stats small[b-wl6vh9batu] { color: var(--return-muted); font-size: 1rem; font-weight: 800; }
.return-overview-stats strong[b-wl6vh9batu] { color: var(--return-ink); font-size: 1rem; font-weight: 950; }
.return-overview-stats .is-unit i[b-wl6vh9batu] { color: #0b7ad1; background: #e1f3ff; }
.return-overview-stats .is-destination i[b-wl6vh9batu] { color: #068568; background: #dff9ef; }

.return-history-action[b-wl6vh9batu] {
    display: inline-flex;
    min-width: 6.4rem;
    align-items: center;
    justify-content: center;
    gap: 0.36rem;
    border: 0;
    border-left: 1px solid rgba(214, 224, 239, 0.86);
    padding: 0.5rem 0.78rem;
    color: #4e5c73;
    background: rgba(255, 255, 255, 0.44);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
}

.return-history-action:hover[b-wl6vh9batu] { color: #5541d8; background: #f7f5ff; }
.return-history-action[b-wl6vh9batu]  svg { width: 1rem; height: 1rem; }

.return-message[b-wl6vh9batu] {
    position: absolute;
    z-index: 12;
    top: 5.2rem;
    left: 50%;
    width: max-content;
    max-width: min(38rem, calc(100% - 2rem));
    transform: translateX(-50%);
    border-radius: 0.72rem;
    box-shadow: 0 10px 28px rgba(42, 56, 102, 0.16);
    font-size: 1rem !important;
}

.return-dock-workspace[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: minmax(24rem, 52%) minmax(24rem, 48%);
    gap: 0.7rem;
    min-height: 0;
}

.return-dock-visual[b-wl6vh9batu] {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 1.25rem;
    background: linear-gradient(145deg, rgba(241, 247, 255, 0.94), rgba(248, 250, 255, 0.9));
}

.return-dock-image-wrap[b-wl6vh9batu] { position: relative; min-height: 0; overflow: hidden; }
.return-dock-image[b-wl6vh9batu] {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 15rem;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply;
}

.return-dock-glow[b-wl6vh9batu] {
    position: absolute;
    right: 12%;
    bottom: 6%;
    width: 58%;
    height: 22%;
    border-radius: 50%;
    background: rgba(72, 111, 248, 0.15);
    filter: blur(26px);
}

.return-dock-unit-card[b-wl6vh9batu],
.return-dock-empty[b-wl6vh9batu] {
    position: relative;
    z-index: 2;
    margin: 0 0.72rem 0.72rem;
    border: 1px solid rgba(202, 215, 237, 0.9);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(53, 74, 130, 0.1);
}

.return-dock-unit-main[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: 2.45rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    padding: 0.58rem 0.68rem;
}

.return-panel-icon[b-wl6vh9batu] { width: 2.45rem; height: 2.45rem; }
.return-panel-icon[b-wl6vh9batu]  svg { width: 1.15rem; height: 1.15rem; }
.return-dock-unit-main small[b-wl6vh9batu] { color: var(--return-muted); font-size: 1rem; font-weight: 820; }
.return-dock-unit-main strong[b-wl6vh9batu] { overflow: hidden; color: #26366a; font-size: 1rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.return-dock-unit-main em[b-wl6vh9batu] { color: #69798f; font-size: 1rem; font-style: normal; font-weight: 730; }

.return-status-pill[b-wl6vh9batu] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    color: #06775b;
    background: #e2f9ef;
    font-size: 1rem;
    font-weight: 900;
}

.return-dock-chips[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #e5ebf4; }
.return-dock-chips > span[b-wl6vh9batu] { display: flex; min-width: 0; flex-direction: column; padding: 0.48rem 0.58rem; border-right: 1px solid #e5ebf4; }
.return-dock-chips > span:last-child[b-wl6vh9batu] { border-right: 0; }
.return-dock-chips small[b-wl6vh9batu] { color: #7a879a; font-size: 1rem; font-weight: 800; }
.return-dock-chips strong[b-wl6vh9batu],
.return-dock-chips em[b-wl6vh9batu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.return-dock-chips strong[b-wl6vh9batu] { color: #35445d; font-size: 1rem; font-weight: 920; }
.return-dock-chips em[b-wl6vh9batu] { color: #7a879a; font-size: 1rem; font-style: normal; font-weight: 720; }
.return-dock-chips .is-safe strong[b-wl6vh9batu],
.return-dock-chips .is-safe em[b-wl6vh9batu] { color: #07815e; }
.return-dock-chips .is-danger strong[b-wl6vh9batu],
.return-dock-chips .is-danger em[b-wl6vh9batu] { color: #c52d49; }

.return-dock-empty[b-wl6vh9batu] {
    display: grid;
    grid-template-columns: 2.7rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 0.65rem;
    padding: 0.68rem;
}

.return-dock-empty > span[b-wl6vh9batu] { display: grid; width: 2.7rem; height: 2.7rem; grid-row: 1 / 3; place-items: center; border-radius: 0.88rem; color: #4d58d5; background: linear-gradient(145deg, #dff3ff, #eee9ff); }
.return-dock-empty > span[b-wl6vh9batu]  svg { width: 1.3rem; height: 1.3rem; }
.return-dock-empty strong[b-wl6vh9batu] { color: var(--return-ink); font-size: 1rem; font-weight: 950; }
.return-dock-empty small[b-wl6vh9batu] { color: var(--return-muted); font-size: 1rem; font-weight: 720; }
.return-dock-empty.has-warning > span[b-wl6vh9batu] { color: #c46a07; background: #fff1d9; }

.return-flow-panel[b-wl6vh9batu] { display: flex; min-width: 0; min-height: 0; flex-direction: column; gap: 0.58rem; overflow-y: auto; padding-right: 0.1rem; }
.return-flow-card[b-wl6vh9batu] { display: flex; flex: none; flex-direction: column; overflow: hidden; border-radius: 1.12rem; transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.return-flow-card.is-current[b-wl6vh9batu] { min-height: 0; max-height: calc(100% - 8.3rem); flex: 1; border-color: rgba(91, 101, 236, 0.72); background: rgba(255, 255, 255, 0.93); box-shadow: 0 16px 34px rgba(73, 78, 190, 0.14), inset 0 2px rgba(255, 255, 255, 0.96); }
.return-flow-card.is-scan-stage.is-current[b-wl6vh9batu] { max-height: none; flex: none; }
.return-flow-card.is-complete[b-wl6vh9batu] { border-color: rgba(80, 196, 157, 0.58); }
.return-flow-card.is-locked[b-wl6vh9batu] { opacity: 0.67; }

.return-stage-head[b-wl6vh9batu] {
    display: grid;
    width: 100%;
    grid-template-columns: 2rem 2.25rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: 0.58rem;
    border: 0;
    padding: 0.58rem 0.68rem;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.return-stage-head:disabled[b-wl6vh9batu] { cursor: not-allowed; }
.return-stage-number[b-wl6vh9batu],
.return-stage-icon[b-wl6vh9batu] { display: grid; place-items: center; border-radius: 50%; }
.return-stage-number[b-wl6vh9batu] { width: 2rem; height: 2rem; color: #718096; background: #edf2f8; font-size: 1rem; font-weight: 950; }
.return-stage-icon[b-wl6vh9batu] { width: 2.25rem; height: 2.25rem; color: #5f66dc; background: #eeedff; }
.return-stage-icon[b-wl6vh9batu]  svg { width: 1.12rem; height: 1.12rem; }
.return-stage-head strong[b-wl6vh9batu] { color: var(--return-ink); font-size: 1rem; font-weight: 950; }
.return-stage-head small[b-wl6vh9batu] { color: var(--return-muted); font-size: 1rem; font-weight: 730; }
.return-stage-head > i[b-wl6vh9batu] { display: grid; place-items: center; color: #758399; font-style: normal; }
.return-stage-head > i[b-wl6vh9batu]  svg { width: 1rem; height: 1rem; }
.return-flow-card.is-current .return-stage-number[b-wl6vh9batu] { color: #fff; background: linear-gradient(145deg, #248ceb, #6944e9); box-shadow: 0 7px 15px rgba(73, 91, 213, 0.24); }
.return-flow-card.is-complete .return-stage-number[b-wl6vh9batu] { color: #fff; background: #12a77d; }
.return-flow-card.is-complete .return-stage-icon[b-wl6vh9batu] { color: #07815e; background: #dcf8ee; }

.return-stage-body[b-wl6vh9batu] { min-height: 0; flex: 1; border-top: 1px solid #e3eaf4; padding: 0.68rem; overflow-y: auto; background: linear-gradient(145deg, rgba(248, 251, 255, 0.84), rgba(250, 247, 255, 0.8)); }
.return-scan-stage[b-wl6vh9batu] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: center; gap: 0.58rem; }

.return-scan-input[b-wl6vh9batu],
.return-input-with-icon[b-wl6vh9batu] { display: flex; min-width: 0; align-items: center; gap: 0.48rem; border: 1px solid #c8d7ec; border-radius: 0.78rem; padding: 0 0.65rem; background: #fff; }
.return-scan-input:focus-within[b-wl6vh9batu],
.return-input-with-icon:focus-within[b-wl6vh9batu] { border-color: #635be9; box-shadow: 0 0 0 3px rgba(99, 91, 233, 0.13); }
.return-scan-input[b-wl6vh9batu]  svg,
.return-input-with-icon[b-wl6vh9batu]  svg { width: 1rem; height: 1rem; flex: none; color: #5e63da; }
.return-scan-input input[b-wl6vh9batu],
.return-input-with-icon input[b-wl6vh9batu] { width: 100%; height: 2.65rem; min-width: 0; border: 0; outline: 0; color: #263650; background: transparent; font-size: 1rem; font-weight: 850; }

.return-scan-actions[b-wl6vh9batu] { display: flex; gap: 0.42rem; }
.return-quiet-action[b-wl6vh9batu],
.return-stage-action[b-wl6vh9batu],
.return-stage-next[b-wl6vh9batu] { display: inline-flex; min-height: 2.65rem; align-items: center; justify-content: center; gap: 0.34rem; border-radius: 0.78rem; padding: 0 0.78rem; cursor: pointer; font-size: 1rem; font-weight: 900; }
.return-quiet-action[b-wl6vh9batu] { border: 1px solid #ccd8e8; color: #516078; background: #fff; }
.return-stage-action[b-wl6vh9batu],
.return-stage-next[b-wl6vh9batu] { border: 0; color: #fff; background: linear-gradient(135deg, #1886ed, #6545ec); box-shadow: 0 8px 18px rgba(67, 85, 208, 0.17); }
.return-quiet-action[b-wl6vh9batu]  svg,
.return-stage-action[b-wl6vh9batu]  svg,
.return-stage-next[b-wl6vh9batu]  svg { width: 0.92rem; height: 0.92rem; }

.return-form-grid[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.52rem; }
.return-field[b-wl6vh9batu] { display: flex; min-width: 0; flex-direction: column; gap: 0.24rem; }
.return-field > span:first-child[b-wl6vh9batu] { color: #596980; font-size: 1rem; font-weight: 900; }
.return-field input[b-wl6vh9batu],
.return-field select[b-wl6vh9batu],
.return-field textarea[b-wl6vh9batu] { width: 100%; min-width: 0; border: 1px solid #ccd8e8; border-radius: 0.7rem; outline: 0; color: #2d3d57; background: #fff; font-size: 1rem; font-weight: 790; }
.return-field input[b-wl6vh9batu],
.return-field select[b-wl6vh9batu] { height: 2.42rem; padding: 0 0.64rem; }
.return-field textarea[b-wl6vh9batu] { min-height: 3.15rem; padding: 0.54rem 0.64rem; resize: vertical; }
.return-field input:focus[b-wl6vh9batu],
.return-field select:focus[b-wl6vh9batu],
.return-field textarea:focus[b-wl6vh9batu] { border-color: #635be9; box-shadow: 0 0 0 3px rgba(99, 91, 233, 0.13); }
.return-field input:disabled[b-wl6vh9batu] { color: #6f7d91; background: #f2f5f9; }
.return-input-with-icon[b-wl6vh9batu] { padding-right: 0.1rem; }
.return-input-with-icon input[b-wl6vh9batu] { height: 2.32rem; padding: 0; box-shadow: none !important; }
.return-field-wide[b-wl6vh9batu] { grid-column: span 2; }

.return-condition-grid[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.48rem; margin-top: 0.55rem; }
.return-condition-tile[b-wl6vh9batu] { position: relative; min-width: 0; }
.return-condition-tile > input[b-wl6vh9batu] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.return-condition-tile > span[b-wl6vh9batu] { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 0.42rem; min-height: 3rem; padding: 0.45rem 0.52rem; border: 1px solid #ccebdd; border-radius: 0.78rem; color: #08775a; background: #effcf7; cursor: pointer; }
.return-condition-tile > span[b-wl6vh9batu]  svg { width: 1.05rem; height: 1.05rem; grid-row: 1 / 3; justify-self: center; }
.return-condition-tile strong[b-wl6vh9batu] { color: #34445c; font-size: 1rem; font-weight: 900; }
.return-condition-tile small[b-wl6vh9batu] { color: currentColor; font-size: 1rem; font-weight: 800; }
.return-condition-tile > input:checked + span[b-wl6vh9batu],
.return-condition-tile.is-failed > span[b-wl6vh9batu] { border-color: #f2a5b2; color: #c72f4a; background: #fff1f4; }
.return-condition-tile > input:focus-visible + span[b-wl6vh9batu] { outline: 3px solid rgba(59, 130, 246, 0.3); outline-offset: 2px; }
.return-condition-tile.is-static > span[b-wl6vh9batu] { cursor: default; }

.return-more-details[b-wl6vh9batu] { margin-top: 0.52rem; border: 1px solid #dce4ef; border-radius: 0.78rem; background: rgba(255, 255, 255, 0.74); }
.return-more-details summary[b-wl6vh9batu] { padding: 0.48rem 0.58rem; color: #55657d; cursor: pointer; font-size: 1rem; font-weight: 900; }
.return-more-details > div[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0 0.58rem 0.58rem; }

.return-stage-footer[b-wl6vh9batu],
.return-assessment-footer[b-wl6vh9batu] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.55rem; margin-top: 0.58rem; }
.return-inline-status[b-wl6vh9batu],
.return-readiness[b-wl6vh9batu] { display: flex; min-width: 0; align-items: center; gap: 0.42rem; border-radius: 0.72rem; padding: 0.45rem 0.56rem; }
.return-inline-status[b-wl6vh9batu] { font-size: 1rem; font-weight: 850; }
.return-inline-status[b-wl6vh9batu]  svg,
.return-readiness[b-wl6vh9batu]  svg { width: 1rem; height: 1rem; flex: none; }
.return-inline-status.is-ready[b-wl6vh9batu],
.return-readiness.is-ready[b-wl6vh9batu] { color: #08775a; background: #e9fbf3; }
.return-inline-status.is-waiting[b-wl6vh9batu],
.return-readiness.is-waiting[b-wl6vh9batu] { color: #ad6209; background: #fff6e7; }
.return-stage-next:disabled[b-wl6vh9batu] { cursor: not-allowed; filter: grayscale(0.35); opacity: 0.48; box-shadow: none; }

.return-disposition-grid[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
.return-disposition-option[b-wl6vh9batu] { display: grid; min-width: 0; min-height: 5.7rem; grid-template-rows: 1.9rem auto auto; place-items: center; gap: 0.2rem; border: 1px solid #d7e0ec; border-radius: 0.92rem; padding: 0.55rem; color: #536178; background: #fff; cursor: pointer; }
.return-disposition-option[b-wl6vh9batu]  svg { width: 1.7rem; height: 1.7rem; }
.return-disposition-option strong[b-wl6vh9batu] { font-size: 1rem; font-weight: 950; }
.return-disposition-option small[b-wl6vh9batu] { color: #7a879a; font-size: 1rem; font-weight: 720; text-align: center; }
.return-disposition-option.is-stock[b-wl6vh9batu] { color: #07926b; }
.return-disposition-option.is-quarantine[b-wl6vh9batu] { color: #d27a08; }
.return-disposition-option.is-discard[b-wl6vh9batu] { color: #d03653; }
.return-disposition-option.is-stock.is-selected[b-wl6vh9batu] { border-color: #53c89f; background: #edfcf6; box-shadow: 0 0 0 2px rgba(16, 169, 124, 0.13); }
.return-disposition-option.is-quarantine.is-selected[b-wl6vh9batu] { border-color: #f0b44f; background: #fff8e9; box-shadow: 0 0 0 2px rgba(224, 139, 21, 0.12); }
.return-disposition-option.is-discard.is-selected[b-wl6vh9batu] { border-color: #ef8da0; background: #fff1f4; box-shadow: 0 0 0 2px rgba(225, 55, 84, 0.11); }
.return-disposition-option:disabled[b-wl6vh9batu] { cursor: not-allowed; filter: grayscale(0.7); opacity: 0.48; }

.return-readiness > span[b-wl6vh9batu] { display: flex; min-width: 0; flex-direction: column; }
.return-readiness strong[b-wl6vh9batu] { font-size: 1rem; font-weight: 950; }
.return-readiness small[b-wl6vh9batu] { overflow: hidden; font-size: 1rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.return-primary-action[b-wl6vh9batu] { display: grid; min-width: 12.6rem; min-height: 3rem; grid-template-columns: 1.05rem minmax(0, 1fr) 1.05rem; align-items: center; gap: 0.4rem; border: 0; border-radius: 0.86rem; padding: 0.55rem 0.78rem; color: #fff; background: linear-gradient(135deg, #1188f1, #6544ef 62%, #d72bc0); box-shadow: 0 10px 22px rgba(82, 65, 210, 0.24); cursor: pointer; font-size: 1rem; font-weight: 950; }
.return-primary-action[b-wl6vh9batu]  svg { width: 1.05rem; height: 1.05rem; }
.return-primary-action:disabled[b-wl6vh9batu] { cursor: not-allowed; filter: grayscale(0.45); opacity: 0.45; box-shadow: none; }
.return-primary-action:not(:disabled):hover[b-wl6vh9batu] { transform: translateY(-1px); filter: brightness(1.04); }

.return-dialog-backdrop[b-wl6vh9batu] { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 1rem; background: rgba(29, 35, 71, 0.5); backdrop-filter: blur(9px); }
.return-dialog[b-wl6vh9batu] { display: flex; width: min(54rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.35rem; background: rgba(253, 254, 255, 0.98); box-shadow: 0 28px 74px rgba(35, 40, 88, 0.3); }
.return-dialog > header[b-wl6vh9batu] { display: grid; grid-template-columns: 2.8rem minmax(0, 1fr) auto; align-items: center; gap: 0.72rem; flex: none; padding: 0.78rem 0.9rem; border-bottom: 1px solid #dfe7f2; background: linear-gradient(120deg, #eef6ff, #f7f2ff 62%, #fff4f8); }
.return-dialog-icon[b-wl6vh9batu] { width: 2.8rem; height: 2.8rem; }
.return-dialog-icon.is-history[b-wl6vh9batu] { background: linear-gradient(145deg, #1d8adf, #6a45e2); }
.return-dialog > header small[b-wl6vh9batu] { color: #7353dc; font-size: 1rem; font-weight: 900; }
.return-dialog h2[b-wl6vh9batu] { margin: 0; color: #26356a; font-size: 1rem; font-weight: 950; }
.return-dialog p[b-wl6vh9batu] { margin: 0; color: #738198; font-size: 1rem; font-weight: 700; }
.return-dialog-close[b-wl6vh9batu] { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 0; border-radius: 0.72rem; color: #66758a; background: rgba(255, 255, 255, 0.82); cursor: pointer; }
.return-dialog-close:hover[b-wl6vh9batu] { color: #d33d63; background: #fff1f4; }
.return-dialog-close[b-wl6vh9batu]  svg { width: 1.1rem; height: 1.1rem; }
.return-dialog-body[b-wl6vh9batu] { display: flex; min-height: 0; flex-direction: column; gap: 0.68rem; padding: 0.82rem; overflow: auto; }
.return-search-dialog[b-wl6vh9batu] { width: min(40rem, calc(100vw - 2rem)); }
.return-search-dialog-fields[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.return-search-dialog-fields > :last-child[b-wl6vh9batu] { grid-column: 1 / -1; }

.return-dialog-unit[b-wl6vh9batu] { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr) auto; align-items: center; gap: 0.62rem; padding: 0.68rem; border: 1px solid #dce7f4; border-radius: 0.9rem; background: linear-gradient(120deg, #f3f8ff, #faf7ff); }
.return-dialog-unit > span:nth-child(2)[b-wl6vh9batu] { display: flex; min-width: 0; flex-direction: column; }
.return-dialog-unit small[b-wl6vh9batu] { color: #728096; font-size: 1rem; font-weight: 850; }
.return-dialog-unit strong[b-wl6vh9batu] { color: #29385c; font-size: 1rem; font-weight: 950; }
.return-dialog-unit em[b-wl6vh9batu] { color: #718096; font-size: 1rem; font-style: normal; font-weight: 700; }
.return-disposition-pill[b-wl6vh9batu] { padding: 0.28rem 0.52rem; border-radius: 999px; color: #08775a; background: #e8f8ef; font-size: 1rem; font-weight: 900; }

.return-review-grid[b-wl6vh9batu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; margin: 0; }
.return-review-grid > div[b-wl6vh9batu] { min-width: 0; padding: 0.62rem; border: 1px solid #e1e8f2; border-radius: 0.78rem; background: #fff; }
.return-review-grid dt[b-wl6vh9batu] { color: #7a8799; font-size: 1rem; font-weight: 850; }
.return-review-grid dd[b-wl6vh9batu] { overflow: hidden; margin: 0.1rem 0 0; color: #34445c; font-size: 1rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.return-review-assessment[b-wl6vh9batu] { display: grid; grid-template-columns: 2.3rem minmax(0, 1fr) auto; align-items: center; gap: 0.6rem; padding: 0.65rem; border: 1px solid #dce5f1; border-radius: 0.82rem; background: #fff; }
.return-review-assessment > span[b-wl6vh9batu] { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 0.7rem; color: #6155df; background: #eeecff; }
.return-review-assessment > span[b-wl6vh9batu]  svg { width: 1.1rem; height: 1.1rem; }
.return-review-assessment > div:nth-child(2)[b-wl6vh9batu] { display: flex; min-width: 0; flex-direction: column; }
.return-review-assessment small[b-wl6vh9batu] { color: #78869a; font-size: 1rem; font-weight: 800; }
.return-review-assessment strong[b-wl6vh9batu] { color: #35445d; font-size: 1rem; font-weight: 850; }
.return-review-flags[b-wl6vh9batu] { display: flex; gap: 0.35rem; }
.return-review-flags span[b-wl6vh9batu] { padding: 0.25rem 0.42rem; border-radius: 999px; font-size: 1rem; font-weight: 880; white-space: nowrap; }
.return-review-flags .is-passed[b-wl6vh9batu] { color: #08775a; background: #e7f9f1; }
.return-review-flags .is-failed[b-wl6vh9batu] { color: #c62d49; background: #fff0f3; }

.return-review-note[b-wl6vh9batu] { display: flex; align-items: center; gap: 0.55rem; padding: 0.62rem 0.72rem; border-radius: 0.82rem; }
.return-review-note[b-wl6vh9batu]  svg { width: 1.1rem; height: 1.1rem; flex: none; }
.return-review-note > span[b-wl6vh9batu] { display: flex; flex-direction: column; }
.return-review-note strong[b-wl6vh9batu] { font-size: 1rem; font-weight: 950; }
.return-review-note small[b-wl6vh9batu] { font-size: 1rem; font-weight: 700; }
.return-review-note.is-safe[b-wl6vh9batu] { color: #08775a; background: #ecfdf5; }
.return-review-note.is-attention[b-wl6vh9batu] { color: #b45309; background: #fff7ed; }

.return-dialog > footer[b-wl6vh9batu] { display: flex; align-items: center; justify-content: flex-end; gap: 0.55rem; flex: none; padding: 0.68rem 0.9rem; border-top: 1px solid #dfe7f2; background: rgba(248, 250, 252, 0.88); }
.return-dialog > footer > span[b-wl6vh9batu] { margin-right: auto; color: #64748b; font-size: 1rem; font-weight: 800; }
.return-dialog-primary[b-wl6vh9batu],
.return-dialog-secondary[b-wl6vh9batu] { display: inline-flex; min-height: 2.55rem; align-items: center; justify-content: center; gap: 0.38rem; border-radius: 0.75rem; padding: 0 1rem; cursor: pointer; font-size: 1rem; font-weight: 950; }
.return-dialog-secondary[b-wl6vh9batu] { border: 1px solid #cad6e5; color: #4e5d73; background: #fff; }
.return-dialog-primary[b-wl6vh9batu] { min-width: 10rem; border: 0; color: #fff; background: linear-gradient(135deg, #147de8, #663fee 62%, #a41bd2); box-shadow: 0 8px 18px rgba(78, 70, 210, 0.2); }
.return-dialog-primary[b-wl6vh9batu]  svg { width: 1rem; height: 1rem; }
.return-dialog-primary:disabled[b-wl6vh9batu] { cursor: not-allowed; opacity: 0.48; }
.return-history-dialog[b-wl6vh9batu] { width: min(76rem, calc(100vw - 2rem)); }
.return-history-body[b-wl6vh9batu] { min-height: 0; padding: 0.75rem; overflow: auto; }
.return-history-body[b-wl6vh9batu]  section { border-radius: 0.85rem; box-shadow: none; }
.return-history-body[b-wl6vh9batu]  table { font-size: 1rem; }
.return-history-body[b-wl6vh9batu]  th,
.return-history-body[b-wl6vh9batu]  td { padding: 0.5rem 0.58rem; white-space: nowrap; }

.return-history-action:focus-visible[b-wl6vh9batu],
.return-stage-head:focus-visible[b-wl6vh9batu],
.return-quiet-action:focus-visible[b-wl6vh9batu],
.return-stage-action:focus-visible[b-wl6vh9batu],
.return-stage-next:focus-visible[b-wl6vh9batu],
.return-disposition-option:focus-visible[b-wl6vh9batu],
.return-primary-action:focus-visible[b-wl6vh9batu],
.return-dialog-close:focus-visible[b-wl6vh9batu],
.return-dialog-primary:focus-visible[b-wl6vh9batu],
.return-dialog-secondary:focus-visible[b-wl6vh9batu],
.return-more-details summary:focus-visible[b-wl6vh9batu] { outline: 3px solid rgba(43, 128, 231, 0.36); outline-offset: 2px; }

@media (max-width: 1180px) {
    .return-dock-workspace[b-wl6vh9batu] { grid-template-columns: minmax(21rem, 45%) minmax(25rem, 55%); }
    .return-overview[b-wl6vh9batu] { grid-template-columns: minmax(12rem, 1fr) minmax(20rem, auto) auto; }
    .return-dock-chips[b-wl6vh9batu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .return-dock-chips > span:nth-child(2)[b-wl6vh9batu] { border-right: 0; }
    .return-dock-chips > span:nth-child(-n+2)[b-wl6vh9batu] { border-bottom: 1px solid #e5ebf4; }
}

@media (max-width: 900px) {
    .return-command-center[b-wl6vh9batu] { height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; }
    .return-overview[b-wl6vh9batu] { grid-template-columns: minmax(0, 1fr) auto; }
    .return-overview-stats[b-wl6vh9batu] { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #e1e8f2; }
    .return-overview-stats > span:first-child[b-wl6vh9batu] { border-left: 0; }
    .return-history-action[b-wl6vh9batu] { grid-column: 2; grid-row: 1; }
    .return-dock-workspace[b-wl6vh9batu] { grid-template-columns: 1fr; }
    .return-dock-visual[b-wl6vh9batu] { min-height: 30rem; }
    .return-flow-panel[b-wl6vh9batu] { overflow: visible; }
    .return-flow-card.is-current[b-wl6vh9batu] { max-height: none; flex: none; }
    .return-form-grid[b-wl6vh9batu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .return-field-wide[b-wl6vh9batu] { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .return-command-center[b-wl6vh9batu] { gap: 0.5rem; padding: 0.48rem; }
    .return-overview[b-wl6vh9batu] { border-radius: 1rem; }
    .return-page-heading[b-wl6vh9batu] { padding: 0.55rem; }
    .return-heading-icon[b-wl6vh9batu] { width: 2.45rem; height: 2.45rem; }
    .return-page-heading strong[b-wl6vh9batu] { font-size: 1rem; }
    .return-history-action[b-wl6vh9batu] { min-width: 2.7rem; padding: 0.4rem; }
    .return-history-action span[b-wl6vh9batu] { display: none; }
    .return-overview-stats[b-wl6vh9batu] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .return-overview-stats > span[b-wl6vh9batu] { grid-template-columns: 1.5rem minmax(0, 1fr); padding: 0.36rem; }
    .return-overview-stats i[b-wl6vh9batu] { width: 1.5rem; height: 1.5rem; }
    .return-dock-visual[b-wl6vh9batu] { min-height: 24rem; }
    .return-dock-image[b-wl6vh9batu] { min-height: 13rem; }
    .return-dock-unit-main[b-wl6vh9batu] { grid-template-columns: 2.25rem minmax(0, 1fr); }
    .return-status-pill[b-wl6vh9batu] { grid-column: 1 / -1; justify-self: start; }
    .return-dock-chips[b-wl6vh9batu] { grid-template-columns: 1fr; }
    .return-dock-chips > span[b-wl6vh9batu] { border-right: 0; border-bottom: 1px solid #e5ebf4; }
    .return-dock-chips > span:last-child[b-wl6vh9batu] { border-bottom: 0; }
    .return-stage-head[b-wl6vh9batu] { grid-template-columns: 1.85rem 2rem minmax(0, 1fr) 1rem; gap: 0.42rem; padding: 0.52rem; }
    .return-stage-number[b-wl6vh9batu] { width: 1.85rem; height: 1.85rem; }
    .return-stage-icon[b-wl6vh9batu] { width: 2rem; height: 2rem; }
    .return-stage-body[b-wl6vh9batu] { padding: 0.55rem; }
    .return-scan-stage[b-wl6vh9batu] { grid-template-columns: 1fr; }
    .return-scan-actions > button[b-wl6vh9batu] { flex: 1; }
    .return-form-grid[b-wl6vh9batu],
    .return-condition-grid[b-wl6vh9batu],
    .return-disposition-grid[b-wl6vh9batu],
    .return-more-details > div[b-wl6vh9batu],
    .return-stage-footer[b-wl6vh9batu],
    .return-assessment-footer[b-wl6vh9batu],
    .return-search-dialog-fields[b-wl6vh9batu],
    .return-review-grid[b-wl6vh9batu] { grid-template-columns: 1fr; }
    .return-field-wide[b-wl6vh9batu],
    .return-search-dialog-fields > :last-child[b-wl6vh9batu] { grid-column: auto; }
    .return-disposition-option[b-wl6vh9batu] { min-height: 4.8rem; }
    .return-primary-action[b-wl6vh9batu] { width: 100%; min-width: 0; }
    .return-dialog-backdrop[b-wl6vh9batu] { padding: 0; }
    .return-dialog[b-wl6vh9batu] { width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
    .return-dialog > header[b-wl6vh9batu] { padding: 0.65rem; }
    .return-dialog > footer[b-wl6vh9batu] { padding: 0.62rem; }
    .return-dialog-primary[b-wl6vh9batu] { flex: 1; min-width: 0; }
    .return-review-assessment[b-wl6vh9batu] { grid-template-columns: 2.3rem minmax(0, 1fr); }
    .return-review-flags[b-wl6vh9batu] { grid-column: 1 / -1; }
    .return-history-body[b-wl6vh9batu] { padding: 0.62rem; }
}

@media (prefers-reduced-motion: reduce) {
    .return-flow-card[b-wl6vh9batu],
    .return-primary-action[b-wl6vh9batu] { transition: none; }
    .return-primary-action:not(:disabled):hover[b-wl6vh9batu] { transform: none; }
}
/* /Components/Pages/Stock/SplitBloodBag.razor.rz.scp.css */
.split-command-center[b-ymdba9ng1t] {
    --split-blue: #2563eb;
    --split-violet: #7c3aed;
    --split-teal: #0f9f87;
    --split-ink: #183153;
    --split-muted: #64748b;
    height: calc(100dvh - 92px);
    min-height: 620px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--split-ink);
    overflow: hidden;
}

.split-overview-card[b-ymdba9ng1t],
.split-safety-ribbon[b-ymdba9ng1t],
.split-stage-strip[b-ymdba9ng1t],
.split-queue-panel[b-ymdba9ng1t],
.split-work-panel[b-ymdba9ng1t],
.split-dialog[b-ymdba9ng1t] {
    border: 1px solid rgba(147, 197, 253, .58);
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 14px 34px rgba(71, 85, 160, .08);
    backdrop-filter: blur(18px);
}

.split-overview-card[b-ymdba9ng1t] {
    min-height: 70px;
    border-radius: 20px;
    display: grid;
    grid-template-columns: minmax(310px, 1.2fr) minmax(430px, 1fr) auto;
    align-items: stretch;
    overflow: hidden;
}

.split-title-group[b-ymdba9ng1t],
.split-title-group > span:last-child[b-ymdba9ng1t] {
    display: flex;
    align-items: center;
}

.split-title-group[b-ymdba9ng1t] {
    gap: 12px;
    padding: 10px 16px;
}

.split-title-icon[b-ymdba9ng1t],
.split-panel-icon[b-ymdba9ng1t],
.split-dialog-icon[b-ymdba9ng1t] {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, var(--split-blue), var(--split-violet));
    box-shadow: 0 10px 22px rgba(79, 70, 229, .24);
}

.split-title-icon[b-ymdba9ng1t]  svg,
.split-panel-icon[b-ymdba9ng1t]  svg,
.split-dialog-icon[b-ymdba9ng1t]  svg {
    width: 23px;
    height: 23px;
}

.split-title-group > span:last-child[b-ymdba9ng1t] {
    min-width: 0;
    align-items: flex-start;
    flex-direction: column;
}

.split-title-group small[b-ymdba9ng1t],
.split-panel-heading small[b-ymdba9ng1t],
.split-form-section header small[b-ymdba9ng1t],
.split-child-list header small[b-ymdba9ng1t],
.split-source-summary small[b-ymdba9ng1t],
.split-dialog header small[b-ymdba9ng1t] {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .14em;
    color: #4f46e5;
}

.split-title-group strong[b-ymdba9ng1t] {
    font-size: 1.12rem;
    line-height: 1.15;
}

.split-title-group em[b-ymdba9ng1t] {
    color: var(--split-muted);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
}

.split-overview-stats[b-ymdba9ng1t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.split-overview-stats > span[b-ymdba9ng1t] {
    min-width: 0;
    padding: 8px 14px;
    border-left: 1px solid rgba(203, 213, 225, .72);
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 8px;
}

.split-overview-stats[b-ymdba9ng1t]  svg {
    grid-row: 1 / 3;
    width: 20px;
    color: #6366f1;
}

.split-overview-stats small[b-ymdba9ng1t] {
    align-self: end;
    font-size: 1rem;
    font-weight: 800;
    color: var(--split-muted);
    white-space: nowrap;
}

.split-overview-stats strong[b-ymdba9ng1t] {
    align-self: start;
    font-size: 1rem;
}

.split-overview-actions[b-ymdba9ng1t] {
    display: flex;
}

.split-overview-actions button[b-ymdba9ng1t] {
    min-width: 92px;
    border: 0;
    border-left: 1px solid rgba(203, 213, 225, .72);
    background: rgba(255, 255, 255, .45);
    color: #475569;
    font-weight: 850;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
}

.split-overview-actions button:hover[b-ymdba9ng1t] {
    background: rgba(238, 242, 255, .9);
    color: #4338ca;
}

.split-overview-actions[b-ymdba9ng1t]  svg {
    width: 17px;
}

.split-message[b-ymdba9ng1t] {
    flex: 0 0 auto;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 1rem;
    font-weight: 850;
}

.split-message.is-warning[b-ymdba9ng1t] {
    border: 1px solid #f5d58b;
    color: #92400e;
    background: rgba(255, 251, 235, .95);
}

.split-message.is-success[b-ymdba9ng1t] {
    border: 1px solid #9ee7c6;
    color: #047857;
    background: rgba(236, 253, 245, .95);
}

.split-safety-ribbon[b-ymdba9ng1t] {
    min-height: 78px;
    border-radius: 18px;
    display: grid;
    grid-template-columns: 1.2fr repeat(4, 1fr) 1.3fr;
    align-items: stretch;
    overflow: hidden;
}

.split-safety-ribbon > span[b-ymdba9ng1t] {
    min-width: 0;
    padding: 10px 14px;
    border-left: 1px solid rgba(203, 213, 225, .65);
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 9px;
}

.split-safety-ribbon > span:first-child[b-ymdba9ng1t] {
    border-left: 0;
}

.split-safety-ribbon i[b-ymdba9ng1t] {
    grid-row: 1 / 3;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-style: normal;
    background: #eff6ff;
    color: var(--split-blue);
}

.split-safety-ribbon i.is-violet[b-ymdba9ng1t] { background: #f5f3ff; color: var(--split-violet); }
.split-safety-ribbon i.is-teal[b-ymdba9ng1t] { background: #ecfdf5; color: var(--split-teal); }
.split-safety-ribbon i.is-amber[b-ymdba9ng1t] { background: #fffbeb; color: #d97706; }
.split-safety-ribbon[b-ymdba9ng1t]  svg { width: 20px; height: 20px; }
.split-safety-ribbon small[b-ymdba9ng1t] { align-self: end; color: var(--split-muted); font-size: 1rem; font-weight: 800; }
.split-safety-ribbon strong[b-ymdba9ng1t] { align-self: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }

.split-safety-heading[b-ymdba9ng1t] {
    display: flex !important;
    justify-content: center;
    align-items: flex-start !important;
    flex-direction: column;
    background: linear-gradient(110deg, rgba(239, 246, 255, .9), rgba(245, 243, 255, .6));
}

.split-safety-heading small[b-ymdba9ng1t] { color: #4f46e5; }
.split-safety-heading strong[b-ymdba9ng1t] { white-space: normal; }
.split-safety-status.is-safe[b-ymdba9ng1t] { background: rgba(236, 253, 245, .68); color: #047857; }
.split-safety-status.is-waiting[b-ymdba9ng1t] { background: rgba(248, 250, 252, .72); color: #64748b; }

.split-stage-strip[b-ymdba9ng1t] {
    min-height: 58px;
    border-radius: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
}

.split-stage-strip article[b-ymdba9ng1t] {
    position: relative;
    padding: 8px 16px;
    border-left: 1px solid rgba(203, 213, 225, .64);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #94a3b8;
}

.split-stage-strip article:first-child[b-ymdba9ng1t] { border-left: 0; }
.split-stage-strip article b[b-ymdba9ng1t] { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #edf2f7; }
.split-stage-strip article span[b-ymdba9ng1t] { display: flex; flex-direction: column; }
.split-stage-strip article strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-stage-strip article small[b-ymdba9ng1t] { font-size: 1rem; font-weight: 750; }
.split-stage-strip article.is-current[b-ymdba9ng1t] { color: #1d4ed8; background: linear-gradient(110deg, rgba(219, 234, 254, .75), rgba(238, 242, 255, .7)); box-shadow: inset 0 -2px #3b82f6; }
.split-stage-strip article.is-current b[b-ymdba9ng1t] { color: white; background: linear-gradient(145deg, #0ea5e9, #4f46e5); }
.split-stage-strip article.is-done[b-ymdba9ng1t] { color: #047857; }
.split-stage-strip article.is-done b[b-ymdba9ng1t] { color: white; background: #10b981; }

.split-workspace[b-ymdba9ng1t] {
    flex: 1 1 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(330px, 34%) minmax(0, 66%);
    gap: 10px;
}

.split-queue-panel[b-ymdba9ng1t],
.split-work-panel[b-ymdba9ng1t] {
    min-width: 0;
    min-height: 0;
    border-radius: 20px;
    overflow: hidden;
}

.split-queue-panel[b-ymdba9ng1t] {
    display: flex;
    flex-direction: column;
}

.split-panel-heading[b-ymdba9ng1t],
.split-child-list > header[b-ymdba9ng1t],
.split-form-section > header[b-ymdba9ng1t] {
    min-height: 52px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(203, 213, 225, .65);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.split-panel-heading > span[b-ymdba9ng1t],
.split-child-list > header > span[b-ymdba9ng1t],
.split-form-section > header > span[b-ymdba9ng1t] {
    display: flex;
    flex-direction: column;
}

.split-panel-heading strong[b-ymdba9ng1t],
.split-child-list header strong[b-ymdba9ng1t],
.split-form-section header strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-panel-heading em[b-ymdba9ng1t],
.split-child-list header em[b-ymdba9ng1t],
.split-form-section header em[b-ymdba9ng1t] { font-size: 1rem; font-style: normal; font-weight: 800; color: var(--split-muted); }

.split-search-tools[b-ymdba9ng1t] {
    padding: 10px;
    border-bottom: 1px solid rgba(203, 213, 225, .65);
    display: grid;
    grid-template-columns: .75fr 1.35fr auto;
    gap: 8px;
    align-items: end;
}

.split-search-tools label[b-ymdba9ng1t],
.split-metadata-grid label[b-ymdba9ng1t],
.split-child-editor label[b-ymdba9ng1t] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.split-search-tools label > span:first-child[b-ymdba9ng1t],
.split-metadata-grid label > span[b-ymdba9ng1t],
.split-child-editor label > span[b-ymdba9ng1t] {
    color: #475569;
    font-size: 1rem;
    font-weight: 850;
}

.split-search-tools select[b-ymdba9ng1t],
.split-search-input > span:last-child[b-ymdba9ng1t],
.split-metadata-grid input[b-ymdba9ng1t],
.split-child-editor input[b-ymdba9ng1t] {
    height: 39px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: rgba(255, 255, 255, .9);
    color: var(--split-ink);
    font-size: 1rem;
    font-weight: 800;
    outline: none;
}

.split-search-tools select[b-ymdba9ng1t],
.split-metadata-grid input[b-ymdba9ng1t],
.split-child-editor input[b-ymdba9ng1t] { width: 100%; padding: 0 10px; }
.split-search-input > span:last-child[b-ymdba9ng1t] { padding: 0 9px; display: flex; align-items: center; gap: 6px; }
.split-search-input input[b-ymdba9ng1t] { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; font-weight: 850; }
.split-search-input[b-ymdba9ng1t]  svg { width: 16px; color: #6366f1; }

.split-search-button[b-ymdba9ng1t],
.split-child-editor button[b-ymdba9ng1t] {
    height: 39px;
    border: 0;
    border-radius: 10px;
    color: white;
    background: linear-gradient(120deg, var(--split-blue), var(--split-violet));
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.split-search-button[b-ymdba9ng1t]  svg,
.split-child-editor button[b-ymdba9ng1t]  svg { width: 16px; }

.split-queue-list[b-ymdba9ng1t] {
    min-height: 0;
    padding: 9px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    overflow-y: auto;
}

.split-queue-card[b-ymdba9ng1t] {
    flex: 0 0 auto;
    min-height: 72px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
    color: var(--split-ink);
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    text-align: left;
    cursor: pointer;
}

.split-queue-card:hover[b-ymdba9ng1t] { border-color: #93c5fd; transform: translateY(-1px); }
.split-queue-card.is-selected[b-ymdba9ng1t] { border-color: #6366f1; background: linear-gradient(110deg, rgba(219, 234, 254, .78), rgba(245, 243, 255, .86)); box-shadow: 0 10px 24px rgba(79, 70, 229, .12); }
.split-queue-card > b[b-ymdba9ng1t] { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: #2563eb; background: #eff6ff; }
.split-queue-card > span[b-ymdba9ng1t] { min-width: 0; display: flex; flex-direction: column; }
.split-queue-card > span:nth-child(2) strong[b-ymdba9ng1t] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.split-queue-card > span:last-child[b-ymdba9ng1t] { text-align: right; }
.split-queue-card small[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 750; }
.split-queue-card > span:last-child strong[b-ymdba9ng1t] { color: #047857; font-size: 1rem; }

.split-queue-empty[b-ymdba9ng1t],
.split-work-empty[b-ymdba9ng1t] {
    flex: 1;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: var(--split-muted);
    gap: 5px;
}

.split-queue-empty[b-ymdba9ng1t]  svg { width: 34px; height: 34px; color: #94a3b8; }
.split-queue-empty small[b-ymdba9ng1t],
.split-work-empty em[b-ymdba9ng1t] { font-size: 1rem; font-style: normal; font-weight: 700; }

.split-work-panel[b-ymdba9ng1t] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.split-work-empty span[b-ymdba9ng1t] {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, #38bdf8, #7c3aed);
    box-shadow: 0 18px 40px rgba(79, 70, 229, .2);
}

.split-work-empty span[b-ymdba9ng1t]  svg { width: 34px; height: 34px; }
.split-work-empty small[b-ymdba9ng1t] { color: #4f46e5; font-size: 1rem; font-weight: 900; letter-spacing: .12em; }
.split-work-empty strong[b-ymdba9ng1t] { font-size: 1.05rem; }

.split-source-summary[b-ymdba9ng1t] {
    flex: 0 0 auto;
    margin: 10px 10px 0;
    padding: 10px 12px;
    border: 1px solid #c7d2fe;
    border-radius: 15px;
    background: linear-gradient(110deg, rgba(239, 246, 255, .9), rgba(245, 243, 255, .78));
    display: flex;
    align-items: center;
    gap: 10px;
}

.split-source-summary > span:nth-child(2)[b-ymdba9ng1t] { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.split-source-summary > span:nth-child(2) strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-source-summary em[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-style: normal; font-weight: 700; }
.split-source-volume[b-ymdba9ng1t] { padding-left: 16px; border-left: 1px solid #c7d2fe; display: flex; flex-direction: column; text-align: right; }
.split-source-volume small[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 800; }
.split-source-volume strong[b-ymdba9ng1t] { color: #4338ca; font-size: 1.05rem; }

.split-form-section[b-ymdba9ng1t],
.split-volume-dashboard[b-ymdba9ng1t],
.split-child-list[b-ymdba9ng1t] { flex: 0 0 auto; margin: 10px 10px 0; border: 1px solid #dbe4f0; border-radius: 15px; background: rgba(255,255,255,.76); overflow: hidden; }
.split-metadata-grid[b-ymdba9ng1t] { padding: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.split-child-editor[b-ymdba9ng1t] { padding: 10px; border-top: 1px dashed #cbd5e1; display: grid; grid-template-columns: 1.25fr .58fr .7fr .9fr auto; gap: 8px; align-items: end; }
.split-child-editor button[b-ymdba9ng1t] { background: linear-gradient(120deg, #0f9f87, #059669); }

.split-volume-dashboard[b-ymdba9ng1t] {
    padding: 10px 12px 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.split-volume-dashboard > div[b-ymdba9ng1t] { padding: 5px 10px; border-left: 1px solid #e2e8f0; display: flex; flex-direction: column; }
.split-volume-dashboard > div:first-child[b-ymdba9ng1t] { border-left: 0; }
.split-volume-dashboard small[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 850; letter-spacing: .08em; }
.split-volume-dashboard strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-volume-dashboard .is-used strong[b-ymdba9ng1t] { color: #4f46e5; }
.split-volume-dashboard .is-remaining strong[b-ymdba9ng1t] { color: #047857; }
.split-volume-track[b-ymdba9ng1t] { grid-column: 1 / -1; height: 7px; border-radius: 999px; overflow: hidden; background: #e2e8f0; }
.split-volume-track i[b-ymdba9ng1t] { display: block; height: 100%; max-width: 100%; border-radius: inherit; background: linear-gradient(90deg, #38bdf8, #7c3aed); transition: width .2s ease; }

.split-child-list[b-ymdba9ng1t] { min-height: 120px; }
.split-child-empty[b-ymdba9ng1t] { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--split-muted); font-size: 1rem; font-weight: 750; }
.split-child-empty[b-ymdba9ng1t]  svg { width: 19px; }
.split-child-cards[b-ymdba9ng1t] { padding: 9px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.split-child-cards article[b-ymdba9ng1t] { min-width: 0; padding: 8px; border: 1px solid #dbeafe; border-radius: 12px; background: #f8fbff; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 28px; align-items: center; gap: 8px; }
.split-child-cards article > b[b-ymdba9ng1t] { width: 27px; height: 27px; border-radius: 9px; display: grid; place-items: center; color: #2563eb; background: #dbeafe; }
.split-child-cards article > span[b-ymdba9ng1t] { min-width: 0; display: flex; flex-direction: column; }
.split-child-cards article > span:nth-child(2) strong[b-ymdba9ng1t] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.split-child-cards article > span:nth-child(3)[b-ymdba9ng1t] { text-align: right; }
.split-child-cards small[b-ymdba9ng1t],
.split-child-cards em[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-style: normal; font-weight: 700; }
.split-child-cards button[b-ymdba9ng1t] { width: 28px; height: 28px; border: 0; border-radius: 8px; background: #fff1f2; color: #dc2626; display: grid; place-items: center; cursor: pointer; }
.split-child-cards button[b-ymdba9ng1t]  svg { width: 15px; }

.split-work-footer[b-ymdba9ng1t] {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.split-work-footer > span[b-ymdba9ng1t] { max-width: 330px; color: var(--split-muted); display: flex; align-items: center; gap: 6px; }
.split-work-footer > span[b-ymdba9ng1t]  svg { flex: 0 0 auto; width: 17px; color: #6366f1; }
.split-work-footer > span small[b-ymdba9ng1t] { font-size: 1rem; font-weight: 750; }

.split-primary-action[b-ymdba9ng1t] {
    min-width: 300px;
    min-height: 54px;
    border: 0;
    border-radius: 14px;
    padding: 8px 15px;
    color: white;
    background: linear-gradient(120deg, #1478ee, #7838e8);
    box-shadow: 0 14px 30px rgba(79, 70, 229, .24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
    cursor: pointer;
}

.split-primary-action > span[b-ymdba9ng1t] { flex: 1; display: flex; flex-direction: column; }
.split-primary-action small[b-ymdba9ng1t] { font-size: 1rem; font-weight: 850; letter-spacing: .12em; opacity: .8; }
.split-primary-action strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-primary-action[b-ymdba9ng1t]  svg { width: 20px; }
.split-primary-action:disabled[b-ymdba9ng1t] { box-shadow: none; cursor: not-allowed; opacity: .46; filter: grayscale(.35); }

.split-dialog-backdrop[b-ymdba9ng1t] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    padding: 24px;
    display: grid;
    place-items: center;
    background: rgba(34, 42, 92, .3);
    backdrop-filter: blur(10px);
}

.split-dialog[b-ymdba9ng1t] {
    --split-blue: #2563eb;
    --split-violet: #7c3aed;
    --split-teal: #0f9f87;
    --split-ink: #183153;
    --split-muted: #64748b;
    width: min(940px, calc(100vw - 48px));
    max-height: min(820px, calc(100dvh - 48px));
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    outline: none;
}

.split-dialog > header[b-ymdba9ng1t] {
    padding: 15px 18px;
    border-bottom: 1px solid #dbe4f0;
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(110deg, rgba(239,246,255,.9), rgba(253,242,248,.8));
}

.split-dialog > header > span:nth-child(2)[b-ymdba9ng1t] { min-width: 0; flex: 1; }
.split-dialog h2[b-ymdba9ng1t] { margin: 1px 0 0; font-size: 1.2rem; color: #312e81; }
.split-dialog p[b-ymdba9ng1t] { margin: 1px 0 0; color: var(--split-muted); font-size: 1rem; font-weight: 700; }
.split-dialog-icon.is-history[b-ymdba9ng1t] { background: linear-gradient(145deg, #0ea5e9, #6366f1); }
.split-dialog-close[b-ymdba9ng1t] { width: 38px; height: 38px; border: 0; border-radius: 12px; background: rgba(255,255,255,.8); color: #64748b; display: grid; place-items: center; cursor: pointer; }
.split-dialog-close[b-ymdba9ng1t]  svg { width: 20px; }
.split-dialog-body[b-ymdba9ng1t],
.split-history-body[b-ymdba9ng1t] { min-height: 0; padding: 14px; overflow-y: auto; }
.split-dialog-source[b-ymdba9ng1t] { padding: 12px; border: 1px solid #c7d2fe; border-radius: 14px; background: #f7f8ff; display: flex; justify-content: space-between; gap: 14px; }
.split-dialog-source > span[b-ymdba9ng1t] { display: flex; flex-direction: column; }
.split-dialog-source > span:last-child[b-ymdba9ng1t] { text-align: right; }
.split-dialog-source small[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 800; }
.split-dialog-source strong[b-ymdba9ng1t] { color: #312e81; }
.split-dialog-source em[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-style: normal; font-weight: 700; }
.split-review-grid[b-ymdba9ng1t] { margin: 10px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.split-review-grid div[b-ymdba9ng1t] { padding: 9px; border: 1px solid #e2e8f0; border-radius: 11px; background: rgba(248,250,252,.8); }
.split-review-grid dt[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 800; }
.split-review-grid dd[b-ymdba9ng1t] { margin: 2px 0 0; font-size: 1rem; font-weight: 850; }
.split-review-lines[b-ymdba9ng1t] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; }
.split-review-lines article[b-ymdba9ng1t] { padding: 9px; border: 1px solid #dbeafe; border-radius: 11px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; }
.split-review-lines article > b[b-ymdba9ng1t] { width: 25px; height: 25px; border-radius: 8px; display: grid; place-items: center; background: #e0e7ff; color: #4338ca; }
.split-review-lines article > span[b-ymdba9ng1t] { min-width: 0; display: flex; flex-direction: column; }
.split-review-lines article > span strong[b-ymdba9ng1t] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.split-review-lines article small[b-ymdba9ng1t] { color: var(--split-muted); font-size: 1rem; font-weight: 700; }
.split-review-note[b-ymdba9ng1t] { margin-top: 10px; padding: 10px; border: 1px solid #a7f3d0; border-radius: 12px; color: #047857; background: #ecfdf5; display: flex; align-items: center; gap: 9px; }
.split-review-note[b-ymdba9ng1t]  svg { width: 21px; }
.split-review-note span[b-ymdba9ng1t] { display: flex; flex-direction: column; }
.split-review-note small[b-ymdba9ng1t] { font-size: 1rem; font-weight: 700; }
.split-dialog > footer[b-ymdba9ng1t] { padding: 12px 16px; border-top: 1px solid #dbe4f0; display: flex; align-items: center; justify-content: flex-end; gap: 9px; background: rgba(248,250,252,.86); }
.split-dialog > footer > span[b-ymdba9ng1t] { margin-right: auto; color: var(--split-muted); font-size: 1rem; font-weight: 750; }
.split-dialog-secondary[b-ymdba9ng1t],
.split-dialog-primary[b-ymdba9ng1t] { min-height: 42px; border-radius: 11px; padding: 0 18px; font-weight: 850; cursor: pointer; }
.split-dialog-secondary[b-ymdba9ng1t] { border: 1px solid #cbd5e1; color: #475569; background: white; }
.split-dialog-primary[b-ymdba9ng1t] { border: 0; color: white; background: linear-gradient(120deg, var(--split-blue), var(--split-violet)); display: flex; align-items: center; gap: 7px; }
.split-dialog-primary[b-ymdba9ng1t]  svg { width: 17px; }
.split-dialog-primary:disabled[b-ymdba9ng1t],
.split-dialog-secondary:disabled[b-ymdba9ng1t] { cursor: not-allowed; opacity: .55; }

.split-history-dialog[b-ymdba9ng1t] { width: min(1180px, calc(100vw - 48px)); }
.split-history-table[b-ymdba9ng1t] { border: 1px solid #dbe4f0; border-radius: 13px; overflow-x: auto; }
.split-history-table table[b-ymdba9ng1t] { width: 100%; min-width: 880px; border-collapse: collapse; font-size: 1rem; }
.split-history-table th[b-ymdba9ng1t] { padding: 10px; text-align: left; color: #475569; background: #eef4fb; }
.split-history-table td[b-ymdba9ng1t] { padding: 10px; border-top: 1px solid #e2e8f0; }
.split-history-table td strong[b-ymdba9ng1t] { color: #312e81; }
.split-history-table td > span[b-ymdba9ng1t] { padding: 3px 8px; border-radius: 999px; color: #047857; background: #d1fae5; font-weight: 850; }
.split-history-empty[b-ymdba9ng1t] { height: 110px; text-align: center; color: var(--split-muted); font-weight: 750; }

.split-command-center button[b-ymdba9ng1t],
.split-command-center input[b-ymdba9ng1t],
.split-command-center select[b-ymdba9ng1t],
.split-dialog button[b-ymdba9ng1t] {
    font: inherit;
}

.split-command-center button:focus-visible[b-ymdba9ng1t],
.split-command-center input:focus-visible[b-ymdba9ng1t],
.split-command-center select:focus-visible[b-ymdba9ng1t],
.split-dialog button:focus-visible[b-ymdba9ng1t],
.split-dialog:focus-visible[b-ymdba9ng1t] {
    outline: 3px solid rgba(37, 99, 235, .38);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .split-command-center[b-ymdba9ng1t] { height: auto; min-height: calc(100dvh - 92px); overflow: visible; }
    .split-overview-card[b-ymdba9ng1t] { grid-template-columns: 1fr auto; }
    .split-overview-stats[b-ymdba9ng1t] { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #e2e8f0; }
    .split-overview-actions[b-ymdba9ng1t] { grid-column: 2; grid-row: 1; }
    .split-safety-ribbon[b-ymdba9ng1t] { grid-template-columns: 1.15fr repeat(2, 1fr); }
    .split-safety-ribbon > span:nth-child(4)[b-ymdba9ng1t] { border-left: 0; border-top: 1px solid #e2e8f0; }
    .split-safety-ribbon > span:nth-child(n+4)[b-ymdba9ng1t] { border-top: 1px solid #e2e8f0; }
    .split-workspace[b-ymdba9ng1t] { min-height: 650px; grid-template-columns: minmax(300px, 36%) minmax(0, 64%); }
    .split-metadata-grid[b-ymdba9ng1t] { grid-template-columns: repeat(2, 1fr); }
    .split-child-editor[b-ymdba9ng1t] { grid-template-columns: repeat(2, 1fr); }
    .split-child-editor .is-unit[b-ymdba9ng1t] { grid-column: 1 / -1; }
    .split-child-editor button[b-ymdba9ng1t] { grid-column: 2; }
}

@media (max-width: 900px) {
    .split-overview-card[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-overview-actions[b-ymdba9ng1t] { grid-column: 1; grid-row: 3; border-top: 1px solid #e2e8f0; }
    .split-overview-actions button[b-ymdba9ng1t] { flex: 1; min-height: 42px; }
    .split-overview-stats[b-ymdba9ng1t] { grid-row: 2; }
    .split-safety-ribbon[b-ymdba9ng1t] { grid-template-columns: repeat(2, 1fr); }
    .split-safety-ribbon > span:nth-child(odd)[b-ymdba9ng1t] { border-left: 0; }
    .split-safety-ribbon > span:nth-child(n+3)[b-ymdba9ng1t] { border-top: 1px solid #e2e8f0; }
    .split-safety-heading[b-ymdba9ng1t] { grid-column: 1 / -1; }
    .split-safety-ribbon > span:nth-child(2)[b-ymdba9ng1t] { border-left: 0; }
    .split-safety-status[b-ymdba9ng1t] { grid-column: 1 / -1; }
    .split-workspace[b-ymdba9ng1t] { min-height: 0; grid-template-columns: 1fr; }
    .split-queue-panel[b-ymdba9ng1t] { max-height: 430px; }
    .split-work-panel[b-ymdba9ng1t] { min-height: 650px; }
}

@media (max-width: 640px) {
    .split-command-center[b-ymdba9ng1t] { padding: 7px; gap: 7px; }
    .split-title-group[b-ymdba9ng1t] { align-items: flex-start; }
    .split-title-group em[b-ymdba9ng1t] { display: none; }
    .split-overview-stats > span[b-ymdba9ng1t] { padding: 7px; grid-template-columns: 18px 1fr; }
    .split-overview-stats small[b-ymdba9ng1t] { font-size: 1rem; }
    .split-overview-actions button span[b-ymdba9ng1t] { display: none; }
    .split-safety-ribbon[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-safety-ribbon > span[b-ymdba9ng1t],
    .split-safety-ribbon > span:nth-child(n)[b-ymdba9ng1t] { min-height: 57px; border-left: 0; border-top: 1px solid #e2e8f0; }
    .split-safety-heading[b-ymdba9ng1t],
    .split-safety-status[b-ymdba9ng1t] { grid-column: auto; }
    .split-stage-strip[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-stage-strip article[b-ymdba9ng1t] { min-height: 50px; border-left: 0; border-top: 1px solid #e2e8f0; justify-content: flex-start; }
    .split-stage-strip article:first-child[b-ymdba9ng1t] { border-top: 0; }
    .split-search-tools[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-search-button[b-ymdba9ng1t] { width: 100%; }
    .split-queue-panel[b-ymdba9ng1t] { max-height: 500px; }
    .split-work-panel[b-ymdba9ng1t] { min-height: 720px; }
    .split-source-summary[b-ymdba9ng1t] { align-items: flex-start; flex-wrap: wrap; }
    .split-source-volume[b-ymdba9ng1t] { width: 100%; padding: 7px 0 0; border-left: 0; border-top: 1px solid #c7d2fe; text-align: left; }
    .split-metadata-grid[b-ymdba9ng1t],
    .split-child-editor[b-ymdba9ng1t],
    .split-child-cards[b-ymdba9ng1t],
    .split-review-grid[b-ymdba9ng1t],
    .split-review-lines[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-child-editor .is-unit[b-ymdba9ng1t],
    .split-child-editor button[b-ymdba9ng1t] { grid-column: auto; }
    .split-volume-dashboard[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-volume-dashboard > div[b-ymdba9ng1t] { border-left: 0; border-top: 1px solid #e2e8f0; }
    .split-volume-dashboard > div:first-child[b-ymdba9ng1t] { border-top: 0; }
    .split-volume-track[b-ymdba9ng1t] { grid-column: 1; }
    .split-work-footer[b-ymdba9ng1t] { align-items: stretch; flex-direction: column; }
    .split-work-footer > span[b-ymdba9ng1t] { max-width: none; }
    .split-primary-action[b-ymdba9ng1t] { width: 100%; min-width: 0; }
    .split-dialog-backdrop[b-ymdba9ng1t] { padding: 0; align-items: stretch; }
    .split-dialog[b-ymdba9ng1t],
    .split-history-dialog[b-ymdba9ng1t] { width: 100%; max-height: 100dvh; border-radius: 0; }
    .split-dialog-source[b-ymdba9ng1t] { flex-direction: column; }
    .split-dialog-source > span:last-child[b-ymdba9ng1t] { text-align: left; }
    .split-dialog > footer[b-ymdba9ng1t] { align-items: stretch; flex-direction: column-reverse; }
    .split-dialog > footer > span[b-ymdba9ng1t] { margin-right: 0; }
    .split-dialog-secondary[b-ymdba9ng1t],
    .split-dialog-primary[b-ymdba9ng1t] { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .split-command-center *[b-ymdba9ng1t],
    .split-dialog *[b-ymdba9ng1t] {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Scan-first Split Dock */
.split-dock-page[b-ymdba9ng1t] {
    grid-row: 1 / -1;
    height: 100%;
    min-height: 0;
    padding: 12px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
}

.split-dock-topbar[b-ymdba9ng1t] {
    min-height: 76px;
    border: 1px solid rgba(147, 197, 253, .58);
    border-radius: 22px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 14px 34px rgba(71, 85, 160, .08);
    backdrop-filter: blur(18px);
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(450px, .9fr) auto;
    align-items: stretch;
    overflow: hidden;
}

.split-dock-stats[b-ymdba9ng1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
}

.split-dock-stats > span[b-ymdba9ng1t] {
    min-width: 0;
    padding: 9px 14px;
    border-left: 1px solid rgba(203, 213, 225, .72);
    display: grid;
    grid-template-columns: 34px 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 9px;
}

.split-dock-stats > span[b-ymdba9ng1t]  svg {
    grid-row: 1 / 3;
    width: 25px;
    color: #6366f1;
}

.split-dock-stats > span:nth-child(2)[b-ymdba9ng1t]  svg { color: #0f9f87; }
.split-dock-stats > span:nth-child(3)[b-ymdba9ng1t]  svg { color: #94a3b8; }
.split-dock-stats > span.is-ready[b-ymdba9ng1t]  svg { color: #10b981; }

.split-dock-stats small[b-ymdba9ng1t] {
    align-self: end;
    color: #64748b;
    font-size: 1rem;
    font-weight: 850;
    white-space: nowrap;
}

.split-dock-stats strong[b-ymdba9ng1t] {
    align-self: start;
    font-size: 1.05rem;
}

.split-dock-layout[b-ymdba9ng1t] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 56%) minmax(420px, 44%);
    gap: 12px;
}

.split-dock-visual-panel[b-ymdba9ng1t],
.split-dock-steps[b-ymdba9ng1t] {
    min-width: 0;
    min-height: 0;
}

.split-dock-visual-panel[b-ymdba9ng1t] {
    position: relative;
    border: 1px solid rgba(147, 197, 253, .48);
    border-radius: 28px;
    background:
        radial-gradient(circle at 46% 46%, rgba(224, 242, 254, .82), transparent 54%),
        linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(238, 242, 255, .74));
    box-shadow: 0 22px 50px rgba(59, 83, 160, .11);
    overflow: hidden;
}

.split-dock-visual-panel[b-ymdba9ng1t]::before {
    content: "";
    position: absolute;
    inset: 8% 10% 12%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(96, 165, 250, .2), transparent 68%);
    filter: blur(24px);
}

.split-dock-visual-panel > img[b-ymdba9ng1t] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 340px;
    padding: 26px 24px 96px;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 25px 25px rgba(30, 64, 175, .16));
}

.split-dock-visual-empty[b-ymdba9ng1t],
.split-source-safety-chips[b-ymdba9ng1t] {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 18px;
}

.split-dock-visual-empty[b-ymdba9ng1t] {
    min-height: 66px;
    padding: 12px 18px;
    border: 1px solid rgba(129, 140, 248, .3);
    border-radius: 20px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 14px 32px rgba(79, 70, 229, .12);
    backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #4338ca;
}

.split-dock-visual-empty[b-ymdba9ng1t]  svg { width: 28px; }
.split-dock-visual-empty span[b-ymdba9ng1t] { display: flex; flex-direction: column; }
.split-dock-visual-empty strong[b-ymdba9ng1t] { font-size: 1rem; }
.split-dock-visual-empty small[b-ymdba9ng1t] { color: #64748b; font-size: 1rem; font-weight: 750; }

.split-source-safety-chips[b-ymdba9ng1t] {
    display: grid;
    grid-template-columns: minmax(160px, 1.6fr) repeat(4, minmax(78px, 1fr));
    border: 1px solid rgba(129, 140, 248, .3);
    border-radius: 20px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 32px rgba(79, 70, 229, .12);
    backdrop-filter: blur(16px);
    overflow: hidden;
}

.split-source-safety-chips > span[b-ymdba9ng1t] {
    min-width: 0;
    min-height: 68px;
    padding: 10px 12px;
    border-left: 1px solid rgba(203, 213, 225, .72);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.split-source-safety-chips > span:first-child[b-ymdba9ng1t] { border-left: 0; }
.split-source-safety-chips small[b-ymdba9ng1t] { color: #64748b; font-size: 1rem; font-weight: 800; }
.split-source-safety-chips strong[b-ymdba9ng1t] { overflow: hidden; color: #1e3a5f; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }

.split-dock-steps[b-ymdba9ng1t] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    overflow: hidden;
}

.split-dock-step[b-ymdba9ng1t] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(203, 213, 225, .78);
    border-radius: 24px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 30px rgba(71, 85, 160, .08);
    backdrop-filter: blur(16px);
}

.split-dock-step.is-current[b-ymdba9ng1t] {
    border-color: rgba(99, 102, 241, .76);
    box-shadow: 0 16px 34px rgba(79, 70, 229, .14), inset 0 3px 0 #6366f1;
}

.split-dock-step.is-done[b-ymdba9ng1t] { border-color: rgba(16, 185, 129, .38); }
.split-dock-step.is-locked[b-ymdba9ng1t] { background: rgba(248, 250, 252, .72); }

.split-dock-step > header[b-ymdba9ng1t] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 10px;
}

.split-dock-step > header > b[b-ymdba9ng1t] {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, #2563eb, #7c3aed);
    box-shadow: 0 9px 18px rgba(79, 70, 229, .2);
}

.split-dock-step.is-done > header > b[b-ymdba9ng1t] { background: linear-gradient(145deg, #0f9f87, #10b981); }
.split-dock-step.is-locked > header > b[b-ymdba9ng1t] { color: #94a3b8; background: #e2e8f0; box-shadow: none; }
.split-dock-step > header > span[b-ymdba9ng1t] { min-width: 0; display: flex; flex-direction: column; }
.split-dock-step > header strong[b-ymdba9ng1t] { color: #1e3153; font-size: 1rem; }
.split-dock-step > header small[b-ymdba9ng1t] { overflow: hidden; color: #64748b; font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.split-dock-step > header > i[b-ymdba9ng1t] { color: #6366f1; display: grid; place-items: center; }
.split-dock-step.is-done > header > i[b-ymdba9ng1t] { color: #10b981; }
.split-dock-step.is-locked > header > i[b-ymdba9ng1t] { color: #94a3b8; }
.split-dock-step > header > i[b-ymdba9ng1t]  svg { width: 23px; }

.split-source-scan[b-ymdba9ng1t] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px auto;
    gap: 8px;
}

.split-source-scan > label[b-ymdba9ng1t] {
    min-width: 0;
    height: 46px;
    padding: 0 12px;
    border: 2px solid #818cf8;
    border-radius: 14px;
    background: white;
    display: flex;
    align-items: center;
    gap: 8px;
}

.split-source-scan > label[b-ymdba9ng1t]  svg { width: 20px; color: #6366f1; }
.split-source-scan input[b-ymdba9ng1t] { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #1e3153; font-weight: 850; }
.split-source-scan button[b-ymdba9ng1t] { min-height: 46px; border-radius: 14px; cursor: pointer; font-weight: 850; }
.split-scan-submit[b-ymdba9ng1t] { border: 0; color: white; background: linear-gradient(145deg, #2563eb, #7c3aed); }
.split-queue-open[b-ymdba9ng1t] { padding: 0 13px; border: 1px solid #c7d2fe; color: #4338ca; background: #eef2ff; display: inline-flex; align-items: center; gap: 7px; }
.split-source-scan button[b-ymdba9ng1t]  svg { width: 18px; }

.split-child-scan[b-ymdba9ng1t] {
    min-width: 0;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 128px 78px;
    gap: 8px;
    align-items: end;
}

.split-child-scan label[b-ymdba9ng1t] { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.split-child-scan label > span:first-child[b-ymdba9ng1t] { color: #64748b; font-size: 1rem; font-weight: 850; }
.split-child-scan input[b-ymdba9ng1t] { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid #cbd5e1; border-radius: 12px; background: rgba(255, 255, 255, .95); color: #1e3153; font-weight: 800; }
.split-child-scan input:focus[b-ymdba9ng1t] { border-color: #6366f1; outline: 3px solid rgba(99, 102, 241, .14); }
.split-volume-input[b-ymdba9ng1t] { position: relative; display: block; }
.split-volume-input input[b-ymdba9ng1t] { padding-right: 34px; }
.split-volume-input em[b-ymdba9ng1t] { position: absolute; right: 10px; top: 50%; translate: 0 -50%; color: #64748b; font-size: 1rem; font-style: normal; font-weight: 800; }
.split-child-scan > button[b-ymdba9ng1t] { height: 42px; border: 0; border-radius: 12px; color: white; background: linear-gradient(145deg, #0f9f87, #10b981); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 900; cursor: pointer; }
.split-child-scan:disabled[b-ymdba9ng1t] { opacity: .48; }

.split-dock-step .split-volume-dashboard[b-ymdba9ng1t] {
    margin-top: 10px;
    min-height: 62px;
}

.split-dock-child-list[b-ymdba9ng1t] {
    max-height: min(18dvh, 155px);
    margin-top: 9px;
    overflow: auto;
}

.split-dock-child-list > article[b-ymdba9ng1t] {
    min-height: 48px;
    padding: 7px 9px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .9);
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 8px;
}

.split-dock-child-list > article + article[b-ymdba9ng1t] { margin-top: 6px; }
.split-dock-child-list > article > b[b-ymdba9ng1t] { color: #6366f1; font-size: 1rem; }
.split-dock-child-list > article > span[b-ymdba9ng1t] { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.split-dock-child-list > article > span strong[b-ymdba9ng1t] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.split-dock-child-list > article > span small[b-ymdba9ng1t] { color: #0f766e; font-weight: 850; white-space: nowrap; }
.split-dock-child-list button[b-ymdba9ng1t] { width: 32px; height: 32px; border: 0; border-radius: 10px; color: #dc2626; background: #fff1f2; display: grid; place-items: center; cursor: pointer; }
.split-dock-child-list button[b-ymdba9ng1t]  svg { width: 15px; }

.split-more-fields[b-ymdba9ng1t] { margin-top: 9px; }
.split-more-fields[disabled][b-ymdba9ng1t] { opacity: .48; pointer-events: none; }
.split-more-fields summary[b-ymdba9ng1t] { color: #4f46e5; font-size: 1rem; font-weight: 900; cursor: pointer; }
.split-more-fields .split-metadata-grid[b-ymdba9ng1t] { margin-top: 8px; padding: 10px; grid-template-columns: repeat(3, 1fr); }

.split-closed-system[b-ymdba9ng1t] {
    margin-top: 12px;
    cursor: pointer;
    display: block;
}

.split-closed-system > input[b-ymdba9ng1t] { position: absolute; opacity: 0; pointer-events: none; }
.split-closed-system > span[b-ymdba9ng1t] { min-height: 54px; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 15px; background: rgba(248, 250, 252, .9); display: flex; align-items: center; gap: 10px; }
.split-closed-system > span > span[b-ymdba9ng1t] { display: flex; flex-direction: column; }
.split-closed-system[b-ymdba9ng1t]  svg { width: 25px; color: #94a3b8; }
.split-closed-system small[b-ymdba9ng1t] { color: #64748b; font-size: 1rem; font-weight: 750; }
.split-closed-system input:checked + span[b-ymdba9ng1t] { border-color: #6ee7b7; background: #ecfdf5; }
.split-closed-system input:checked + span[b-ymdba9ng1t]  svg { color: #10b981; }
.split-closed-system input:focus-visible + span[b-ymdba9ng1t] { outline: 3px solid rgba(37, 99, 235, .35); outline-offset: 2px; }
.split-closed-system.is-disabled[b-ymdba9ng1t] { opacity: .5; cursor: not-allowed; }

.split-dock-step > .split-primary-action[b-ymdba9ng1t] {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    margin-top: 10px;
}

.split-focus-guard[b-ymdba9ng1t] { position: fixed; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.sr-only[b-ymdba9ng1t] { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.split-queue-dialog[b-ymdba9ng1t] { width: min(980px, 94vw); }
.split-queue-dialog .split-dialog-body[b-ymdba9ng1t] { min-height: 0; overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 12px; }
.split-queue-dialog .split-search-tools[b-ymdba9ng1t] { grid-template-columns: 180px minmax(260px, 1fr) auto; }
.split-queue-dialog .split-queue-list[b-ymdba9ng1t] { min-height: 220px; max-height: 50dvh; padding: 2px; overflow: auto; }
.split-queue-dialog .split-queue-card[b-ymdba9ng1t] { min-height: 66px; }

@media (max-width: 1180px) {
    .split-dock-topbar[b-ymdba9ng1t] { grid-template-columns: minmax(230px, 1fr) minmax(390px, .9fr) auto; }
    .split-dock-layout[b-ymdba9ng1t] { grid-template-columns: minmax(0, 52%) minmax(390px, 48%); }
    .split-dock-visual-panel > img[b-ymdba9ng1t] { padding-inline: 12px; }
    .split-source-safety-chips[b-ymdba9ng1t] { grid-template-columns: repeat(3, 1fr); }
    .split-source-safety-chips > span:nth-child(4)[b-ymdba9ng1t] { border-left: 0; border-top: 1px solid #e2e8f0; }
    .split-source-safety-chips > span:nth-child(n+4)[b-ymdba9ng1t] { border-top: 1px solid #e2e8f0; }
    .split-source-safety-chips > span[b-ymdba9ng1t] { min-height: 53px; }
}

@media (max-width: 900px) {
    .split-dock-page[b-ymdba9ng1t] { height: auto; min-height: calc(100dvh - 92px); overflow: visible; }
    .split-dock-topbar[b-ymdba9ng1t] { grid-template-columns: 1fr auto; }
    .split-dock-stats[b-ymdba9ng1t] { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #e2e8f0; }
    .split-dock-layout[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-dock-visual-panel[b-ymdba9ng1t] { min-height: 430px; }
    .split-dock-steps[b-ymdba9ng1t] { overflow: visible; }
    .split-dock-child-list[b-ymdba9ng1t] { max-height: 260px; }
}

@media (max-width: 640px) {
    .split-dock-page[b-ymdba9ng1t] { padding: 7px; gap: 7px; }
    .split-dock-topbar[b-ymdba9ng1t] { grid-template-columns: 1fr auto; border-radius: 17px; }
    .split-dock-topbar .split-title-group[b-ymdba9ng1t] { padding: 8px; }
    .split-dock-topbar .split-title-group small[b-ymdba9ng1t] { display: none; }
    .split-dock-stats[b-ymdba9ng1t] { grid-template-columns: repeat(3, 1fr); }
    .split-dock-stats > span[b-ymdba9ng1t] { padding: 7px; grid-template-columns: 20px 1fr; }
    .split-dock-stats > span[b-ymdba9ng1t]  svg { width: 18px; }
    .split-dock-stats small[b-ymdba9ng1t] { font-size: 1rem; }
    .split-dock-topbar .split-overview-actions button[b-ymdba9ng1t] { min-width: 48px; }
    .split-dock-topbar .split-overview-actions span[b-ymdba9ng1t] { display: none; }
    .split-dock-visual-panel[b-ymdba9ng1t] { min-height: 355px; border-radius: 20px; }
    .split-dock-visual-panel > img[b-ymdba9ng1t] { min-height: 300px; padding: 14px 6px 112px; }
    .split-source-safety-chips[b-ymdba9ng1t] { left: 9px; right: 9px; bottom: 9px; grid-template-columns: repeat(3, 1fr); }
    .split-source-safety-chips > span[b-ymdba9ng1t] { min-height: 49px; padding: 7px; }
    .split-source-safety-chips strong[b-ymdba9ng1t] { font-size: 1rem; }
    .split-dock-visual-empty[b-ymdba9ng1t] { left: 9px; right: 9px; bottom: 9px; }
    .split-dock-step[b-ymdba9ng1t] { padding: 11px; border-radius: 18px; }
    .split-source-scan[b-ymdba9ng1t] { grid-template-columns: minmax(0, 1fr) 44px; }
    .split-queue-open[b-ymdba9ng1t] { grid-column: 1 / -1; justify-content: center; }
    .split-child-scan[b-ymdba9ng1t] { grid-template-columns: minmax(0, 1fr) 104px; }
    .split-child-scan > button[b-ymdba9ng1t] { grid-column: 1 / -1; }
    .split-more-fields .split-metadata-grid[b-ymdba9ng1t] { grid-template-columns: 1fr; }
    .split-queue-dialog[b-ymdba9ng1t] { width: 100%; max-height: 100dvh; border-radius: 0; }
    .split-queue-dialog .split-search-tools[b-ymdba9ng1t] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .split-dock-page *[b-ymdba9ng1t],
    .split-dialog *[b-ymdba9ng1t] {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/Stock/Stock.razor.rz.scp.css */
.stock-page[b-ej7ebp7yds] {
    --stock-blue: #2563eb;
    --stock-violet: #7c3aed;
    --stock-teal: #0f9f8f;
    --stock-pink: #db2777;
    min-height: calc(100dvh - 7.2rem);
    padding: clamp(.75rem, 1.4vw, 1.35rem);
    display: grid;
    grid-template-rows: auto minmax(15rem, 1fr) auto auto;
    gap: clamp(.65rem, 1vw, 1rem);
    overflow: hidden;
    color: #172554;
}

.stock-loading[b-ej7ebp7yds] {
    min-height: 60vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .8rem;
    color: #475569;
}

.stock-loading span[b-ej7ebp7yds] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(135deg, var(--stock-blue), var(--stock-violet));
    animation: stock-spin-b-ej7ebp7yds 1.1s linear infinite;
}

.stock-loading svg[b-ej7ebp7yds] {
    width: 1.4rem;
    height: 1.4rem;
}

.stock-hub-header[b-ej7ebp7yds] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(34rem, 2.1fr);
    align-items: stretch;
    gap: clamp(.7rem, 1.2vw, 1.15rem);
}

.stock-title-block[b-ej7ebp7yds] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 0;
}

.stock-title-icon[b-ej7ebp7yds] {
    width: clamp(3.4rem, 4.5vw, 4.5rem);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 1.25rem;
    color: #fff;
    background: linear-gradient(145deg, #2f80ed, #7047eb);
    box-shadow: 0 .75rem 1.8rem rgba(79, 70, 229, .22), inset 0 1px 0 rgba(255, 255, 255, .45);
}

.stock-title-icon svg[b-ej7ebp7yds] {
    width: 2rem;
    height: 2rem;
}

.stock-title-block h1[b-ej7ebp7yds] {
    margin: 0;
    font-size: clamp(1.7rem, 2.35vw, 2.65rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.stock-metrics[b-ej7ebp7yds] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.stock-metric[b-ej7ebp7yds] {
    min-width: 0;
    min-height: 5rem;
    padding: .72rem .8rem;
    display: grid;
    grid-template-columns: 2.65rem 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: .7rem;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 .55rem 1.4rem rgba(79, 70, 229, .08), inset 0 1px 0 #fff;
    color: #172554;
    text-align: left;
    font: inherit;
}

button.stock-metric[b-ej7ebp7yds] {
    cursor: pointer;
}

.stock-metric > span[b-ej7ebp7yds] {
    grid-row: 1 / 3;
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    place-items: center;
    align-self: center;
    border-radius: .95rem;
    color: var(--metric-color);
    background: var(--metric-bg);
}

.stock-metric svg[b-ej7ebp7yds] {
    width: 1.4rem;
    height: 1.4rem;
}

.stock-metric small[b-ej7ebp7yds] {
    align-self: end;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
}

.stock-metric strong[b-ej7ebp7yds] {
    align-self: start;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1;
}

.stock-metric.is-blue[b-ej7ebp7yds] { --metric-color: #2563eb; --metric-bg: #e8f0ff; }
.stock-metric.is-teal[b-ej7ebp7yds] { --metric-color: #0f9f8f; --metric-bg: #e2f8f3; }
.stock-metric.is-pink[b-ej7ebp7yds] { --metric-color: #db2777; --metric-bg: #fce7f3; }
.stock-metric.is-violet[b-ej7ebp7yds] { --metric-color: #7c3aed; --metric-bg: #f0e8ff; }

button.stock-metric:hover[b-ej7ebp7yds] {
    border-color: rgba(37, 99, 235, .48);
    transform: translateY(-2px);
}

.stock-fridge-stage[b-ej7ebp7yds] {
    position: relative;
    min-height: 15rem;
    overflow: hidden;
    border: 1px solid rgba(147, 197, 253, .35);
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 1.2rem 3rem rgba(59, 130, 246, .1), inset 0 1px 0 #fff;
}

.stock-fridge-stage[b-ej7ebp7yds]::before {
    content: "";
    position: absolute;
    inset: 8% 8% 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(96, 165, 250, .17), transparent 68%);
    filter: blur(1.2rem);
}

.stock-fridge-stage img[b-ej7ebp7yds] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transform: scale(1.55);
    pointer-events: none;
    user-select: none;
}

.stock-abo-grid[b-ej7ebp7yds] {
    position: absolute;
    z-index: 1;
    inset: 7% 13.5% 7% 22.5%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
}

.stock-abo-door[b-ej7ebp7yds] {
    --abo-color: #2563eb;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: .35rem;
    border: 2px solid transparent;
    border-radius: .9rem;
    color: #172554;
    text-decoration: none;
}

.stock-abo-door.is-a[b-ej7ebp7yds] { --abo-color: #2563eb; }
.stock-abo-door.is-b[b-ej7ebp7yds] { --abo-color: #0f9f8f; }
.stock-abo-door.is-o[b-ej7ebp7yds] { --abo-color: #db2777; }
.stock-abo-door.is-ab[b-ej7ebp7yds] { --abo-color: #7c3aed; }

.stock-abo-door strong[b-ej7ebp7yds] {
    min-width: 3.45rem;
    padding: .32rem .85rem;
    border-radius: 999px;
    color: #fff;
    background: var(--abo-color);
    box-shadow: 0 .4rem 1rem color-mix(in srgb, var(--abo-color) 28%, transparent);
    text-align: center;
    font-size: clamp(1rem, 1.4vw, 1.35rem);
    line-height: 1;
}

.stock-abo-door span[b-ej7ebp7yds],
.stock-abo-door small[b-ej7ebp7yds] {
    opacity: 1;
    transform: none;
    transition: opacity .16s ease, transform .16s ease;
}

.stock-abo-door span[b-ej7ebp7yds] {
    margin-top: .5rem;
    padding: .22rem .55rem;
    border-radius: .65rem;
    color: var(--abo-color);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 .35rem .9rem rgba(15, 23, 42, .12);
    font-size: clamp(1.1rem, 1.65vw, 1.65rem);
    font-weight: 900;
    line-height: 1;
}

.stock-abo-door small[b-ej7ebp7yds] {
    margin-top: .22rem;
    color: #334155;
    font-size: 1rem;
    font-weight: 800;
}

.stock-abo-door:hover[b-ej7ebp7yds],
.stock-abo-door:focus-visible[b-ej7ebp7yds] {
    border-color: color-mix(in srgb, var(--abo-color) 65%, white);
    background: color-mix(in srgb, var(--abo-color) 8%, transparent);
    box-shadow: inset 0 0 2rem color-mix(in srgb, var(--abo-color) 12%, transparent);
}

.stock-abo-door:hover span[b-ej7ebp7yds],
.stock-abo-door:hover small[b-ej7ebp7yds],
.stock-abo-door:focus-visible span[b-ej7ebp7yds],
.stock-abo-door:focus-visible small[b-ej7ebp7yds] {
    opacity: 1;
    transform: none;
}

.stock-primary-actions[b-ej7ebp7yds] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.stock-primary-action[b-ej7ebp7yds] {
    --action-color: #2563eb;
    --action-bg: #eef4ff;
    min-height: 5.6rem;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    border: 1px solid color-mix(in srgb, var(--action-color) 24%, white);
    border-radius: 1.25rem;
    color: var(--action-color);
    background: linear-gradient(145deg, rgba(255, 255, 255, .94), var(--action-bg));
    box-shadow: 0 .65rem 1.4rem color-mix(in srgb, var(--action-color) 10%, transparent), inset 0 1px 0 #fff;
    text-decoration: none;
}

.stock-primary-action > span[b-ej7ebp7yds] {
    width: 3.3rem;
    height: 3.3rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(145deg, color-mix(in srgb, var(--action-color) 72%, white), var(--action-color));
    box-shadow: 0 .45rem 1rem color-mix(in srgb, var(--action-color) 25%, transparent);
}

.stock-primary-action svg[b-ej7ebp7yds] {
    width: 1.75rem;
    height: 1.75rem;
}

.stock-primary-action strong[b-ej7ebp7yds] {
    font-size: clamp(1rem, 1.35vw, 1.3rem);
}

.stock-primary-action.is-blue[b-ej7ebp7yds] { --action-color: #2563eb; --action-bg: #edf4ff; }
.stock-primary-action.is-teal[b-ej7ebp7yds] { --action-color: #0f9f8f; --action-bg: #eafbf7; }
.stock-primary-action.is-violet[b-ej7ebp7yds] { --action-color: #7c3aed; --action-bg: #f4efff; }
.stock-primary-action.is-pink[b-ej7ebp7yds] { --action-color: #db2777; --action-bg: #fff0f7; }

.stock-primary-action:hover[b-ej7ebp7yds] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--action-color) 55%, white);
}

.stock-secondary-actions[b-ej7ebp7yds] {
    min-height: 3.7rem;
    padding: .4rem;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .25rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 .55rem 1.3rem rgba(79, 70, 229, .07), inset 0 1px 0 #fff;
}

.stock-secondary-action[b-ej7ebp7yds] {
    --secondary-color: #64748b;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border-radius: .85rem;
    color: #475569;
    text-decoration: none;
}

.stock-secondary-action span[b-ej7ebp7yds] {
    color: var(--secondary-color);
}

.stock-secondary-action svg[b-ej7ebp7yds] {
    width: 1.35rem;
    height: 1.35rem;
}

.stock-secondary-action strong[b-ej7ebp7yds] {
    font-size: 1rem;
}

.stock-secondary-action.is-amber[b-ej7ebp7yds] { --secondary-color: #e58a12; }
.stock-secondary-action.is-blue[b-ej7ebp7yds] { --secondary-color: #2563eb; }
.stock-secondary-action.is-violet[b-ej7ebp7yds] { --secondary-color: #7c3aed; }
.stock-secondary-action.is-pink[b-ej7ebp7yds] { --secondary-color: #db2777; }
.stock-secondary-action.is-teal[b-ej7ebp7yds] { --secondary-color: #0f9f8f; }

.stock-secondary-action:hover[b-ej7ebp7yds] {
    color: var(--secondary-color);
    background: color-mix(in srgb, var(--secondary-color) 8%, white);
}

.stock-dialog-backdrop[b-ej7ebp7yds] {
    --stock-blue: #2563eb;
    --stock-violet: #7c3aed;
    position: fixed;
    z-index: 1200;
    inset: 0;
    padding: 1.25rem;
    display: grid;
    place-items: center;
    background: rgba(30, 41, 89, .28);
    backdrop-filter: blur(14px);
}

.stock-summary-dialog[b-ej7ebp7yds] {
    width: min(52rem, calc(100vw - 2rem));
    max-height: min(45rem, calc(100dvh - 2rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 1.6rem;
    background: rgba(248, 250, 255, .96);
    box-shadow: 0 2rem 5rem rgba(49, 46, 129, .28), inset 0 1px 0 #fff;
    outline: none;
}

.stock-summary-dialog > header[b-ej7ebp7yds] {
    padding: 1rem 1.1rem;
    display: grid;
    grid-template-columns: 3rem 1fr 2.6rem;
    align-items: center;
    gap: .75rem;
    border-bottom: 1px solid rgba(148, 163, 184, .2);
    background: linear-gradient(110deg, rgba(219, 234, 254, .8), rgba(245, 208, 254, .42));
}

.stock-summary-dialog > header > span[b-ej7ebp7yds] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(145deg, var(--stock-blue), var(--stock-violet));
}

.stock-summary-dialog h2[b-ej7ebp7yds],
.stock-summary-dialog h3[b-ej7ebp7yds] {
    margin: 0;
}

.stock-summary-dialog h2[b-ej7ebp7yds] {
    font-size: 1.35rem;
}

.stock-summary-dialog header small[b-ej7ebp7yds] {
    color: #64748b;
    font-weight: 700;
}

.stock-summary-dialog header button[b-ej7ebp7yds] {
    width: 2.6rem;
    height: 2.6rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: .8rem;
    color: #475569;
    background: rgba(255, 255, 255, .75);
    cursor: pointer;
}

.stock-summary-dialog-body[b-ej7ebp7yds] {
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    overflow: auto;
}

.stock-summary-dialog-body > section[b-ej7ebp7yds] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .75);
}

.stock-summary-dialog h3[b-ej7ebp7yds] {
    margin-bottom: .7rem;
    font-size: 1rem;
    color: #4338ca;
}

.stock-summary-list[b-ej7ebp7yds] {
    display: grid;
    gap: .45rem;
}

.stock-summary-list > div[b-ej7ebp7yds] {
    min-height: 2.65rem;
    padding: .5rem .7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: .75rem;
    background: #f3f6fb;
}

.stock-summary-list span[b-ej7ebp7yds] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #475569;
    font-weight: 700;
}

.stock-summary-list strong[b-ej7ebp7yds] {
    color: #172554;
    font-size: 1.05rem;
}

.stock-summary-dialog > footer[b-ej7ebp7yds] {
    padding: .8rem 1rem;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(148, 163, 184, .2);
}

.stock-dialog-close-button[b-ej7ebp7yds] {
    min-width: 7rem;
    min-height: 2.75rem;
    border: 0;
    border-radius: .85rem;
    color: #fff !important;
    background: linear-gradient(135deg, var(--stock-blue), var(--stock-violet)) !important;
    box-shadow: 0 .5rem 1rem rgba(79, 70, 229, .22);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.stock-metric[b-ej7ebp7yds],
.stock-abo-door[b-ej7ebp7yds],
.stock-primary-action[b-ej7ebp7yds],
.stock-secondary-action[b-ej7ebp7yds],
.stock-summary-dialog button[b-ej7ebp7yds] {
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.stock-metric:focus-visible[b-ej7ebp7yds],
.stock-abo-door:focus-visible[b-ej7ebp7yds],
.stock-primary-action:focus-visible[b-ej7ebp7yds],
.stock-secondary-action:focus-visible[b-ej7ebp7yds],
.stock-summary-dialog button:focus-visible[b-ej7ebp7yds] {
    outline: 3px solid rgba(37, 99, 235, .62);
    outline-offset: 3px;
}

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

@media (max-width: 1100px) {
    .stock-hub-header[b-ej7ebp7yds] {
        grid-template-columns: 1fr;
    }

    .stock-title-block[b-ej7ebp7yds] {
        justify-content: center;
    }

    .stock-metric[b-ej7ebp7yds] {
        min-height: 4.3rem;
    }

    .stock-primary-action[b-ej7ebp7yds] {
        min-height: 4.8rem;
    }
}

@media (max-width: 899px) {
    .stock-page[b-ej7ebp7yds] {
        overflow: visible;
        grid-template-rows: auto auto auto auto;
    }

    .stock-fridge-stage[b-ej7ebp7yds] {
        min-height: clamp(16rem, 48vw, 24rem);
    }

    .stock-primary-actions[b-ej7ebp7yds] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stock-secondary-actions[b-ej7ebp7yds] {
        grid-template-columns: repeat(5, minmax(5rem, 1fr));
        overflow-x: auto;
    }
}

@media (max-width: 639px) {
    .stock-page[b-ej7ebp7yds] {
        min-height: auto;
        padding: .7rem;
    }

    .stock-title-block[b-ej7ebp7yds] {
        justify-content: flex-start;
    }

    .stock-title-block h1[b-ej7ebp7yds] {
        font-size: 1.55rem;
    }

    .stock-title-icon[b-ej7ebp7yds] {
        width: 3.2rem;
        border-radius: 1rem;
    }

    .stock-metrics[b-ej7ebp7yds] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stock-metric[b-ej7ebp7yds] {
        min-height: 4.1rem;
        grid-template-columns: 2.25rem 1fr;
        padding: .55rem;
        column-gap: .55rem;
    }

    .stock-metric > span[b-ej7ebp7yds] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .stock-fridge-stage[b-ej7ebp7yds] {
        min-height: auto;
        padding: .6rem;
        overflow: visible;
    }

    .stock-fridge-stage img[b-ej7ebp7yds] {
        position: relative;
        height: auto;
        aspect-ratio: 1896 / 830;
        object-fit: contain;
        transform: none;
    }

    .stock-abo-grid[b-ej7ebp7yds] {
        position: relative;
        inset: auto;
        margin-top: .35rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .stock-abo-door[b-ej7ebp7yds] {
        min-height: 4.35rem;
        padding: .55rem;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        justify-content: stretch;
        align-items: center;
        column-gap: .7rem;
        border: 1px solid color-mix(in srgb, var(--abo-color) 24%, white);
        background: color-mix(in srgb, var(--abo-color) 6%, white);
    }

    .stock-abo-door strong[b-ej7ebp7yds] {
        grid-row: 1 / 3;
    }

    .stock-abo-door span[b-ej7ebp7yds],
    .stock-abo-door small[b-ej7ebp7yds] {
        margin: 0;
        opacity: 1;
        transform: none;
        text-align: left;
    }

    .stock-abo-door span[b-ej7ebp7yds] {
        align-self: end;
        padding: 0;
        box-shadow: none;
        background: transparent;
    }

    .stock-abo-door small[b-ej7ebp7yds] {
        align-self: start;
    }

    .stock-primary-action[b-ej7ebp7yds] {
        min-height: 4.65rem;
        padding: .55rem;
        gap: .55rem;
    }

    .stock-primary-action > span[b-ej7ebp7yds] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .stock-secondary-actions[b-ej7ebp7yds] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: visible;
    }

    .stock-secondary-action[b-ej7ebp7yds] {
        min-height: 3rem;
    }

    .stock-summary-dialog-body[b-ej7ebp7yds] {
        grid-template-columns: 1fr;
    }

    .stock-dialog-backdrop[b-ej7ebp7yds] {
        padding: .5rem;
        align-items: end;
    }

    .stock-summary-dialog[b-ej7ebp7yds] {
        width: 100%;
        max-height: calc(100dvh - 1rem);
        border-radius: 1.35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stock-loading span[b-ej7ebp7yds] {
        animation: none;
    }

    .stock-metric[b-ej7ebp7yds],
    .stock-abo-door[b-ej7ebp7yds],
    .stock-primary-action[b-ej7ebp7yds],
    .stock-secondary-action[b-ej7ebp7yds],
    .stock-summary-dialog button[b-ej7ebp7yds] {
        transition: none;
    }
}
/* /Components/Pages/Trans/IssueBloodHistory.razor.rz.scp.css */
.network-history-console[b-k6hw058plr] {
    --history-blue: #2463eb;
    --history-violet: #6945e8;
    --history-teal: #0cae9b;
    --history-pink: #e83f89;
    --history-ink: #172443;
    --history-muted: #65738d;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: clamp(.65rem, 1vw, 1rem);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(.75rem, 1.2vw, 1.25rem);
    color: var(--history-ink);
    overflow: hidden;
}
.network-history-console *[b-k6hw058plr], .network-history-console *[b-k6hw058plr]::before, .network-history-console *[b-k6hw058plr]::after { box-sizing: border-box; }
.history-command-header[b-k6hw058plr], .history-search-bar[b-k6hw058plr], .history-feed-panel[b-k6hw058plr], .history-summary-card[b-k6hw058plr], .history-filter-modal[b-k6hw058plr], .history-detail-modal[b-k6hw058plr] {
    border: 1px solid rgba(150, 173, 215, .34);
    background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(250, 247, 255, .76));
    box-shadow: 0 14px 34px rgba(43, 63, 125, .1), inset 0 1px rgba(255, 255, 255, .94);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}
.history-command-header[b-k6hw058plr] { display: flex; align-items: center; justify-content: space-between; min-height: 70px; padding: .65rem .8rem .65rem .7rem; border-radius: 24px; }
.history-command-title[b-k6hw058plr], .history-command-title > div[b-k6hw058plr], .history-header-actions[b-k6hw058plr], .history-search-bar[b-k6hw058plr], .history-summary-card[b-k6hw058plr],
.history-record-main[b-k6hw058plr], .history-unit-block[b-k6hw058plr], .history-people-block[b-k6hw058plr], .history-record-state[b-k6hw058plr], .history-detail-hero[b-k6hw058plr],
.history-detail-hero > div[b-k6hw058plr], .history-modal-actions[b-k6hw058plr] { display: flex; align-items: center; }
.history-command-title[b-k6hw058plr] { gap: .8rem; min-width: 0; }
.history-command-title > div[b-k6hw058plr], .history-record-main[b-k6hw058plr], .history-detail-hero > div[b-k6hw058plr] { align-items: flex-start; flex-direction: column; }
.history-command-icon[b-k6hw058plr] {
    display: grid; place-items: center; width: 50px; height: 50px; flex: 0 0 auto; border-radius: 17px; color: #fff;
    background: linear-gradient(145deg, #2584f3, #6639e6);
    box-shadow: 0 10px 22px rgba(76, 72, 224, .28), inset 0 1px rgba(255, 255, 255, .6);
}
.history-command-icon[b-k6hw058plr] (svg), .history-summary-card > span[b-k6hw058plr] (svg) { width: 25px; height: 25px; }
.history-command-title small[b-k6hw058plr], .history-command-title h1[b-k6hw058plr], .history-summary-card small[b-k6hw058plr], .history-summary-card strong[b-k6hw058plr],
.history-feed-heading h2[b-k6hw058plr], .history-feed-heading span[b-k6hw058plr], .history-record-card small[b-k6hw058plr], .history-record-card strong[b-k6hw058plr],
.history-record-card span[b-k6hw058plr], .history-modal-header h2[b-k6hw058plr], .history-modal-header small[b-k6hw058plr], .history-empty-state h3[b-k6hw058plr],
.history-empty-state p[b-k6hw058plr], .history-detail-units h3[b-k6hw058plr], .history-detail-units span[b-k6hw058plr] { margin: 0; }
.history-command-title small[b-k6hw058plr] { color: var(--history-muted); font-size: 1rem; font-weight: 800; }
.history-command-title h1[b-k6hw058plr] { font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.15; }
.history-header-actions[b-k6hw058plr] { gap: .5rem; }
.history-icon-action[b-k6hw058plr], .history-close-button[b-k6hw058plr] {
    display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(143, 164, 205, .42);
    border-radius: 14px; color: #385078; background: rgba(255, 255, 255, .72); cursor: pointer;
}
.history-icon-action[b-k6hw058plr] (svg), .history-close-button[b-k6hw058plr] (svg) { width: 20px; height: 20px; }
.history-summary-grid[b-k6hw058plr] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.55rem, .9vw, .9rem); }
.history-summary-card[b-k6hw058plr] { min-height: 80px; gap: .75rem; padding: .75rem 1rem; border-radius: 20px; }
.history-summary-card > span[b-k6hw058plr] { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; border-radius: 15px; }
.history-summary-card > div[b-k6hw058plr] { display: grid; line-height: 1.05; }
.history-summary-card small[b-k6hw058plr] { color: var(--history-muted); font-size: 1rem; font-weight: 800; }
.history-summary-card strong[b-k6hw058plr] { margin-top: .22rem; font-size: clamp(1.55rem, 2.2vw, 2rem); }
.history-summary-card--violet > span[b-k6hw058plr] { color: var(--history-violet); background: rgba(105, 69, 232, .1); }
.history-summary-card--teal > span[b-k6hw058plr] { color: var(--history-teal); background: rgba(12, 174, 155, .11); }
.history-summary-card--blue > span[b-k6hw058plr] { color: var(--history-blue); background: rgba(36, 99, 235, .1); }
.history-summary-card--pink > span[b-k6hw058plr] { color: var(--history-pink); background: rgba(232, 63, 137, .1); }
.history-summary-card--violet strong[b-k6hw058plr] { color: var(--history-violet); }
.history-summary-card--teal strong[b-k6hw058plr] { color: var(--history-teal); }
.history-summary-card--blue strong[b-k6hw058plr] { color: var(--history-blue); }
.history-summary-card--pink strong[b-k6hw058plr] { color: var(--history-pink); }
.history-search-bar[b-k6hw058plr] { gap: .6rem; min-height: 62px; padding: .55rem; border-radius: 20px; }
.history-quick-search[b-k6hw058plr] { position: relative; flex: 1 1 auto; min-width: 0; }
.history-quick-search[b-k6hw058plr] > (svg) {
    position: absolute; z-index: 1; left: 1rem; top: 50%; width: 19px; height: 19px; color: #7584a0;
    transform: translateY(-50%); pointer-events: none;
}
.history-quick-search input[b-k6hw058plr], .history-filter-grid input[b-k6hw058plr], .history-filter-grid select[b-k6hw058plr] {
    width: 100%; height: 46px; border: 1px solid rgba(143, 164, 205, .44); border-radius: 14px;
    color: var(--history-ink); background: rgba(255, 255, 255, .78); font: inherit;
}
.history-quick-search input[b-k6hw058plr] { padding: 0 1rem 0 2.9rem; }
.history-filter-button[b-k6hw058plr], .history-clear-button[b-k6hw058plr], .history-primary-button[b-k6hw058plr], .history-secondary-button[b-k6hw058plr] {
    display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; border-radius: 14px;
    padding: .65rem 1rem; font: inherit; font-weight: 850; cursor: pointer;
}
.history-filter-button[b-k6hw058plr], .history-clear-button[b-k6hw058plr], .history-secondary-button[b-k6hw058plr] {
    border: 1px solid rgba(117, 139, 187, .42); color: #324971; background: rgba(255, 255, 255, .75);
}
.history-filter-button.is-active[b-k6hw058plr] { border-color: rgba(96, 71, 235, .48); color: #5b3be1; background: rgba(101, 71, 232, .08); }
.history-filter-button > span[b-k6hw058plr] {
    display: grid; place-items: center; min-width: 23px; height: 23px; padding: 0 .35rem; border-radius: 999px;
    color: #fff; background: linear-gradient(135deg, #356cf0, #7c34df); font-size: 1rem;
}
.history-filter-button[b-k6hw058plr] (svg), .history-clear-button[b-k6hw058plr] (svg), .history-primary-button[b-k6hw058plr] (svg),
.history-secondary-button[b-k6hw058plr] (svg) { width: 18px; height: 18px; }
.history-primary-button[b-k6hw058plr] {
    border: 0; color: #fff; background: linear-gradient(120deg, #1877f2, #6b3ce8 58%, #d82f9a);
    box-shadow: 0 9px 20px rgba(83, 58, 217, .24);
}
.history-notice[b-k6hw058plr] {
    display: flex; align-items: center; gap: .45rem; min-height: 38px; margin-bottom: calc(-1rem + .4rem);
    padding: .45rem .75rem; border: 1px solid rgba(41, 129, 234, .18); border-radius: 13px;
    color: #28578d; background: rgba(229, 244, 255, .82); font-size: 1rem; font-weight: 750;
}
.history-notice[b-k6hw058plr] (svg) { width: 17px; height: 17px; }
.history-feed-panel[b-k6hw058plr] { display: flex; flex-direction: column; min-height: 0; padding: .75rem; border-radius: 24px; overflow: hidden; }
.history-feed-heading[b-k6hw058plr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .2rem .35rem .7rem; }
.history-feed-heading h2[b-k6hw058plr] { font-size: 1.02rem; }
.history-feed-heading span[b-k6hw058plr] { color: var(--history-muted); font-size: 1rem; font-weight: 750; }
.history-volume-chip[b-k6hw058plr] { padding: .42rem .72rem; border-radius: 999px; color: #5e3cdf !important; background: rgba(105, 69, 232, .09); }
.history-feed[b-k6hw058plr] {
    display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; gap: .58rem; overflow-y: auto;
    overscroll-behavior: contain; scrollbar-gutter: stable; padding: .1rem .25rem .2rem;
}
.history-record-card[b-k6hw058plr] {
    display: grid;
    grid-template-columns: 72px minmax(180px, 1.25fr) minmax(210px, 1.35fr) minmax(110px, .7fr) minmax(140px, .8fr) 118px;
    align-items: center; gap: .8rem; min-height: 84px; padding: .55rem .7rem;
    border: 1px solid rgba(145, 166, 208, .31); border-radius: 19px;
    background: linear-gradient(110deg, rgba(255, 255, 255, .9), rgba(248, 248, 255, .72));
    box-shadow: 0 6px 16px rgba(46, 63, 113, .055); cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.history-record-card:hover[b-k6hw058plr] { border-color: rgba(92, 75, 229, .43); box-shadow: 0 10px 24px rgba(68, 58, 166, .11); transform: translateY(-1px); }
.history-record-date[b-k6hw058plr] {
    display: grid; place-items: center; align-content: center; min-height: 62px; border-radius: 15px; color: #fff;
    background: linear-gradient(145deg, #2585ef, #6341e9); box-shadow: 0 7px 16px rgba(75, 70, 220, .21);
}
.history-record-date strong[b-k6hw058plr] { font-size: 1.25rem; line-height: 1; }
.history-record-date span[b-k6hw058plr] { font-size: 1rem; font-weight: 800; }
.history-record-date small[b-k6hw058plr] { margin-top: .15rem; color: rgba(255,255,255,.82); font-size: 1rem; }
.history-record-main[b-k6hw058plr], .history-unit-block[b-k6hw058plr] { min-width: 0; gap: .18rem; }
.history-record-main small[b-k6hw058plr], .history-unit-block small[b-k6hw058plr], .history-component-block small[b-k6hw058plr], .history-people-block small[b-k6hw058plr] {
    color: var(--history-muted); font-size: 1rem; font-weight: 750;
}
.history-record-main strong[b-k6hw058plr], .history-unit-block strong[b-k6hw058plr], .history-component-block strong[b-k6hw058plr] {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem;
}
.history-record-main > span[b-k6hw058plr], .history-people-block > span[b-k6hw058plr] {
    display: flex; align-items: center; gap: .3rem; min-width: 0; max-width: 100%; overflow: hidden;
    color: #51617e; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 700;
}
.history-record-main > span[b-k6hw058plr] (svg), .history-people-block > span[b-k6hw058plr] (svg) { width: 14px; height: 14px; flex: 0 0 auto; }
.history-unit-block[b-k6hw058plr] { display: grid; grid-template-columns: 50px minmax(0, 1fr); }
.history-unit-block > div[b-k6hw058plr], .history-component-block[b-k6hw058plr], .history-people-block[b-k6hw058plr] { display: flex; flex-direction: column; min-width: 0; }
.issue-group-badge[b-k6hw058plr] {
    display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; color: #315ee8;
    background: linear-gradient(145deg, rgba(222, 235, 255, .98), rgba(239, 232, 255, .92));
    box-shadow: inset 0 0 0 1px rgba(80, 100, 226, .14); font-size: 1rem; font-weight: 950;
}
.issue-group-badge--negative[b-k6hw058plr] { color: #d13970; background: linear-gradient(145deg, rgba(255, 230, 239, .98), rgba(250, 237, 255, .92)); }
.history-component-block[b-k6hw058plr] { gap: .12rem; }
.history-component-block > span[b-k6hw058plr] { color: #5d6c86; font-size: 1rem; font-weight: 700; }
.history-people-block[b-k6hw058plr] { gap: .08rem; }
.history-record-state[b-k6hw058plr] { justify-content: flex-end; gap: .6rem; }
.history-record-state[b-k6hw058plr] > (svg) { width: 19px; height: 19px; color: #8693aa; }
.issue-status[b-k6hw058plr] {
    display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: .28rem .62rem;
    border-radius: 999px; color: #5d6b82; background: #edf1f7; font-size: 1rem; font-weight: 850; white-space: nowrap;
}
.issue-status--completed[b-k6hw058plr], .issue-status--issued[b-k6hw058plr] { color: #078774; background: #dff8f1; }
.issue-status--returned[b-k6hw058plr] { color: #215fd2; background: #e4eeff; }
.issue-status--cancelled[b-k6hw058plr] { color: #d33566; background: #ffe6ed; }
.issue-status--warning[b-k6hw058plr] { color: #ba6a00; background: #fff0d5; }
.history-empty-state[b-k6hw058plr] {
    display: grid; place-items: center; align-content: center; flex: 1 1 auto; min-height: 220px; padding: 2rem; text-align: center;
}
.history-empty-state > span[b-k6hw058plr] {
    display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: .7rem; border-radius: 22px;
    color: #7352e8; background: rgba(111, 78, 231, .1);
}
.history-empty-state > span[b-k6hw058plr] (svg) { width: 30px; height: 30px; }
.history-empty-state h3[b-k6hw058plr] { font-size: 1.05rem; }
.history-empty-state p[b-k6hw058plr] { margin: .25rem 0 .85rem; color: var(--history-muted); }
.history-modal-backdrop[b-k6hw058plr] {
    position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: clamp(.7rem, 2vw, 1.5rem);
    background: rgba(22, 29, 61, .38); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
}
.history-filter-modal[b-k6hw058plr], .history-detail-modal[b-k6hw058plr] {
    display: flex; flex-direction: column; width: min(940px, 100%); max-height: min(880px, calc(100dvh - 2rem));
    border-radius: 28px; overflow: hidden;
}
.history-detail-modal[b-k6hw058plr] { width: min(1080px, 100%); }
.history-modal-header[b-k6hw058plr] {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem;
    border-bottom: 1px solid rgba(149, 169, 207, .28);
}
.history-modal-header small[b-k6hw058plr] { color: #6651d7; font-size: 1rem; font-weight: 850; }
.history-modal-header h2[b-k6hw058plr] { font-size: 1.3rem; }
.history-filter-grid[b-k6hw058plr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; padding: 1.1rem; overflow-y: auto; }
.history-filter-grid > label[b-k6hw058plr] { display: grid; gap: .38rem; min-width: 0; }
.history-filter-grid > label > span[b-k6hw058plr], .history-detail-grid dt[b-k6hw058plr] { color: #5f6e89; font-size: 1rem; font-weight: 800; }
.history-filter-grid input[b-k6hw058plr], .history-filter-grid select[b-k6hw058plr] { padding: 0 .85rem; }
.history-date-picker-row[b-k6hw058plr] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; }
.history-date-picker-row[b-k6hw058plr] > (.glass-date-picker) { min-width: 0; }
.history-date-picker-row > button[b-k6hw058plr] {
    border: 0; border-radius: 12px; color: #6546dc; background: rgba(105, 69, 232, .09);
    font: inherit; font-size: 1rem; font-weight: 850; cursor: pointer;
}
.history-modal-actions[b-k6hw058plr] { justify-content: flex-end; gap: .6rem; padding: .9rem 1.1rem 1.1rem; border-top: 1px solid rgba(149, 169, 207, .28); }
.history-detail-hero[b-k6hw058plr] {
    display: grid; grid-template-columns: 76px minmax(180px, .85fr) minmax(220px, 1.35fr) auto; align-items: center;
    gap: 1rem; margin: 1rem 1.1rem 0; padding: 1rem; border: 1px solid rgba(109, 82, 227, .2); border-radius: 21px;
    background: linear-gradient(110deg, rgba(228, 240, 255, .75), rgba(248, 237, 255, .66));
}
.history-detail-hero .issue-group-badge[b-k6hw058plr] { width: 66px; height: 66px; font-size: 1.2rem; }
.history-detail-hero > div[b-k6hw058plr] { justify-content: center; gap: .12rem; }
.history-detail-hero > div small[b-k6hw058plr] { color: var(--history-muted); font-size: 1rem; font-weight: 750; }
.history-detail-hero > div strong[b-k6hw058plr] { font-size: 1rem; }
.history-detail-hero > div span[b-k6hw058plr] { color: #586883; font-size: 1rem; }
.history-detail-grid[b-k6hw058plr] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin: 0; padding: 1rem 1.1rem; }
.history-detail-grid > div[b-k6hw058plr] { min-width: 0; padding: .72rem .8rem; border-radius: 15px; background: rgba(244, 247, 253, .75); }
.history-detail-grid dd[b-k6hw058plr] { margin: .18rem 0 0; overflow-wrap: anywhere; font-size: 1rem; font-weight: 800; }
.history-detail-remark[b-k6hw058plr] { grid-column: span 3; }
.history-detail-units[b-k6hw058plr] { margin: 0 1.1rem 1rem; border: 1px solid rgba(144, 165, 204, .3); border-radius: 18px; overflow: auto; }
.history-detail-units > div[b-k6hw058plr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .85rem; }
.history-detail-units h3[b-k6hw058plr] { font-size: 1rem; }
.history-detail-units > div span[b-k6hw058plr] { color: var(--history-muted); font-size: 1rem; font-weight: 750; }
.history-detail-units table[b-k6hw058plr] { width: 100%; min-width: 700px; border-collapse: collapse; }
.history-detail-units th[b-k6hw058plr], .history-detail-units td[b-k6hw058plr] {
    padding: .65rem .75rem; border-top: 1px solid rgba(155, 173, 208, .22); text-align: left; font-size: 1rem;
}
.history-detail-units th[b-k6hw058plr] { color: #61708a; background: rgba(240, 244, 251, .72); font-size: 1rem; }
.network-history-console button[b-k6hw058plr], .network-history-console input[b-k6hw058plr], .network-history-console select[b-k6hw058plr], .history-record-card[b-k6hw058plr] { outline: none; }
.network-history-console button:focus-visible[b-k6hw058plr], .network-history-console input:focus-visible[b-k6hw058plr],
.network-history-console select:focus-visible[b-k6hw058plr], .history-record-card:focus-visible[b-k6hw058plr] {
    box-shadow: 0 0 0 3px rgba(50, 117, 241, .24); border-color: #3479ee;
}
@media (max-width: 1180px) {
    .history-record-card[b-k6hw058plr] { grid-template-columns: 68px minmax(160px, 1.2fr) minmax(190px, 1.3fr) 105px 105px; }
    .history-people-block[b-k6hw058plr] { display: none; }
}
@media (max-width: 900px) {
    .network-history-console[b-k6hw058plr] { height: auto; min-height: 100%; overflow: visible; }
    .history-feed-panel[b-k6hw058plr] { min-height: 460px; }
    .history-record-card[b-k6hw058plr] { grid-template-columns: 65px minmax(160px, 1fr) minmax(180px, 1fr) 100px; }
    .history-component-block[b-k6hw058plr] { display: none; }
}
@media (max-width: 640px) {
    .network-history-console[b-k6hw058plr] { gap: .6rem; padding: .55rem; }
    .history-command-header[b-k6hw058plr] { min-height: 62px; border-radius: 18px; }
    .history-command-icon[b-k6hw058plr] { width: 44px; height: 44px; border-radius: 14px; }
    .history-command-title h1[b-k6hw058plr] { font-size: 1.25rem; }
    .history-icon-action[b-k6hw058plr] { width: 40px; height: 40px; }
    .history-summary-grid[b-k6hw058plr] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .history-summary-card[b-k6hw058plr] { min-height: 67px; padding: .6rem .7rem; border-radius: 17px; }
    .history-summary-card > span[b-k6hw058plr] { width: 39px; height: 39px; border-radius: 13px; }
    .history-summary-card strong[b-k6hw058plr] { font-size: 1.45rem; }
    .history-search-bar[b-k6hw058plr] { flex-wrap: wrap; border-radius: 17px; }
    .history-quick-search[b-k6hw058plr] { flex-basis: 100%; }
    .history-filter-button[b-k6hw058plr] { flex: 1; }
    .history-feed-panel[b-k6hw058plr] { min-height: 430px; padding: .55rem; border-radius: 18px; }
    .history-record-card[b-k6hw058plr] { grid-template-columns: 56px minmax(0, 1fr) auto; gap: .55rem; min-height: 78px; padding: .5rem; border-radius: 16px; }
    .history-record-date[b-k6hw058plr] { min-height: 58px; }
    .history-unit-block[b-k6hw058plr], .history-component-block[b-k6hw058plr], .history-people-block[b-k6hw058plr] { display: none; }
    .history-record-state .issue-status[b-k6hw058plr] { display: none; }
    .history-modal-backdrop[b-k6hw058plr] { padding: 0; }
    .history-filter-modal[b-k6hw058plr], .history-detail-modal[b-k6hw058plr] { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
    .history-filter-grid[b-k6hw058plr] { grid-template-columns: 1fr; flex: 1 1 auto; }
    .history-modal-actions > *[b-k6hw058plr] { flex: 1; }
    .history-detail-hero[b-k6hw058plr] { grid-template-columns: 62px minmax(0, 1fr); margin: .7rem .7rem 0; gap: .7rem; }
    .history-detail-hero > .issue-status[b-k6hw058plr] { grid-column: 2; justify-self: start; }
    .history-detail-grid[b-k6hw058plr] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .7rem; }
    .history-detail-remark[b-k6hw058plr] { grid-column: span 2; }
    .history-detail-units[b-k6hw058plr] { margin: 0 .7rem .7rem; }
}
@media (prefers-reduced-motion: reduce) {
    .history-record-card[b-k6hw058plr] { transition: none; }
}
@media print {
    .history-header-actions[b-k6hw058plr], .history-search-bar[b-k6hw058plr], .prototype-footer[b-k6hw058plr] { display: none !important; }
}
/* /Components/Pages/Trans/IssueNetworkHospital.razor.rz.scp.css */
.trans-issue-page[b-hkkk4fzqjg] {
    box-sizing: border-box;
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
}

.trans-issue-page *[b-hkkk4fzqjg],
.trans-issue-page *[b-hkkk4fzqjg]::before,
.trans-issue-page *[b-hkkk4fzqjg]::after {
    box-sizing: border-box;
}

.trans-issue-header[b-hkkk4fzqjg] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.trans-issue-title[b-hkkk4fzqjg] {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.trans-issue-title__icon[b-hkkk4fzqjg] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    color: #475569;
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.trans-issue-title__icon[b-hkkk4fzqjg] (svg) {
    fill: none;
    height: 2rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 2rem;
}

.trans-issue-title p[b-hkkk4fzqjg] {
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.trans-issue-title h1[b-hkkk4fzqjg] {
    color: #0f3f91;
    font-size: 2rem;
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0;
}

.trans-issue-title > div > span[b-hkkk4fzqjg] {
    color: #475569;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0.35rem;
}

.trans-history-button[b-hkkk4fzqjg],
.trans-search-button[b-hkkk4fzqjg],
.trans-add-button[b-hkkk4fzqjg],
.trans-reset-button[b-hkkk4fzqjg],
.trans-cancel-button[b-hkkk4fzqjg],
.trans-save-button[b-hkkk4fzqjg],
.trans-detail-button[b-hkkk4fzqjg],
.trans-remove-button[b-hkkk4fzqjg] {
    border: 1px solid #cbd5e1;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
}

.trans-history-button[b-hkkk4fzqjg] {
    background: #ffffff;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    min-height: 3rem;
    padding: 0.75rem 1.25rem;
}

.trans-issue-grid[b-hkkk4fzqjg] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
}

.trans-side-column[b-hkkk4fzqjg],
.trans-main-column[b-hkkk4fzqjg] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.trans-panel[b-hkkk4fzqjg] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    min-width: 0;
}

.trans-panel-header[b-hkkk4fzqjg] {
    align-items: center;
    border-bottom: 1px solid #cbd5e1;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
}

.trans-panel-header h2[b-hkkk4fzqjg] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 950;
    margin: 0;
}

.trans-panel-header span[b-hkkk4fzqjg] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
}

.trans-panel-header--scan[b-hkkk4fzqjg] {
    background: #f8fafc;
}

.trans-panel-header--scan strong[b-hkkk4fzqjg] {
    background: #dbeafe;
    color: #0f3f91;
    font-size: 1rem;
    font-weight: 950;
    padding: 0.5rem 0.75rem;
}

.trans-form-stack[b-hkkk4fzqjg],
.trans-search-body[b-hkkk4fzqjg],
.trans-confirm-grid[b-hkkk4fzqjg] {
    padding: 1.25rem;
}

.trans-form-stack[b-hkkk4fzqjg] {
    display: grid;
    gap: 1rem;
}

.trans-two-col[b-hkkk4fzqjg],
.trans-side-form-grid[b-hkkk4fzqjg] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trans-side-form-grid[b-hkkk4fzqjg] {
    grid-template-columns: 1fr;
}

.trans-form-stack label[b-hkkk4fzqjg],
.trans-search-body label[b-hkkk4fzqjg],
.trans-confirm-grid label[b-hkkk4fzqjg] {
    display: grid;
    gap: 0.45rem;
}

.trans-form-stack span[b-hkkk4fzqjg],
.trans-search-body span[b-hkkk4fzqjg],
.trans-confirm-grid span[b-hkkk4fzqjg] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.3;
    min-width: 0;
    white-space: normal;
}

.trans-form-stack input[b-hkkk4fzqjg],
.trans-form-stack textarea[b-hkkk4fzqjg],
.trans-search-body input[b-hkkk4fzqjg],
.trans-search-body select[b-hkkk4fzqjg],
.trans-confirm-grid input[b-hkkk4fzqjg] {
    background: #ffffff;
    border: 1px solid #b6c2d2;
    color: #111827;
    font: inherit;
    min-height: 3rem;
    padding: 0.7rem 0.9rem;
}

.trans-form-stack[b-hkkk4fzqjg] (.glass-datepicker-input),
.trans-form-stack[b-hkkk4fzqjg] (.glass-timepicker-input) {
    border-color: #b6c2d2;
    min-height: 3rem;
}

.trans-form-stack textarea[b-hkkk4fzqjg] {
    min-height: 6.75rem;
    resize: vertical;
}

.trans-form-stack input:focus[b-hkkk4fzqjg],
.trans-form-stack textarea:focus[b-hkkk4fzqjg],
.trans-search-body input:focus[b-hkkk4fzqjg],
.trans-search-body select:focus[b-hkkk4fzqjg],
.trans-confirm-grid input:focus[b-hkkk4fzqjg] {
    border-color: #0f4a99;
    box-shadow: 0 0 0 2px rgba(15, 74, 153, 0.15);
    outline: none;
}

.trans-summary-card[b-hkkk4fzqjg] {
    background: #0f4a99;
    border: 1px solid #0f3f91;
    box-shadow: 0 0.75rem 1.5rem rgba(15, 63, 145, 0.18);
    color: #ffffff;
    padding: 1.25rem;
}

.trans-summary-card > div:first-child[b-hkkk4fzqjg] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.trans-summary-card span[b-hkkk4fzqjg] {
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.12em;
}

.trans-summary-card strong[b-hkkk4fzqjg] {
    font-size: 2.25rem;
    font-weight: 950;
}

.trans-summary-card dl[b-hkkk4fzqjg] {
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 1rem 0 0;
    padding-top: 1rem;
}

.trans-summary-card dt[b-hkkk4fzqjg],
.trans-summary-card dd[b-hkkk4fzqjg] {
    margin: 0;
}

.trans-summary-card dt[b-hkkk4fzqjg] {
    color: #dbeafe;
    font-weight: 800;
}

.trans-summary-card dd[b-hkkk4fzqjg] {
    font-size: 1.35rem;
    font-weight: 950;
}

.trans-summary-tags[b-hkkk4fzqjg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.trans-summary-tags span[b-hkkk4fzqjg] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 1rem;
    letter-spacing: 0;
    padding: 0.35rem 0.55rem;
}

.trans-search-body[b-hkkk4fzqjg] {
    display: grid;
    gap: 1.15rem;
}

.trans-search-primary[b-hkkk4fzqjg] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 8rem 8rem 9.5rem;
}

.trans-search-details[b-hkkk4fzqjg] {
    align-items: end;
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 1rem;
}

.trans-unit-search > div[b-hkkk4fzqjg] {
    position: relative;
}

.trans-unit-search input[b-hkkk4fzqjg] {
    border: 2px solid #0f3f91;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    padding-left: 2.8rem;
    text-transform: uppercase;
    width: 100%;
}

.trans-scan-icon[b-hkkk4fzqjg] {
    align-items: center;
    color: #0f3f91;
    display: inline-flex;
    height: 1.25rem;
    justify-content: center;
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
}

.trans-scan-icon[b-hkkk4fzqjg] (svg) {
    fill: none;
    height: 1.25rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.25rem;
}

.trans-search-button[b-hkkk4fzqjg] {
    background: #0f4a99;
    border-color: #0f4a99;
    color: #ffffff;
    min-height: 3.25rem;
}

.trans-search-actions[b-hkkk4fzqjg] {
    align-items: stretch;
    display: flex;
    gap: 0.75rem;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.trans-add-button[b-hkkk4fzqjg] {
    background: #16803c;
    border-color: #16803c;
    color: #ffffff;
    min-height: 3rem;
    min-width: 10rem;
}

.trans-reset-button[b-hkkk4fzqjg],
.trans-cancel-button[b-hkkk4fzqjg] {
    background: #f1f5f9;
    color: #111827;
    min-height: 3rem;
    min-width: 7.5rem;
}

.trans-table-wrap[b-hkkk4fzqjg] {
    overflow-x: auto;
}

.trans-table[b-hkkk4fzqjg] {
    border-collapse: collapse;
    min-width: 100%;
    white-space: nowrap;
}

.trans-table th[b-hkkk4fzqjg],
.trans-table td[b-hkkk4fzqjg] {
    border-bottom: 1px solid #cbd5e1;
    color: #111827;
    font-size: 1rem;
    padding: 0.9rem 1rem;
    text-align: left;
}

.trans-table th[b-hkkk4fzqjg] {
    background: #f1f5f9;
    color: #1f2937;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trans-empty[b-hkkk4fzqjg] {
    color: #64748b;
    font-weight: 800;
    padding: 2rem 1rem !important;
    text-align: center !important;
}

.trans-unit-no[b-hkkk4fzqjg] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-weight: 950;
}

.trans-group-badge[b-hkkk4fzqjg] {
    background: #fee2e2;
    color: #b91c1c;
    display: inline-flex;
    font-weight: 950;
    padding: 0.25rem 0.5rem;
}

.trans-status[b-hkkk4fzqjg] {
    border: 1px solid transparent;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 950;
    padding: 0.25rem 0.6rem;
    text-transform: uppercase;
}

.trans-status--available[b-hkkk4fzqjg] {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
}

.trans-status--selected[b-hkkk4fzqjg] {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.trans-status--issued[b-hkkk4fzqjg],
.trans-status--not-available[b-hkkk4fzqjg] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #334155;
}

.trans-status--expired[b-hkkk4fzqjg],
.trans-status--infected[b-hkkk4fzqjg] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.trans-status--warning[b-hkkk4fzqjg] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.trans-status--crossmatch[b-hkkk4fzqjg] {
    background: #e0e7ff;
    border-color: #a5b4fc;
    color: #3730a3;
}

.trans-remove-button[b-hkkk4fzqjg] {
    background: #ffffff;
    border-color: #fecaca;
    color: #dc2626;
    padding: 0.45rem 0.7rem;
}

.trans-detail-button[b-hkkk4fzqjg] {
    background: #ffffff;
    color: #0f4a99;
    padding: 0.45rem 0.7rem;
}

.trans-table-summary[b-hkkk4fzqjg] {
    align-items: center;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.trans-table-summary span[b-hkkk4fzqjg] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.trans-confirm-panel[b-hkkk4fzqjg] {
    border-color: #b6c2d2;
}

.trans-confirm-grid[b-hkkk4fzqjg] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.trans-required-chip[b-hkkk4fzqjg] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 1rem;
    font-weight: 950;
    padding: 0.45rem 0.65rem;
    text-transform: uppercase;
}

.trans-password-label span[b-hkkk4fzqjg] {
    color: #b91c1c;
}

.trans-password-label input[b-hkkk4fzqjg] {
    border-color: #fca5a5;
}

.trans-confirm-actions[b-hkkk4fzqjg] {
    display: flex;
    gap: 0.75rem;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.trans-save-button[b-hkkk4fzqjg] {
    background: #0f4a99;
    border-color: #0f4a99;
    color: #ffffff;
    min-height: 3.25rem;
    min-width: 13rem;
}

.trans-message[b-hkkk4fzqjg] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    font-weight: 900;
    padding: 0.9rem 1rem;
}

.trans-message--success[b-hkkk4fzqjg] {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.trans-message--warning[b-hkkk4fzqjg] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.trans-modal-backdrop[b-hkkk4fzqjg] {
    align-items: center;
    background: rgba(15, 23, 42, 0.42);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 50;
}

.trans-modal[b-hkkk4fzqjg] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1rem 3rem rgba(15, 23, 42, 0.22);
    max-width: 44rem;
    width: 100%;
}

.trans-modal-header[b-hkkk4fzqjg] {
    border-bottom: 1px solid #e2e8f0;
    padding: 1.25rem;
}

.trans-modal-header h2[b-hkkk4fzqjg] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 950;
    margin: 0;
}

.trans-modal-header span[b-hkkk4fzqjg] {
    color: #64748b;
    display: block;
    font-weight: 800;
    margin-top: 0.25rem;
}

.trans-modal-summary[b-hkkk4fzqjg] {
    display: grid;
    gap: 0.75rem 1rem;
    grid-template-columns: 12rem minmax(0, 1fr);
    margin: 0;
    padding: 1.25rem;
}

.trans-modal-summary dt[b-hkkk4fzqjg] {
    color: #475569;
    font-weight: 900;
}

.trans-modal-summary dd[b-hkkk4fzqjg] {
    color: #111827;
    font-weight: 800;
    margin: 0;
}

.trans-modal-actions[b-hkkk4fzqjg] {
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1rem 1.25rem;
}

@media (max-width: 1500px) {
    .trans-search-primary[b-hkkk4fzqjg] {
        grid-template-columns: minmax(0, 1fr) 8rem 8rem 9.5rem;
    }

    .trans-search-details[b-hkkk4fzqjg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .trans-confirm-grid[b-hkkk4fzqjg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .trans-issue-grid[b-hkkk4fzqjg] {
        grid-template-columns: 1fr;
    }

    .trans-search-primary[b-hkkk4fzqjg],
    .trans-search-details[b-hkkk4fzqjg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trans-confirm-grid[b-hkkk4fzqjg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Network Dispatch command center */
.network-dispatch-command[b-hkkk4fzqjg] {
    --dispatch-blue: #2563eb;
    --dispatch-violet: #7047eb;
    --dispatch-teal: #0eaa9d;
    --dispatch-pink: #e84891;
    grid-row: 1 / -1;
    height: 100%;
    min-height: 0;
    padding: clamp(.75rem, 1.25vw, 1.15rem);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overflow-x: hidden;
    overflow-y: auto;
    background:
        radial-gradient(circle at 7% 7%, rgba(56, 189, 248, .17), transparent 27%),
        radial-gradient(circle at 93% 8%, rgba(236, 72, 153, .14), transparent 28%),
        linear-gradient(135deg, #eef7ff 0%, #faf9ff 50%, #fff3f9 100%);
}

.network-dispatch-command .trans-issue-header[b-hkkk4fzqjg],
.network-dispatch-command .trans-stage-rail[b-hkkk4fzqjg],
.network-dispatch-command .trans-panel[b-hkkk4fzqjg],
.network-dispatch-command .trans-summary-card[b-hkkk4fzqjg] {
    border: 1px solid rgba(165, 180, 252, .42);
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 16px 42px rgba(62, 72, 128, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.network-dispatch-command .trans-issue-header[b-hkkk4fzqjg] {
    min-height: 66px;
    padding: .58rem .75rem;
    border-radius: 21px;
}

.network-dispatch-command .trans-issue-title[b-hkkk4fzqjg] {
    gap: .72rem;
    min-width: 0;
}

.network-dispatch-command .trans-issue-title__icon[b-hkkk4fzqjg] {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #2785f6, #7047eb 68%, #d946ef);
    box-shadow: 0 9px 20px rgba(79, 70, 229, .23), inset 0 1px 0 rgba(255, 255, 255, .5);
}

.network-dispatch-command .trans-issue-title__icon[b-hkkk4fzqjg] (svg) {
    width: 24px;
    height: 24px;
}

.network-dispatch-command .trans-issue-title p[b-hkkk4fzqjg] {
    margin: 0;
    color: #73809a;
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
}

.network-dispatch-command .trans-issue-title h1[b-hkkk4fzqjg] {
    margin-top: .08rem;
    color: #172554;
    font-size: clamp(1.12rem, 1.9vw, 1.55rem);
}

.network-dispatch-command .trans-issue-title > div > span[b-hkkk4fzqjg] {
    margin-top: .12rem;
    color: #8a96ab;
    font-size: 1rem;
}

.trans-command-metrics[b-hkkk4fzqjg] {
    min-width: 0;
    display: flex;
    align-items: stretch;
    gap: .42rem;
}

.trans-command-metrics > span[b-hkkk4fzqjg],
.network-dispatch-command .trans-history-button[b-hkkk4fzqjg] {
    min-width: 92px;
    min-height: 42px;
    padding: .4rem .65rem;
    border: 1px solid rgba(203, 213, 225, .78);
    border-radius: 13px;
    display: grid;
    align-content: center;
    color: #61708b;
    background: rgba(248, 250, 252, .82);
}

.trans-command-metrics small[b-hkkk4fzqjg] {
    overflow: hidden;
    color: #8390a6;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trans-command-metrics strong[b-hkkk4fzqjg] {
    overflow: hidden;
    margin-top: .08rem;
    color: #1e3a8a;
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-dispatch-command .trans-history-button[b-hkkk4fzqjg] {
    min-width: auto;
    grid-auto-flow: column;
    place-items: center;
    gap: .4rem;
    color: #5b42d5;
    font-size: 1rem;
}

.network-dispatch-command .trans-history-button b[b-hkkk4fzqjg] {
    min-width: 22px;
    height: 22px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #7560ed, #d946ef);
    font-size: 1rem;
}

.network-dispatch-command .trans-message[b-hkkk4fzqjg] {
    min-height: 38px;
    padding: .52rem .75rem;
    border-radius: 13px;
    font-size: 1rem;
}

.trans-stage-rail[b-hkkk4fzqjg] {
    min-height: 43px;
    margin: 0;
    padding: .4rem .65rem;
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}

.trans-stage-rail li[b-hkkk4fzqjg] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 900;
    position: relative;
}

.trans-stage-rail li:not(:last-child)[b-hkkk4fzqjg]::after {
    content: "";
    width: 32%;
    height: 1px;
    position: absolute;
    right: -16%;
    background: #dbe3f0;
}

.trans-stage-rail li > span[b-hkkk4fzqjg] {
    width: 27px;
    height: 27px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #7887a1;
    background: #edf1f7;
}

.trans-stage-rail li.is-current[b-hkkk4fzqjg] {
    color: #4338ca;
}

.trans-stage-rail li.is-current > span[b-hkkk4fzqjg] {
    color: #fff;
    background: linear-gradient(145deg, var(--dispatch-blue), var(--dispatch-violet));
    box-shadow: 0 6px 14px rgba(79, 70, 229, .22);
}

.trans-stage-rail li.is-complete[b-hkkk4fzqjg] {
    color: #087d73;
}

.trans-stage-rail li.is-complete > span[b-hkkk4fzqjg] {
    color: #fff;
    background: linear-gradient(145deg, #2dd4bf, #07998d);
}

.network-dispatch-command .trans-issue-grid[b-hkkk4fzqjg] {
    flex: 1 0 440px;
    min-height: 440px;
    gap: .7rem;
    grid-template-columns: minmax(275px, 320px) minmax(0, 1fr);
    align-items: stretch;
}

.network-dispatch-command .trans-side-column[b-hkkk4fzqjg],
.network-dispatch-command .trans-main-column[b-hkkk4fzqjg] {
    min-height: 0;
    gap: .7rem;
}

.network-dispatch-command .trans-side-column[b-hkkk4fzqjg] {
    grid-template-rows: minmax(285px, 1fr) auto;
}

.network-dispatch-command .trans-main-column[b-hkkk4fzqjg] {
    grid-template-rows: minmax(250px, auto) minmax(155px, 1fr);
}

.network-dispatch-command .trans-panel[b-hkkk4fzqjg],
.network-dispatch-command .trans-summary-card[b-hkkk4fzqjg] {
    min-width: 0;
    min-height: 0;
    border-radius: 20px;
    overflow: auto;
}

.network-dispatch-command .trans-panel[b-hkkk4fzqjg] {
    padding: .85rem;
}

.network-dispatch-command .trans-panel-header[b-hkkk4fzqjg] {
    margin-bottom: .7rem;
    padding-bottom: .55rem;
    border-color: #e5eaf3;
}

.network-dispatch-command .trans-panel-header h2[b-hkkk4fzqjg] {
    color: #1e2c55;
    font-size: 1rem;
}

.network-dispatch-command .trans-panel-header > span[b-hkkk4fzqjg],
.network-dispatch-command .trans-panel-header > div > span[b-hkkk4fzqjg] {
    display: none;
}

.network-dispatch-command .trans-panel-header--scan > strong[b-hkkk4fzqjg],
.network-dispatch-command .trans-required-chip[b-hkkk4fzqjg] {
    padding: .32rem .55rem;
    border: 1px solid rgba(20, 184, 166, .2);
    border-radius: 999px;
    color: #087d73;
    background: #ecfdf8;
    font-size: 1rem;
}

.network-dispatch-command .trans-form-stack[b-hkkk4fzqjg] {
    gap: .65rem;
}

.network-dispatch-command .trans-form-stack span[b-hkkk4fzqjg],
.network-dispatch-command .trans-search-body span[b-hkkk4fzqjg],
.network-dispatch-command .trans-confirm-grid span[b-hkkk4fzqjg] {
    color: #5b6982;
    font-size: 1rem;
    font-weight: 850;
}

.network-dispatch-command .trans-form-stack input[b-hkkk4fzqjg],
.network-dispatch-command .trans-form-stack textarea[b-hkkk4fzqjg],
.network-dispatch-command .trans-form-stack select[b-hkkk4fzqjg],
.network-dispatch-command .trans-search-body input[b-hkkk4fzqjg],
.network-dispatch-command .trans-search-body select[b-hkkk4fzqjg],
.network-dispatch-command .trans-confirm-grid input[b-hkkk4fzqjg] {
    min-height: 2.55rem;
    padding: .55rem .72rem;
    border-color: #d2dbea;
    border-radius: 11px;
    color: #172554;
    background: rgba(255, 255, 255, .86);
    font-size: 1rem;
    font-weight: 750;
}

.network-dispatch-command .trans-form-stack textarea[b-hkkk4fzqjg] {
    min-height: 4.1rem;
    resize: vertical;
}

.network-dispatch-command .trans-side-form-grid[b-hkkk4fzqjg] {
    gap: .55rem;
}

.network-dispatch-command .trans-summary-card[b-hkkk4fzqjg] {
    padding: .72rem .82rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    background: linear-gradient(135deg, rgba(238, 242, 255, .9), rgba(236, 253, 250, .8));
}

.network-dispatch-command .trans-summary-card > div:first-child strong[b-hkkk4fzqjg] {
    color: #5b42d5;
    font-size: 1.55rem;
}

.network-dispatch-command .trans-summary-card span[b-hkkk4fzqjg],
.network-dispatch-command .trans-summary-card dt[b-hkkk4fzqjg] {
    color: #64748b;
}

.network-dispatch-command .trans-summary-card dd[b-hkkk4fzqjg] {
    color: #172554;
}

.network-dispatch-command .trans-summary-card dl[b-hkkk4fzqjg] {
    grid-template-columns: auto 1fr;
    margin: 0;
    font-size: 1rem;
}

.network-dispatch-command .trans-summary-tags[b-hkkk4fzqjg] {
    grid-column: 1 / -1;
}

.network-dispatch-command .trans-search-body[b-hkkk4fzqjg] {
    gap: .62rem;
}

.network-dispatch-command .trans-search-primary[b-hkkk4fzqjg] {
    grid-template-columns: minmax(0, 1fr) 6.5rem 6.5rem auto;
    gap: .5rem;
}

.network-dispatch-command .trans-unit-search > div[b-hkkk4fzqjg] {
    border-radius: 12px;
}

.network-dispatch-command .trans-search-button[b-hkkk4fzqjg],
.network-dispatch-command .trans-add-button[b-hkkk4fzqjg],
.network-dispatch-command .trans-save-button[b-hkkk4fzqjg] {
    min-height: 2.55rem;
    padding: .55rem .85rem;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, #1d75ef, #7047eb 62%, #d946ef);
    box-shadow: 0 8px 18px rgba(91, 68, 218, .18);
    font-size: 1rem;
}

.network-dispatch-command .trans-reset-button[b-hkkk4fzqjg],
.network-dispatch-command .trans-cancel-button[b-hkkk4fzqjg],
.network-dispatch-command .trans-remove-button[b-hkkk4fzqjg],
.network-dispatch-command .trans-detail-button[b-hkkk4fzqjg] {
    min-height: 2.55rem;
    padding: .5rem .75rem;
    border-radius: 11px;
    color: #5d6980;
    background: rgba(255, 255, 255, .86);
    font-size: 1rem;
}

.network-dispatch-command .trans-search-details[b-hkkk4fzqjg] {
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.network-dispatch-command .trans-search-actions[b-hkkk4fzqjg] {
    align-items: end;
}

.network-dispatch-command .trans-table-wrap[b-hkkk4fzqjg] {
    min-height: 0;
    max-height: none;
    overflow: auto;
}

.network-dispatch-command .trans-table[b-hkkk4fzqjg] {
    font-size: 1rem;
}

.network-dispatch-command .trans-table th[b-hkkk4fzqjg] {
    color: #6c7890;
    background: #f3f6fb;
    font-size: 1rem;
}

.network-dispatch-command .trans-table th[b-hkkk4fzqjg],
.network-dispatch-command .trans-table td[b-hkkk4fzqjg] {
    padding: .5rem .55rem;
}

.network-dispatch-command .trans-table-summary[b-hkkk4fzqjg] {
    padding-top: .5rem;
    color: #65728a;
    font-size: 1rem;
}

.network-dispatch-command .trans-confirm-panel[b-hkkk4fzqjg] {
    flex: 0 0 auto;
    padding: .72rem .85rem;
    overflow: visible;
}

.network-dispatch-command .trans-confirm-panel .trans-panel-header[b-hkkk4fzqjg] {
    margin-bottom: .55rem;
    padding-bottom: .45rem;
}

.network-dispatch-command .trans-confirm-grid[b-hkkk4fzqjg] {
    grid-template-columns: minmax(130px, .8fr) minmax(150px, 1fr) minmax(160px, 1.15fr) minmax(170px, 1fr) auto;
    gap: .55rem;
    align-items: end;
}

.network-dispatch-command .trans-confirm-actions[b-hkkk4fzqjg] {
    align-self: end;
    display: grid;
    grid-column: auto;
    grid-template-columns: auto auto;
    gap: .4rem;
}

.network-dispatch-command .trans-inline-history[b-hkkk4fzqjg] {
    display: none;
}

.network-dispatch-command .trans-modal-backdrop[b-hkkk4fzqjg] {
    z-index: 1000;
    background: rgba(29, 35, 78, .4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.network-dispatch-command .trans-modal[b-hkkk4fzqjg] {
    max-height: calc(100vh - 2rem);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 25px;
    overflow: auto;
    background: linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(246, 247, 255, .98));
    box-shadow: 0 30px 85px rgba(30, 41, 99, .27);
}

.network-dispatch-command .trans-modal-header[b-hkkk4fzqjg] {
    border-color: #e5eaf3;
}

.network-dispatch-command .trans-modal-summary[b-hkkk4fzqjg] {
    grid-template-columns: 10rem minmax(0, 1fr);
    font-size: 1rem;
}

.network-dispatch-command button:focus-visible[b-hkkk4fzqjg],
.network-dispatch-command a:focus-visible[b-hkkk4fzqjg],
.network-dispatch-command input:focus-visible[b-hkkk4fzqjg],
.network-dispatch-command select:focus-visible[b-hkkk4fzqjg],
.network-dispatch-command textarea:focus-visible[b-hkkk4fzqjg] {
    outline: 3px solid rgba(37, 99, 235, .38);
    outline-offset: 2px;
}

@media (max-width: 1200px) {
    .network-dispatch-command[b-hkkk4fzqjg] {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .network-dispatch-command .trans-issue-grid[b-hkkk4fzqjg] {
        flex: none;
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .network-dispatch-command .trans-side-column[b-hkkk4fzqjg] {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .38fr);
        grid-template-rows: auto;
    }

    .network-dispatch-command .trans-confirm-grid[b-hkkk4fzqjg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .network-dispatch-command .trans-confirm-actions[b-hkkk4fzqjg] {
        grid-column: 1 / -1;
        justify-content: end;
    }
}

@media (max-width: 760px) {
    .network-dispatch-command[b-hkkk4fzqjg] {
        padding: .55rem;
    }

    .network-dispatch-command .trans-issue-header[b-hkkk4fzqjg] {
        align-items: flex-start;
    }

    .trans-command-metrics > span:first-child[b-hkkk4fzqjg] {
        display: none;
    }

    .network-dispatch-command .trans-side-column[b-hkkk4fzqjg] {
        grid-template-columns: 1fr;
    }

    .network-dispatch-command .trans-search-primary[b-hkkk4fzqjg],
    .network-dispatch-command .trans-search-details[b-hkkk4fzqjg],
    .network-dispatch-command .trans-confirm-grid[b-hkkk4fzqjg] {
        grid-template-columns: 1fr;
    }

    .network-dispatch-command .trans-search-actions[b-hkkk4fzqjg],
    .network-dispatch-command .trans-confirm-actions[b-hkkk4fzqjg] {
        grid-column: auto;
        grid-template-columns: 1fr 1fr;
    }

    .network-dispatch-command .trans-table-wrap[b-hkkk4fzqjg] {
        overflow-x: auto;
    }

    .network-dispatch-command .trans-table[b-hkkk4fzqjg] {
        min-width: 720px;
    }
}

@media (max-width: 520px) {
    .network-dispatch-command .trans-issue-title > div > span[b-hkkk4fzqjg],
    .trans-command-metrics > span[b-hkkk4fzqjg] {
        display: none;
    }

    .trans-stage-rail li:not(:last-child)[b-hkkk4fzqjg]::after {
        display: none;
    }

    .network-dispatch-command .trans-panel[b-hkkk4fzqjg],
    .network-dispatch-command .trans-summary-card[b-hkkk4fzqjg] {
        border-radius: 17px;
    }

    .network-dispatch-command .trans-modal-backdrop[b-hkkk4fzqjg] {
        padding: 0;
    }

    .network-dispatch-command .trans-modal[b-hkkk4fzqjg] {
        width: 100%;
        min-height: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .network-dispatch-command .trans-modal-summary[b-hkkk4fzqjg] {
        grid-template-columns: 1fr;
    }

    .network-dispatch-command .trans-modal-summary dd[b-hkkk4fzqjg] {
        padding-bottom: .35rem;
        border-bottom: 1px solid #e5eaf3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .network-dispatch-command *[b-hkkk4fzqjg],
    .network-dispatch-command *[b-hkkk4fzqjg]::before,
    .network-dispatch-command *[b-hkkk4fzqjg]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Selected concept: 3D Transfer Case */
.network-transfer-layout[b-hkkk4fzqjg] {
    flex: 1 0 410px;
    min-height: 410px;
    display: grid;
    grid-template-areas: "destination visual scan";
    grid-template-columns: minmax(245px, .78fr) minmax(390px, 1.35fr) minmax(310px, 1fr);
    gap: .7rem;
}

.network-transfer-layout > *[b-hkkk4fzqjg] {
    min-width: 0;
    min-height: 0;
}

.network-dispatch-command .trans-destination-card[b-hkkk4fzqjg] {
    grid-area: destination;
    overflow: auto;
}

.network-dispatch-command .trans-destination-card .trans-form-stack[b-hkkk4fzqjg] {
    gap: .75rem;
}

.trans-destination-reference[b-hkkk4fzqjg] {
    min-height: 58px;
    padding: .7rem;
    border: 1px solid #dbe4f1;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #315fae;
    background: linear-gradient(135deg, rgba(239, 246, 255, .95), rgba(245, 243, 255, .9));
}

.trans-destination-reference[b-hkkk4fzqjg] (svg) {
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
}

.trans-destination-reference div[b-hkkk4fzqjg] {
    min-width: 0;
    display: grid;
    gap: .1rem;
}

.trans-destination-reference small[b-hkkk4fzqjg] {
    color: #7a879d;
    font-size: 1rem;
    font-weight: 800;
}

.trans-destination-reference strong[b-hkkk4fzqjg] {
    overflow: hidden;
    color: #243864;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trans-destination-details[b-hkkk4fzqjg] {
    border-top: 1px solid #e4e9f2;
    padding-top: .65rem;
}

.trans-destination-details summary[b-hkkk4fzqjg] {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #56647c;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    list-style: none;
}

.trans-destination-details summary[b-hkkk4fzqjg]::-webkit-details-marker {
    display: none;
}

.trans-destination-details summary[b-hkkk4fzqjg] (svg) {
    width: 1rem;
    height: 1rem;
    transition: transform .2s ease;
}

.trans-destination-details[open] summary[b-hkkk4fzqjg] (svg) {
    transform: rotate(180deg);
}

.trans-destination-details .trans-side-form-grid[b-hkkk4fzqjg] {
    margin-top: .55rem;
    grid-template-columns: 1fr 1fr;
}

.trans-destination-details > label[b-hkkk4fzqjg] {
    margin-top: .55rem;
    display: grid;
    gap: .35rem;
}

.network-dispatch-command .trans-destination-details textarea[b-hkkk4fzqjg] {
    min-height: 64px;
}

.trans-transfer-case-card[b-hkkk4fzqjg] {
    grid-area: visual;
    position: relative;
    padding: .75rem;
    border: 1px solid rgba(154, 171, 218, .35);
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background:
        radial-gradient(circle at 50% 38%, rgba(118, 173, 255, .3), transparent 43%),
        radial-gradient(circle at 50% 78%, rgba(139, 92, 246, .18), transparent 48%),
        linear-gradient(150deg, rgba(255, 255, 255, .94), rgba(235, 245, 255, .82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 16px 36px rgba(74, 91, 157, .12);
}

.trans-transfer-case-card[b-hkkk4fzqjg]::before,
.trans-transfer-case-card[b-hkkk4fzqjg]::after {
    content: "";
    width: 180px;
    height: 180px;
    position: absolute;
    border-radius: 50%;
    filter: blur(4px);
    pointer-events: none;
}

.trans-transfer-case-card[b-hkkk4fzqjg]::before {
    top: -95px;
    right: -75px;
    background: rgba(236, 72, 153, .12);
}

.trans-transfer-case-card[b-hkkk4fzqjg]::after {
    bottom: -110px;
    left: -60px;
    background: rgba(45, 212, 191, .14);
}

.trans-transfer-case-heading[b-hkkk4fzqjg] {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4f5f79;
    font-size: 1rem;
    font-weight: 900;
}

.trans-transfer-case-heading strong[b-hkkk4fzqjg] {
    min-width: 34px;
    height: 28px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #2563eb, #7047eb);
    font-size: 1rem;
}

.trans-transfer-case-card > img[b-hkkk4fzqjg] {
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgba(29, 57, 108, .18));
}

.trans-transfer-case-units[b-hkkk4fzqjg] {
    z-index: 2;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.trans-transfer-case-units span[b-hkkk4fzqjg] {
    padding: .38rem .58rem;
    border: 1px solid rgba(198, 209, 228, .8);
    border-radius: 999px;
    color: #5f6e86;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 5px 12px rgba(74, 91, 157, .08);
    font-size: 1rem;
    font-weight: 800;
}

.network-dispatch-command .trans-scan-station[b-hkkk4fzqjg] {
    grid-area: scan;
    overflow: auto;
}

.network-dispatch-command .trans-scan-station .trans-search-body[b-hkkk4fzqjg] {
    min-height: calc(100% - 52px);
    padding: .15rem 0 0;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.trans-scan-entry[b-hkkk4fzqjg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: center;
}

.trans-scan-entry > .trans-scan-icon[b-hkkk4fzqjg] {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #5c48d8;
    background: #f0edff;
}

.trans-scan-entry > .trans-scan-icon[b-hkkk4fzqjg] (svg) {
    width: 1.35rem;
    height: 1.35rem;
}

.network-dispatch-command .trans-scan-entry > input[b-hkkk4fzqjg] {
    min-width: 0;
    min-height: 42px;
    border: 1.5px solid #7fb4f7;
    border-radius: 13px;
    padding: .55rem .7rem;
    color: #172554;
    background: #fff;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
}

.trans-scan-filters[b-hkkk4fzqjg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.trans-scan-filters label[b-hkkk4fzqjg] {
    display: grid;
    gap: .28rem;
}

.trans-scan-filters span[b-hkkk4fzqjg],
.trans-scan-result label > span[b-hkkk4fzqjg] {
    color: #78859c;
    font-size: 1rem;
    font-weight: 850;
}

.network-dispatch-command .trans-scan-filters select[b-hkkk4fzqjg] {
    min-height: 38px;
    border: 1px solid #d2dbea;
    border-radius: 11px;
    padding: .45rem .6rem;
    color: #293957;
    background: rgba(255, 255, 255, .9);
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
}

.trans-scan-ready[b-hkkk4fzqjg] {
    flex: 1;
    min-height: 135px;
    border: 1px dashed #cdd8eb;
    border-radius: 18px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: .5rem;
    color: #8290a7;
    background: rgba(248, 250, 252, .72);
}

.trans-scan-ready > span[b-hkkk4fzqjg] {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    color: #7a5ce3;
    background: linear-gradient(145deg, #eef5ff, #f2eaff);
}

.trans-scan-ready[b-hkkk4fzqjg] (svg) {
    width: 1.75rem;
    height: 1.75rem;
}

.trans-scan-ready strong[b-hkkk4fzqjg] {
    font-size: 1rem;
}

.trans-scan-result[b-hkkk4fzqjg] {
    padding: .7rem;
    border: 1px solid #bde7df;
    border-radius: 17px;
    display: grid;
    gap: .55rem;
    background: linear-gradient(145deg, #f0fdfa, #f7fbff);
}

.trans-scan-result > div:first-child[b-hkkk4fzqjg] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.trans-scan-result > div:first-child strong[b-hkkk4fzqjg] {
    overflow: hidden;
    color: #24365a;
    font-size: 1rem;
    text-overflow: ellipsis;
}

.trans-scan-result dl[b-hkkk4fzqjg] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
}

.trans-scan-result dl div[b-hkkk4fzqjg] {
    min-width: 0;
    padding: .4rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
}

.trans-scan-result dt[b-hkkk4fzqjg],
.trans-scan-result dd[b-hkkk4fzqjg] {
    margin: 0;
}

.trans-scan-result dt[b-hkkk4fzqjg] {
    color: #8490a5;
    font-size: 1rem;
    font-weight: 800;
}

.trans-scan-result dd[b-hkkk4fzqjg] {
    overflow: hidden;
    color: #213458;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trans-scan-result label[b-hkkk4fzqjg] {
    display: grid;
    gap: .28rem;
}

.network-dispatch-command .trans-scan-result input[b-hkkk4fzqjg] {
    min-height: 38px;
}

.trans-scan-result .trans-search-actions[b-hkkk4fzqjg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
}

.network-dispatch-command .trans-selected-dock[b-hkkk4fzqjg] {
    flex: 0 0 auto;
    min-height: 108px;
    overflow: hidden;
}

.network-dispatch-command .trans-selected-dock .trans-panel-header[b-hkkk4fzqjg] {
    margin-bottom: .45rem;
}

.network-dispatch-command .trans-selected-dock h2[b-hkkk4fzqjg] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.network-dispatch-command .trans-selected-dock h2 b[b-hkkk4fzqjg] {
    min-width: 24px;
    height: 22px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #2563eb, #7047eb);
    font-size: 1rem;
}

.network-dispatch-command .trans-selected-dock .trans-panel-header > span[b-hkkk4fzqjg] {
    display: inline;
    color: #64748b;
}

.trans-selected-unit-list[b-hkkk4fzqjg] {
    min-width: 0;
    display: flex;
    gap: .55rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.trans-selected-empty[b-hkkk4fzqjg] {
    min-height: 48px;
    width: 100%;
    border: 1px dashed #d5deeb;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: #8a96aa;
    background: rgba(248, 250, 252, .68);
    font-size: 1rem;
    font-weight: 800;
}

.trans-selected-empty[b-hkkk4fzqjg] (svg) {
    width: 1.1rem;
    height: 1.1rem;
}

.trans-selected-unit-card[b-hkkk4fzqjg] {
    flex: 0 0 min(285px, 82vw);
    min-width: 0;
    min-height: 58px;
    padding: .5rem .55rem;
    border: 1px solid #dce4f0;
    border-radius: 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .45rem;
    background: linear-gradient(145deg, #fff, #f6f8ff);
}

.trans-selected-unit-icon[b-hkkk4fzqjg] {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: #e23d78;
    background: #fff0f5;
}

.trans-selected-unit-icon[b-hkkk4fzqjg] (svg) {
    width: 1rem;
    height: 1rem;
}

.trans-selected-unit-card > div[b-hkkk4fzqjg] {
    min-width: 0;
    display: grid;
    gap: .1rem;
}

.trans-selected-unit-card strong[b-hkkk4fzqjg],
.trans-selected-unit-card small[b-hkkk4fzqjg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trans-selected-unit-card strong[b-hkkk4fzqjg] {
    color: #22365d;
    font-size: 1rem;
}

.trans-selected-unit-card small[b-hkkk4fzqjg],
.trans-selected-unit-card time[b-hkkk4fzqjg] {
    color: #718096;
    font-size: 1rem;
    font-weight: 750;
}

.network-dispatch-command .trans-selected-unit-card .trans-remove-button[b-hkkk4fzqjg] {
    min-width: 30px;
    min-height: 30px;
    padding: .25rem;
    display: grid;
    place-items: center;
}

.trans-selected-unit-card .trans-remove-button[b-hkkk4fzqjg] (svg) {
    width: .95rem;
    height: .95rem;
}

.network-dispatch-command .trans-save-button[b-hkkk4fzqjg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.network-dispatch-command .trans-save-button[b-hkkk4fzqjg] (svg) {
    width: 1rem;
    height: 1rem;
}

.network-dispatch-command .trans-save-button:disabled[b-hkkk4fzqjg] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

@media (max-width: 1200px) {
    .network-transfer-layout[b-hkkk4fzqjg] {
        flex: none;
        min-height: 650px;
        grid-template-areas:
            "destination scan"
            "visual visual";
        grid-template-columns: minmax(250px, .72fr) minmax(0, 1fr);
        grid-template-rows: minmax(300px, auto) 330px;
    }
}

@media (max-width: 760px) {
    .network-transfer-layout[b-hkkk4fzqjg] {
        min-height: auto;
        grid-template-areas:
            "destination"
            "visual"
            "scan";
        grid-template-columns: 1fr;
        grid-template-rows: auto 300px auto;
    }

    .network-dispatch-command .trans-destination-card[b-hkkk4fzqjg],
    .network-dispatch-command .trans-scan-station[b-hkkk4fzqjg] {
        overflow: visible;
    }

    .trans-selected-unit-list[b-hkkk4fzqjg] {
        flex-direction: column;
        overflow-x: visible;
    }

    .trans-selected-unit-card[b-hkkk4fzqjg] {
        flex-basis: auto;
        width: 100%;
    }

    .trans-selected-unit-card time[b-hkkk4fzqjg] {
        display: none;
    }
}

@media (max-width: 520px) {
    .trans-scan-entry[b-hkkk4fzqjg] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .trans-scan-entry .trans-search-button[b-hkkk4fzqjg] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .trans-scan-result dl[b-hkkk4fzqjg],
    .trans-destination-details .trans-side-form-grid[b-hkkk4fzqjg] {
        grid-template-columns: 1fr;
    }

    .trans-transfer-case-card[b-hkkk4fzqjg] {
        padding: .55rem;
    }
}
/* /Components/Pages/Trans/ReturnNetworkHospital.razor.rz.scp.css */
.return-network-page[b-3h20yd9mp8] {
    box-sizing: border-box;
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.return-network-page *[b-3h20yd9mp8],
.return-network-page *[b-3h20yd9mp8]::before,
.return-network-page *[b-3h20yd9mp8]::after {
    box-sizing: border-box;
}

.return-network-header[b-3h20yd9mp8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.return-network-title[b-3h20yd9mp8] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.return-network-title__icon[b-3h20yd9mp8] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    color: #0f3f91;
    display: inline-flex;
    flex: 0 0 4rem;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.return-network-title__icon[b-3h20yd9mp8] (svg) {
    height: 2rem;
    width: 2rem;
}

.return-network-title p[b-3h20yd9mp8] {
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.return-network-title h1[b-3h20yd9mp8] {
    color: #0f3f91;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1.15;
    margin: 0;
    overflow-wrap: anywhere;
}

.return-network-title h1 span[b-3h20yd9mp8] {
    color: #475569;
    font-weight: 800;
}

.return-network-title strong[b-3h20yd9mp8] {
    color: #475569;
    display: block;
    font-size: 1rem;
    margin-top: 0.35rem;
}

.return-primary-button[b-3h20yd9mp8],
.return-outline-button[b-3h20yd9mp8],
.return-icon-button[b-3h20yd9mp8],
.return-action-menu button[b-3h20yd9mp8] {
    align-items: center;
    border: 1px solid #cbd5e1;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: 0.55rem;
    justify-content: center;
}

.return-primary-button[b-3h20yd9mp8] {
    background: #0f4a99;
    border-color: #0f4a99;
    color: #ffffff;
    min-height: 3rem;
    padding: 0.75rem 1.15rem;
}

.return-outline-button[b-3h20yd9mp8] {
    background: #ffffff;
    color: #0f172a;
    min-height: 3rem;
    padding: 0.75rem 1.15rem;
}

.return-primary-button[b-3h20yd9mp8] (svg),
.return-outline-button[b-3h20yd9mp8] (svg),
.return-icon-button[b-3h20yd9mp8] (svg),
.return-action-menu summary[b-3h20yd9mp8] (svg) {
    height: 1.15rem;
    width: 1.15rem;
}

.return-notice[b-3h20yd9mp8] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a8a;
    font-weight: 900;
    padding: 0.85rem 1rem;
}

.return-notice--success[b-3h20yd9mp8] {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.return-notice--warning[b-3h20yd9mp8] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.return-search-panel[b-3h20yd9mp8],
.return-panel[b-3h20yd9mp8],
.return-table-panel[b-3h20yd9mp8],
.return-modal[b-3h20yd9mp8] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    min-width: 0;
}

.return-search-grid[b-3h20yd9mp8] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: 12rem minmax(18rem, 1.35fr) minmax(14rem, 1fr) minmax(14rem, 1fr);
    min-width: 0;
    padding: 1.25rem;
}

.return-search-grid label[b-3h20yd9mp8],
.return-form-grid label[b-3h20yd9mp8] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.return-search-grid label > span[b-3h20yd9mp8],
.return-form-grid label > span[b-3h20yd9mp8] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.3;
}

.return-search-grid input[b-3h20yd9mp8],
.return-search-grid select[b-3h20yd9mp8],
.return-form-grid input[b-3h20yd9mp8],
.return-form-grid select[b-3h20yd9mp8] {
    background: #ffffff;
    border: 1px solid #b6c2d2;
    color: #111827;
    font: inherit;
    min-height: 3rem;
    min-width: 0;
    padding: 0.7rem 0.9rem;
    width: 100%;
}

.return-search-grid input:focus[b-3h20yd9mp8],
.return-search-grid select:focus[b-3h20yd9mp8],
.return-form-grid input:focus[b-3h20yd9mp8],
.return-form-grid select:focus[b-3h20yd9mp8] {
    border-color: #0f4a99;
    box-shadow: 0 0 0 2px rgba(15, 74, 153, 0.15);
    outline: none;
}

.return-search-grid[b-3h20yd9mp8] (.glass-datepicker-input),
.return-form-grid[b-3h20yd9mp8] (.glass-datepicker-input),
.return-form-grid[b-3h20yd9mp8] (.glass-timepicker-input) {
    border-color: #b6c2d2;
    min-height: 3rem;
}

.return-unit-search > div[b-3h20yd9mp8] {
    position: relative;
}

.return-unit-search > div > span[b-3h20yd9mp8] {
    align-items: center;
    color: #0f3f91;
    display: inline-flex;
    height: 1.25rem;
    justify-content: center;
    left: 0.85rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
}

.return-unit-search > div > span[b-3h20yd9mp8] (svg) {
    height: 1.25rem;
    width: 1.25rem;
}

.return-unit-search input[b-3h20yd9mp8] {
    border: 2px solid #0f3f91;
    font-weight: 950;
    letter-spacing: 0.04em;
    padding-left: 2.8rem;
    text-transform: uppercase;
}

.return-search-actions[b-3h20yd9mp8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.return-work-grid[b-3h20yd9mp8] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(22rem, 0.95fr);
    min-width: 0;
}

.return-panel-header[b-3h20yd9mp8],
.return-table-header[b-3h20yd9mp8],
.return-modal-header[b-3h20yd9mp8] {
    align-items: center;
    border-bottom: 1px solid #cbd5e1;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
}

.return-panel-header h2[b-3h20yd9mp8],
.return-table-header h2[b-3h20yd9mp8],
.return-modal-header h2[b-3h20yd9mp8] {
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 950;
    margin: 0;
}

.return-panel-header span:not(.return-status):not(.return-soft-chip):not(.return-required-chip)[b-3h20yd9mp8],
.return-table-header span[b-3h20yd9mp8],
.return-modal-header span[b-3h20yd9mp8] {
    color: #64748b;
    display: block;
    font-size: 1rem;
    font-weight: 900;
    margin-top: 0.25rem;
    text-transform: uppercase;
}

.return-info-grid[b-3h20yd9mp8] {
    display: grid;
    gap: 0.75rem 1rem;
    grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1fr);
    margin: 0;
    padding: 1.25rem;
}

.return-info-grid dt[b-3h20yd9mp8] {
    color: #475569;
    font-weight: 900;
}

.return-info-grid dd[b-3h20yd9mp8] {
    color: #0f172a;
    font-weight: 900;
    margin: 0;
    min-width: 0;
}

.return-highlight[b-3h20yd9mp8] {
    color: #0f3f91 !important;
}

.return-soft-chip[b-3h20yd9mp8],
.return-required-chip[b-3h20yd9mp8] {
    display: inline-flex;
    font-size: 1rem;
    font-weight: 950;
    padding: 0.35rem 0.55rem;
}

.return-soft-chip[b-3h20yd9mp8] {
    background: #eff6ff;
    color: #1e40af;
}

.return-required-chip[b-3h20yd9mp8] {
    background: #fef2f2;
    color: #b91c1c;
}

.return-form-grid[b-3h20yd9mp8] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.25rem;
}

.return-auth-label[b-3h20yd9mp8],
.return-confirm-actions[b-3h20yd9mp8] {
    grid-column: 1 / -1;
}

.return-auth-label span[b-3h20yd9mp8] {
    color: #b91c1c !important;
}

.return-auth-label input[b-3h20yd9mp8] {
    border-color: #fca5a5;
}

.return-confirm-actions[b-3h20yd9mp8] {
    display: flex;
    justify-content: flex-end;
}

.return-table-header button[b-3h20yd9mp8] {
    min-width: 7rem;
}

.return-table-wrap[b-3h20yd9mp8] {
    overflow-x: auto;
}

.return-table[b-3h20yd9mp8] {
    border-collapse: collapse;
    min-width: 86rem;
    width: 100%;
}

.return-table th[b-3h20yd9mp8],
.return-table td[b-3h20yd9mp8] {
    border-bottom: 1px solid #cbd5e1;
    color: #111827;
    font-size: 1rem;
    padding: 0.9rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.return-table th[b-3h20yd9mp8] {
    background: #f1f5f9;
    color: #1f2937;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.return-table tbody tr:hover[b-3h20yd9mp8] {
    background: #f8fafc;
}

.return-empty-row[b-3h20yd9mp8] {
    color: #64748b !important;
    font-weight: 900;
    padding: 2rem 1rem !important;
    text-align: center !important;
}

.return-unit-no[b-3h20yd9mp8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-weight: 950;
}

.return-group-badge[b-3h20yd9mp8] {
    background: #fee2e2;
    color: #b91c1c;
    display: inline-flex;
    font-weight: 950;
    line-height: 1.15;
    padding: 0.25rem 0.45rem;
}

.return-group-badge--negative[b-3h20yd9mp8] {
    background: #dbeafe;
    color: #1e40af;
}

.return-status[b-3h20yd9mp8] {
    border: 1px solid transparent;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 950;
    padding: 0.25rem 0.65rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.return-status--issued[b-3h20yd9mp8] {
    background: #e5e7eb;
    border-color: #d1d5db;
    color: #374151;
}

.return-status--returned[b-3h20yd9mp8] {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
}

.return-status--expired[b-3h20yd9mp8] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.return-status--not-found[b-3h20yd9mp8] {
    background: #44403c;
    border-color: #292524;
    color: #ffffff;
}

.return-status--warning[b-3h20yd9mp8] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.return-action-menu[b-3h20yd9mp8] {
    position: relative;
}

.return-action-menu summary[b-3h20yd9mp8] {
    align-items: center;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    list-style: none;
    width: 2.35rem;
}

.return-action-menu summary[b-3h20yd9mp8]::-webkit-details-marker {
    display: none;
}

.return-action-menu > div[b-3h20yd9mp8] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.14);
    display: grid;
    min-width: 16rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 10;
}

.return-action-menu button[b-3h20yd9mp8] {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    justify-content: flex-start;
    padding: 0.7rem 0.85rem;
    text-align: left;
}

.return-action-menu button:hover[b-3h20yd9mp8] {
    background: #f8fafc;
}

.return-modal-backdrop[b-3h20yd9mp8] {
    align-items: center;
    background: rgba(15, 23, 42, 0.42);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 50;
}

.return-modal[b-3h20yd9mp8] {
    max-height: calc(100vh - 3rem);
    max-width: 58rem;
    overflow-y: auto;
    width: 100%;
}

.return-icon-button[b-3h20yd9mp8] {
    background: #ffffff;
    color: #0f4a99;
    height: 2.35rem;
    padding: 0;
    width: 2.35rem;
}

.return-modal-grid[b-3h20yd9mp8] {
    display: grid;
    gap: 0.75rem 1rem;
    grid-template-columns: 12rem minmax(0, 1fr) 12rem minmax(0, 1fr);
    margin: 0;
    padding: 1.25rem;
}

.return-modal-grid dt[b-3h20yd9mp8] {
    color: #475569;
    font-weight: 900;
}

.return-modal-grid dd[b-3h20yd9mp8] {
    color: #0f172a;
    font-weight: 900;
    margin: 0;
    min-width: 0;
}

.return-modal-actions[b-3h20yd9mp8] {
    align-items: center;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1.25rem;
}

@media (max-width: 1500px) {
    .return-search-grid[b-3h20yd9mp8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .return-work-grid[b-3h20yd9mp8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .return-form-panel[b-3h20yd9mp8] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .return-search-grid[b-3h20yd9mp8],
    .return-work-grid[b-3h20yd9mp8],
    .return-form-grid[b-3h20yd9mp8],
    .return-modal-grid[b-3h20yd9mp8] {
        grid-template-columns: 1fr;
    }

    .return-form-panel[b-3h20yd9mp8] {
        grid-column: auto;
    }

    .return-search-actions[b-3h20yd9mp8],
    .return-confirm-actions[b-3h20yd9mp8],
    .return-modal-actions[b-3h20yd9mp8] {
        justify-content: flex-start;
    }
}

/* Network Return Dock */
.network-return-command[b-3h20yd9mp8] {
    --return-blue: #2563eb;
    --return-violet: #7047eb;
    --return-teal: #0eaa9d;
    --return-pink: #e84891;
    grid-row: 1 / -1;
    height: 100%;
    min-height: 0;
    padding: clamp(.7rem, 1.2vw, 1.05rem);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overflow-x: hidden;
    overflow-y: auto;
    background:
        radial-gradient(circle at 8% 8%, rgba(56, 189, 248, .18), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(236, 72, 153, .14), transparent 27%),
        linear-gradient(135deg, #eef7ff 0%, #faf9ff 50%, #fff3f9 100%);
}

.network-return-command .network-return-header[b-3h20yd9mp8],
.network-return-command .network-return-rail[b-3h20yd9mp8],
.network-return-command .network-return-stage[b-3h20yd9mp8],
.network-return-command .network-return-visual[b-3h20yd9mp8] {
    border: 1px solid rgba(165, 180, 252, .42);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 16px 42px rgba(62, 72, 128, .08), inset 0 1px 0 rgba(255, 255, 255, .94);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.network-return-command .network-return-header[b-3h20yd9mp8] {
    min-height: 66px;
    padding: .55rem .75rem;
    border-radius: 21px;
}

.network-return-command .return-network-title[b-3h20yd9mp8] {
    gap: .7rem;
}

.network-return-command .return-network-title__icon[b-3h20yd9mp8] {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
    border: 0;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #2785f6, #7047eb 68%, #d946ef);
    box-shadow: 0 9px 20px rgba(79, 70, 229, .23), inset 0 1px 0 rgba(255, 255, 255, .5);
}

.network-return-command .return-network-title__icon[b-3h20yd9mp8] (svg) {
    width: 24px;
    height: 24px;
}

.network-return-command .return-network-title p[b-3h20yd9mp8] {
    margin: 0;
    color: #73809a;
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
}

.network-return-command .return-network-title h1[b-3h20yd9mp8] {
    margin-top: .08rem;
    color: #172554;
    font-size: clamp(1.12rem, 1.9vw, 1.55rem);
}

.network-return-command .return-network-title strong[b-3h20yd9mp8] {
    margin-top: .12rem;
    color: #8a96ab;
    font-size: 1rem;
}

.network-return-metrics[b-3h20yd9mp8] {
    min-width: 0;
    display: flex;
    align-items: stretch;
    gap: .42rem;
}

.network-return-metrics > span[b-3h20yd9mp8],
.network-return-metrics > button[b-3h20yd9mp8] {
    min-width: 88px;
    min-height: 44px;
    padding: .38rem .65rem;
    border: 1px solid rgba(203, 213, 225, .78);
    border-radius: 14px;
    display: grid;
    align-content: center;
    gap: .04rem;
    color: #172554;
    background: rgba(255, 255, 255, .72);
    font: inherit;
    text-align: left;
}

.network-return-metrics > button[b-3h20yd9mp8] {
    cursor: pointer;
}

.network-return-metrics small[b-3h20yd9mp8] {
    color: #7d899e;
    font-size: 1rem;
    font-weight: 800;
}

.network-return-metrics strong[b-3h20yd9mp8] {
    max-width: 150px;
    overflow: hidden;
    color: #243864;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-return-command .return-notice[b-3h20yd9mp8] {
    margin: 0;
    padding: .58rem .8rem;
    border-radius: 14px;
    font-size: 1rem;
}

.network-return-rail[b-3h20yd9mp8] {
    min-height: 42px;
    margin: 0;
    padding: .35rem .9rem;
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}

.network-return-rail li[b-3h20yd9mp8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: #9aa5b8;
    font-size: 1rem;
}

.network-return-rail li:not(:last-child)[b-3h20yd9mp8]::after {
    content: "";
    width: 42%;
    height: 1px;
    position: absolute;
    right: -21%;
    background: #dfe5ef;
}

.network-return-rail li span[b-3h20yd9mp8] {
    width: 25px;
    height: 25px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #eef1f6;
    font-size: 1rem;
    font-weight: 950;
}

.network-return-rail li.is-current[b-3h20yd9mp8],
.network-return-rail li.is-complete[b-3h20yd9mp8] {
    color: #4452bd;
}

.network-return-rail li.is-current span[b-3h20yd9mp8],
.network-return-rail li.is-complete span[b-3h20yd9mp8] {
    color: #fff;
    background: linear-gradient(145deg, var(--return-blue), var(--return-violet));
}

.network-return-layout[b-3h20yd9mp8] {
    flex: 1 0 500px;
    min-height: 500px;
    display: grid;
    grid-template-columns: minmax(420px, 1.05fr) minmax(520px, 1fr);
    gap: .7rem;
}

.network-return-layout > *[b-3h20yd9mp8] {
    min-width: 0;
    min-height: 0;
}

.network-return-visual[b-3h20yd9mp8] {
    position: relative;
    padding: .8rem;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background:
        radial-gradient(circle at 50% 42%, rgba(86, 156, 255, .28), transparent 43%),
        radial-gradient(circle at 18% 82%, rgba(45, 212, 191, .14), transparent 35%),
        linear-gradient(150deg, rgba(255, 255, 255, .95), rgba(236, 245, 255, .85));
}

.network-return-visual__heading[b-3h20yd9mp8] {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #67748b;
    font-size: 1rem;
    font-weight: 900;
}

.network-return-visual__heading strong[b-3h20yd9mp8] {
    padding: .35rem .6rem;
    border-radius: 999px;
    color: #087f74;
    background: #e8faf6;
}

.network-return-visual > img[b-3h20yd9mp8] {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    filter: drop-shadow(0 20px 24px rgba(30, 64, 115, .18));
}

.network-return-visual__empty[b-3h20yd9mp8],
.network-return-unit-strip[b-3h20yd9mp8] {
    z-index: 1;
    min-height: 58px;
    padding: .55rem .7rem;
    border: 1px solid rgba(191, 207, 230, .78);
    border-radius: 16px;
    color: #66758e;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 18px rgba(70, 91, 141, .08);
}

.network-return-visual__empty[b-3h20yd9mp8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    font-size: 1rem;
    font-weight: 850;
}

.network-return-visual__empty[b-3h20yd9mp8] (svg) {
    width: 1.1rem;
    height: 1.1rem;
}

.network-return-unit-strip[b-3h20yd9mp8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
}

.network-return-unit-strip > div[b-3h20yd9mp8] {
    min-width: 0;
    display: grid;
    gap: .1rem;
}

.network-return-unit-strip > div strong[b-3h20yd9mp8] {
    overflow: hidden;
    color: #172554;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-return-unit-strip > div small[b-3h20yd9mp8] {
    color: #718096;
    font-size: 1rem;
}

.network-return-stages[b-3h20yd9mp8] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    overflow: auto;
}

.network-return-stage[b-3h20yd9mp8] {
    border-radius: 19px;
    overflow: hidden;
    flex: 0 0 auto;
}

.network-return-stage.is-current[b-3h20yd9mp8] {
    border-color: rgba(99, 102, 241, .72);
    box-shadow: 0 14px 32px rgba(87, 77, 200, .13), inset 0 1px 0 #fff;
}

.network-return-stage.is-locked[b-3h20yd9mp8] {
    opacity: .6;
}

.network-return-stage > header[b-3h20yd9mp8] {
    min-height: 54px;
    padding: .55rem .7rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
}

.network-return-stage__number[b-3h20yd9mp8],
.network-return-stage__icon[b-3h20yd9mp8] {
    width: 32px;
    height: 32px;
    border-radius: 11px;
    display: grid;
    place-items: center;
}

.network-return-stage__number[b-3h20yd9mp8] {
    color: #fff;
    background: linear-gradient(145deg, var(--return-blue), var(--return-violet));
    font-size: 1rem;
    font-weight: 950;
}

.network-return-stage__icon[b-3h20yd9mp8] {
    color: #5f50db;
    background: #f0edff;
}

.network-return-stage__icon[b-3h20yd9mp8] (svg) {
    width: 1.08rem;
    height: 1.08rem;
}

.network-return-stage > header > div[b-3h20yd9mp8] {
    min-width: 0;
    display: grid;
    gap: .08rem;
}

.network-return-stage > header strong[b-3h20yd9mp8] {
    color: #23345b;
    font-size: 1rem;
}

.network-return-stage > header small[b-3h20yd9mp8] {
    overflow: hidden;
    color: #8390a5;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-return-stage__body[b-3h20yd9mp8] {
    padding: 0 .75rem .75rem;
    display: grid;
    gap: .65rem;
}

.network-return-scan-entry[b-3h20yd9mp8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
}

.network-return-scan-entry > span[b-3h20yd9mp8] {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #5c48d8;
    background: #f0edff;
}

.network-return-scan-entry input[b-3h20yd9mp8],
.network-return-form-grid input[b-3h20yd9mp8],
.network-return-form-grid select[b-3h20yd9mp8],
.network-return-modal-filters input[b-3h20yd9mp8],
.network-return-modal-filters select[b-3h20yd9mp8],
.network-return-confirm-body input[b-3h20yd9mp8] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid #ccd7e8;
    border-radius: 13px;
    padding: .55rem .7rem;
    color: #172554;
    background: rgba(255, 255, 255, .92);
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
}

.network-return-scan-entry input[b-3h20yd9mp8] {
    border-color: #7fb4f7;
}

.network-return-queue-button[b-3h20yd9mp8] {
    justify-self: start;
    min-height: 38px;
    border: 0;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #5e55c9;
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-size: 1rem;
    font-weight: 900;
}

.network-return-safety-ribbon[b-3h20yd9mp8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .35rem;
}

.network-return-safety-ribbon span[b-3h20yd9mp8] {
    min-width: 0;
    padding: .48rem .55rem;
    border-radius: 12px;
    display: grid;
    gap: .08rem;
    background: linear-gradient(145deg, #f2f7ff, #f9f7ff);
}

.network-return-safety-ribbon small[b-3h20yd9mp8],
.network-return-form-grid label > span[b-3h20yd9mp8],
.network-return-modal-filters label > span[b-3h20yd9mp8],
.network-return-confirm-body label > span[b-3h20yd9mp8] {
    color: #7f8ca2;
    font-size: 1rem;
    font-weight: 850;
}

.network-return-safety-ribbon strong[b-3h20yd9mp8] {
    overflow: hidden;
    color: #263962;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-return-condition-grid[b-3h20yd9mp8] {
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .35rem;
}

.network-return-condition-grid legend[b-3h20yd9mp8] {
    width: 100%;
    margin-bottom: .35rem;
    color: #64728a;
    font-size: 1rem;
    font-weight: 900;
}

.network-return-condition-grid button[b-3h20yd9mp8] {
    min-height: 54px;
    padding: .4rem;
    border: 1px solid #d9e1ee;
    border-radius: 13px;
    display: grid;
    place-items: center;
    gap: .22rem;
    color: #65738a;
    background: rgba(255, 255, 255, .8);
    cursor: pointer;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
}

.network-return-condition-grid button[b-3h20yd9mp8] (svg) {
    width: 1rem;
    height: 1rem;
}

.network-return-condition-grid button.is-selected[b-3h20yd9mp8] {
    border-color: #28b8a5;
    color: #087f74;
    background: #eafbf7;
    box-shadow: 0 7px 16px rgba(13, 148, 136, .11);
}

.network-return-form-grid[b-3h20yd9mp8],
.network-return-modal-filters[b-3h20yd9mp8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.network-return-form-grid label[b-3h20yd9mp8],
.network-return-modal-filters label[b-3h20yd9mp8],
.network-return-confirm-body label[b-3h20yd9mp8] {
    min-width: 0;
    display: grid;
    gap: .28rem;
}

.network-return-form-grid__wide[b-3h20yd9mp8] {
    grid-column: 1 / -1;
}

.network-return-details[b-3h20yd9mp8] {
    border-top: 1px solid #e3e8f2;
    padding-top: .25rem;
}

.network-return-details summary[b-3h20yd9mp8] {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #68758d;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    list-style: none;
}

.network-return-details summary[b-3h20yd9mp8]::-webkit-details-marker {
    display: none;
}

.network-return-details[open] summary[b-3h20yd9mp8] (svg) {
    transform: rotate(180deg);
}

.network-return-confirm-body[b-3h20yd9mp8] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.network-return-submit[b-3h20yd9mp8] {
    min-height: 43px;
    padding: .6rem 1rem;
    border: 0;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: #fff;
    background: linear-gradient(135deg, #1687f4, #6046e8 58%, #d52bc4);
    box-shadow: 0 10px 22px rgba(91, 70, 220, .2);
    cursor: pointer;
    font: inherit;
    font-size: 1rem;
    font-weight: 950;
}

.network-return-submit:disabled[b-3h20yd9mp8] {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(.25);
    opacity: .5;
}

.network-return-list-modal[b-3h20yd9mp8],
.network-return-history-modal[b-3h20yd9mp8] {
    width: min(1040px, calc(100vw - 2rem));
    max-height: min(84vh, 820px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
}

.network-return-modal-filters[b-3h20yd9mp8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem 1.25rem;
}

.network-return-unit-list[b-3h20yd9mp8] {
    min-height: 0;
    padding: 0 1.25rem 1.25rem;
    overflow: auto;
    display: grid;
    align-content: start;
    gap: .45rem;
}

.network-return-unit-list > button[b-3h20yd9mp8] {
    min-width: 0;
    min-height: 66px;
    padding: .55rem .7rem;
    border: 1px solid #dde5f1;
    border-radius: 15px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    color: #23345b;
    background: #fff;
    cursor: pointer;
    text-align: left;
}

.network-return-unit-list > button > span:nth-child(2)[b-3h20yd9mp8] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.network-return-unit-list strong[b-3h20yd9mp8],
.network-return-unit-list small[b-3h20yd9mp8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-return-unit-list small[b-3h20yd9mp8] {
    color: #748198;
    font-size: 1rem;
}

.network-return-history-actions[b-3h20yd9mp8] {
    padding: .75rem 1.25rem;
}

.network-return-history-modal .return-table-wrap[b-3h20yd9mp8] {
    margin: 0 1.25rem 1.25rem;
    overflow: auto;
}

.network-return-command button:focus-visible[b-3h20yd9mp8],
.network-return-command input:focus-visible[b-3h20yd9mp8],
.network-return-command select:focus-visible[b-3h20yd9mp8],
.network-return-command summary:focus-visible[b-3h20yd9mp8] {
    outline: 3px solid rgba(37, 99, 235, .35);
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .network-return-command[b-3h20yd9mp8] {
        height: auto;
        min-height: 100%;
    }

    .network-return-layout[b-3h20yd9mp8] {
        flex-basis: auto;
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .network-return-visual[b-3h20yd9mp8] {
        min-height: 420px;
    }

    .network-return-stages[b-3h20yd9mp8] {
        overflow: visible;
    }
}

@media (max-width: 720px) {
    .network-return-command[b-3h20yd9mp8] {
        padding: .55rem;
    }

    .network-return-header[b-3h20yd9mp8] {
        align-items: flex-start;
    }

    .network-return-metrics[b-3h20yd9mp8] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .network-return-metrics > span[b-3h20yd9mp8],
    .network-return-metrics > button[b-3h20yd9mp8] {
        min-width: 0;
    }

    .network-return-rail strong[b-3h20yd9mp8] {
        display: none;
    }

    .network-return-rail li:not(:last-child)[b-3h20yd9mp8]::after {
        width: 60%;
        right: -30%;
    }

    .network-return-visual[b-3h20yd9mp8] {
        min-height: 340px;
    }

    .network-return-safety-ribbon[b-3h20yd9mp8],
    .network-return-condition-grid[b-3h20yd9mp8],
    .network-return-form-grid[b-3h20yd9mp8],
    .network-return-modal-filters[b-3h20yd9mp8],
    .network-return-confirm-body[b-3h20yd9mp8] {
        grid-template-columns: 1fr 1fr;
    }

    .network-return-condition-grid button[b-3h20yd9mp8] {
        min-height: 62px;
    }

    .network-return-confirm-body label[b-3h20yd9mp8],
    .network-return-confirm-body button[b-3h20yd9mp8],
    .network-return-form-grid__wide[b-3h20yd9mp8] {
        grid-column: 1 / -1;
    }

    .network-return-list-modal[b-3h20yd9mp8],
    .network-return-history-modal[b-3h20yd9mp8] {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border-radius: 0;
    }
}

@media (max-width: 480px) {
    .network-return-scan-entry[b-3h20yd9mp8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .network-return-scan-entry button[b-3h20yd9mp8] {
        grid-column: 1 / -1;
    }

    .network-return-visual[b-3h20yd9mp8] {
        min-height: 300px;
    }

    .network-return-safety-ribbon[b-3h20yd9mp8],
    .network-return-condition-grid[b-3h20yd9mp8],
    .network-return-form-grid[b-3h20yd9mp8],
    .network-return-modal-filters[b-3h20yd9mp8] {
        grid-template-columns: 1fr;
    }

    .network-return-unit-strip[b-3h20yd9mp8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .network-return-unit-strip > .return-status[b-3h20yd9mp8] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .network-return-command *[b-3h20yd9mp8],
    .network-return-command *[b-3h20yd9mp8]::before,
    .network-return-command *[b-3h20yd9mp8]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Shared/GlassSelect.razor.rz.scp.css */
.glass-select-wrap[b-9vj3whlshy] {
    position: relative;
    z-index: 1;
    min-width: 0;
    width: 100%;
}

.glass-select-wrap.is-open[b-9vj3whlshy] { z-index: 1600; }

.glass-select-trigger[b-9vj3whlshy] {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    min-height: 2.55rem;
    gap: .7rem;
    padding: .45rem 2.35rem .45rem .72rem;
    border: 1px solid rgba(128, 157, 202, .34);
    border-radius: 15px;
    outline: 0;
    color: #17315a;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 8px 20px rgba(43, 77, 132, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    font: inherit;
    font-weight: 750;
    line-height: 1.25rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

@supports (backdrop-filter: blur(1px)) {
    .glass-select-trigger[b-9vj3whlshy],
    .glass-select-menu[b-9vj3whlshy] { backdrop-filter: blur(16px) saturate(125%); }
}

.glass-select-trigger:hover:not([aria-disabled="true"])[b-9vj3whlshy] {
    border-color: rgba(75, 119, 190, .6);
    background: rgba(255, 255, 255, .88);
}

.glass-select-trigger:focus-visible[b-9vj3whlshy] {
    border-color: #4b76d1;
    box-shadow: 0 0 0 3px rgba(75, 118, 209, .18), 0 8px 20px rgba(43, 77, 132, .08);
}

.glass-select-trigger[aria-disabled="true"][b-9vj3whlshy] {
    color: #8290a6;
    border-color: rgba(154, 169, 191, .3);
    background: rgba(235, 240, 247, .78);
    box-shadow: none;
    cursor: not-allowed;
}

.glass-select-label[b-9vj3whlshy] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glass-select-label.is-placeholder[b-9vj3whlshy] { color: #8290a6; }

.glass-select-chevron[b-9vj3whlshy] {
    position: absolute;
    top: 50%;
    right: .85rem;
    width: .55rem;
    height: .55rem;
    border-right: 2px solid #5b7090;
    border-bottom: 2px solid #5b7090;
    pointer-events: none;
    transform: translateY(-65%) rotate(45deg);
    transition: transform 160ms ease;
}

.glass-select-wrap.is-open .glass-select-chevron[b-9vj3whlshy] { transform: translateY(-25%) rotate(225deg); }
.glass-select-wrap.is-disabled .glass-select-chevron[b-9vj3whlshy] { opacity: .55; }

.glass-select-backdrop[b-9vj3whlshy] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: default;
}

.glass-select-menu[b-9vj3whlshy] {
    position: absolute;
    top: calc(100% + .4rem);
    left: 0;
    z-index: 3;
    box-sizing: border-box;
    width: max(100%, 12rem);
    max-height: min(18rem, 50vh);
    padding: .4rem;
    overflow-y: auto;
    border: 1px solid rgba(128, 157, 202, .34);
    border-radius: 15px;
    background: rgba(248, 251, 255, .92);
    box-shadow: 0 22px 50px rgba(31, 53, 93, .22), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.glass-select-option[b-9vj3whlshy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.45rem;
    gap: .7rem;
    padding: .5rem .65rem;
    border: 0;
    border-radius: 10px;
    color: #284568;
    background: transparent;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease;
}

.glass-select-option:hover[b-9vj3whlshy],
.glass-select-option.is-highlighted[b-9vj3whlshy] { color: #1d4fa8; background: rgba(78, 132, 228, .12); }
.glass-select-option.is-selected[b-9vj3whlshy] { color: #204eaa; background: rgba(78, 132, 228, .09); font-weight: 850; }
.glass-select-option.is-selected.is-highlighted[b-9vj3whlshy] { background: rgba(78, 132, 228, .16); }
.glass-select-check[b-9vj3whlshy] { color: #3468c8; font-weight: 950; }
/* /Components/Shared/NotificationCenter.razor.rz.scp.css */
.notification-center-host[b-cmp1uzsjwc] {
    position: relative;
    flex: 0 0 auto;
}

.notification-bell[b-cmp1uzsjwc],
.notification-icon-button[b-cmp1uzsjwc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #334e6b;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.92);
}

.notification-bell[b-cmp1uzsjwc] {
    position: relative;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 50%;
}

.notification-bell:hover[b-cmp1uzsjwc],
.notification-bell:focus-visible[b-cmp1uzsjwc],
.notification-icon-button:hover[b-cmp1uzsjwc],
.notification-icon-button:focus-visible[b-cmp1uzsjwc] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.42);
    background: rgba(255, 255, 255, 0.96);
    outline: 2px solid rgba(14, 116, 144, 0.22);
    outline-offset: 2px;
}

.notification-bell[b-cmp1uzsjwc] (svg),
.notification-icon-button[b-cmp1uzsjwc] (svg) {
    width: 1.1rem;
    height: 1.1rem;
}

.notification-badge[b-cmp1uzsjwc] {
    position: absolute;
    top: -0.28rem;
    right: -0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #f8fcff;
    border-radius: 999px;
    padding: 0 0.25rem;
    color: white;
    background: #dc2626;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.notification-drawer-overlay[b-cmp1uzsjwc],
.notification-startup-overlay[b-cmp1uzsjwc] {
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0;
    border: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
}

.notification-drawer-overlay[open][b-cmp1uzsjwc] {
    z-index: 1200;
    display: grid;
    justify-items: end;
}

.notification-drawer-overlay[b-cmp1uzsjwc]::backdrop {
    background: rgba(18, 43, 66, 0.2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.notification-drawer[b-cmp1uzsjwc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: clamp(25rem, 30vw, 27.5rem);
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 0;
    background: rgba(246, 251, 254, 0.97);
    box-shadow: -18px 0 55px rgba(25, 50, 74, 0.22);
    backdrop-filter: blur(20px) saturate(1.12);
    -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

.notification-drawer:focus[b-cmp1uzsjwc] {
    outline: none;
}

.notification-drawer-header[b-cmp1uzsjwc],
.notification-startup-header[b-cmp1uzsjwc],
.notification-startup-footer[b-cmp1uzsjwc] {
    flex: 0 0 auto;
}

.notification-drawer-header[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
    padding: 0.85rem 1rem;
}

.notification-drawer-header span[b-cmp1uzsjwc] {
    display: block;
    color: #6c8093;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
}

.notification-drawer-header h2[b-cmp1uzsjwc],
.notification-startup-header h2[b-cmp1uzsjwc] {
    margin: 0.14rem 0 0;
    color: #173653;
    font-size: 1rem;
    font-weight: 900;
}

.notification-icon-button[b-cmp1uzsjwc] {
    flex: 0 0 2.15rem;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
}

.notification-drawer-toolbar[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex: 0 0 auto;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    padding: 0.55rem 1rem;
    color: #52677e;
    background: rgba(255, 255, 255, 0.45);
    font-size: 1rem;
    font-weight: 750;
}

.notification-drawer-toolbar button[b-cmp1uzsjwc],
.notification-startup-footer button[b-cmp1uzsjwc] {
    border: 1px solid rgba(14, 116, 144, 0.3);
    border-radius: 0.48rem;
    padding: 0.38rem 0.65rem;
    color: #075985;
    background: #edf8fc;
    font-size: 1rem;
    font-weight: 850;
}

.notification-drawer-toolbar button:hover:not(:disabled)[b-cmp1uzsjwc],
.notification-drawer-toolbar button:focus-visible[b-cmp1uzsjwc],
.notification-startup-footer button:hover[b-cmp1uzsjwc],
.notification-startup-footer button:focus-visible[b-cmp1uzsjwc] {
    border-color: #0e7490;
    outline: 2px solid rgba(14, 116, 144, 0.2);
    outline-offset: 1px;
}

.notification-drawer-toolbar button:disabled[b-cmp1uzsjwc] {
    cursor: not-allowed;
    opacity: 0.5;
}

.notification-drawer-body[b-cmp1uzsjwc],
.notification-startup-body[b-cmp1uzsjwc] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.notification-drawer-body[b-cmp1uzsjwc] {
    flex: 1 1 auto;
    padding: 0.85rem;
}

.notification-empty-state[b-cmp1uzsjwc],
.notification-error-state[b-cmp1uzsjwc] {
    display: grid;
    place-items: center;
    gap: 0.35rem;
    min-height: 9rem;
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
    font-size: 1rem;
    font-weight: 750;
}

.notification-empty-state .material-symbols-outlined[b-cmp1uzsjwc] {
    font-size: 1.8rem;
}

.notification-error-state[b-cmp1uzsjwc] {
    color: #b91c1c;
}

.notification-startup-overlay[open][b-cmp1uzsjwc] {
    z-index: 1210;
    display: grid;
    place-items: center;
}

.notification-startup-overlay[b-cmp1uzsjwc]::backdrop {
    background: rgba(18, 43, 66, 0.28);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.notification-startup-modal[b-cmp1uzsjwc] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: min(47.5rem, calc(100vw - 3rem));
    height: min(27rem, calc(100dvh - 6rem));
    min-width: 0;
    max-height: min(35rem, calc(100dvh - 6rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 1rem;
    background: rgba(246, 251, 254, 0.96);
    box-shadow: 0 24px 65px rgba(20, 45, 68, 0.28);
    backdrop-filter: blur(22px) saturate(1.12);
    -webkit-backdrop-filter: blur(22px) saturate(1.12);
}

.notification-startup-modal:focus[b-cmp1uzsjwc] {
    outline: none;
}

.notification-startup-header[b-cmp1uzsjwc] {
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
    padding: 0.78rem 0.9rem 0.68rem;
    background: rgba(255, 255, 255, 0.46);
}

.notification-startup-heading-row[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.notification-startup-title[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.notification-startup-title > .material-symbols-outlined[b-cmp1uzsjwc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.62rem;
    color: #075985;
    background: rgba(224, 242, 254, 0.86);
}

.notification-startup-title h2[b-cmp1uzsjwc] {
    margin: 0;
    font-size: 1rem;
}

.notification-startup-title p[b-cmp1uzsjwc] {
    margin: 0.12rem 0 0;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.notification-startup-summary[b-cmp1uzsjwc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.58rem;
}

.notification-startup-summary span[b-cmp1uzsjwc] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 999px;
    padding: 0.28rem 0.58rem;
    background: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    font-weight: 800;
}

.notification-startup-summary b[b-cmp1uzsjwc] {
    font-size: 1rem;
}

.notification-startup-summary .critical b[b-cmp1uzsjwc] {
    color: #b91c1c;
}

.notification-startup-summary .warning b[b-cmp1uzsjwc] {
    color: #b45309;
}

.notification-startup-summary .information b[b-cmp1uzsjwc] {
    color: #0369a1;
}

.notification-startup-body[b-cmp1uzsjwc] {
    padding: 0.72rem 0.85rem;
}

.notification-startup-more[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0.3rem 0 0.65rem;
    border-top: 1px dashed rgba(217, 119, 6, 0.32);
    padding: 0.35rem 0.2rem 0;
    color: #92400e;
    font-size: 1rem;
    font-weight: 800;
}

.notification-startup-more--critical[b-cmp1uzsjwc] {
    border-top-color: rgba(220, 38, 38, 0.28);
    color: #991b1b;
}

.notification-startup-more button[b-cmp1uzsjwc] {
    border: 0;
    padding: 0.2rem 0.3rem;
    color: inherit;
    background: transparent;
    font-size: 1rem;
    font-weight: 850;
}

.notification-startup-more button:hover[b-cmp1uzsjwc],
.notification-startup-more button:focus-visible[b-cmp1uzsjwc] {
    border-radius: 0.35rem;
    outline: 2px solid rgba(14, 116, 144, 0.22);
    outline-offset: 1px;
}

.notification-information-digest[b-cmp1uzsjwc] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    margin: 0.65rem 0;
    border: 1px solid rgba(14, 116, 144, 0.18);
    border-radius: 0.62rem;
    padding: 0.48rem 0.62rem;
    color: #315674;
    background: rgba(224, 242, 254, 0.55);
}

.notification-information-digest > .material-symbols-outlined[b-cmp1uzsjwc] {
    color: #0369a1;
    font-size: 1.1rem;
}

.notification-information-digest strong[b-cmp1uzsjwc],
.notification-information-digest p[b-cmp1uzsjwc] {
    display: block;
    margin: 0;
}

.notification-information-digest strong[b-cmp1uzsjwc] {
    font-size: 1rem;
    font-weight: 850;
}

.notification-information-digest p[b-cmp1uzsjwc] {
    margin-top: 0.08rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 650;
}

.notification-information-digest button[b-cmp1uzsjwc] {
    border: 0;
    border-radius: 0.4rem;
    padding: 0.32rem 0.48rem;
    color: #075985;
    background: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    font-weight: 850;
}

.notification-information-digest button:hover[b-cmp1uzsjwc],
.notification-information-digest button:focus-visible[b-cmp1uzsjwc] {
    outline: 2px solid rgba(14, 116, 144, 0.24);
    outline-offset: 1px;
}

.notification-startup-footer[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
    padding: 0.7rem 1rem;
    background: rgba(255, 255, 255, 0.5);
}

.notification-startup-footer p[b-cmp1uzsjwc] {
    margin: 0;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.notification-startup-footer > div[b-cmp1uzsjwc] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    flex: 0 0 auto;
}

.notification-startup-footer .notification-secondary-action[b-cmp1uzsjwc] {
    color: #52677e;
    border-color: rgba(148, 163, 184, 0.36);
    background: rgba(255, 255, 255, 0.76);
}

@media (max-width: 900px) {
    .notification-drawer[b-cmp1uzsjwc] {
        width: min(26.25rem, 100vw);
    }

    .notification-startup-modal[b-cmp1uzsjwc] {
        width: calc(100vw - 2rem);
    }
}

@media (max-width: 600px) {
    .notification-drawer[b-cmp1uzsjwc] {
        width: 100vw;
    }

    .notification-startup-modal[b-cmp1uzsjwc] {
        width: calc(100vw - 1.5rem);
        max-height: calc(100dvh - 1.5rem);
    }

    .notification-information-digest[b-cmp1uzsjwc] {
        grid-template-columns: 1.6rem minmax(0, 1fr);
    }

    .notification-information-digest button[b-cmp1uzsjwc] {
        grid-column: 2;
        justify-self: start;
    }

    .notification-startup-footer[b-cmp1uzsjwc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notification-startup-footer > div[b-cmp1uzsjwc] {
        align-self: stretch;
        justify-content: flex-end;
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .notification-drawer[b-cmp1uzsjwc],
    .notification-startup-modal[b-cmp1uzsjwc] {
        background: #f6fbfe;
    }
}
/* /Components/Shared/NotificationItems.razor.rz.scp.css */
.notification-items[b-iqlcu90bk5] {
    display: grid;
    gap: 1rem;
}

.notification-severity-group[b-iqlcu90bk5] {
    min-width: 0;
}

.notification-severity-group > header[b-iqlcu90bk5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.5rem;
    color: #334e68;
}

.notification-severity-group > header .material-symbols-outlined[b-iqlcu90bk5] {
    font-size: 1.05rem;
}

.notification-severity-group > header strong[b-iqlcu90bk5] {
    font-size: 1rem;
    font-weight: 850;
}

.notification-severity-group > header > span:last-child[b-iqlcu90bk5] {
    margin-left: auto;
    border-radius: 999px;
    padding: 0.12rem 0.45rem;
    background: rgba(226, 232, 240, 0.8);
    font-size: 1rem;
    font-weight: 850;
}

.notification-severity-list[b-iqlcu90bk5] {
    display: grid;
    gap: 0.45rem;
}

.notification-item[b-iqlcu90bk5] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.65rem;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-left-width: 3px;
    border-radius: 0.65rem;
    padding: 0.72rem;
    background: rgba(255, 255, 255, 0.9);
}

.notification-item--critical[b-iqlcu90bk5] {
    border-left-color: #dc2626;
}

.notification-item--warning[b-iqlcu90bk5] {
    border-left-color: #d97706;
}

.notification-item--information[b-iqlcu90bk5] {
    border-left-color: #0284c7;
}

.notification-item--read[b-iqlcu90bk5] {
    background: rgba(248, 250, 252, 0.72);
}

.notification-item-icon[b-iqlcu90bk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 1.15rem;
}

.notification-item--critical .notification-item-icon[b-iqlcu90bk5] {
    color: #b91c1c;
    background: #fee2e2;
}

.notification-item--warning .notification-item-icon[b-iqlcu90bk5] {
    color: #b45309;
    background: #fef3c7;
}

.notification-item--information .notification-item-icon[b-iqlcu90bk5] {
    color: #0369a1;
    background: #e0f2fe;
}

.notification-item-content[b-iqlcu90bk5],
.notification-item-heading[b-iqlcu90bk5] {
    min-width: 0;
}

.notification-item-heading[b-iqlcu90bk5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.notification-item-heading strong[b-iqlcu90bk5] {
    overflow-wrap: anywhere;
    color: #173653;
    font-size: 1rem;
    font-weight: 850;
}

.notification-unread-label[b-iqlcu90bk5] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.12rem 0.4rem;
    color: #075985;
    background: #e0f2fe;
    font-size: 1rem;
    font-weight: 850;
}

.notification-item p[b-iqlcu90bk5] {
    margin: 0.25rem 0 0;
    overflow-wrap: anywhere;
    color: #52677e;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.45;
}

.notification-item-meta[b-iqlcu90bk5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 0.75rem;
    margin-top: 0.35rem;
    color: #718196;
    font-size: 1rem;
    font-weight: 700;
}

.notification-item-meta span[b-iqlcu90bk5] {
    overflow-wrap: anywhere;
}

.notification-item-actions[b-iqlcu90bk5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.notification-item-actions button[b-iqlcu90bk5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.9rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.45rem;
    padding: 0.3rem 0.55rem;
    color: #425b73;
    background: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    font-weight: 800;
}

.notification-item-actions button:hover[b-iqlcu90bk5],
.notification-item-actions button:focus-visible[b-iqlcu90bk5] {
    border-color: rgba(14, 116, 144, 0.5);
    color: #075985;
    outline: 2px solid rgba(14, 116, 144, 0.22);
    outline-offset: 1px;
}

.notification-item-actions .notification-primary-action[b-iqlcu90bk5] {
    color: #075985;
    border-color: rgba(14, 116, 144, 0.3);
    background: #edf8fc;
}

.notification-item-actions .notification-read-action[b-iqlcu90bk5] {
    border-color: transparent;
    padding-inline: 0.25rem;
    color: #64748b;
    background: transparent;
}

.notification-items--dense[b-iqlcu90bk5] {
    gap: 0.72rem;
}

.notification-items--dense .notification-severity-group > header[b-iqlcu90bk5] {
    margin-bottom: 0.35rem;
}

.notification-items--dense .notification-severity-list[b-iqlcu90bk5] {
    gap: 0.3rem;
}

.notification-items--dense .notification-item[b-iqlcu90bk5] {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: 0.52rem;
    border-width: 0 0 1px;
    border-radius: 0;
    padding: 0.42rem 0.2rem;
    background: transparent;
}

.notification-items--dense .notification-item-icon[b-iqlcu90bk5] {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
}

.notification-items--dense .notification-item-heading strong[b-iqlcu90bk5] {
    font-size: 1rem;
}

.notification-items--dense .notification-item p[b-iqlcu90bk5] {
    margin-top: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.35;
}

.notification-items--dense .notification-item-meta[b-iqlcu90bk5] {
    margin-top: 0.22rem;
}

.notification-items--dense .notification-item-actions[b-iqlcu90bk5] {
    justify-content: flex-end;
    margin-top: 0.18rem;
}

.notification-items--dense .notification-item-actions button[b-iqlcu90bk5] {
    min-height: 1.65rem;
    padding: 0.2rem 0.45rem;
}

.notification-primary-action .material-symbols-outlined[b-iqlcu90bk5] {
    font-size: 0.85rem;
}

@media (max-width: 520px) {
    .notification-item[b-iqlcu90bk5] {
        grid-template-columns: 1.75rem minmax(0, 1fr);
        gap: 0.5rem;
        padding: 0.65rem;
    }

    .notification-item-icon[b-iqlcu90bk5] {
        width: 1.75rem;
        height: 1.75rem;
    }
}
/* /Components/Shared/TopbarBloodInventory.razor.rz.scp.css */
.topbar-blood-inventory[b-2dfj3wyodl] {
    position: relative;
    width: 100%;
    max-width: 19rem;
    min-width: 0;
    justify-self: start;
}

.topbar-blood-groups[b-2dfj3wyodl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(4.25rem, 1fr));
    gap: 0.2rem;
}

.topbar-blood-card[b-2dfj3wyodl] {
    --status-color: #64748b;
    --status-border: rgba(148, 163, 184, 0.42);
    --status-surface: rgba(248, 250, 252, 0.92);
    display: grid;
    grid-template-columns: minmax(1.25rem, auto) auto 1rem;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-width: 0;
    min-height: 2.55rem;
    border: 1px solid var(--status-border);
    border-radius: 0.65rem;
    padding: 0.32rem 0.4rem;
    color: #10233f;
    background: var(--status-surface);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.92), 0 3px 9px rgba(30, 55, 85, 0.04);
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.topbar-blood-card:hover[b-2dfj3wyodl],
.topbar-blood-card:focus-visible[b-2dfj3wyodl] {
    border-color: var(--status-color);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.95), 0 0 0 3px color-mix(in srgb, var(--status-color) 16%, transparent);
    outline: 0;
    transform: translateY(-1px);
}

.topbar-blood-card.is-critical[b-2dfj3wyodl],
.topbar-blood-summary-row.is-critical[b-2dfj3wyodl] {
    --status-color: #dc2626;
    --status-border: rgba(220, 38, 38, 0.28);
    --status-surface: rgba(255, 244, 245, 0.94);
}

.topbar-blood-card.is-warning[b-2dfj3wyodl],
.topbar-blood-summary-row.is-warning[b-2dfj3wyodl] {
    --status-color: #d97706;
    --status-border: rgba(245, 158, 11, 0.32);
    --status-surface: rgba(255, 250, 237, 0.95);
}

.topbar-blood-card.is-normal[b-2dfj3wyodl],
.topbar-blood-summary-row.is-normal[b-2dfj3wyodl] {
    --status-color: #16a34a;
    --status-border: rgba(22, 163, 74, 0.22);
    --status-surface: rgba(241, 251, 245, 0.94);
}

.topbar-blood-card.is-disabled[b-2dfj3wyodl],
.topbar-blood-card.is-unconfigured[b-2dfj3wyodl],
.topbar-blood-summary-row.is-disabled[b-2dfj3wyodl],
.topbar-blood-summary-row.is-unconfigured[b-2dfj3wyodl] {
    --status-color: #94a3b8;
    --status-border: rgba(148, 163, 184, 0.35);
    --status-surface: rgba(248, 250, 252, 0.94);
}

.topbar-blood-drop[b-2dfj3wyodl] {
    position: relative;
    display: grid;
    width: 1.9rem;
    height: 2.1rem;
    place-items: center;
    color: var(--status-color);
    filter: drop-shadow(0 3px 3px color-mix(in srgb, var(--status-color) 24%, transparent));
}

.topbar-blood-drop[b-2dfj3wyodl] (svg) {
    width: 1.9rem;
    height: 1.9rem;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1.5;
}

.topbar-blood-drop b[b-2dfj3wyodl] {
    position: absolute;
    top: 0.62rem;
    left: 50%;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.4);
    transform: translateX(-50%);
}

.topbar-blood-group-code[b-2dfj3wyodl] {
    color: var(--abo-color, var(--status-color));
    font-family: "Arial Rounded MT Bold", "Noto Sans Thai", "Leelawadee UI", sans-serif;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -0.07em;
    line-height: 1;
    -webkit-text-stroke: 0.35px color-mix(in srgb, var(--abo-color, var(--status-color)) 72%, #172554);
    text-shadow:
        0 -1px 0 rgba(255, 255, 255, 0.95),
        0 2px 0 color-mix(in srgb, var(--abo-color, var(--status-color)) 54%, #fff),
        0 4px 7px color-mix(in srgb, var(--abo-color, var(--status-color)) 28%, transparent);
}

.topbar-blood-card.abo-a[b-2dfj3wyodl] { --abo-color: #f05d86; }
.topbar-blood-card.abo-b[b-2dfj3wyodl] { --abo-color: #3b9df1; }
.topbar-blood-card.abo-o[b-2dfj3wyodl] { --abo-color: #e9a313; }
.topbar-blood-card.abo-ab[b-2dfj3wyodl] { --abo-color: #8b5cf6; }

.topbar-blood-count[b-2dfj3wyodl] {
    color: #10233f;
    font-size: 1rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.topbar-blood-status-symbol[b-2dfj3wyodl] {
    display: grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--status-color) 30%, transparent);
    border-radius: 50%;
    color: var(--status-color);
    background: rgba(255, 255, 255, 0.86);
}

.topbar-blood-status-symbol[b-2dfj3wyodl] (svg) {
    width: 0.68rem;
    height: 0.68rem;
    stroke-width: 2.5;
}

.topbar-blood-compact-trigger[b-2dfj3wyodl] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.7rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 0.75rem;
    padding: 0.36rem 0.6rem;
    color: #173653;
    background: rgba(248, 251, 254, 0.92);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.topbar-blood-compact-trigger.has-critical[b-2dfj3wyodl] { border-color: rgba(220, 38, 38, 0.35); }
.topbar-blood-compact-trigger.has-warning[b-2dfj3wyodl] { border-color: rgba(245, 158, 11, 0.4); }
.topbar-blood-compact-trigger.has-normal[b-2dfj3wyodl] { border-color: rgba(22, 163, 74, 0.24); }

.topbar-blood-compact-trigger:focus-visible[b-2dfj3wyodl] {
    outline: 3px solid rgba(14, 116, 144, 0.16);
}

.topbar-blood-compact-title[b-2dfj3wyodl],
.topbar-blood-compact-statuses[b-2dfj3wyodl],
.topbar-blood-compact-alert[b-2dfj3wyodl] {
    display: inline-flex;
    align-items: center;
}

.topbar-blood-compact-title[b-2dfj3wyodl] {
    gap: 0.35rem;
    min-width: 0;
    font-size: 1rem;
    font-weight: 750;
}

.topbar-blood-compact-title[b-2dfj3wyodl] (svg) {
    width: 1rem;
    height: 1rem;
    color: #dc2626;
    fill: currentColor;
}

.topbar-blood-compact-title strong[b-2dfj3wyodl] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.topbar-blood-compact-statuses[b-2dfj3wyodl] {
    justify-content: flex-end;
    gap: 0.3rem;
}

.topbar-blood-compact-statuses[b-2dfj3wyodl] > (svg) {
    width: 0.9rem;
    height: 0.9rem;
    color: #64748b;
}

.topbar-blood-compact-alert[b-2dfj3wyodl] {
    gap: 0.18rem;
    min-height: 1.35rem;
    padding: 0.12rem 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    font-variant-numeric: tabular-nums;
}

.topbar-blood-compact-alert[b-2dfj3wyodl] (svg) {
    width: 0.78rem;
    height: 0.78rem;
}

.topbar-blood-compact-alert b[b-2dfj3wyodl] { font-size: 1rem; }
.topbar-blood-compact-alert--critical[b-2dfj3wyodl] { color: #dc2626; box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.24); }
.topbar-blood-compact-alert--warning[b-2dfj3wyodl] { color: #d97706; box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.28); }
.topbar-blood-compact-alert--normal[b-2dfj3wyodl] { color: #16a34a; box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.2); }

.topbar-blood-popover[b-2dfj3wyodl] {
    position: fixed;
    top: 5.2rem;
    right: auto;
    bottom: auto;
    left: clamp(0.75rem, 9vw, 10rem);
    width: min(42rem, calc(100vw - 1.5rem));
    max-height: min(38rem, calc(100dvh - 6rem));
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.94);
    border-radius: 0.9rem;
    padding: 0;
    color: #173653;
    background: rgba(249, 252, 254, 0.99);
    box-shadow: 0 24px 60px rgba(23, 54, 83, 0.24);
}

.topbar-blood-popover[b-2dfj3wyodl]::backdrop { background: rgba(16, 46, 88, 0.08); }

.topbar-blood-popover header[b-2dfj3wyodl],
.topbar-blood-popover footer[b-2dfj3wyodl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
}

.topbar-blood-popover header[b-2dfj3wyodl] { border-bottom: 1px solid rgba(148, 163, 184, 0.24); }

.topbar-blood-popover header span[b-2dfj3wyodl] {
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
}

.topbar-blood-popover h2[b-2dfj3wyodl] {
    margin: 0.08rem 0 0;
    font-size: 1rem;
    font-weight: 900;
}

.topbar-blood-close[b-2dfj3wyodl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 50%;
    color: #475569;
    background: #fff;
    cursor: pointer;
}

.topbar-blood-close[b-2dfj3wyodl] (svg) { width: 1rem; height: 1rem; }

.topbar-blood-summary-table[b-2dfj3wyodl] { background: #fff; }

.topbar-blood-summary-head[b-2dfj3wyodl],
.topbar-blood-summary-row[b-2dfj3wyodl] {
    display: grid;
    grid-template-columns: 1.1fr 0.7fr 0.95fr 1.25fr 2rem;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.topbar-blood-summary-head[b-2dfj3wyodl] {
    padding: 0.55rem 0.85rem;
    color: #64748b;
    background: #f5f8fb;
    font-size: 1rem;
    font-weight: 800;
}

.topbar-blood-summary-row[b-2dfj3wyodl] {
    --status-color: #94a3b8;
    --status-surface: #f8fafc;
    padding: 0.48rem 0.85rem;
    border-top: 1px solid #e8eef3;
    color: #213b5b;
    font-size: 1rem;
}

.topbar-blood-summary-group[b-2dfj3wyodl] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.topbar-blood-drop--small[b-2dfj3wyodl] {
    width: 1.45rem;
    height: 1.55rem;
}

.topbar-blood-drop--small[b-2dfj3wyodl] (svg) { width: 1.45rem; height: 1.45rem; }
.topbar-blood-drop--small b[b-2dfj3wyodl] { top: 0.49rem; font-size: 1rem; }

.topbar-blood-status-pill[b-2dfj3wyodl] {
    display: inline-flex;
    min-height: 1.55rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--status-color) 24%, transparent);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    color: var(--status-color);
    background: var(--status-surface);
    font-weight: 800;
}

.topbar-blood-threshold[b-2dfj3wyodl] {
    color: #52677e;
    font-variant-numeric: tabular-nums;
}

.topbar-blood-summary-row > button[b-2dfj3wyodl] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #315a80;
    background: transparent;
    cursor: pointer;
}

.topbar-blood-summary-row > button:hover[b-2dfj3wyodl],
.topbar-blood-summary-row > button:focus-visible[b-2dfj3wyodl] {
    color: #075985;
    background: #e8f3fa;
    outline: 2px solid rgba(14, 116, 144, 0.14);
}

.topbar-blood-summary-row > button[b-2dfj3wyodl] (svg) { width: 0.95rem; height: 0.95rem; }

.topbar-blood-detail[b-2dfj3wyodl] {
    border-top: 1px solid #dce6ef;
    background: #fff;
}

.topbar-blood-detail-heading[b-2dfj3wyodl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.58rem 0.85rem;
    color: #31516f;
    background: #f7fafc;
    font-size: 1rem;
}

.topbar-blood-detail-scroll[b-2dfj3wyodl] {
    max-height: 12rem;
    overflow: auto;
}

.topbar-blood-detail table[b-2dfj3wyodl] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1rem;
}

.topbar-blood-detail th[b-2dfj3wyodl],
.topbar-blood-detail td[b-2dfj3wyodl] {
    overflow: hidden;
    padding: 0.5rem 0.7rem;
    border-bottom: 1px solid #e8eef3;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-blood-detail th[b-2dfj3wyodl] {
    position: sticky;
    top: 0;
    color: #52677e;
    background: #f4f8fb;
    font-size: 1rem;
}

.topbar-blood-state[b-2dfj3wyodl] {
    display: grid;
    min-height: 6rem;
    margin: 0;
    place-items: center;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
}

.topbar-blood-state--error[b-2dfj3wyodl] { color: #b42318; }

.topbar-blood-popover footer[b-2dfj3wyodl] {
    border-top: 1px solid rgba(148, 163, 184, 0.24);
    background: #f8fafc;
}

.topbar-blood-popover footer a[b-2dfj3wyodl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0369a1;
    font-size: 1rem;
    font-weight: 850;
    text-decoration: none;
}

.topbar-blood-popover footer a[b-2dfj3wyodl] (svg) { width: 0.9rem; height: 0.9rem; }

@media (max-width: 1279px) {
    .topbar-blood-groups[b-2dfj3wyodl] { display: none; }
    .topbar-blood-compact-trigger[b-2dfj3wyodl] { display: flex; }
    .topbar-blood-popover[b-2dfj3wyodl] { top: 4.6rem; left: 0.75rem; }
}

@media (max-width: 767px) {
    .topbar-blood-inventory[b-2dfj3wyodl] { max-width: 12rem; }
    .topbar-blood-compact-title > span[b-2dfj3wyodl] { display: none; }
    .topbar-blood-popover[b-2dfj3wyodl] {
        top: 4.25rem;
        left: 0.5rem;
        width: calc(100vw - 1rem);
        max-height: calc(100dvh - 4.75rem);
        overflow-y: auto;
    }
    .topbar-blood-summary-head[b-2dfj3wyodl] { display: none; }
    .topbar-blood-summary-row[b-2dfj3wyodl] {
        grid-template-columns: 1fr 0.7fr 0.9fr 2rem;
        padding-block: 0.6rem;
    }
    .topbar-blood-threshold[b-2dfj3wyodl] { display: none; }
    .topbar-blood-popover footer[b-2dfj3wyodl] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 420px) {
    .topbar-blood-inventory[b-2dfj3wyodl] { max-width: 9rem; }
    .topbar-blood-compact-title strong[b-2dfj3wyodl] { display: none; }
    .topbar-blood-compact-trigger[b-2dfj3wyodl] { gap: 0.25rem; padding-inline: 0.42rem; }
}
/* /Components/UI/GlassDatePicker.razor.rz.scp.css */
.glass-datepicker-wrapper[b-23o8y5rjh9] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.glass-datepicker-input[b-23o8y5rjh9] {
    width: 100%;
    min-height: var(--jiva-field-height, 3rem);
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--jiva-field-border, #c7d5e5);
    border-radius: var(--jiva-field-radius, 0.75rem);
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1.5rem;
    align-items: center;
    gap: 0.55rem;
    color: var(--jiva-field-ink, #1f3858);
    font: inherit;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
    background: var(--jiva-field-bg, rgba(248, 251, 255, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 5px 14px rgba(38, 72, 116, 0.04);
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.glass-datepicker-input:hover:not(:disabled)[b-23o8y5rjh9] {
    border-color: #8fa6bf;
    background: #ffffff;
}

.glass-datepicker-input.focused[b-23o8y5rjh9],
.glass-datepicker-input:focus-visible[b-23o8y5rjh9] {
    border-color: var(--jiva-field-focus, #2766ef);
    outline: 0;
    box-shadow: 0 0 0 3px var(--jiva-field-focus-ring, rgba(39, 102, 239, 0.14));
}

.glass-datepicker-input:disabled[b-23o8y5rjh9] {
    color: #7b8da1;
    border-color: #d5dee8;
    background: rgba(235, 240, 246, 0.88);
    box-shadow: none;
    cursor: not-allowed;
}

.placeholder[b-23o8y5rjh9] {
    color: var(--jiva-field-muted, #71869c);
    font-weight: 650;
}

.has-value[b-23o8y5rjh9],
.placeholder[b-23o8y5rjh9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-icon[b-23o8y5rjh9] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2766ef;
    background: linear-gradient(145deg, rgba(40, 129, 242, 0.12), rgba(111, 68, 232, 0.1));
}

.calendar-icon[b-23o8y5rjh9]  svg,
.chevron-icon[b-23o8y5rjh9]  svg {
    width: 1.05rem;
    height: 1.05rem;
}

.chevron-icon[b-23o8y5rjh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #607893;
    transition: rotate 160ms ease;
}

.glass-datepicker-input.focused .chevron-icon[b-23o8y5rjh9] {
    rotate: 180deg;
}

.glass-datepicker-dropdown[b-23o8y5rjh9] {
    position: absolute;
    z-index: 1510;
    top: calc(100% + 0.45rem);
    inset-inline-start: 0;
    width: min(21rem, calc(100vw - 2rem));
    padding: 0.85rem;
    border: 1px solid rgba(125, 148, 183, 0.28);
    border-radius: 1rem;
    color: #203b5c;
    background:
        radial-gradient(circle at 8% 0%, rgba(59, 153, 255, 0.11), transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(181, 70, 231, 0.1), transparent 43%),
        rgba(250, 252, 255, 0.97);
    box-shadow: 0 24px 56px rgba(31, 53, 93, 0.22), inset 0 1px rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(22px) saturate(125%);
}

.glass-calendar-title[b-23o8y5rjh9],
.glass-header[b-23o8y5rjh9],
.glass-footer[b-23o8y5rjh9] {
    display: flex;
    align-items: center;
}

.glass-calendar-title[b-23o8y5rjh9] {
    min-height: 2.6rem;
    margin-bottom: 0.55rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(111, 137, 174, 0.15);
    justify-content: space-between;
    gap: 0.75rem;
}

.glass-calendar-title > span[b-23o8y5rjh9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #25496f;
    font-size: 1rem;
    font-weight: 850;
}

.glass-calendar-title > span[b-23o8y5rjh9]  svg {
    width: 1.05rem;
    height: 1.05rem;
    color: #6f44e8;
}

.glass-calendar-title > button[b-23o8y5rjh9] {
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid rgba(39, 102, 239, 0.18);
    border-radius: 999px;
    color: #285fc6;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    background: rgba(39, 102, 239, 0.07);
}

.glass-header[b-23o8y5rjh9] {
    min-height: 2.7rem;
    margin-bottom: 0.55rem;
    justify-content: space-between;
    gap: 0.5rem;
}

.current-month[b-23o8y5rjh9],
.nav-btn[b-23o8y5rjh9] {
    border: 0;
    font: inherit;
    cursor: pointer;
    background: transparent;
}

.current-month[b-23o8y5rjh9] {
    min-height: 2.2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 0.65rem;
    color: #213d61;
    font-size: 1rem;
    font-weight: 850;
}

.current-month:hover[b-23o8y5rjh9],
.nav-btn:hover[b-23o8y5rjh9],
.glass-calendar-title > button:hover[b-23o8y5rjh9] {
    background: rgba(39, 102, 239, 0.09);
}

.nav-btn[b-23o8y5rjh9] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.65rem;
    display: grid;
    place-items: center;
    color: #5c7390;
}

.nav-btn[b-23o8y5rjh9]  svg {
    width: 1.1rem;
    height: 1.1rem;
}

.glass-weekdays[b-23o8y5rjh9],
.glass-days[b-23o8y5rjh9] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.glass-weekdays[b-23o8y5rjh9] {
    margin-bottom: 0.35rem;
    color: #8294a9;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
}

.glass-weekdays span[b-23o8y5rjh9] {
    padding-block: 0.3rem;
}

.glass-days[b-23o8y5rjh9] {
    gap: 0.2rem;
}

.day-cell[b-23o8y5rjh9] {
    width: 2.25rem;
    height: 2.25rem;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 0.7rem;
    display: grid;
    place-items: center;
    color: #314c6d;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    transition: color 150ms ease, background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.day-cell:hover:not(.selected-day):not(:disabled)[b-23o8y5rjh9] {
    color: #2458bf;
    background: rgba(39, 102, 239, 0.09);
}

.day-cell.other-month[b-23o8y5rjh9] {
    color: #b5c0cc;
}

.day-cell.today[b-23o8y5rjh9] {
    color: #5f3bd7;
    border: 1px solid rgba(111, 68, 232, 0.34);
    font-weight: 900;
}

.day-cell.selected-day[b-23o8y5rjh9] {
    color: #ffffff;
    background: linear-gradient(135deg, #2478ef, #7245e9 70%, #ba36d2);
    box-shadow: 0 7px 16px rgba(83, 68, 211, 0.3);
    font-weight: 900;
}

.day-cell:disabled[b-23o8y5rjh9] {
    color: #ced6df;
    cursor: not-allowed;
    background: transparent;
}

.day-cell:focus-visible[b-23o8y5rjh9],
.nav-btn:focus-visible[b-23o8y5rjh9],
.current-month:focus-visible[b-23o8y5rjh9],
.glass-calendar-title button:focus-visible[b-23o8y5rjh9],
.cancel-btn:focus-visible[b-23o8y5rjh9] {
    outline: 3px solid rgba(39, 102, 239, 0.28);
    outline-offset: 2px;
}

.glass-footer[b-23o8y5rjh9] {
    min-height: 2.7rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(111, 137, 174, 0.15);
    justify-content: space-between;
    gap: 0.75rem;
}

.glass-footer > span[b-23o8y5rjh9] {
    color: #7b8fa5;
    font-size: 1rem;
    font-weight: 650;
}

.cancel-btn[b-23o8y5rjh9] {
    min-height: 2rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(108, 133, 170, 0.2);
    border-radius: 0.6rem;
    color: #516b87;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.72);
}

.glass-overlay[b-23o8y5rjh9] {
    position: fixed;
    z-index: 1500;
    inset: 0;
}

@supports (position-anchor: --jiva-date-field) {
    .glass-datepicker-wrapper[b-23o8y5rjh9] {
        anchor-scope: --jiva-date-field;
    }

    .glass-datepicker-input[b-23o8y5rjh9] {
        anchor-name: --jiva-date-field;
    }

    .glass-datepicker-dropdown[b-23o8y5rjh9] {
        position: fixed;
        position-anchor: --jiva-date-field;
        inset: auto;
        top: clamp(0.75rem, calc(anchor(bottom) + 0.45rem), calc(100dvh - 29rem));
        left: clamp(0.75rem, anchor(left), calc(100dvw - 21.75rem));
        max-height: calc(100dvh - 1.5rem);
        overflow: auto;
        position-try-fallbacks: flip-block, flip-inline;
    }
}

@media (max-width: 639px) {
    .glass-datepicker-dropdown[b-23o8y5rjh9] {
        position: fixed;
        inset: auto 0.65rem 0.65rem;
        width: auto;
        max-height: calc(100dvh - 1.3rem);
        overflow: auto;
        border-radius: 1.15rem;
    }

    .day-cell[b-23o8y5rjh9] {
        width: 2.45rem;
        height: 2.45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .glass-datepicker-wrapper *[b-23o8y5rjh9],
    .glass-datepicker-wrapper *[b-23o8y5rjh9]::before,
    .glass-datepicker-wrapper *[b-23o8y5rjh9]::after {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/UI/GlassDateRangePicker.razor.rz.scp.css */
.glass-daterange-wrapper[b-m4o16vrm2q] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.glass-daterange-input[b-m4o16vrm2q] {
    width: 100%;
    min-height: var(--jiva-field-height, 3rem);
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--jiva-field-border, #c7d5e5);
    border-radius: var(--jiva-field-radius, 0.75rem);
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1.5rem;
    align-items: center;
    gap: 0.55rem;
    color: var(--jiva-field-ink, #1f3858);
    font: inherit;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
    background: var(--jiva-field-bg, rgba(248, 251, 255, 0.94));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.84), 0 5px 14px rgba(38, 72, 116, 0.04);
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.glass-daterange-input:hover[b-m4o16vrm2q],
.glass-daterange-input.focused[b-m4o16vrm2q] {
    border-color: var(--jiva-field-focus, #2766ef);
    background: #fff;
}

.glass-daterange-input.focused[b-m4o16vrm2q],
.glass-daterange-input:focus-visible[b-m4o16vrm2q] {
    outline: 0;
    box-shadow: 0 0 0 3px var(--jiva-field-focus-ring, rgba(39, 102, 239, 0.14));
}

.calendar-icon[b-m4o16vrm2q] {
    width: 2rem;
    height: 2rem;
    padding: 0.42rem;
    border-radius: 0.6rem;
    color: #2766ef;
    background: linear-gradient(145deg, rgba(40, 129, 242, 0.12), rgba(111, 68, 232, 0.1));
}

.has-value[b-m4o16vrm2q] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glass-daterange-input[b-m4o16vrm2q]  svg:last-child {
    width: 1.05rem;
    height: 1.05rem;
    color: #607893;
    transition: rotate 160ms ease;
}

.glass-daterange-input.focused[b-m4o16vrm2q]  svg:last-child {
    rotate: 180deg;
}

.glass-daterange-dropdown[b-m4o16vrm2q] {
    position: absolute;
    z-index: 1510;
    top: calc(100% + 0.45rem);
    inset-inline-start: 0;
    width: min(42rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid rgba(125, 148, 183, 0.28);
    border-radius: 1rem;
    color: #203b5c;
    background:
        radial-gradient(circle at 8% 0%, rgba(59, 153, 255, 0.11), transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(181, 70, 231, 0.1), transparent 43%),
        rgba(250, 252, 255, 0.97);
    box-shadow: 0 24px 56px rgba(31, 53, 93, 0.22), inset 0 1px rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(22px) saturate(125%);
}

.calendars-container[b-m4o16vrm2q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.calendar-pane[b-m4o16vrm2q] {
    min-width: 0;
    padding: 0.25rem;
}

.calendar-pane + .calendar-pane[b-m4o16vrm2q] {
    border-inline-start: 1px solid rgba(111, 137, 174, 0.15);
    padding-inline-start: 1rem;
}

.glass-header[b-m4o16vrm2q] {
    min-height: 2.7rem;
    margin-bottom: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.current-month[b-m4o16vrm2q] {
    min-height: 2.2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 0.65rem;
    color: #213d61;
    font-size: 1rem;
    font-weight: 850;
}

.nav-btn[b-m4o16vrm2q] {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: 0.65rem;
    display: grid;
    place-items: center;
    color: #5c7390;
    cursor: pointer;
    background: transparent;
}

.nav-btn:hover[b-m4o16vrm2q],
.current-month:hover[b-m4o16vrm2q] {
    background: rgba(39, 102, 239, 0.09);
}

.glass-weekdays[b-m4o16vrm2q],
.glass-days[b-m4o16vrm2q] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    text-align: center;
}

.glass-weekdays[b-m4o16vrm2q] {
    margin-bottom: 0.35rem;
    color: #8294a9;
    font-size: 1rem;
    font-weight: 800;
}

.glass-weekdays span[b-m4o16vrm2q] {
    padding-block: 0.3rem;
}

.glass-days[b-m4o16vrm2q] {
    gap: 0.15rem 0;
}

.day-cell[b-m4o16vrm2q] {
    width: 100%;
    height: 2.25rem;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 0.7rem;
    display: grid;
    place-items: center;
    color: #314c6d;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.day-cell:hover:not(.selected-day)[b-m4o16vrm2q] {
    color: #2458bf;
    background: rgba(39, 102, 239, 0.09);
}

.day-cell.today[b-m4o16vrm2q] {
    color: #5f3bd7;
    border: 1px solid rgba(111, 68, 232, 0.34);
    font-weight: 900;
}

.day-cell.in-range[b-m4o16vrm2q] {
    border-radius: 0;
    background: rgba(65, 132, 239, 0.12);
}

.day-cell.selected-day[b-m4o16vrm2q] {
    position: relative;
    z-index: 1;
    border-radius: 0.7rem;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #2478ef, #7245e9 70%, #ba36d2);
    box-shadow: 0 7px 16px rgba(83, 68, 211, 0.26);
}

.glass-footer[b-m4o16vrm2q] {
    min-height: 3rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(111, 137, 174, 0.15);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.cancel-btn[b-m4o16vrm2q],
.apply-btn[b-m4o16vrm2q] {
    min-height: 2.2rem;
    padding: 0 0.9rem;
    border-radius: 0.65rem;
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
    cursor: pointer;
}

.cancel-btn[b-m4o16vrm2q] {
    border: 1px solid rgba(108, 133, 170, 0.22);
    color: #516b87;
    background: rgba(255, 255, 255, 0.76);
}

.apply-btn[b-m4o16vrm2q] {
    border: 0;
    color: #fff;
    background: linear-gradient(105deg, #2474ed, #7144e8 68%, #b837d3);
    box-shadow: 0 7px 16px rgba(83, 68, 211, 0.2);
}

.glass-daterange-input:focus-visible[b-m4o16vrm2q],
.day-cell:focus-visible[b-m4o16vrm2q],
.nav-btn:focus-visible[b-m4o16vrm2q],
.cancel-btn:focus-visible[b-m4o16vrm2q],
.apply-btn:focus-visible[b-m4o16vrm2q] {
    outline: 3px solid rgba(39, 102, 239, 0.28);
    outline-offset: 2px;
}

.glass-overlay[b-m4o16vrm2q] {
    position: fixed;
    z-index: 1500;
    inset: 0;
}

@supports (position-anchor: --jiva-date-range-field) {
    .glass-daterange-wrapper[b-m4o16vrm2q] {
        anchor-scope: --jiva-date-range-field;
    }

    .glass-daterange-input[b-m4o16vrm2q] {
        anchor-name: --jiva-date-range-field;
    }

    .glass-daterange-dropdown[b-m4o16vrm2q] {
        position: fixed;
        position-anchor: --jiva-date-range-field;
        inset: auto;
        top: clamp(0.75rem, calc(anchor(bottom) + 0.45rem), calc(100dvh - 31rem));
        left: clamp(0.75rem, anchor(left), calc(100dvw - 43rem));
        max-height: calc(100dvh - 1.5rem);
        overflow: auto;
        position-try-fallbacks: flip-block, flip-inline;
    }
}

@media (max-width: 699px) {
    .glass-daterange-dropdown[b-m4o16vrm2q] {
        position: fixed;
        inset: auto 0.65rem 0.65rem;
        width: auto;
        max-height: calc(100dvh - 1.3rem);
        overflow: auto;
    }

    .calendars-container[b-m4o16vrm2q] {
        grid-template-columns: 1fr;
    }

    .calendar-pane + .calendar-pane[b-m4o16vrm2q] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .glass-daterange-wrapper *[b-m4o16vrm2q],
    .glass-daterange-wrapper *[b-m4o16vrm2q]::before,
    .glass-daterange-wrapper *[b-m4o16vrm2q]::after {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/UI/GlassTimePicker.razor.rz.scp.css */
.glass-timepicker-wrapper[b-r0788yjujb] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.glass-timepicker-input[b-r0788yjujb] {
    width: 100%;
    min-height: var(--jiva-field-height, 3rem);
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1.1rem;
    align-items: center;
    gap: .625rem;
    padding: .4rem .75rem .4rem .45rem;
    border: 1px solid var(--jiva-field-border, rgba(148, 163, 184, .38));
    border-radius: var(--jiva-field-radius, .75rem);
    background: var(--jiva-field-bg, rgba(255, 255, 255, .82));
    box-shadow: 0 .25rem .85rem rgba(71, 85, 105, .07), inset 0 1px 0 rgba(255, 255, 255, .8);
    color: var(--jiva-field-ink, #1e2b45);
    font: inherit;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.glass-timepicker-input:hover[b-r0788yjujb] {
    border-color: rgba(79, 70, 229, .42);
    box-shadow: 0 .45rem 1.1rem rgba(79, 70, 229, .11), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.glass-timepicker-input:focus-visible[b-r0788yjujb],
.glass-timepicker-input.focused[b-r0788yjujb] {
    outline: none;
    border-color: var(--jiva-field-focus, #4f46e5);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .14), 0 .45rem 1.1rem rgba(79, 70, 229, .1);
}

.time-icon[b-r0788yjujb] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: .58rem;
    background: linear-gradient(145deg, rgba(59, 130, 246, .14), rgba(124, 58, 237, .12));
    color: #4f46e5;
}

.time-icon[b-r0788yjujb]  svg {
    width: 1.05rem;
    height: 1.05rem;
    stroke-width: 2.2;
}

.time-value[b-r0788yjujb] {
    min-width: 0;
    font-variant-numeric: tabular-nums;
}

.time-chevron[b-r0788yjujb] {
    display: grid;
    place-items: center;
    color: #64748b;
    transition: transform .18s ease;
}

.focused .time-chevron[b-r0788yjujb] {
    transform: rotate(180deg);
}

.time-chevron[b-r0788yjujb]  svg {
    width: 1rem;
    height: 1rem;
}

.glass-timepicker-dropdown[b-r0788yjujb] {
    position: absolute;
    z-index: 1002;
    top: calc(100% + .55rem);
    left: 0;
    width: min(22rem, calc(100vw - 2rem));
    padding: .9rem;
    border: 1px solid rgba(165, 180, 252, .5);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(245, 247, 255, .94));
    box-shadow: 0 1.25rem 3rem rgba(51, 65, 85, .2), inset 0 1px 0 #fff;
    backdrop-filter: blur(22px) saturate(140%);
    animation: timepicker-enter-b-r0788yjujb .16s ease-out;
}

.timepicker-header[b-r0788yjujb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .1rem .1rem .75rem;
}

.timepicker-header > div[b-r0788yjujb] {
    display: grid;
    gap: .08rem;
}

.timepicker-header strong[b-r0788yjujb] {
    color: #25315f;
    font-size: 1rem;
    font-weight: 850;
}

.timepicker-header span[b-r0788yjujb] {
    color: #718096;
    font-size: 1rem;
    font-weight: 650;
}

.time-now-button[b-r0788yjujb] {
    min-height: 2rem;
    padding: .35rem .72rem;
    border: 1px solid rgba(79, 70, 229, .18);
    border-radius: 999px;
    background: rgba(238, 242, 255, .9);
    color: #4338ca;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.time-now-button:hover[b-r0788yjujb] {
    background: #e0e7ff;
}

.timepicker-display[b-r0788yjujb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .85rem;
    border: 1px solid rgba(165, 180, 252, .3);
    border-radius: .85rem;
    background: rgba(248, 250, 252, .78);
}

.timepicker-display select[b-r0788yjujb] {
    width: 100%;
    height: 3rem;
    padding-inline: .8rem 2rem;
    border-color: rgba(129, 140, 248, .38);
    border-radius: .7rem;
    background-color: rgba(255, 255, 255, .96);
    color: #27345c;
    font-size: 1.15rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.timepicker-display > span[b-r0788yjujb] {
    color: #6d5ce8;
    font-size: 1.2rem;
    font-weight: 900;
}

.quick-time-label[b-r0788yjujb] {
    display: block;
    margin: .8rem .1rem .42rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 800;
}

.timepicker-quick-grid[b-r0788yjujb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .42rem;
}

.timepicker-quick-grid button[b-r0788yjujb] {
    min-height: 2.25rem;
    padding: .35rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: .65rem;
    background: rgba(255, 255, 255, .72);
    color: #52607a;
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.timepicker-quick-grid button:hover[b-r0788yjujb] {
    border-color: rgba(99, 102, 241, .42);
    background: #eef2ff;
    color: #4338ca;
}

.timepicker-quick-grid .selected-time[b-r0788yjujb] {
    border-color: transparent;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    box-shadow: 0 .3rem .75rem rgba(79, 70, 229, .23);
}

.timepicker-footer[b-r0788yjujb] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(148, 163, 184, .2);
}

.cancel-btn[b-r0788yjujb],
.apply-btn[b-r0788yjujb] {
    min-height: 2.35rem;
    padding: .48rem .9rem;
    border-radius: .68rem;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.cancel-btn[b-r0788yjujb] {
    border: 1px solid rgba(148, 163, 184, .32);
    background: rgba(255, 255, 255, .78);
    color: #56627a;
}

.cancel-btn:hover[b-r0788yjujb] {
    background: #f1f5f9;
}

.apply-btn[b-r0788yjujb] {
    border: 0;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    box-shadow: 0 .38rem .9rem rgba(79, 70, 229, .25);
}

.apply-btn:hover[b-r0788yjujb] {
    filter: brightness(1.04);
}

.time-now-button:focus-visible[b-r0788yjujb],
.timepicker-display select:focus-visible[b-r0788yjujb],
.timepicker-quick-grid button:focus-visible[b-r0788yjujb],
.cancel-btn:focus-visible[b-r0788yjujb],
.apply-btn:focus-visible[b-r0788yjujb] {
    outline: 3px solid rgba(59, 130, 246, .28);
    outline-offset: 2px;
}

.glass-time-overlay[b-r0788yjujb] {
    position: fixed;
    z-index: 1001;
    inset: 0;
    background: transparent;
}

@supports (position-anchor: --jiva-time-field) {
    .glass-timepicker-wrapper[b-r0788yjujb] {
        anchor-scope: --jiva-time-field;
    }

    .glass-timepicker-input[b-r0788yjujb] {
        anchor-name: --jiva-time-field;
    }

    .glass-timepicker-dropdown[b-r0788yjujb] {
        position: fixed;
        position-anchor: --jiva-time-field;
        inset: auto;
        top: clamp(.75rem, calc(anchor(bottom) + .55rem), calc(100dvh - 26rem));
        left: clamp(.75rem, anchor(left), calc(100dvw - 22.75rem));
        max-height: calc(100dvh - 1.5rem);
        overflow: auto;
        position-try-fallbacks: flip-block, flip-inline;
    }
}

@keyframes timepicker-enter-b-r0788yjujb {
    from {
        opacity: 0;
        transform: translateY(-.35rem) scale(.985);
    }
}

@media (max-width: 639px) {
    .glass-timepicker-dropdown[b-r0788yjujb] {
        position: fixed;
        inset: auto .75rem .75rem;
        width: auto;
        max-height: calc(100dvh - 1.5rem);
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .glass-timepicker-input[b-r0788yjujb],
    .time-chevron[b-r0788yjujb],
    .timepicker-quick-grid button[b-r0788yjujb],
    .glass-timepicker-dropdown[b-r0788yjujb] {
        animation: none;
        transition: none;
    }
}