@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/Breadcrumb.razor.rz.scp.css */
.pg-crumbs[b-osab3qqa2o] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.pg-crumb[b-osab3qqa2o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    text-decoration: none;
}

.pg-crumb:hover[b-osab3qqa2o] {
    color: #2563eb;
}

.pg-crumb-home span[b-osab3qqa2o] {
    color: #94a3b8;
}

.pg-crumb-sep[b-osab3qqa2o] {
    color: #cbd5e1;
}

.pg-crumb-current[b-osab3qqa2o] {
    color: #0f172a;
    font-weight: 600;
}
/* /Components/Layout/BuSwitcher.razor.rz.scp.css */
.bu-switcher[b-vu2vrlsj4v] {
    position: relative;
}

.bu-chip[b-vu2vrlsj4v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #EFF4FF;
    border: 1px solid #DBE4FF;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    cursor: pointer;
    user-select: none;
    list-style: none;
}

/* Remove the native <details> disclosure triangle */
.bu-chip[b-vu2vrlsj4v]::-webkit-details-marker { display: none; }

.bu-chip--static[b-vu2vrlsj4v] { cursor: default; }

.bu-chip__chevron[b-vu2vrlsj4v] {
    display: inline-flex;
    align-items: center;
    color: #64748B;
    transition: transform 0.15s ease;
}

.bu-switcher[open] .bu-chip__chevron[b-vu2vrlsj4v] { transform: rotate(180deg); }

.bu-switcher__menu[b-vu2vrlsj4v] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 160px;
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    padding: 6px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bu-switcher__menu form[b-vu2vrlsj4v] { margin: 0; }

.bu-switcher__item[b-vu2vrlsj4v] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #1E293B;
    text-align: left;
    cursor: pointer;
}

.bu-switcher__item:hover:not(:disabled)[b-vu2vrlsj4v] { background: #F1F5F9; }

.bu-switcher__item--active[b-vu2vrlsj4v],
.bu-switcher__item:disabled[b-vu2vrlsj4v] {
    color: #2563EB;
    font-weight: 600;
    cursor: default;
}

.bu-switcher__check[b-vu2vrlsj4v] { color: #2563EB; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-d1rl7xyom7] {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

.main-column[b-d1rl7xyom7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.app-header[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    gap: 23px;
    height: 73px;
    padding: 10px 32px;
    background: #F8FAFF;
    /* border-bottom: 1px solid #E2E8F0; */
    box-sizing: border-box;
    flex-shrink: 0;
}

[b-d1rl7xyom7] .hdr-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 8px;
    background: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

[b-d1rl7xyom7] .hdr-expand:hover {
    background-color: #EEF5FF;
}

[b-d1rl7xyom7] .hdr-expand--hidden {
    display: none;
}

.app-header__heading[b-d1rl7xyom7] {
    flex: 1;
    min-width: 0;
}

/* ::deep — rendered via SectionOutlet, declared in PageHeader (different scope) */
[b-d1rl7xyom7] .app-header__title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    color: #060D1D;
}

[b-d1rl7xyom7] .app-header__desc {
    margin: 2px 0 0;
    font-size: 14px;
    color: #64748B;
}

.app-header__actions[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    gap: 23px;
}

/* Notification bell */
.hdr-noti[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: #DBEAFE;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.hdr-noti:hover[b-d1rl7xyom7] {
    background: #C7DDFC;
}

/* Profile dropdown */
.hdr-profile[b-d1rl7xyom7] {
    position: relative;
}

.hdr-profile__summary[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    cursor: pointer;
}

.hdr-profile__summary[b-d1rl7xyom7]::-webkit-details-marker {
    display: none;
}

.hdr-avatar[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1E293B;
    flex-shrink: 0;
}

.hdr-profile__meta[b-d1rl7xyom7] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.hdr-profile__name[b-d1rl7xyom7] {
    font-size: 14px;
    font-weight: 700;
    color: #404040;
    white-space: nowrap;
}

.hdr-profile__role[b-d1rl7xyom7] {
    font-size: 12px;
    font-weight: 600;
    color: #565656;
    white-space: nowrap;
}

.hdr-profile__menu[b-d1rl7xyom7] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 180px;
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    padding: 8px;
    z-index: 20;
}

.profile-menu__item[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #475569;
    text-decoration: none;
    box-sizing: border-box;
}

.profile-menu__item:hover[b-d1rl7xyom7] {
    background: #F1F5F9;
}

.profile-menu__sep[b-d1rl7xyom7] {
    height: 1px;
    background: #E2E8F0;
    margin: 4px 0;
}

.signout[b-d1rl7xyom7] {
    margin: 0;
}

.signout__btn[b-d1rl7xyom7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #475569;
    cursor: pointer;
}

.signout__btn:hover[b-d1rl7xyom7] {
    background: #F1F5F9;
}

.content[b-d1rl7xyom7] {
    flex: 1;
    background-color: #F8FAFF;
    overflow-y: auto;
    padding: 24px 32px;
}
/* /Components/Layout/NavSidebar.razor.rz.scp.css */
.sidebar[b-9eku3qccug] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #F8FAFF;
    color: #0F172A;
    overflow: hidden;
    border-right: 1px solid #E2E8F0;
    width: auto;
    transition: min-width 0.2s ease, max-width 0.2s ease;
}

.sidebar.expanded[b-9eku3qccug] {
    min-width: 240px;
    max-width: 600px;
}

.sidebar.collapsed[b-9eku3qccug] {
    min-width: 56px;
    max-width: 56px;
}

.sidebar-header[b-9eku3qccug] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    background-color: #EEF5FF;
    border-bottom: 1px solid #E2E8F0;
}

.sidebar.collapsed .sidebar-header[b-9eku3qccug] {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 16px 8px;
}

.app-logo[b-9eku3qccug] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(37, 99, 235, 0.1);
    border-radius: 8px;
}

.app-title-block[b-9eku3qccug] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.app-title[b-9eku3qccug] {
    font-size: 18px;
    font-weight: 700;
    color: #B91C1C;
    white-space: nowrap;
}

.bu-subtitle[b-9eku3qccug] {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-toggle[b-9eku3qccug] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    padding: 6px;
    cursor: pointer;
    border-radius: 6px;
    background: none;
    border: none;
}

.sidebar.collapsed .sidebar-toggle[b-9eku3qccug] {
    margin-left: 0;
}

.sidebar-toggle:hover[b-9eku3qccug] {
    background-color: #DBEAFE;
}

.sidebar-nav[b-9eku3qccug] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    /* Thin overlay scrollbar so it doesn't cover the narrow collapsed icons */
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.sidebar-nav[b-9eku3qccug]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-nav[b-9eku3qccug]::-webkit-scrollbar-thumb {
    background-color: #CBD5E1;
    border-radius: 3px;
}

.sidebar-nav[b-9eku3qccug]::-webkit-scrollbar-track {
    background: transparent;
}

/* Collapsed sidebar: non-clickable group header icon above its flattened child icons.
   ::deep — these nodes are rendered by the child NavNodeView component, not NavSidebar. */
[b-9eku3qccug] .collapsed-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 6px 0;
    color: #444652;
    background: none;
    border: none;
    cursor: pointer;
}

[b-9eku3qccug] .collapsed-group-icon:hover {
    background-color: #E8EEF6;
}

[b-9eku3qccug] .collapsed-group-icon.open {
    background-color: #F1F5F9;
    box-shadow: inset 5px 0 0 #B91C1C;
}

/* Child-icon panel — gray BG mirrors the expanded submenu container */
[b-9eku3qccug] .collapsed-children {
    background-color: #E2E8F0;
    padding: 4px 0;
}

/* Collapsed: center the icon-only rows. FluentUI indents items via logical
   padding-inline-start (24/48px) — must zero the LOGICAL property, not padding-left. */
.sidebar.collapsed[b-9eku3qccug]  .positioning-region,
.sidebar.collapsed[b-9eku3qccug]  .fluent-nav-link,
.sidebar.collapsed[b-9eku3qccug]  .content-region {
    justify-content: center !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}

.sidebar.collapsed[b-9eku3qccug]  .collapsed-children .fluent-nav-link:hover .positioning-region {
    background-color: #D8E0EA !important;
}

.nav-section-header[b-9eku3qccug] {
    padding: 16px 16px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-footer[b-9eku3qccug] {
    border-top: 1px solid #E2E8F0;
}

.sidebar.collapsed .sidebar-footer[b-9eku3qccug] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-link[b-9eku3qccug] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 10px 8px;
    color: #444652;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.15s ease;
}

.footer-link-label[b-9eku3qccug] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
}

.sidebar.collapsed .footer-link[b-9eku3qccug] {
    justify-content: center;
    padding: 10px 8px;
}

.footer-link:hover[b-9eku3qccug] {
    background-color: #F1F5F9;
}

/* Active footer link: gray bg + red left bar (match menu) */
.footer-link.active[b-9eku3qccug] {
    background-color: #F1F5F9;
    box-shadow: inset 5px 0 0 #B91C1C;
}

/* Override FluentUI NavMenu defaults for light sidebar */
[b-9eku3qccug] .fluent-nav-menu {
    background-color: transparent;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
}

/* Kill FluentUI's built-in blue active accent indicator */
[b-9eku3qccug] .fluent-nav-link::before,
[b-9eku3qccug] .fluent-nav-link::after,
[b-9eku3qccug] .positioning-region::before,
[b-9eku3qccug] .positioning-region::after,
[b-9eku3qccug] .fluent-nav-link.active::before,
[b-9eku3qccug] .fluent-nav-link[aria-current="page"]::before {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
}

/* Active bg fills the whole row (link is the full-width block) */
[b-9eku3qccug] .fluent-nav-link,
[b-9eku3qccug] .content-region {
    width: 100% !important;
    box-sizing: border-box;
}

/* Hide any FluentUI active indicator DOM node + accent border */
[b-9eku3qccug] .indicator,
[b-9eku3qccug] .fluent-nav-link .indicator,
[b-9eku3qccug] .fluent-nav-item .indicator {
    display: none !important;
}

[b-9eku3qccug] .fluent-nav-link.active,
[b-9eku3qccug] .fluent-nav-link[aria-current="page"] {
    border-inline-start: none !important;
}

[b-9eku3qccug] .positioning-region {
    background-color: transparent !important;
    border: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    min-height: 48px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Nav text size to match Figma (16px) */
[b-9eku3qccug] .fluent-nav-link,
[b-9eku3qccug] .fluent-nav-group,
[b-9eku3qccug] .content-region {
    font-size: 16px !important;
}

[b-9eku3qccug] .fluent-nav-item,
[b-9eku3qccug] .fluent-nav-group {
    margin: 0 !important;
    width: 100% !important;
}

[b-9eku3qccug] .fluent-nav-item {
    color: #444652;
}

[b-9eku3qccug] .fluent-nav-item:hover > .positioning-region {
    background-color: #E8EEF6 !important;
}

[b-9eku3qccug] .fluent-nav-link {
    color: #444652;
    text-decoration: none;
}

/* Active parent group: gray background + full red left bar (square) */
[b-9eku3qccug] .fluent-nav-link.active .positioning-region,
[b-9eku3qccug] .fluent-nav-link[aria-current="page"] .positioning-region {
    background-color: #F1F5F9 !important;
    box-shadow: inset 5px 0 0 #B91C1C !important;
    border-radius: 0 !important;
}

[b-9eku3qccug] .fluent-nav-link.active,
[b-9eku3qccug] .fluent-nav-link[aria-current="page"] {
    color: #444652;
}

/* Active submenu child: keep default color + bold */
[b-9eku3qccug] .fluent-nav-group .fluent-nav-link.active,
[b-9eku3qccug] .fluent-nav-group .fluent-nav-link[aria-current="page"] {
    color: #444652;
    font-weight: 600;
}

[b-9eku3qccug] .fluent-nav-group {
    color: #444652;
}

/* Kill blue accent on expandable group icon + label */
[b-9eku3qccug] .fluent-nav-group > .positioning-region .content-region,
[b-9eku3qccug] .fluent-nav-group > .positioning-region {
    color: #444652 !important;
}

[b-9eku3qccug] .fluent-nav-group > .positioning-region .fluent-nav-icon svg,
[b-9eku3qccug] .fluent-nav-group > .positioning-region .content-region svg {
    fill: #444652 !important;
    color: #444652 !important;
}

/* Expanded group: gray background + red left bar (square) */
[b-9eku3qccug] .fluent-nav-group.expanded > .positioning-region {
    background-color: #F1F5F9 !important;
    box-shadow: inset 5px 0 0 #B91C1C !important;
    border-radius: 0 !important;
}

[b-9eku3qccug] .fluent-nav-group .positioning-region {
    background-color: transparent !important;
    border: none !important;
}

/* Sub-items panel: gray BG on the inner collapsible container only (not the header) */
[b-9eku3qccug] .fluent-collapsible-region-container {
    background-color: #E2E8F0 !important;
}

[b-9eku3qccug] .fluent-collapsible-region-container .fluent-nav-item:hover > .fluent-nav-link .positioning-region,
[b-9eku3qccug] .fluent-collapsible-region-container .fluent-nav-link:hover .positioning-region {
    background-color: #D8E0EA !important;
}

[b-9eku3qccug] .expand-collapse-button {
    color: #94A3B8;
    transition: transform 0.15s ease;
}

/* Open group: chevron points up */
[b-9eku3qccug] .fluent-nav-group .expand-collapse-button.rotate,
[b-9eku3qccug] .fluent-nav-group .expand-collapse-button.rotate svg,
[b-9eku3qccug] .fluent-nav-group .expand-collapse-button.rotate .expand-collapse-glyph {
    transform: rotate(-45deg) !important;
}

[b-9eku3qccug] .expand-collapse-button:hover,
[b-9eku3qccug] .expand-collapse-button:hover .expand-collapse-glyph {
    background: none !important;
    background-color: transparent !important;
}

[b-9eku3qccug] .fluent-nav-expand-icon svg {
    fill: #94A3B8;
    width: 20px !important;
    height: 20px !important;
}

[b-9eku3qccug] .content-region {
    background-color: transparent;
    box-sizing: border-box;
}

[b-9eku3qccug] .expander {
    display: none !important;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* Navy used for the primary action, checkbox and headings. Declared on the
   component root (not :root) so Blazor CSS isolation keeps the vars in scope. */
.login[b-maeeii7v4i] {
    --login-navy: #1e2a4a;
    --login-navy-hover: #16203a;
    display: flex;
    min-height: 100vh;
    width: 100%;
    background: var(--login-navy);
}

/* Left: full-bleed photographic stage with the brand mark over it. */
.login-stage[b-maeeii7v4i] {
    position: relative;
    flex: 1 1 58%;
    /* Vertical depth shading over the photo; the blue glass pane is layered on top. */
    background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.30) 0%, rgba(15, 23, 42, 0.05) 35%, rgba(15, 23, 42, 0.40) 100%),
        url("login/background.png");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* Frosted blue glass pane over the left half: blurs the photo behind it and a
   light sheen, then masks out toward the form so it dissolves into the sharp
   image. Sits behind the logo/copyright in DOM order so those stay crisp. */
.login-glass[b-maeeii7v4i] {
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, rgba(40, 72, 138, 0.50) 0%, rgba(22, 44, 96, 0.38) 45%, rgba(22, 44, 96, 0.10) 60%, rgba(22, 44, 96, 0) 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 30%);
    backdrop-filter: blur(7px) saturate(118%);
    -webkit-backdrop-filter: blur(7px) saturate(118%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 40%, transparent 66%);
    mask-image: linear-gradient(90deg, #000 0%, #000 40%, transparent 66%);
    pointer-events: none;
}

.login-mark[b-maeeii7v4i] {
    position: absolute;
    top: 2rem;
    left: 2.25rem;
    display: inline-block;
}

.login-mark img[b-maeeii7v4i] {
    height: 44px;
    width: auto;
    display: block;
}

/* Right: light panel that curves over the photo via a large left radius. */
.login-panel[b-maeeii7v4i] {
    flex: 1 1 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 3rem;
    background: #f6f7f9;
    border-top-left-radius: 44px;
    border-bottom-left-radius: 44px;
    margin-left: -44px;
}

.login-card[b-maeeii7v4i] {
    width: 100%;
    max-width: 22rem;
}

.login-title[b-maeeii7v4i] {
    margin: 0;
    font-size: 1.85rem;
    font-weight: 700;
    color: var(--login-navy);
}

.login-subtitle[b-maeeii7v4i] {
    margin: 0.4rem 0 2rem;
    font-size: 0.95rem;
    color: #6b7280;
}

.login-error[b-maeeii7v4i] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    margin: 0 0 1.25rem;
}

.login-field[b-maeeii7v4i] {
    margin-bottom: 1.25rem;
}

.login-field label[b-maeeii7v4i] {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #374151;
}

.login-field input[b-maeeii7v4i] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.7rem 0.9rem;
    border: 1px solid #d8dce3;
    border-radius: 8px;
    font-size: 0.95rem;
    background: #ffffff;
    color: #111827;
}

.login-field input[b-maeeii7v4i]::placeholder {
    color: #9aa2af;
}

.login-field input:focus[b-maeeii7v4i] {
    outline: none;
    border-color: var(--login-navy);
    box-shadow: 0 0 0 3px rgba(30, 42, 74, 0.12);
}

/* Password field carries an inline reveal toggle on the trailing edge. */
.login-password[b-maeeii7v4i] {
    position: relative;
}

.login-password input[b-maeeii7v4i] {
    padding-right: 4rem;
}

.login-reveal[b-maeeii7v4i] {
    position: absolute;
    top: 50%;
    right: 0.9rem;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    font-size: 0.85rem;
    color: #6b7280;
    cursor: pointer;
}

.login-reveal:hover[b-maeeii7v4i] {
    color: var(--login-navy);
}

.login-remember[b-maeeii7v4i] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0.25rem 0 1.75rem;
    font-size: 0.9rem;
    color: #374151;
    cursor: pointer;
}

.login-remember input[b-maeeii7v4i] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--login-navy);
    cursor: pointer;
}

.login-submit[b-maeeii7v4i] {
    width: 100%;
    padding: 0.8rem 1rem;
    background: var(--login-navy);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.login-submit:hover[b-maeeii7v4i] {
    background: var(--login-navy-hover);
}

.login-submit:focus-visible[b-maeeii7v4i] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 42, 74, 0.3);
}

/* Stack to a single column on narrow screens: card over the photo. */
@media (max-width: 768px) {
    .login-stage[b-maeeii7v4i] {
        display: none;
    }

    .login-panel[b-maeeii7v4i] {
        flex: 1 1 100%;
        border-radius: 0;
        margin-left: 0;
        padding: 2rem 1.5rem;
    }
}
/* /Components/Pages/Orders/DeliveryPrep.razor.rz.scp.css */
/* src/PEC.Web/Components/Pages/Orders/DeliveryPrep.razor.css */

.dp-head-left[b-7vawzckvyz] { display: flex; align-items: center; gap: .6rem; }
.dp-accent-text[b-7vawzckvyz] { color: #7c3aed; }

.dp-provider-group[b-7vawzckvyz] { padding: 8px 20px 16px; }
.dp-provider-group__head[b-7vawzckvyz] { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; }
.dp-provider-group__title[b-7vawzckvyz] { font-size: .95rem; font-weight: 700; color: #0f172a; }
.dp-provider-group__count[b-7vawzckvyz] { color: #64748b; font-size: .8125rem; margin-left: 8px; font-weight: 400; }

.dp-table[b-7vawzckvyz] { min-width: 860px; }
.dp-col-check[b-7vawzckvyz] { width: 36px; text-align: center; }
.dp-line-check[b-7vawzckvyz] { width: 17px; height: 17px; accent-color: #2563eb; cursor: pointer; }
.dp-line-check:disabled[b-7vawzckvyz] { cursor: default; opacity: .5; }

.dp-item-cell[b-7vawzckvyz] { display: flex; align-items: center; gap: 10px; }
.dp-item-name[b-7vawzckvyz] { font-weight: 600; color: #0f172a; }
.dp-item-code[b-7vawzckvyz] { color: #dc2626; font-size: .72rem; font-weight: 600; margin-top: 1px; }
.dp-cell-empty[b-7vawzckvyz] { color: #94a3b8; }

.dp-qty-cell[b-7vawzckvyz] { font-variant-numeric: tabular-nums; font-weight: 600; }
.dp-qty-input-cell[b-7vawzckvyz] { background: #eff6ff; }
.dp-qty-input[b-7vawzckvyz] {
    width: 76px; padding: 6px 8px; border: 1px solid #bfd4ff; border-radius: 6px;
    font-size: .8125rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #2563eb;
    background: #fff;
}
.dp-qty-input:disabled[b-7vawzckvyz] { opacity: .6; }
.dp-remaining-hint[b-7vawzckvyz] { font-size: .68rem; color: #94a3b8; margin-top: 2px; }

.dp-action-cell[b-7vawzckvyz] { display: flex; align-items: center; gap: 4px; }
.dp-qr-permanent[b-7vawzckvyz] { color: #16a34a; font-weight: 700; }

.dp-required-label[b-7vawzckvyz] { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; }
.dp-required-mark[b-7vawzckvyz] { color: #dc2626; }

.dp-method-toggle[b-7vawzckvyz] { display: flex; gap: 12px; max-width: 420px; }
.dp-method-btn[b-7vawzckvyz] {
    flex: 1; padding: 12px; border-radius: 10px; border: 1px solid #e2e8f0;
    background: #fff; color: #0f172a; font-weight: 700; font-size: .875rem; cursor: pointer; text-align: center;
}
.dp-method-btn:disabled[b-7vawzckvyz] { cursor: default; opacity: .6; }
.dp-method-btn--active[b-7vawzckvyz] { background: #1e293b; color: #fff; border-color: #1e293b; }

.dp-driver-subhead[b-7vawzckvyz] { padding-top: 14px; border-top: 1px solid #f1f5f9; margin-top: 4px; }
.dp-driver-subhead h3[b-7vawzckvyz] { font-size: .875rem; font-weight: 700; margin: 0; color: #0f172a; }
.dp-grid-4[b-7vawzckvyz] { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) { .dp-grid-4[b-7vawzckvyz] { grid-template-columns: repeat(2, 1fr); } }

.dp-pickup-note[b-7vawzckvyz] {
    background: #f8fafc; border: 1px dashed #e2e8f0; border-radius: 10px;
    padding: 20px; text-align: center; color: #64748b; font-size: .8125rem;
}

.dp-textarea[b-7vawzckvyz] { width: 100%; }
.dp-char-count[b-7vawzckvyz] { text-align: right; font-size: .7rem; color: #94a3b8; }

.dp-photo-hint[b-7vawzckvyz] { color: #94a3b8; font-size: .78rem; margin-top: 2px; }
.dp-photo-body[b-7vawzckvyz] { padding: 0 20px 20px; }
.dp-photo-grid[b-7vawzckvyz] { display: flex; gap: 14px; flex-wrap: wrap; }
.dp-photo-thumb[b-7vawzckvyz] { width: 108px; display: flex; flex-direction: column; gap: 4px; align-items: center; }
.dp-photo-thumb__img[b-7vawzckvyz] {
    width: 108px; height: 108px; border-radius: 10px; border: 1px solid #e2e8f0;
    display: flex; align-items: center; justify-content: center; color: #94a3b8;
    background: linear-gradient(135deg, #e9edf5, #dce3ef);
}
.dp-photo-thumb__caption[b-7vawzckvyz] {
    font-size: .68rem; color: #64748b; text-align: center; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; width: 100%;
}
.dp-photo-input[b-7vawzckvyz] { display: none; }
.dp-photo-upload-box[b-7vawzckvyz] {
    width: 108px; height: 108px; border-radius: 10px; border: 1.5px dashed #bfd4ff;
    background: #f5f8ff; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; color: #2563eb; font-size: .7rem; font-weight: 600; cursor: pointer;
}
.dp-photo-upload-box:hover[b-7vawzckvyz] { background: #eef5ff; }

.dp-validation-error[b-7vawzckvyz] { color: #dc2626; font-size: .8125rem; margin-top: 8px; }

.dp-bottom-bar[b-7vawzckvyz] {
    position: sticky; bottom: 0; left: 0; right: 0;
    background: #fff; border-top: 1px solid #e2e8f0;
    display: flex; align-items: center; justify-content: flex-end; gap: 12px;
    padding: 14px 0; margin-top: 8px;
}
.dp-bottom-bar__spacer[b-7vawzckvyz] { flex: 1; }

.dp-modal-subtitle[b-7vawzckvyz] { font-size: .8125rem; color: #64748b; margin: 0 0 12px; }
.dp-remain-cell[b-7vawzckvyz] { font-weight: 700; color: #b91c1c; font-variant-numeric: tabular-nums; }
/* /Components/Pages/Orders/DeliveryReceipt.razor.rz.scp.css */
/* src/PEC.Web/Components/Pages/Orders/DeliveryReceipt.razor.css */

.dr-line-count[b-4ptzocdlny] { color: #64748b; font-size: .8125rem; margin-left: 8px; font-weight: 400; }

.dr-table[b-4ptzocdlny] { min-width: 640px; }

.dr-item-cell[b-4ptzocdlny] { display: flex; align-items: center; gap: 10px; }
.dr-item-name[b-4ptzocdlny] { font-weight: 600; color: #0f172a; }
.dr-item-serial[b-4ptzocdlny] { color: #6366f1; font-size: .72rem; font-weight: 600; margin-top: 1px; }
.dr-item-dates[b-4ptzocdlny] { color: #94a3b8; font-size: .72rem; margin-top: 1px; }

.dr-qty-cell[b-4ptzocdlny] { font-variant-numeric: tabular-nums; font-weight: 600; }

/* ── Status badges ── */
.dr-badge[b-4ptzocdlny] {
    display: inline-block;
    font-size: .68rem; font-weight: 600;
    padding: 2px 8px; border-radius: 10px;
    white-space: nowrap;
}
.dr-badge--accepted[b-4ptzocdlny] { background: #e8faf0; color: #15803d; }
.dr-badge--pending[b-4ptzocdlny] { background: #fef2f2; color: #b91c1c; }

/* ── Action buttons ── */
.dr-action-cell[b-4ptzocdlny] { display: flex; align-items: center; gap: 6px; }
.dr-action-btn[b-4ptzocdlny] {
    width: 28px; height: 28px; border-radius: 6px;
    border: 1px solid #e2e8f0;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; background: #fff;
    font-size: .8rem; line-height: 1;
    transition: background 0.15s;
}
.dr-action-btn--accept[b-4ptzocdlny] { color: #16a34a; }
.dr-action-btn--accept:hover[b-4ptzocdlny] { background: #e8faf0; }
.dr-action-btn--accept.dr-action-btn--active[b-4ptzocdlny] {
    background: #e8faf0; border-color: #22c55e;
}
.dr-action-btn--remark[b-4ptzocdlny] { color: #6366f1; }
.dr-action-btn--remark:hover[b-4ptzocdlny] { background: #eef2ff; }

/* ── Photo upload ── */
.dr-photo-hint[b-4ptzocdlny] { color: #94a3b8; font-size: .78rem; margin-top: 2px; }
.dr-photo-body[b-4ptzocdlny] { padding: 0 20px 20px; }
.dr-photo-grid[b-4ptzocdlny] { display: flex; gap: 14px; flex-wrap: wrap; }
.dr-photo-thumb[b-4ptzocdlny] { width: 108px; display: flex; flex-direction: column; gap: 4px; align-items: center; }
.dr-photo-thumb__img[b-4ptzocdlny] {
    width: 108px; height: 108px; border-radius: 10px; border: 1px solid #e2e8f0;
    display: flex; align-items: center; justify-content: center; color: #94a3b8;
    background: linear-gradient(135deg, #e9edf5, #dce3ef);
}
.dr-photo-thumb__caption[b-4ptzocdlny] {
    font-size: .68rem; color: #64748b; text-align: center; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; width: 100%;
}
.dr-photo-input[b-4ptzocdlny] { display: none; }
.dr-photo-upload-box[b-4ptzocdlny] {
    width: 108px; height: 108px; border-radius: 10px; border: 1.5px dashed #bfd4ff;
    background: #f5f8ff; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; color: #2563eb; font-size: .7rem; font-weight: 600; cursor: pointer;
}
.dr-photo-upload-box:hover[b-4ptzocdlny] { background: #eef5ff; }

/* ── Bottom bar ── */
.dr-bottom-bar[b-4ptzocdlny] {
    position: sticky; bottom: 0; left: 0; right: 0;
    background: #fff; border-top: 1px solid #e2e8f0;
    display: flex; align-items: center; justify-content: flex-end; gap: 12px;
    padding: 14px 0; margin-top: 8px;
}
.dr-bottom-bar__spacer[b-4ptzocdlny] { flex: 1; }

/* ── Modal overlay ── */
.dr-overlay[b-4ptzocdlny] {
    position: fixed; inset: 0;
    background: rgba(15, 18, 35, 0.45);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}
.dr-modal[b-4ptzocdlny] {
    background: #fff; border-radius: 16px;
    padding: 28px 24px 24px;
    min-width: 380px; max-width: 480px;
    display: flex; flex-direction: column; gap: 6px;
    box-shadow: 0 20px 60px rgba(27,37,89,0.18), 0 4px 16px rgba(27,37,89,0.08);
}
.dr-modal--scan[b-4ptzocdlny] { min-width: 340px; max-width: 420px; }
.dr-modal__title[b-4ptzocdlny] { font-size: 1.25rem; font-weight: 700; color: #1b2559; margin: 0; }
.dr-modal__desc[b-4ptzocdlny] { font-size: .8125rem; color: #5a6178; line-height: 1.6; margin: 0 0 8px; }
.dr-modal__label[b-4ptzocdlny] { font-size: .75rem; font-weight: 600; color: #5a6178; margin-top: 8px; }
.dr-modal__textarea[b-4ptzocdlny] {
    width: 100%; border: 1px solid #d8dce8; border-radius: 6px;
    padding: 10px 12px; font-size: .8125rem; font-family: inherit;
    resize: vertical; min-height: 64px; background: #fff; color: #1b2559;
}
.dr-modal__textarea[b-4ptzocdlny]::placeholder { color: #8b91a8; }
.dr-modal__actions[b-4ptzocdlny] { display: flex; gap: 10px; margin-top: 12px; justify-content: flex-end; }

.dr-char-count[b-4ptzocdlny] { text-align: right; font-size: .7rem; color: #94a3b8; margin-top: 2px; }

/* ── Warning banner for rejection modal ── */
.dr-warning-banner[b-4ptzocdlny] {
    display: flex; gap: 10px; align-items: start;
    padding: 12px 14px;
    background: #fffbeb; border-radius: 6px;
    border-left: 3px solid #f59e0b;
    margin-bottom: 8px;
}
.dr-warning-banner__icon[b-4ptzocdlny] { color: #f59e0b; font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }
.dr-warning-banner div[b-4ptzocdlny] { font-size: .75rem; color: #92400e; line-height: 1.5; }
.dr-warning-banner strong[b-4ptzocdlny] { font-weight: 700; }

/* ── Rejected items list ── */
.dr-rejected-list[b-4ptzocdlny] { margin-bottom: 8px; }
.dr-rejected-item[b-4ptzocdlny] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 0; border-bottom: 1px solid #eceef5; font-size: .8125rem;
}
.dr-rejected-item:last-child[b-4ptzocdlny] { border-bottom: none; }
.dr-rejected-item__name[b-4ptzocdlny] { color: #1b2559; font-weight: 500; }
.dr-rejected-item__qty[b-4ptzocdlny] { color: #b91c1c; font-weight: 600; font-size: .75rem; }

/* ── QR scan modal ── */
.dr-viewfinder[b-4ptzocdlny] {
    width: 100%; max-width: 300px; aspect-ratio: 1;
    margin: 8px auto; border-radius: 10px; overflow: hidden;
    background: #0f172a;
}
.dr-scan-fallback[b-4ptzocdlny] { margin-top: 8px; }
.dr-scan-fallback__label[b-4ptzocdlny] { font-size: .75rem; color: #64748b; display: block; margin-bottom: 4px; }
.dr-scan-fallback__row[b-4ptzocdlny] { display: flex; gap: 8px; }
.dr-scan-fallback__input[b-4ptzocdlny] {
    flex: 1; padding: 8px 10px; border: 1px solid #d8dce8; border-radius: 6px;
    font-size: .8125rem; font-family: inherit;
}
.dr-scan-status[b-4ptzocdlny] { font-size: .8125rem; color: #64748b; display: flex; align-items: center; gap: 8px; margin-top: 8px; }
/* /Components/Pages/ScanQr.razor.rz.scp.css */
/* src/PEC.Web/Components/Pages/ScanQr.razor.css */

.sq-card[b-lxuroo24ea] { max-width: 480px; margin: 0 auto; }

.sq-viewfinder[b-lxuroo24ea] {
    width: 100%;
    min-height: 260px;
    border-radius: 10px;
    overflow: hidden;
    background: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sq-fallback[b-lxuroo24ea] { margin-top: 1.25rem; }
.sq-fallback__label[b-lxuroo24ea] { display: block; font-size: .8125rem; font-weight: 600; color: #475569; margin-bottom: 6px; }
.sq-fallback__row[b-lxuroo24ea] { display: flex; gap: 8px; }
.sq-fallback__input[b-lxuroo24ea] {
    flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: .875rem; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}
.sq-fallback__input:disabled[b-lxuroo24ea] { background: #f8fafc; color: #94a3b8; }

.sq-status[b-lxuroo24ea] {
    display: flex; align-items: center; gap: 8px;
    margin-top: 1rem; font-size: .8125rem; color: #64748b;
}
/* /Components/Shared/Order/AssetPickerDialog.razor.rz.scp.css */
/* src/PEC.Web/Components/Shared/Order/AssetPickerDialog.razor.css */

.apd-overlay[b-o3t81ys6mz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 24px;
}

.apd-modal[b-o3t81ys6mz] {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 1100px;
    max-height: 92vh;
    overflow-y: auto;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
}

/* ---- Header band ---- */
.apd-header[b-o3t81ys6mz] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 24px 16px 32px;
    border-bottom: 1px solid #e2e8f0;
}

.apd-header__accent[b-o3t81ys6mz] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #1e293b;
    border-top-left-radius: 10px;
}

.apd-header__check[b-o3t81ys6mz] {
    display: flex;
    align-items: flex-end;
    padding-top: 2px;
}

.apd-header__image[b-o3t81ys6mz] {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
    background: #f1f5f9;
    flex-shrink: 0;
}

.apd-header__image--placeholder[b-o3t81ys6mz] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.apd-header__info[b-o3t81ys6mz] { flex: 1 1 auto; min-width: 0; }
.apd-header__title[b-o3t81ys6mz] { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.apd-header__sub[b-o3t81ys6mz] { font-size: .8125rem; color: #64748b; margin-top: 2px; }
.apd-header__sep[b-o3t81ys6mz] { margin: 0 .5rem; color: #cbd5e1; }
.apd-header__badges[b-o3t81ys6mz] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.apd-header__right[b-o3t81ys6mz] { flex-shrink: 0; }

.apd-badge-pill[b-o3t81ys6mz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .65rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    color: #334155;
    background: #fff;
}
.apd-badge-pill--accent[b-o3t81ys6mz] { border-color: #f59e0b; color: #b45309; background: #fffbeb; }
.apd-badge-pill--warn[b-o3t81ys6mz] { border-color: #f59e0b; color: #b45309; background: #fffbeb; }
.apd-badge-pill--danger[b-o3t81ys6mz] { border-color: #ef4444; color: #b91c1c; background: #fef2f2; }

.apd-status-pill[b-o3t81ys6mz] {
    display: inline-flex;
    align-items: center;
    padding: .35rem .85rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .8125rem;
}
.apd-status-pill--success[b-o3t81ys6mz] { background: #dcfce7; color: #15803d; }
.apd-status-pill--info[b-o3t81ys6mz] { background: #dbeafe; color: #1d4ed8; }
.apd-status-pill--warning[b-o3t81ys6mz] { background: #fef9c3; color: #a16207; }
.apd-status-pill--primary[b-o3t81ys6mz] { background: #ede9fe; color: #6d28d9; }
.apd-status-pill--muted[b-o3t81ys6mz] { background: #f1f5f9; color: #64748b; }

/* ---- Filters ---- */
.apd-filters[b-o3t81ys6mz] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 16px 24px;
    flex-wrap: wrap;
}
.apd-filter-field[b-o3t81ys6mz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
}
.apd-filter-field label[b-o3t81ys6mz] { font-size: .75rem; color: #64748b; font-weight: 600; }

/* ---- Table ---- */
.apd-table thead th[b-o3t81ys6mz] { background: #1e293b; color: #e2e8f0; }
.apd-row--disabled[b-o3t81ys6mz] { opacity: .55; }
.apd-row--disabled td[b-o3t81ys6mz] { cursor: not-allowed; }
.apd-row--selected[b-o3t81ys6mz] { background: #eff6ff; }
.apd-empty[b-o3t81ys6mz] { text-align: center; padding: 2rem; color: #94a3b8; }
.apd-muted[b-o3t81ys6mz] { color: #94a3b8; }

.apd-cell-input[b-o3t81ys6mz] { width: 110px; }

.apd-date-range[b-o3t81ys6mz] {
    display: flex;
    align-items: center;
    gap: 4px;
}
.apd-date-range input[type="date"][b-o3t81ys6mz] {
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: .75rem;
    color: #334155;
    width: 128px;
}

/* ---- Footer ---- */
.apd-footer[b-o3t81ys6mz] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid #e2e8f0;
}
/* /Components/Shared/Order/MaterialLotPickerDialog.razor.rz.scp.css */
/* src/PEC.Web/Components/Shared/Order/MaterialLotPickerDialog.razor.css */

.mlp-overlay[b-jc16hk2ai7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 24px;
}

.mlp-modal[b-jc16hk2ai7] {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 1100px;
    max-height: 92vh;
    overflow-y: auto;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
}

/* ---- Header band ---- */
.mlp-header[b-jc16hk2ai7] {
    display: flex;
    align-items: stretch;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid #e2e8f0;
}

.mlp-header__panel[b-jc16hk2ai7] {
    flex: 1 1 50%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    min-width: 0;
}

.mlp-header__panel--lot[b-jc16hk2ai7] {
    flex-direction: column;
    gap: 4px;
}

.mlp-header__image[b-jc16hk2ai7] {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    background: #f1f5f9;
    flex-shrink: 0;
}

.mlp-header__image--placeholder[b-jc16hk2ai7] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.mlp-header__info[b-jc16hk2ai7] { flex: 1 1 auto; min-width: 0; }
.mlp-header__title-row[b-jc16hk2ai7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mlp-header__title[b-jc16hk2ai7] { font-size: 1rem; font-weight: 700; color: #0f172a; }
.mlp-header__sub[b-jc16hk2ai7] { font-size: .8125rem; color: #64748b; margin-top: 2px; }
.mlp-header__sep[b-jc16hk2ai7] { margin: 0 .5rem; color: #cbd5e1; }
.mlp-header__badges[b-jc16hk2ai7] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }

.mlp-badge-pill[b-jc16hk2ai7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .65rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    color: #334155;
    background: #fff;
    white-space: nowrap;
}
.mlp-badge-pill--accent[b-jc16hk2ai7] { border-color: #f59e0b; color: #b45309; background: #fffbeb; }

/* ---- Filters ---- */
.mlp-filters[b-jc16hk2ai7] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 16px 24px;
    flex-wrap: wrap;
}
.mlp-filter-field[b-jc16hk2ai7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
}
.mlp-filter-field label[b-jc16hk2ai7] { font-size: .75rem; color: #64748b; font-weight: 600; }

/* ---- Table ---- */
.mlp-table thead th[b-jc16hk2ai7] { background: #1e293b; color: #e2e8f0; }
.mlp-row--selected[b-jc16hk2ai7] { background: #eff6ff; }
.mlp-empty[b-jc16hk2ai7] { text-align: center; padding: 2rem; color: #94a3b8; }
.mlp-muted[b-jc16hk2ai7] { color: #94a3b8; }

.mlp-cell-input[b-jc16hk2ai7] { width: 110px; }

/* ---- Footer ---- */
.mlp-footer[b-jc16hk2ai7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid #e2e8f0;
}
/* /Components/Shared/Order/OrderStatusBar.razor.rz.scp.css */
/* src/PEC.Web/Components/Shared/Order/OrderStatusBar.razor.css */

/* ── Container ── */
.status-bar[b-66s2d131ai] {
    display: flex;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0;
    margin: 16px 0 24px;
    position: relative;
    overflow: hidden;
}

/* ── Step cell ── */
.status-bar__step[b-66s2d131ai] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px 24px;
    position: relative;
    border-right: 1px solid #e2e8f0;
    gap: 4px;
    color: #94a3b8; /* future state default */
}

.status-bar__step:last-child[b-66s2d131ai] {
    border-right: none;
}

/* ── Label ── */
.status-bar__label[b-66s2d131ai] {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

/* ── Icon ── */
.status-bar__icon[b-66s2d131ai] {
    font-size: 20px;
    line-height: 1;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
}

/* ── Text-based icons (99, $←) ── */
.status-bar__text-icon[b-66s2d131ai] {
    font-size: 15px;
    font-weight: 700;
    color: inherit;
}

/* ── "ปัจจุบัน" indicator ── */
.status-bar__indicator[b-66s2d131ai] {
    font-size: 10px;
    font-weight: 600;
    color: #2563eb;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.status-bar__dot[b-66s2d131ai] {
    width: 6px;
    height: 6px;
    background: #2563eb;
    border-radius: 50%;
    display: inline-block;
}

/* ── Completed state ── */
.status-bar__step--completed[b-66s2d131ai] {
    color: #64748b;
}

/* ── Current state ── */
.status-bar__step--current[b-66s2d131ai] {
    color: #2563eb;
}

.status-bar__step--current .status-bar__label[b-66s2d131ai] {
    font-weight: 700;
}

/* ── Progress bar ── */
.status-bar__progress[b-66s2d131ai] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background: #2563eb;
    border-radius: 0 2px 2px 0;
    transition: width 0.3s ease;
}

/* ── Cancelled state ── */
.status-bar--cancelled .status-bar__step[b-66s2d131ai] {
    color: #94a3b8;
}
/* /Components/Shared/QrCodeModal.razor.rz.scp.css */
.qr-modal-body[b-7bhs81m0c7] {
    text-align: center;
    padding: 1rem;
}

.qr-modal-canvas[b-7bhs81m0c7] {
    margin: 0 auto 1rem;
    display: block;
}

.qr-modal-value[b-7bhs81m0c7] {
    font-size: 0.85rem;
    word-break: break-all;
    color: var(--neutral-foreground-rest);
}