/* /Components/AiAssistant/AiAssistantChat.razor.rz.scp.css */
 .assistant-launcher[b-8ul8ljw6bw] { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 60; border-radius: 2rem; }
.assistant-panel[b-8ul8ljw6bw] { position: fixed; right: 1.25rem; bottom: 5rem; z-index: 60; width: min(28rem, calc(100vw - 2.5rem)); height: min(42rem, calc(100dvh - 7rem)); display: flex; flex-direction: column; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: 1rem; box-shadow: 0 1rem 3rem rgb(0 0 0 / .2); overflow: hidden; }
header[b-8ul8ljw6bw] { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; border-bottom: 1px solid var(--color-border); }
h2[b-8ul8ljw6bw] { margin: 0; font-size: 1rem; }
.assistant-help[b-8ul8ljw6bw] { margin: 0; padding: .75rem 1rem; font-size: .8rem; color: var(--color-text-muted); }
.assistant-history[b-8ul8ljw6bw] { padding: 0 1rem .5rem; }
.assistant-history select[b-8ul8ljw6bw] { max-width: 100%; }
.assistant-messages[b-8ul8ljw6bw] { flex: 1; min-height: 0; overflow-y: auto; padding: .75rem 1rem; }
.assistant-message[b-8ul8ljw6bw] { margin-bottom: 1rem; padding: .75rem; border-radius: .75rem; background: var(--color-surface-soft); }
.from-user[b-8ul8ljw6bw] { margin-left: 1rem; }
.assistant-message p[b-8ul8ljw6bw] { white-space: pre-wrap; overflow-wrap: anywhere; margin: .4rem 0; }
details[b-8ul8ljw6bw] { font-size: .75rem; color: var(--color-text-muted); }
.assistant-error[b-8ul8ljw6bw] { padding: .5rem 1rem; color: var(--color-danger); overflow-wrap: anywhere; }
form[b-8ul8ljw6bw] { padding: .75rem 1rem; border-top: 1px solid var(--color-border); }
label[b-8ul8ljw6bw] { display: block; margin-bottom: .4rem; }
textarea[b-8ul8ljw6bw] { width: 100%; box-sizing: border-box; resize: vertical; max-height: 10rem; }
.assistant-actions[b-8ul8ljw6bw] { display: flex; justify-content: space-between; gap: .5rem; margin-top: .5rem; }
@media (max-width: 600px) { .assistant-panel[b-8ul8ljw6bw] { inset: 0; width: 100%; height: 100dvh; border-radius: 0; } .assistant-launcher[b-8ul8ljw6bw] { right: .75rem; bottom: .75rem; } }
/* /Components/AiAssistant/AiAssistantLimitsEditor.razor.rz.scp.css */
.assistant-limits[b-wk6qke2lju] { display: grid; gap: 1rem; }
/* /Components/AiAssistant/AiLimitInput.razor.rz.scp.css */
label[b-2t1tl7v868] { display: block; }
input[b-2t1tl7v868] { width: 100%; }
/* /Components/AiAssistant/AssistantAnswer.razor.rz.scp.css */
.assistant-answer[b-ey2nc9znum] { overflow-wrap: anywhere; line-height: 1.5; }
p[b-ey2nc9znum] { margin: .5rem 0; white-space: pre-wrap; }
ul[b-ey2nc9znum] { margin: .5rem 0; padding-left: 1.2rem; }
li[b-ey2nc9znum] { margin: .45rem 0; }
h3[b-ey2nc9znum] { font-size: .95rem; margin: .85rem 0 .35rem; }
/* /Components/AiAssistant/StockIssueProposalCard.razor.rz.scp.css */
.assistant-proposal[b-li0tgby1jm] { padding: 1rem; border: 1px solid var(--border-color, #ccc); border-radius: .6rem; }
.assistant-proposal h3[b-li0tgby1jm] { margin-top: 0; }
.assistant-proposal dl[b-li0tgby1jm] { display: grid; grid-template-columns: auto 1fr; gap: .4rem .8rem; }
.assistant-proposal dd[b-li0tgby1jm] { margin: 0; overflow-wrap: anywhere; }
.assistant-actions[b-li0tgby1jm] { display: flex; flex-wrap: wrap; gap: .5rem; }
.assistant-quantity-editor[b-li0tgby1jm] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.assistant-quantity-editor label[b-li0tgby1jm] { flex-basis: 100%; }
.assistant-quantity-editor input[b-li0tgby1jm] { width: 7rem; max-width: 100%; }
/* /Components/Items/ItemPackagingEditor.razor.rz.scp.css */
.packaging-section[b-xeywqiacnh] { margin: 1rem 0; }
.packaging-row[b-xeywqiacnh] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0; }
.packaging-row > span[b-xeywqiacnh] { flex: 1; }
.packaging-drawer[b-xeywqiacnh] { margin-left: auto; width: min(100%, 32rem); height: 100dvh; overflow: auto; padding: 1.5rem; background: var(--surface, white); color: var(--text-primary, #172033); }
.packaging-drawer label[b-xeywqiacnh] { display: grid; gap: .25rem; margin: .75rem 0; }
.packaging-actions[b-xeywqiacnh] { display: flex; gap: .5rem; margin-top: 1rem; }
/* /Components/Layout/LanguageSwitcher.razor.rz.scp.css */
.language-switcher[b-j40bhnznmx] {
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    display: inline-flex;
    gap: 0.2rem;
    margin: 0.7rem 1rem 0;
    padding: 0.2rem;
}

.language-switcher button[b-j40bhnznmx] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #cbd4e0;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.35rem 0.55rem;
}

.language-switcher button.active[b-j40bhnznmx] {
    background: #fff;
    color: var(--color-primary-strong);
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-0ahj8ft6ji] {
    align-items: center;
    background:
        radial-gradient(circle at 12% 16%, rgba(29, 78, 216, 0.16), transparent 31rem),
        radial-gradient(circle at 88% 82%, rgba(249, 115, 22, 0.14), transparent 27rem),
        var(--color-bg);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-epyyseh0x5] {
    background: var(--color-bg);
    display: flex;
    min-height: 100vh;
}

.sidebar[b-epyyseh0x5] {
    background: var(--color-navy);
    display: flex;
    flex: 0 0 15.5rem;
    flex-direction: column;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 20;
}

.workspace[b-epyyseh0x5] {
    min-width: 0;
    width: 100%;
}

.workspace-bar[b-epyyseh0x5] {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-soft);
    display: flex;
    font-size: 0.76rem;
    font-weight: 650;
    height: 3.75rem;
    justify-content: space-between;
    padding: 0 2rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

.environment-badge[b-epyyseh0x5] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-soft);
    display: inline-flex;
    font-size: 0.68rem;
    gap: 0.45rem;
    padding: 0.3rem 0.65rem;
}

.environment-badge i[b-epyyseh0x5] {
    background: #6f956c;
    border-radius: 50%;
    height: 0.38rem;
    width: 0.38rem;
}

.workspace-actions[b-epyyseh0x5] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.signed-user[b-epyyseh0x5] {
    color: var(--color-text);
    display: grid;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: right;
}

.signed-user small[b-epyyseh0x5] {
    color: var(--color-text-soft);
    font-size: 0.64rem;
    font-weight: 600;
}

.logout-button[b-epyyseh0x5] {
    background: transparent;
    border: 1px solid var(--color-border-strong);
    border-radius: 0.55rem;
    color: var(--color-text-soft);
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.42rem 0.65rem;
}

.logout-button:hover[b-epyyseh0x5] {
    background: var(--color-surface-soft);
    color: var(--color-text);
}

.content[b-epyyseh0x5] {
    margin: 0 auto;
    max-width: 96rem;
    padding: 2rem;
}

#blazor-error-ui[b-epyyseh0x5] {
    background: #fff7ed;
    border-top: 1px solid #fed7aa;
    bottom: 0;
    box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.08);
    color: #9a3412;
    display: none;
    left: 0;
    padding: 0.8rem 3rem 0.8rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-epyyseh0x5] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
}

@media (max-width: 760px) {
    .page[b-epyyseh0x5] {
        display: block;
    }

    .sidebar[b-epyyseh0x5] {
        height: auto;
        position: sticky;
        width: 100%;
    }

    .workspace-bar[b-epyyseh0x5] {
        padding: 0 1rem;
    }

    .environment-badge[b-epyyseh0x5],
    .signed-user[b-epyyseh0x5] {
        display: none;
    }

    .content[b-epyyseh0x5] {
        padding: 1.2rem 1rem 2rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-kng4tjjqsd] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 5rem;
    padding: 1rem 1.15rem;
}

.brand[b-kng4tjjqsd] {
    align-items: flex-start;
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    text-decoration: none;
}

.brand small[b-kng4tjjqsd] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-wordmark[b-kng4tjjqsd] {
    align-items: center;
    display: flex;
    font-family: Bahnschrift, "Arial Narrow", sans-serif;
    font-size: 1.18rem;
    font-stretch: condensed;
    font-weight: 760;
    letter-spacing: 0.08em;
    line-height: 1;
}

.brand-wordmark span[b-kng4tjjqsd] {
    color: var(--color-brand-main);
}

.brand-wordmark b[b-kng4tjjqsd] {
    color: var(--color-brand-accent);
    font-size: 1.35em;
    font-weight: 760;
    letter-spacing: -0.14em;
    margin-left: 0.04em;
}

.brand small[b-kng4tjjqsd] {
    color: var(--color-sidebar-muted);
    font-size: 0.64rem;
    letter-spacing: 0.04em;
    margin-top: 0.2rem;
}

.menu-toggle-input[b-kng4tjjqsd] {
    display: none;
}

.menu-toggle-label[b-kng4tjjqsd] {
    cursor: pointer;
    display: none;
    padding: 0.5rem;
}

.menu-toggle-label span[b-kng4tjjqsd] {
    background: #c7d1e8;
    border-radius: 2px;
    display: block;
    height: 2px;
    margin: 4px 0;
    width: 20px;
}

.nav-scrollable[b-kng4tjjqsd] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

nav[b-kng4tjjqsd] {
    overflow-y: auto;
    padding: 0.35rem 0.8rem 1rem;
}

.nav-group-label[b-kng4tjjqsd] {
    color: var(--color-sidebar-muted);
    display: block;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    margin: 1.1rem 0.7rem 0.45rem;
    text-transform: uppercase;
}

[b-kng4tjjqsd] .nav-link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--color-sidebar-text);
    display: flex;
    font-size: 0.82rem;
    font-weight: 650;
    gap: 0.7rem;
    margin: 0.18rem 0;
    min-height: 2.7rem;
    padding: 0.65rem 0.75rem;
    text-decoration: none;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

[b-kng4tjjqsd] .nav-link:hover {
    background: rgba(255, 255, 255, 0.055);
    color: #f8fafc;
}

[b-kng4tjjqsd] .nav-link.active {
    background: var(--color-nav-active);
    border-color: var(--color-nav-active-border);
    color: #f8fafc;
}

[b-kng4tjjqsd] .nav-link.active .nav-icon {
    color: var(--color-brand-accent);
}

.nav-icon[b-kng4tjjqsd] {
    background-color: currentColor;
    display: inline-block;
    height: 1rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    opacity: 0.9;
    width: 1rem;
}

.icon-home[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V21h-6v-6H9v6H3v-9.5Z'/%3E%3C/svg%3E");
}

.icon-warehouse[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9 12 3l9 6v12h-5v-7H8v7H3V9Zm7 7v2h4v-2h-4Z'/%3E%3C/svg%3E");
}

.icon-documents[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l5 5v15H6V2Zm8 2v5h4M9 13h8v2H9v-2Zm0 4h8v2H9v-2ZM2 6h2v14h8v2H2V6Z'/%3E%3C/svg%3E");
}

.icon-inventory[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 8-3 8 3v6c0 5.3-3.4 10-8 12-4.6-2-8-6.7-8-12V4Zm4 5v2h8V9H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E");
}

.icon-cart[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.2 10.2A2 2 0 0 0 9.1 16H18a2 2 0 0 0 1.9-1.4L22 8H7M10 20a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm10 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'/%3E%3C/svg%3E");
}

.icon-boxes[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 3 5 3-5 3-5-3 5-3Zm6 4.8 5-3 5 3-5 3-5-3ZM7 11l5 3-5 3-5-3 5-3Zm1 7.7 4-2.4v4.4L8 23v-4.3Zm-6-3 4 2.4V23l-4-2.3v-5Zm12-3 4 2.4V20l-4-2.3v-5Zm5 2.4 4-2.4v5L19 20v-4.9Z'/%3E%3C/svg%3E");
}

.icon-suppliers[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3ZM8 11c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E");
}

.icon-access[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.4 0-8 2.2-8 5v2h10.2a8 8 0 0 1-.2-2c0-1.7.5-3.3 1.4-4.6A13 13 0 0 0 9 13Zm9-2 5 2v3.8c0 3.1-2.1 5.9-5 7.2-2.9-1.3-5-4.1-5-7.2V13l5-2Zm0 3.1-2.8 1.1v1.6c0 1.8 1.1 3.5 2.8 4.5 1.7-1 2.8-2.7 2.8-4.5v-1.6L18 14.1Z'/%3E%3C/svg%3E");
}

.icon-audit[b-kng4tjjqsd] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10h-2a8 8 0 1 1-2.34-5.66L15 9h7V2l-2.93 2.93A9.96 9.96 0 0 0 12 2Zm-1 5v6l5 3 1-1.73-4-2.37V7h-2Z'/%3E%3C/svg%3E");
}

.nav-footer[b-kng4tjjqsd] {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    margin-top: auto;
    padding: 0.8rem 0.1rem 1rem;
}

.system-state[b-kng4tjjqsd] {
    align-items: center;
    color: var(--color-sidebar-muted);
    display: flex;
    gap: 0.45rem;
    padding: 0.75rem 1.2rem 0;
}

.system-state > span[b-kng4tjjqsd] {
    background: #78a174;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
    height: 0.42rem;
    width: 0.42rem;
}

.system-state small[b-kng4tjjqsd] {
    font-size: 0.66rem;
}

@media (max-width: 760px) {
    .menu-toggle-label[b-kng4tjjqsd] {
        display: block;
    }

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

    .menu-toggle-input:checked + .nav-scrollable[b-kng4tjjqsd] {
        display: flex;
        max-height: calc(100vh - 5rem);
    }
}
/* /Components/Layout/ThemeSwitcher.razor.rz.scp.css */
.theme-picker[b-0m86b1ylh6] {
    display: grid;
    gap: 0.3rem;
    grid-template-columns: 1fr 1fr;
    padding: 0 1rem 0.55rem;
}

.theme-picker button[b-0m86b1ylh6] {
    align-items: center;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    color: var(--color-sidebar-text);
    display: flex;
    font-size: 0.62rem;
    font-weight: 680;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.4rem 0.45rem;
}

.theme-picker button:hover[b-0m86b1ylh6] {
    background: rgba(255, 255, 255, 0.07);
}

.theme-picker button.active[b-0m86b1ylh6] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.theme-swatch[b-0m86b1ylh6] {
    background: #173f9f;
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 auto;
    height: 0.75rem;
    overflow: hidden;
    position: relative;
    width: 0.75rem;
}

.theme-swatch i[b-0m86b1ylh6] {
    background: #f5a000;
    bottom: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    height: 70%;
    position: absolute;
    right: 0;
    width: 70%;
}

.sage-swatch[b-0m86b1ylh6] {
    background: #60785a;
}

.sage-swatch i[b-0m86b1ylh6] {
    background: #d8a02f;
}
/* /Components/Manufacturing/DependentProductionPanel.razor.rz.scp.css */
.dependent-production[b-2zec6rel60] { border-top: 1px solid var(--color-border); padding-top: .75rem; }
.dependent-production > summary[b-2zec6rel60] { cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; }
.dependent-production-body[b-2zec6rel60] { display: grid; gap: .75rem; padding-top: .75rem; }
.scope-settings[b-2zec6rel60] { border: 1px solid var(--color-border); border-radius: .5rem; padding: .65rem; }
.scope-settings > summary[b-2zec6rel60], .material-breakdown > summary[b-2zec6rel60] { cursor: pointer; display: flex; gap: 1rem; justify-content: space-between; }
.scope-note[b-2zec6rel60] { margin: .65rem 0; }
.scope-list[b-2zec6rel60] { margin: 0; padding-left: 1.25rem; }
.scope-grid[b-2zec6rel60] { align-items: end; display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(12rem, 1fr)); }
.scope-grid label[b-2zec6rel60] { display: grid; gap: .35rem; }
.preview-action[b-2zec6rel60] { justify-self: start; }
.proposal-summary[b-2zec6rel60] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.demand-row[b-2zec6rel60], .order-row[b-2zec6rel60] { align-items: center; border: 1px solid var(--color-border); border-radius: .5rem; display: flex; gap: .75rem; justify-content: space-between; padding: .65rem; }
.demand-row > div[b-2zec6rel60], .order-row[b-2zec6rel60] { flex-wrap: wrap; }
.demand-row small[b-2zec6rel60] { display: block; margin-top: .2rem; }
.coverage-grid[b-2zec6rel60] { grid-template-columns: minmax(16rem, 1.8fr) repeat(3, minmax(8rem, .75fr)); min-width: 44rem; }
.coverage-link[b-2zec6rel60] { display: flex; align-items: center; gap: .2rem; flex-wrap: wrap; }
.coverage-link .button[b-2zec6rel60] { padding: 0; min-height: 0; }
.coverage-list .new-production[b-2zec6rel60] { border-left: .25rem solid var(--color-accent); }
.new-quantity[b-2zec6rel60] { color: var(--color-accent-strong); }
.purchase-shortages[b-2zec6rel60] { border-left: .25rem solid var(--color-accent); padding-left: .75rem; }
.shortage-row[b-2zec6rel60] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; }
.new-order-row[b-2zec6rel60] { background: var(--color-accent-soft); }
.material-breakdown[b-2zec6rel60] { border-top: 1px solid var(--color-border); padding-top: .75rem; }
.material-breakdown-body[b-2zec6rel60] { display: grid; gap: .5rem; padding-top: .75rem; }
.issues[b-2zec6rel60] { color: var(--color-danger); margin: 0; }
.choice[b-2zec6rel60] { white-space: nowrap; }
.created-orders-result[b-2zec6rel60] { display: grid; gap: .5rem; }
.created-orders-result p[b-2zec6rel60] { margin: 0; }
.created-order-actions[b-2zec6rel60] { display: flex; flex-wrap: wrap; gap: .5rem; }
.allocation-card[b-2zec6rel60] { border: 1px solid var(--color-border); border-radius: .5rem; display: grid; gap: .75rem; padding: .75rem; }
.allocation-card header[b-2zec6rel60] { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.allocation-card header div[b-2zec6rel60], .linked-order[b-2zec6rel60] { display: grid; gap: .2rem; }
.allocation-card small[b-2zec6rel60], .allocation-card dt[b-2zec6rel60] { color: var(--color-text-muted); }
.allocation-status[b-2zec6rel60] { text-align: right; }
.linked-orders[b-2zec6rel60] { align-items: center; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.linked-order[b-2zec6rel60] { border-left: .2rem solid var(--color-border); padding-left: .65rem; }
.linked-order .button[b-2zec6rel60] { justify-self: start; margin-top: .35rem; }
.allocation-arrow[b-2zec6rel60] { font-size: 1.25rem; }
.allocation-quantities[b-2zec6rel60] { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); margin: 0; }
.allocation-quantities div[b-2zec6rel60] { background: var(--color-surface-subtle); border-radius: .35rem; padding: .5rem; }
.allocation-quantities dt[b-2zec6rel60], .allocation-quantities dd[b-2zec6rel60] { margin: 0; }
.allocation-quantities dd[b-2zec6rel60] { font-weight: 700; margin-top: .15rem; }
@media (max-width: 760px) { .scope-grid[b-2zec6rel60] { grid-template-columns: 1fr; } .coverage-grid[b-2zec6rel60] { grid-template-columns: 1fr 1fr; min-width: 0; } .coverage-list .data-list-primary[b-2zec6rel60] { grid-column: 1 / -1; } .demand-row[b-2zec6rel60], .order-row[b-2zec6rel60] { align-items: stretch; flex-direction: column; } .linked-orders[b-2zec6rel60] { grid-template-columns: 1fr; } .allocation-arrow[b-2zec6rel60] { display: none; } .allocation-card header[b-2zec6rel60] { align-items: flex-start; flex-direction: column; } .allocation-status[b-2zec6rel60] { text-align: left; } }
/* /Components/Manufacturing/DependentProductionPreparationPanel.razor.rz.scp.css */
.production-preparation[b-vrepep1ho0] { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border-color); border-radius: .75rem; }
.preparation-heading[b-vrepep1ho0], .preparation-order-title[b-vrepep1ho0], .form-actions[b-vrepep1ho0] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; }
.preparation-heading p[b-vrepep1ho0] { margin: .25rem 0 0; }
.preparation-summary[b-vrepep1ho0] { margin: 1rem 0; }
.preparation-order[b-vrepep1ho0] { padding: .75rem 0; border-top: 1px solid var(--border-color); }
.preparation-setting[b-vrepep1ho0] { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 1fr) minmax(10rem, 1fr); gap: .75rem; align-items: end; margin-top: .5rem; }
.preparation-setting label[b-vrepep1ho0] { display: grid; gap: .25rem; }
.preparation-material[b-vrepep1ho0] { margin-top: .4rem; }
@media (max-width: 760px) { .preparation-heading[b-vrepep1ho0], .preparation-order-title[b-vrepep1ho0], .form-actions[b-vrepep1ho0] { align-items: stretch; flex-direction: column; } .preparation-setting[b-vrepep1ho0] { grid-template-columns: 1fr; } }
/* /Components/Manufacturing/FirmwareProgrammingHistory.razor.rz.scp.css */
.table-container[b-xr04ggxbvp] { overflow-x: auto; }
table[b-xr04ggxbvp] { width: 100%; text-align: left; border-collapse: collapse; }
td[b-xr04ggxbvp], th[b-xr04ggxbvp] { padding: .6rem; vertical-align: top; border-bottom: 1px solid var(--border-color, #d8e0e8); }
code[b-xr04ggxbvp] { display: block; max-width: 20rem; overflow-wrap: anywhere; font-size: .75rem; }
/* /Components/Manufacturing/FirmwareWorkPanel.razor.rz.scp.css */
.firmware-work[b-mxaz5j4q5u] { display: grid; gap: .7rem; padding: 1rem; border: 1px solid var(--border-color, #d8e0e8); border-radius: .7rem; }
.firmware-work h4[b-mxaz5j4q5u], .firmware-work p[b-mxaz5j4q5u] { margin: 0; }
.firmware-work code[b-mxaz5j4q5u] { overflow-wrap: anywhere; font-size: .8rem; }
.firmware-work label[b-mxaz5j4q5u] { display: grid; gap: .4rem; }
/* /Components/Manufacturing/InspectionPlanEditor.razor.rz.scp.css */
.inspection-plan-editor[b-z8kn9wb7vz] { margin-top: 1.5rem; }
.inspection-editor-fields[b-z8kn9wb7vz] { border: 0; padding: 0; margin: 0; min-width: 0; }
.inspection-check[b-z8kn9wb7vz] { padding: 1rem 0; border-bottom: 1px solid var(--border-color, #d8e0e8); }
.inspection-check > label[b-z8kn9wb7vz] { display: grid; gap: .4rem; margin: .6rem 0; }
/* /Components/Manufacturing/InspectionWorkPanel.razor.rz.scp.css */
.inspection-work[b-xt71ujqlie] { display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--border-color, #d8e0e8); border-radius: .7rem; }
.inspection-work header[b-xt71ujqlie] { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }
.inspection-work h4[b-xt71ujqlie], .inspection-work p[b-xt71ujqlie] { margin: 0; }
.inspection-work label[b-xt71ujqlie] { display: grid; gap: .4rem; }
.inspection-input[b-xt71ujqlie] { display: grid; gap: .5rem; padding: .8rem 0; border-bottom: 1px solid var(--border-color, #d8e0e8); }
/* /Components/Manufacturing/ManufacturingComponentPicker.razor.rz.scp.css */
.component-picker[b-945uacml0d] {
    color: var(--color-text-soft);
    display: grid;
    font-size: .71rem;
    font-weight: 720;
    gap: .35rem;
    min-width: 0;
}

.component-picker input[b-945uacml0d],
.component-picker select[b-945uacml0d] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    min-width: 0;
    padding: .6rem .7rem;
    width: 100%;
}

.component-picker input:focus[b-945uacml0d],
.component-picker select:focus[b-945uacml0d] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(96, 120, 90, .14);
    outline: 0;
}

.component-picker-empty[b-945uacml0d] {
    color: var(--color-text-soft);
}
/* /Components/Manufacturing/ManufacturingRevisionDetails.razor.rz.scp.css */
.revision-details[b-o8s6a31629] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 9px;
    display: grid;
    gap: .7rem;
    margin: -.25rem 0 .8rem;
    padding: .85rem;
}

.revision-details > p[b-o8s6a31629],
.revision-details h4[b-o8s6a31629] {
    margin: 0;
}

.revision-details > p[b-o8s6a31629],
.revision-details small[b-o8s6a31629] {
    color: var(--color-text-soft);
    font-size: .67rem;
    line-height: 1.45;
}

.revision-properties[b-o8s6a31629] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.revision-properties span[b-o8s6a31629] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-soft);
    font-size: .62rem;
    padding: .25rem .5rem;
}

.revision-details h4[b-o8s6a31629] {
    color: var(--color-text);
    font-size: .74rem;
}

.revision-list[b-o8s6a31629] {
    display: grid;
    gap: .4rem;
}

.revision-list article[b-o8s6a31629] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 7px;
    display: grid;
    gap: .15rem;
    padding: .55rem .65rem;
}

.revision-list strong[b-o8s6a31629] {
    color: var(--color-text);
    font-size: .7rem;
}
/* /Components/Manufacturing/ManufacturingSerialSeriesSettings.razor.rz.scp.css */
.product-series-editor[b-nnfttje3uq] { background: var(--color-surface); color: var(--color-text); width: 34rem; max-width: 100%; height: 100dvh; overflow-y: auto; box-sizing: border-box; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: -16px 0 60px #0d18332e; }
.drawer-header[b-nnfttje3uq], .form-actions[b-nnfttje3uq] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; }
h2[b-nnfttje3uq], p[b-nnfttje3uq] { margin: 0; }
label[b-nnfttje3uq] { display: grid; gap: .5rem; }
select[b-nnfttje3uq] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; min-height: 44px; padding: .6rem; background: var(--color-surface-soft); color: var(--color-text); border: 1px solid var(--color-border-strong); border-radius: 9px; }
.form-actions[b-nnfttje3uq] { justify-content: start; margin-top: auto; }
@media (max-width: 560px) { .product-series-editor[b-nnfttje3uq] { padding: 1rem; } }
/* /Components/Manufacturing/PreparedSerialLabelsManager.razor.rz.scp.css */
.prepared-labels[b-jwuh2tipq5] { display: grid; gap: 1rem; }
.prepared-labels h2[b-jwuh2tipq5], .prepared-labels p[b-jwuh2tipq5] { margin: 0; }
.actions[b-jwuh2tipq5] { display: flex; flex-wrap: wrap; gap: .75rem; }
.batch-list[b-jwuh2tipq5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: .75rem; }
.batch-list button[b-jwuh2tipq5] { display: flex; flex-direction: column; align-items: start; white-space: normal; text-align: left; }
.batch-detail[b-jwuh2tipq5] { display: grid; gap: 1rem; }
.label-list[b-jwuh2tipq5] { max-height: 32rem; overflow: auto; }
table[b-jwuh2tipq5] { width: 100%; border-collapse: collapse; }
th[b-jwuh2tipq5], td[b-jwuh2tipq5] { padding: .6rem; text-align: left; border-bottom: 1px solid var(--color-border); }
code[b-jwuh2tipq5] { overflow-wrap: anywhere; }
small[b-jwuh2tipq5] { display: block; }
/* /Components/Manufacturing/ProductionFirmwarePanel.razor.rz.scp.css */
.firmware-panel[b-u8fw7fe6kt] { display: grid; gap: .7rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border-color, #d8e0e8); }
.firmware-panel h3[b-u8fw7fe6kt], .firmware-panel p[b-u8fw7fe6kt] { margin: 0; }
.firmware-hash[b-u8fw7fe6kt] { overflow-wrap: anywhere; font-size: .8rem; }
.firmware-panel label[b-u8fw7fe6kt] { display: grid; gap: .4rem; margin-bottom: .8rem; }
/* /Components/Manufacturing/ProductionInspectionHistory.razor.rz.scp.css */
.inspection-protocol[b-hg3rdl32gd] { margin: .7rem 0; padding: .8rem; border: 1px solid var(--border-color, #d8e0e8); border-radius: .6rem; overflow-wrap: anywhere; }
.inspection-protocol summary[b-hg3rdl32gd] { cursor: pointer; }
.inspection-result-list[b-hg3rdl32gd] { display: grid; gap: .6rem; }
.inspection-result-list article[b-hg3rdl32gd] { border-top: 1px solid var(--border-color, #d8e0e8); padding-top: .6rem; }
/* /Components/Manufacturing/ProductionMaterialAvailabilityChart.razor.rz.scp.css */
.availability-chart[b-0mvbzbjqxc] { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: .3rem .5rem; min-width: 0; }
.availability-y-labels[b-0mvbzbjqxc] { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; height: 180px; font-size: .8rem; overflow-wrap: anywhere; }
.availability-chart svg[b-0mvbzbjqxc] { width: 100%; height: 180px; background: var(--color-surface-soft); border: 1px solid var(--color-border); }
.availability-zero[b-0mvbzbjqxc] { stroke: var(--color-border-strong); stroke-width: 1; }
.availability-curve[b-0mvbzbjqxc] { stroke: var(--color-primary); stroke-width: 2; }
.availability-x-labels[b-0mvbzbjqxc] { grid-column: 2; display: flex; justify-content: space-between; gap: 1rem; color: var(--color-text-soft); font-size: .8rem; }
.availability-chart.flat svg[b-0mvbzbjqxc], .availability-chart.flat .availability-y-labels[b-0mvbzbjqxc] { height: 110px; }
/* /Components/Manufacturing/ProductionMaterialAvailabilityPanel.razor.rz.scp.css */
.material-availability[b-exir0wt0c4] { display: grid; gap: .75rem; min-width: 0; }
.material-availability h3[b-exir0wt0c4], .material-availability h4[b-exir0wt0c4], .material-availability p[b-exir0wt0c4] { margin: 0; }
.availability-note[b-exir0wt0c4] { font-size: .85rem; color: var(--color-text-soft); overflow-wrap: anywhere; }
.availability-controls[b-exir0wt0c4] { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.availability-controls label[b-exir0wt0c4] { display: grid; gap: .4rem; flex: 1 1 12rem; min-width: 0; }
.availability-controls label:first-child[b-exir0wt0c4] { flex: 1 1 15rem; }
.availability-controls label:nth-child(2)[b-exir0wt0c4] { flex: 0 0 7rem; }
.availability-controls select[b-exir0wt0c4] { min-width: 0; max-width: 100%; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); padding: .6rem .75rem; font: inherit; }
.availability-balances[b-exir0wt0c4] { padding: 1rem; background: var(--color-surface-soft); border: 1px solid var(--color-border); border-radius: var(--radius-sm); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8rem,100%), 1fr)); gap: 1rem; margin: 0; }
.availability-balances dt[b-exir0wt0c4] { font-size: .85rem; color: var(--color-text-soft); }
.availability-balances dd[b-exir0wt0c4] { margin: .25rem 0 0; font-weight: 750; font-size: 1.3rem; overflow-wrap: anywhere; }
.availability-table-scroll[b-exir0wt0c4] { max-width: 100%; overflow-x: auto; }
.availability-table[b-exir0wt0c4] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.availability-table caption[b-exir0wt0c4] { text-align: left; margin-bottom: .5rem; }
.availability-table th[b-exir0wt0c4], .availability-table td[b-exir0wt0c4] { padding: .6rem .4rem; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.availability-negative[b-exir0wt0c4] { color: var(--color-danger); font-weight: 700; }
.availability-warning[b-exir0wt0c4] { background: var(--color-accent-soft); color: var(--color-text); padding: .75rem; border-radius: var(--radius-sm); font-size: .85rem; }
.availability-source[b-exir0wt0c4] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem 1rem; padding: .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-size: .85rem; overflow-wrap: anywhere; }
@media(max-width:640px) { .availability-controls select[b-exir0wt0c4] { font-size: 1rem; } }

.availability-method[b-exir0wt0c4] { font-size: .8rem; color: var(--color-text-soft); }
.availability-method summary[b-exir0wt0c4] { cursor: pointer; padding: .4rem 0; }
.availability-method p[b-exir0wt0c4] { margin: .5rem 0; }
.availability-source > span[b-exir0wt0c4], .availability-source > small[b-exir0wt0c4] { grid-column: 1 / -1; }
.availability-source.excluded[b-exir0wt0c4] { border-left: 3px solid var(--color-accent); }
.availability-source > strong[b-exir0wt0c4] { text-align: right; }
.availability-warning[b-exir0wt0c4] { display: grid; gap: .4rem; }
.availability-warning strong[b-exir0wt0c4] { font-weight: 650; }
.availability-warning span[b-exir0wt0c4] { font-size: .8rem; }
.availability-changes[b-exir0wt0c4] { border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.availability-changes > summary[b-exir0wt0c4] { cursor: pointer; padding: .7rem; font-size: .8rem; font-weight: 650; }
.availability-changes .availability-table-scroll[b-exir0wt0c4] { padding: 0 .7rem .7rem; }
.availability-table th[b-exir0wt0c4] { color: var(--color-text-soft); font-size: .75rem; font-weight: 650; }
.availability-table th:not(:first-child)[b-exir0wt0c4], .availability-table td:not(:first-child)[b-exir0wt0c4] { text-align: right; font-variant-numeric: tabular-nums; }
/* /Components/Manufacturing/ProductionMaterialSupplySettingsPanel.razor.rz.scp.css */
.supply-settings[b-b29lwzq7xa] { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; margin-bottom: 1rem; padding: 1rem; min-width: 0; }
.supply-settings header h2[b-b29lwzq7xa], .supply-settings h3[b-b29lwzq7xa], .supply-settings p[b-b29lwzq7xa] { margin: 0; }
.policy-editor[b-b29lwzq7xa] { background: var(--color-surface-subtle); border: 1px solid var(--color-border); border-radius: var(--radius-md); display: grid; gap: .65rem; padding: .85rem; }
.policy-editor h4[b-b29lwzq7xa], .policy-note[b-b29lwzq7xa] { margin: 0; }
.mode-picker[b-b29lwzq7xa] { display: grid; gap: .35rem; max-width: 28rem; }
.scope-editor[b-b29lwzq7xa] { display: grid; gap: .5rem; }
.scope-row[b-b29lwzq7xa] { align-items: end; display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(12rem, 1fr)) auto; }
.scope-row label[b-b29lwzq7xa], .definition-picker[b-b29lwzq7xa] { display: grid; gap: .35rem; min-width: 0; }
.supply-settings select[b-b29lwzq7xa] { background: var(--color-surface-soft); border: 1px solid var(--color-border-strong); border-radius: 9px; box-sizing: border-box; color: var(--color-text); font: inherit; min-height: 44px; min-width: 0; padding: .6rem; width: 100%; }
.policy-editor[b-b29lwzq7xa], .scope-editor[b-b29lwzq7xa], .mode-picker[b-b29lwzq7xa] { min-width: 0; }
.actions[b-b29lwzq7xa] { display: flex; flex-wrap: wrap; gap: .5rem; }
.override-toggle[b-b29lwzq7xa] { align-items: center; display: flex; gap: .5rem; }
@media (max-width: 760px) { .scope-row[b-b29lwzq7xa] { align-items: stretch; grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionOrderGuidance.razor.rz.scp.css */
.order-guidance[b-u8n8j0fm1y] { margin: 1rem 0; }
.order-progress[b-u8n8j0fm1y] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0 0 1rem; padding: 0; gap: .4rem; }
.order-progress li[b-u8n8j0fm1y] { display: flex; align-items: center; gap: .4rem; border-top: 3px solid var(--color-border); padding-top: .6rem; color: var(--color-text-soft); font-size: .75rem; overflow-wrap: anywhere; }
.order-progress li.done[b-u8n8j0fm1y] { border-color: var(--color-accent); }
.order-progress li.current[b-u8n8j0fm1y] { border-color: var(--color-accent-strong); color: var(--color-accent-strong); font-weight: 700; }
.stage-number[b-u8n8j0fm1y] { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.readiness-grid[b-u8n8j0fm1y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.readiness-item[b-u8n8j0fm1y] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: .35rem; border: 1px solid var(--color-border); border-radius: 10px; padding: .8rem; }
.readiness-label[b-u8n8j0fm1y] { color: var(--color-text-soft); font-size: .72rem; }
.readiness-item strong[b-u8n8j0fm1y] { font-size: .84rem; }
.readiness-item small[b-u8n8j0fm1y] { color: var(--color-text-soft); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
.readiness-item[data-ready="false"][b-u8n8j0fm1y] { border-left: 3px solid #bd812c; }
.readiness-item[data-ready="true"][b-u8n8j0fm1y] { border-left: 3px solid var(--color-accent); }
.readiness-item .button[b-u8n8j0fm1y] { margin-top: auto; }
.order-next-step[b-u8n8j0fm1y] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; background: var(--color-accent-soft); border-radius: 10px; padding: .9rem; margin-top: .8rem; }
.order-next-step > div[b-u8n8j0fm1y] { flex: 1 1 16rem; min-width: 0; }
.order-next-step strong[b-u8n8j0fm1y] { display: block; font-size: .88rem; line-height: 1.5; margin-top: .25rem; overflow-wrap: anywhere; }
@media (max-width: 700px) {
    .readiness-grid[b-u8n8j0fm1y] { grid-template-columns: 1fr; }
    .order-progress[b-u8n8j0fm1y] { grid-template-columns: 1fr; gap: .2rem; }
    .order-progress li[b-u8n8j0fm1y] { border-top: 0; border-left: 3px solid var(--color-border); padding: .3rem .6rem; }
    .order-progress li.done[b-u8n8j0fm1y] { border-left-color: var(--color-accent); }
    .order-progress li.current[b-u8n8j0fm1y] { border-left-color: var(--color-accent-strong); }
    .order-next-step .button[b-u8n8j0fm1y] { width: 100%; }
}
/* /Components/Manufacturing/ProductionOrderMaterialSupply.razor.rz.scp.css */
.supply-overview[b-pxyyb008uf] { display: grid; gap: .75rem; }
.supply-overview h3[b-pxyyb008uf], .supply-material h4[b-pxyyb008uf], .supply-overview p[b-pxyyb008uf] { margin: 0; }
.supply-material[b-pxyyb008uf] { min-width: 0; display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: .75rem; }
.supply-metrics[b-pxyyb008uf] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.supply-metrics div[b-pxyyb008uf] { padding: .6rem; background: var(--color-surface-alt, #f8fafc); border-radius: .5rem; }
.supply-metrics dt[b-pxyyb008uf] { font-size: .8rem; color: var(--color-text-muted); }
.supply-metrics dd[b-pxyyb008uf] { font-weight: 650; margin: .3rem 0 0; }
.supply-metrics .unsecured[b-pxyyb008uf] { border-left: 3px solid var(--color-warning, #f59e0b); }
.supply-request[b-pxyyb008uf] { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 640px) { .supply-metrics[b-pxyyb008uf] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Manufacturing/ProductionPlanDependencies.razor.rz.scp.css */
.plan-dependencies[b-qx5ki98vdu] { border: 1px solid var(--color-border); border-radius: 10px; padding: .8rem; margin: .7rem 0 1rem; }
.plan-dependencies summary[b-qx5ki98vdu] { cursor: pointer; font-weight: 700; font-size: .88rem; }
.plan-dependencies summary span[b-qx5ki98vdu] { margin-left: .5rem; color: var(--color-text-soft); }
.plan-dependencies p[b-qx5ki98vdu] { color: var(--color-text-soft); font-size: .8rem; line-height: 1.5; }
.dependency-list[b-qx5ki98vdu] { display: grid; gap: .6rem; }
.dependency-row[b-qx5ki98vdu] { display: grid; grid-template-columns: 1.3fr 1.3fr .7fr 1fr; gap: .8rem; border-top: 1px solid var(--color-border); padding-top: .6rem; }
.dependency-row > div[b-qx5ki98vdu] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; overflow-wrap: anywhere; font-size: .8rem; }
.dependency-row span[b-qx5ki98vdu], .dependency-row small[b-qx5ki98vdu] { color: var(--color-text-soft); font-size: .74rem; }
@media (max-width: 800px) { .dependency-row[b-qx5ki98vdu] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .dependency-row[b-qx5ki98vdu] { grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionPlanDetails.razor.rz.scp.css */
.plan-timeline-workspace[b-fzs3ivx5xs] { min-width: 0; container-type: inline-size; }
.plan-reading-guide[b-fzs3ivx5xs] { margin-bottom: .5rem; font-size: .8rem; color: var(--color-text-soft); }
.plan-reading-guide summary[b-fzs3ivx5xs] { cursor: pointer; padding: .5rem 0; }
.plan-timeline-meta[b-fzs3ivx5xs] { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding-top: .75rem; overflow-wrap: anywhere; }
.plan-timeline-note[b-fzs3ivx5xs] { font-size: .8rem; color: var(--color-text-soft); overflow-wrap: anywhere; }
.plan-view-head[b-fzs3ivx5xs] { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.plan-reading-guide[b-fzs3ivx5xs] { flex: 1; }
.plan-window-bar[b-fzs3ivx5xs] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; }
.plan-timeline-window[b-fzs3ivx5xs] { margin: 0; font-size: .8rem; font-weight: 650; }
.plan-timeline-toolbar[b-fzs3ivx5xs] { display: grid; grid-template-columns: 1fr; gap: .5rem 1rem; align-items: center; }
.plan-mode-group[b-fzs3ivx5xs] { display: flex; flex-wrap: wrap; align-items: center; }
.plan-mode-group + .plan-mode-group[b-fzs3ivx5xs] { border-left: 1px solid var(--color-border); padding-left: .5rem; }
@container (max-width: 640px) { .plan-mode-group[b-fzs3ivx5xs] { flex-basis: 100%; } .plan-mode-group + .plan-mode-group[b-fzs3ivx5xs] { border-left: 0; padding-left: 0; } }
.plan-timeline-period[b-fzs3ivx5xs] { display: flex; align-items: center; gap: .4rem; }
.plan-timeline-period label[b-fzs3ivx5xs], .plan-timeline-filters label[b-fzs3ivx5xs] { display: grid; gap: .35rem; min-width: 0; font-size: .8rem; }
.plan-timeline-period input[b-fzs3ivx5xs] { max-width: 10rem; }
.plan-timeline-filters[b-fzs3ivx5xs] { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); gap: .75rem; margin: .25rem 0 1rem; }
.plan-order-filter input[b-fzs3ivx5xs], .plan-timeline-period input[b-fzs3ivx5xs], .plan-timeline-filters select[b-fzs3ivx5xs] { width: 100%; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font: inherit; padding: .6rem .65rem; min-height: 2.6rem; }
.plan-timeline-impacts[b-fzs3ivx5xs] { margin: .75rem 0; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-soft); }
.plan-timeline-impacts summary[b-fzs3ivx5xs] { cursor: pointer; overflow-wrap: anywhere; padding: .75rem; font-size: .8rem; font-weight: 650; }
.plan-impact-context[b-fzs3ivx5xs] { display: grid; gap: .4rem; padding: .75rem; border-top: 1px solid var(--color-border); }
.plan-allocations[b-fzs3ivx5xs] { display: grid; gap: .75rem; }
.plan-allocation[b-fzs3ivx5xs] { display: grid; gap: .4rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); min-width: 0; overflow-wrap: anywhere; }
.plan-allocation a[b-fzs3ivx5xs], .plan-impact-context a[b-fzs3ivx5xs] { overflow-wrap: anywhere; }
.plan-unallocated[b-fzs3ivx5xs] { margin: 1rem 0; }
.plan-unallocated article[b-fzs3ivx5xs] { display: grid; gap: .5rem; padding: 1rem 0; border-top: 1px solid var(--color-border); overflow-wrap: anywhere; }
.plan-unallocated p[b-fzs3ivx5xs] { margin: 0; }
.plan-allocation > .button[b-fzs3ivx5xs], .plan-unallocated article > .button[b-fzs3ivx5xs] { justify-self: start; }
.display-auto .plan-allocations[b-fzs3ivx5xs], .display-timeline .plan-allocations[b-fzs3ivx5xs], .display-list .plan-timeline-graph[b-fzs3ivx5xs] { display: none; }
@container (max-width: 640px) { .display-auto .plan-timeline-graph[b-fzs3ivx5xs] { display: none; } .display-auto .plan-allocations[b-fzs3ivx5xs] { display: grid; } .plan-timeline-filters[b-fzs3ivx5xs] { grid-template-columns: 1fr 1fr; } .plan-order-filter[b-fzs3ivx5xs] { grid-column: 1 / -1; } .plan-timeline-toolbar[b-fzs3ivx5xs] { grid-template-columns: 1fr; } .plan-timeline-period[b-fzs3ivx5xs] { margin-bottom: .5rem; } }
@media (max-width: 640px) { .plan-order-filter input[b-fzs3ivx5xs], .plan-timeline-period input[b-fzs3ivx5xs], .plan-timeline-filters select[b-fzs3ivx5xs] { font-size: 1rem; } .plan-timeline-filters[b-fzs3ivx5xs] { grid-template-columns: 1fr; } .display-auto .plan-timeline-graph[b-fzs3ivx5xs] { display: none; } .display-auto .plan-allocations[b-fzs3ivx5xs] { display: grid; } }
.plan-expanded[b-fzs3ivx5xs] { display: flex; flex-direction: column; width: min(120rem, calc(100vw - 2rem)); height: calc(100dvh - 2rem); min-width: 0; margin: 1rem auto; background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-md); box-shadow: var(--shadow-panel); }
.plan-expanded > header[b-fzs3ivx5xs] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--color-border); }
.plan-expanded h2[b-fzs3ivx5xs] { margin: 0; font-size: 1.1rem; }
.plan-expanded header p[b-fzs3ivx5xs] { margin: .3rem 0 0; color: var(--color-text-soft); font-size: .8rem; }
.plan-expanded-body[b-fzs3ivx5xs] { min-height: 0; overflow: auto; padding: .75rem 1.25rem 1.25rem; }
@media(max-width:640px) { .plan-expanded[b-fzs3ivx5xs] { width: 100vw; height: 100dvh; margin: 0; border-radius: 0; } .plan-expanded-body[b-fzs3ivx5xs] { padding: .75rem 1rem 1rem; } }
/* /Components/Manufacturing/ProductionPlanningGuide.razor.rz.scp.css */
.planning-guide[b-yaveuy38fk] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    margin: .8rem 0;
    padding: .85rem 1rem;
}

.planning-guide summary[b-yaveuy38fk],
.planning-guide p[b-yaveuy38fk] {
    margin: 0;
}

.planning-guide summary[b-yaveuy38fk] {
    color: var(--color-text);
    font-size: .86rem;
    cursor: pointer;
    min-height: 44px;
    align-content: center;
}

.planning-guide > p[b-yaveuy38fk] {
    color: var(--color-text-soft);
    font-size: .69rem;
    line-height: 1.5;
    margin-top: .35rem;
}

.planning-guide ol[b-yaveuy38fk] {
    display: grid;
    gap: .5rem;
    list-style-position: inside;
    margin: .75rem 0 0;
    padding: 0;
}

.planning-guide li[b-yaveuy38fk] {
    color: var(--color-text);
    font-size: .7rem;
}

.planning-guide li span[b-yaveuy38fk] {
    color: var(--color-text-soft);
    display: block;
    line-height: 1.45;
    margin: .15rem 0 0 1.15rem;
}

.planning-guide .planning-rejection-help[b-yaveuy38fk] {
    border-top: 1px solid var(--color-border);
    margin-top: .75rem;
    padding-top: .65rem;
}
/* /Components/Manufacturing/ProductionPlanningImpact.razor.rz.scp.css */
.planning-impact[b-o1kjls7haj] {
    align-items: center;
    background: #f9eeec;
    border: 1px solid #edcdc6;
    border-radius: 10px;
    color: #8d352b;
    display: flex;
    font-size: .76rem;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
}

.planning-impact > span[b-o1kjls7haj] {
    min-width: 0;
}

.planning-impact-actions[b-o1kjls7haj] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.secondary-button[b-o1kjls7haj] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    box-shadow: none;
    color: var(--color-text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .67rem;
    font-weight: 730;
    justify-content: center;
    min-height: 1.95rem;
    padding: .34rem .55rem;
    transition: background-color 130ms ease, border-color 130ms ease, box-shadow 130ms ease, transform 130ms ease;
    white-space: nowrap;
}

.secondary-button:hover:not(:disabled)[b-o1kjls7haj] {
    background: var(--color-surface-soft);
    border-color: #aebbaa;
}

.secondary-button:disabled[b-o1kjls7haj] {
    cursor: not-allowed;
    opacity: .52;
}
/* /Components/Manufacturing/ProductionPlanningWorkspace.razor.rz.scp.css */
.planning-workspace[b-4061xg6cyx] { min-width: 0; display: grid; gap: 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 1.25rem; }
.planning-manager[b-4061xg6cyx], .planning-decision[b-4061xg6cyx] { border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-soft); }
.planning-manager > summary[b-4061xg6cyx], .planning-decision > summary[b-4061xg6cyx] { cursor: pointer; padding: .75rem 1rem; font-weight: 700; font-size: .85rem; }
.planning-manager summary span[b-4061xg6cyx] { margin-left: .5rem; color: var(--color-text-soft); }
.planning-manager-content[b-4061xg6cyx] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; padding: 1rem; border-top: 1px solid var(--color-border); }
.planning-create[b-4061xg6cyx], .planning-decision-content[b-4061xg6cyx] { display: grid; gap: .75rem; min-width: 0; }
.planning-create p[b-4061xg6cyx], .planning-decision-content p[b-4061xg6cyx] { color: var(--color-text-soft); font-size: .85rem; margin: 0; }
.planning-create label[b-4061xg6cyx], .planning-decision-content label[b-4061xg6cyx] { display: grid; gap: .35rem; font-size: .85rem; }
.planning-create input[b-4061xg6cyx], .planning-decision-content input[b-4061xg6cyx] { width: 100%; min-width: 0; padding: .65rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font: inherit; }
.planning-create > .button[b-4061xg6cyx] { justify-self: start; }
.planning-history[b-4061xg6cyx] { display: grid; align-content: start; gap: .5rem; }
.planning-history article[b-4061xg6cyx] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); }
.planning-history article.selected[b-4061xg6cyx] { border-color: var(--color-primary); }
.planning-history article div[b-4061xg6cyx] { display: grid; gap: .25rem; overflow-wrap: anywhere; }
.planning-history small[b-4061xg6cyx] { color: var(--color-text-soft); }
.planning-version-heading[b-4061xg6cyx] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; }
.planning-version-heading h2[b-4061xg6cyx] { margin: 0 0 .35rem; font-size: 1.15rem; }
.planning-version-heading span[b-4061xg6cyx] { color: var(--color-text-soft); font-size: .8rem; }
.planning-version-heading dl[b-4061xg6cyx] { display: flex; gap: 1.5rem; margin: 0; }
.planning-version-heading dt[b-4061xg6cyx] { font-size: .75rem; color: var(--color-text-soft); }
.planning-version-heading dd[b-4061xg6cyx] { margin: .2rem 0 0; font-size: 1.2rem; font-weight: 750; }
.planning-decision-content[b-4061xg6cyx] { padding: 1rem; border-top: 1px solid var(--color-border); }
.planning-decision-actions[b-4061xg6cyx] { display: flex; flex-wrap: wrap; gap: .75rem; }
@media(max-width: 900px) { .planning-manager-content[b-4061xg6cyx] { grid-template-columns: 1fr; } }
@media(max-width: 640px) { .planning-workspace[b-4061xg6cyx] { padding: .85rem; } .planning-create input[b-4061xg6cyx], .planning-decision-content input[b-4061xg6cyx] { font-size: 1rem; } }
/* /Components/Manufacturing/ProductionPlanOrderSelector.razor.rz.scp.css */
.plan-order-selector[b-zorairisbq] { min-width: 0; margin: 0; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); display: grid; gap: .75rem; }
.plan-order-selector legend[b-zorairisbq] { font-weight: 700; font-size: .85rem; }
.plan-order-selector p[b-zorairisbq] { margin: 0; font-size: .85rem; color: var(--color-text-soft); }
.plan-order-selector > label[b-zorairisbq] { display: grid; gap: .35rem; }
.plan-order-selector input[type="search"][b-zorairisbq] { width: 100%; min-width: 0; padding: .65rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font: inherit; }
.plan-selection-actions[b-zorairisbq] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.plan-order-options[b-zorairisbq] { max-height: 22rem; overflow-y: auto; display: grid; gap: .5rem; }
.plan-order-option[b-zorairisbq] { display: flex; gap: .65rem; align-items: start; padding: .65rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); cursor: pointer; }
.plan-order-option input[b-zorairisbq] { margin-top: .2rem; flex-shrink: 0; }
.plan-order-option span[b-zorairisbq] { display: grid; gap: .35rem; overflow-wrap: anywhere; }
.plan-order-option small[b-zorairisbq] { color: var(--color-text-soft); }
/* /Components/Manufacturing/ProductionPlanPurchases.razor.rz.scp.css */
.purchase-dependencies[b-y12tnm1d0e] { border: 1px solid var(--color-border); border-radius: 10px; padding: .8rem; margin: .7rem 0 1rem; }
.purchase-dependencies summary[b-y12tnm1d0e] { cursor: pointer; font-weight: 700; font-size: .88rem; }
.purchase-dependencies p[b-y12tnm1d0e] { color: var(--color-text-soft); font-size: .8rem; line-height: 1.5; }
.purchase-dependency[b-y12tnm1d0e] { display: grid; grid-template-columns: 1fr 1.4fr 1fr 1fr; gap: .8rem; border-top: 1px solid var(--color-border); padding: .7rem 0; }
.purchase-dependency > div[b-y12tnm1d0e] { display: flex; flex-direction: column; min-width: 0; gap: .3rem; overflow-wrap: anywhere; font-size: .8rem; }
.purchase-dependency small[b-y12tnm1d0e] { color: var(--color-text-soft); font-size: .74rem; }
@media (max-width: 800px) { .purchase-dependency[b-y12tnm1d0e] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .purchase-dependency[b-y12tnm1d0e] { grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionPlanTimeline.razor.rz.scp.css */
.timeline-chart[b-mxgalne477] { min-width: 0; }
.timeline-scroll[b-mxgalne477] { max-width: 100%; max-height: 60dvh; overflow: auto; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.timeline-scroll:focus-visible[b-mxgalne477] { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.timeline-chart-inner[b-mxgalne477] { width: calc(13rem + var(--timeline-time-width) + .75rem); }
.timeline-axis[b-mxgalne477], .timeline-row[b-mxgalne477] { display: grid; grid-template-columns: 13rem minmax(0, 1fr); }
.timeline-pan-hint[b-mxgalne477] { margin: .25rem 0 .5rem; color: var(--color-text-soft); font-size: .75rem; }
.timeline-axis[b-mxgalne477] { background: var(--color-surface-soft); border-bottom: 1px solid var(--color-border); min-height: 3rem; align-items: center; font-size: .75rem; color: var(--color-text-soft); }
.timeline-axis > span[b-mxgalne477] { padding: .75rem; }
.timeline-axis[b-mxgalne477] { position: sticky; top: 0; z-index: 4; }
.timeline-axis > span[b-mxgalne477] { position: sticky; left: 0; z-index: 2; background: var(--color-surface-soft); }
.timeline-ticks[b-mxgalne477] { position: relative; height: 2rem; margin-right: .75rem; }
.timeline-ticks span[b-mxgalne477] { position: absolute; top: .5rem; transform: translateX(-50%); white-space: nowrap; }
.timeline-ticks span.edge-start[b-mxgalne477] { transform: none; }
.timeline-ticks span.edge-end[b-mxgalne477] { transform: translateX(-100%); }
.timeline-group h3[b-mxgalne477] { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .75rem; background: var(--color-surface-soft); border-top: 1px solid var(--color-border); font-size: .85rem; overflow-wrap: anywhere; }
.timeline-group-name[b-mxgalne477] { position: sticky; left: .75rem; background: var(--color-surface-soft); }
.timeline-group-impact[b-mxgalne477] { display: inline-block; padding: .2rem .5rem; border-radius: 999px; font-size: .65rem; font-weight: 650; color: var(--color-text-soft); background: var(--color-surface); border: 1px solid var(--color-border); }
.timeline-group-impact.severity-blocking[b-mxgalne477] { color: var(--color-danger); border-color: color-mix(in srgb, var(--color-danger) 30%, var(--color-border)); }
.timeline-row[b-mxgalne477] { border-top: 1px solid var(--color-border); }
.timeline-row-label[b-mxgalne477] { display: grid; align-content: center; gap: .15rem; padding: .55rem .75rem; min-width: 0; font-size: .75rem; overflow-wrap: anywhere; border-right: 1px solid var(--color-border); }
.timeline-row-label > span[b-mxgalne477] { font-weight: 650; }
.timeline-row-label[b-mxgalne477] { position: sticky; left: 0; z-index: 2; background: var(--color-surface); }
.timeline-operation[b-mxgalne477] { justify-self: start; text-align: left; white-space: normal; }
.timeline-lane-operations summary[b-mxgalne477] { cursor: pointer; color: var(--color-text-soft); font-size: .7rem; padding: .25rem 0; }
.timeline-lane-operations summary[hidden][b-mxgalne477] { display: none; }
.timeline-lane-operations[open] > .timeline-operation[b-mxgalne477] { display: block; margin-top: .25rem; }
.timeline-track[b-mxgalne477] { position: relative; min-height: 4rem; margin-right: .75rem; }
.timeline-grid-line[b-mxgalne477] { position: absolute; top: 0; bottom: 0; border-left: 1px solid var(--color-border); pointer-events: none; }
.timeline-segment[b-mxgalne477] { position: absolute; top: 1rem; height: 2rem; background: var(--color-primary-fill); color: var(--color-primary); border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent); border-radius: .4rem; padding: 0 .35rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .7rem; text-align: left; cursor: pointer; }
.timeline-segment span + span[b-mxgalne477] { margin-left: .3rem; }
.timeline-segment.late[b-mxgalne477] { background: var(--color-accent-soft); color: var(--color-text); border-color: var(--color-accent); }
.timeline-segment.blocked[b-mxgalne477] { border-left: 3px solid var(--color-danger); }
.timeline-segment.continuation[b-mxgalne477] { border-top: 2px dashed var(--color-primary); }
.timeline-segment.narrow[b-mxgalne477] { padding: 0; border-radius: 2px; }
.timeline-segment.narrow > span[b-mxgalne477] { visibility: hidden; }
.timeline-segment-alert[b-mxgalne477] { font-weight: 800; }
.timeline-segment:hover[b-mxgalne477] { box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary) 20%, transparent); filter: brightness(.97); }
.timeline-segment:focus-visible[b-mxgalne477] { outline: 3px solid var(--color-primary); outline-offset: 2px; z-index: 2; }
.timeline-legend[b-mxgalne477] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; color: var(--color-text-soft); font-size: .7rem; margin: .5rem 0; }
.timeline-legend span[b-mxgalne477] { display: inline-flex; gap: .4rem; align-items: center; }
.timeline-legend span[b-mxgalne477]::before { content: ""; display: inline-block; width: .8rem; height: .6rem; }
.legend-due[b-mxgalne477]::before { border-left: 1px dashed var(--color-text-soft); }
.legend-late[b-mxgalne477]::before { background: var(--color-accent-soft); border: 1px solid var(--color-accent); border-radius: 2px; }
.legend-blocked[b-mxgalne477]::before { background: var(--color-surface); border-left: 3px solid var(--color-danger); }
.timeline-due-marker[b-mxgalne477] { position: absolute; top: .25rem; bottom: .25rem; border-left: 1px dashed var(--color-text-soft); z-index: 1; pointer-events: none; }
/* /Components/Manufacturing/ProductionPlanTimelineDetails.razor.rz.scp.css */
.timeline-drawer[b-mqd87u72rf] { width: min(52rem, 100vw); height: 100dvh; min-width: 0; display: flex; flex-direction: column; background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-panel); }
.timeline-drawer > header[b-mqd87u72rf] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--color-border); }
.timeline-drawer > header h2[b-mqd87u72rf] { margin: 0; font-size: 1.15rem; }
.timeline-drawer > header p[b-mqd87u72rf] { margin: .35rem 0 0; overflow-wrap: anywhere; font-size: .85rem; }
.timeline-drawer > .view-switcher[b-mqd87u72rf] { flex-shrink: 0; }
.timeline-drawer > footer[b-mqd87u72rf] { display: flex; flex-wrap: wrap; gap: .75rem; padding: .85rem 1.5rem; border-top: 1px solid var(--color-border); }
.timeline-detail-body[b-mqd87u72rf] { padding: 0 1.5rem 1.5rem; overflow-y: auto; flex: 1; min-height: 0; overflow-wrap: anywhere; }
.timeline-detail-pane[b-mqd87u72rf] { display: grid; gap: .85rem; }
.timeline-detail-pane[hidden][b-mqd87u72rf] { display: none; }
.timeline-detail-pane h3[b-mqd87u72rf], .timeline-detail-pane p[b-mqd87u72rf] { margin: 0; }
.timeline-detail-pane h3[b-mqd87u72rf] { font-size: .95rem; }
.timeline-detail-summary[b-mqd87u72rf] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 1rem; background: var(--color-surface-soft); border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.timeline-detail-summary dt[b-mqd87u72rf] { font-size: .75rem; color: var(--color-text-soft); }
.timeline-detail-summary dd[b-mqd87u72rf] { margin: .35rem 0 0; font-weight: 700; font-size: .85rem; }
.timeline-detail-segment[b-mqd87u72rf] { display: grid; gap: .4rem; padding: .85rem 1rem; border: 1px solid var(--color-border); border-left: 3px solid var(--color-primary); border-radius: var(--radius-sm); font-size: .85rem; }
.timeline-detail-segment.selected[b-mqd87u72rf] { background: var(--color-surface-soft); }
.timeline-detail-segment small[b-mqd87u72rf] { color: var(--color-text-soft); }
.timeline-detail-impact[b-mqd87u72rf] { padding: .75rem 1rem; background: var(--color-accent-soft); color: var(--color-text); border-radius: var(--radius-sm); font-size: .85rem; }
.timeline-detail-note[b-mqd87u72rf] { color: var(--color-text-soft); font-size: .75rem; }
.timeline-detail-pane details summary[b-mqd87u72rf] { cursor: pointer; }
@media(max-width:640px) { .timeline-drawer > header[b-mqd87u72rf], .timeline-drawer > footer[b-mqd87u72rf] { padding: 1rem; } .timeline-detail-body[b-mqd87u72rf] { padding: 0 1rem 1rem; } .timeline-detail-summary[b-mqd87u72rf] { grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionPrioritySettings.razor.rz.scp.css */
.priority-settings[b-7gso4237xh] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 1rem;
}

header h2[b-7gso4237xh],
header p[b-7gso4237xh],
.priority-form h3[b-7gso4237xh] {
    margin: 0;
}

header p[b-7gso4237xh] {
    color: var(--color-text-soft);
    font-size: .75rem;
    margin-top: .3rem;
}

.priority-form[b-7gso4237xh] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    margin-top: 1rem;
    padding: .9rem;
}

.priority-form h3[b-7gso4237xh] {
    font-size: .85rem;
    margin-bottom: .7rem;
}

.form-grid[b-7gso4237xh] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    margin-bottom: .75rem;
}

label > span[b-7gso4237xh] {
    color: var(--color-text-soft);
    display: block;
    font-size: .65rem;
    font-weight: 700;
    margin-bottom: .3rem;
}

input[b-7gso4237xh] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    min-height: 2.35rem;
    padding: .45rem .55rem;
    width: 100%;
}

input[type="color"][b-7gso4237xh] {
    padding: .2rem;
}

label.check[b-7gso4237xh] {
    align-items: center;
    display: flex;
    gap: .45rem;
}

label.check input[b-7gso4237xh] {
    min-height: auto;
    width: auto;
}

label.check span[b-7gso4237xh] {
    margin: 0;
}

.priority-list[b-7gso4237xh] {
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
}

.priority-row[b-7gso4237xh] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    display: flex;
    gap: .65rem;
    padding: .65rem .75rem;
}

.priority-row.inactive[b-7gso4237xh] {
    opacity: .62;
}

.swatch[b-7gso4237xh] {
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
}

.priority-main[b-7gso4237xh] {
    flex: 1;
}

.priority-main strong[b-7gso4237xh],
.priority-main small[b-7gso4237xh] {
    display: block;
}

.priority-main small[b-7gso4237xh] {
    color: var(--color-text-muted);
    font-size: .62rem;
    margin-top: .18rem;
}

.flags[b-7gso4237xh] {
    display: flex;
    gap: .3rem;
}

.flags span[b-7gso4237xh] {
    background: var(--color-accent-soft);
    border-radius: 999px;
    color: var(--color-accent-strong);
    font-size: .58rem;
    font-weight: 700;
    padding: .18rem .4rem;
}

.flags span.critical[b-7gso4237xh] {
    background: #fbe8e5;
    color: #8c3026;
}

.edit-grid[b-7gso4237xh] {
    flex: 1;
    margin: 0;
}

.actions[b-7gso4237xh] {
    display: flex;
    gap: .4rem;
}

.primary-button[b-7gso4237xh],
.secondary-button[b-7gso4237xh] {
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-size: .7rem;
    font-weight: 700;
    padding: .5rem .7rem;
}

.primary-button[b-7gso4237xh] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: white;
}

.secondary-button[b-7gso4237xh] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text);
}

.error-banner[b-7gso4237xh] {
    background: #fbe8e5;
    border-radius: 8px;
    color: #8c3026;
    margin-top: .75rem;
    padding: .65rem;
}

@media (max-width: 760px) {
    .priority-row[b-7gso4237xh] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .priority-main[b-7gso4237xh] {
        min-width: calc(100% - 2rem);
    }
}
/* /Components/Manufacturing/ProductionReportHistory.razor.rz.scp.css */
.report-history-item[b-rzz4wc5era] { display: grid; gap: .4rem; padding: 1rem 0; border-bottom: 1px solid var(--border-color, #e2e8f0); }
.report-history-item .button[b-rzz4wc5era] { justify-self: start; }
.report-correction[b-rzz4wc5era] {
    background: var(--color-surface);
    box-shadow: -16px 0 60px rgba(13, 24, 51, .18);
    box-sizing: border-box;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    height: 100dvh;
    max-width: 100%;
    overflow-y: auto;
    padding: 1.5rem;
    width: 32rem;
}
.drawer-header[b-rzz4wc5era] { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.drawer-header h2[b-rzz4wc5era] { font-size: 1.3rem; margin: 0; }
.report-correction p[b-rzz4wc5era] { color: var(--color-text-soft); line-height: 1.5; margin: 0; }
.report-correction label[b-rzz4wc5era] { display: grid; gap: .5rem; }
.report-correction input[b-rzz4wc5era], .report-correction textarea[b-rzz4wc5era] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 44px;
    min-width: 0;
    padding: .65rem;
    width: 100%;
}
.report-correction textarea[b-rzz4wc5era] { min-height: 7rem; resize: vertical; }
.form-actions[b-rzz4wc5era] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: auto; }
@media (max-width: 560px) { .report-correction[b-rzz4wc5era] { padding: 1rem; } .form-actions[b-rzz4wc5era] { display: grid; grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionUnitGenerationPanel.razor.rz.scp.css */
.serial-generation-editor[b-x5bmykwxvm] { background: var(--color-surface); color: var(--color-text); width: 34rem; max-width: 100%; height: 100dvh; overflow-y: auto; box-sizing: border-box; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: -16px 0 60px #0d18332e; }
.drawer-header[b-x5bmykwxvm], .form-actions[b-x5bmykwxvm] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; }
h2[b-x5bmykwxvm], p[b-x5bmykwxvm] { margin: 0; }
label[b-x5bmykwxvm] { display: grid; gap: .5rem; }
select[b-x5bmykwxvm], input[b-x5bmykwxvm] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; min-height: 44px; padding: .6rem; background: var(--color-surface-soft); color: var(--color-text); border: 1px solid var(--color-border-strong); border-radius: 9px; }
code[b-x5bmykwxvm] { overflow-wrap: anywhere; }
.form-actions[b-x5bmykwxvm] { justify-content: start; margin-top: auto; }
@media (max-width: 560px) { .serial-generation-editor[b-x5bmykwxvm] { padding: 1rem; } }
/* /Components/Manufacturing/ProductionUnitIdentities.razor.rz.scp.css */
.unit-identities[b-wy6adpn0ih] { display: grid; gap: 1rem; }
.unit-identities > header[b-wy6adpn0ih] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.unit-identities h3[b-wy6adpn0ih], .unit-identities p[b-wy6adpn0ih] { margin: 0; }
.unit-identities > .button[b-wy6adpn0ih] { justify-self: start; }
.unit-identity[b-wy6adpn0ih] { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; align-items: center; justify-content: space-between; padding: 1rem; border: 1px solid var(--border-color, #d9e1ec); border-radius: .75rem; }
.unit-identity > div[b-wy6adpn0ih] { display: grid; gap: .25rem; min-width: 0; }
.unit-identity strong[b-wy6adpn0ih] { overflow-wrap: anywhere; font-family: ui-monospace, monospace; }
.unit-identity-editor[b-wy6adpn0ih] { background: var(--color-surface); box-shadow: -16px 0 60px rgba(13, 24, 51, .18); box-sizing: border-box; color: var(--color-text); display: flex; flex-direction: column; gap: 1rem; height: 100dvh; max-width: 100%; overflow-y: auto; padding: 1.5rem; width: 32rem; }
.unit-identity-editor .drawer-header[b-wy6adpn0ih] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.unit-identity-editor h2[b-wy6adpn0ih], .unit-identity-editor p[b-wy6adpn0ih] { margin: 0; }
.unit-identity-editor input[b-wy6adpn0ih] { background: var(--color-surface-soft); border: 1px solid var(--color-border-strong); border-radius: 9px; box-sizing: border-box; color: var(--color-text); font: inherit; min-height: 44px; min-width: 0; padding: .65rem; width: 100%; }
.unit-identity-editor .form-actions[b-wy6adpn0ih] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: auto; }
.unit-identity-editor .field-error[b-wy6adpn0ih] { color: var(--color-danger, #b42318); }
@media (max-width: 560px) { .unit-identity-editor[b-wy6adpn0ih] { padding: 1rem; } .unit-identity-editor .form-actions[b-wy6adpn0ih] { display: grid; grid-template-columns: 1fr; } }

.unit-summary[b-wy6adpn0ih] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0; padding: .85rem; background: var(--color-surface-soft); border-radius: .6rem; }
.unit-summary div[b-wy6adpn0ih] { display: grid; gap: .25rem; }
.unit-summary dt[b-wy6adpn0ih] { font-size: .85rem; color: var(--color-text-muted); }
.unit-summary dd[b-wy6adpn0ih] { margin: 0; font-weight: 700; }
.unit-create-methods[b-wy6adpn0ih], .unit-create-late[b-wy6adpn0ih] { display: grid; gap: .75rem; }
.unit-create-late[b-wy6adpn0ih] { border: 1px solid var(--color-border-strong); border-radius: .6rem; padding: 1rem; }
.unit-create-late h4[b-wy6adpn0ih] { margin: 0; }
.unit-create-late button[b-wy6adpn0ih] { justify-self: start; }
.unit-create-methods .form-actions[b-wy6adpn0ih] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .75rem; }
.unit-assign-details[b-wy6adpn0ih] { flex-basis: 100%; }
.unit-identities summary[b-wy6adpn0ih] { cursor: pointer; padding-block: .6rem; font-weight: 600; }
.unit-tracking-details p[b-wy6adpn0ih] { margin-top: .5rem; }
/* /Components/Manufacturing/ProductionUnitLabelsPanel.razor.rz.scp.css */
.unit-label-editor[b-oymeu0x75g] { background: var(--color-surface); color: var(--color-text); width: 42rem; max-width: 100%; height: 100dvh; overflow-y: auto; box-sizing: border-box; padding: 1.5rem; box-shadow: -16px 0 60px #0d18332e; }
.unit-label-editor .drawer-header[b-oymeu0x75g] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.unit-label-editor h2[b-oymeu0x75g] { margin: 0; }
.unit-label-editor input:not([type=checkbox])[b-oymeu0x75g], .unit-label-editor select[b-oymeu0x75g] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; min-height: 44px; padding: .6rem; background: var(--color-surface-soft); color: var(--color-text); border: 1px solid var(--color-border-strong); border-radius: 9px; }
.unit-label-editor .form-actions[b-oymeu0x75g] { display: flex; flex-wrap: wrap; gap: .6rem; }
.unit-label-editor label[b-oymeu0x75g] { display: grid; gap: .35rem; margin: .8rem 0; }
.unit-label-dimensions[b-oymeu0x75g] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.unit-label-selection[b-oymeu0x75g] { max-height: 18rem; overflow: auto; margin: 1rem 0; }
.unit-label-selection label[b-oymeu0x75g] { display: flex; align-items: center; gap: .5rem; }
.unit-label-selection span[b-oymeu0x75g] { min-width: 0; overflow-wrap: anywhere; }
.unit-label-preview[b-oymeu0x75g] { overflow: auto; padding: 1rem; background: #e8edf3; }
@media (max-width: 560px) { .unit-label-editor[b-oymeu0x75g] { padding: 1rem; } .unit-label-dimensions[b-oymeu0x75g] { grid-template-columns: 1fr; gap: 0; } }
/* /Components/Manufacturing/ProductionUnitLookupPanel.razor.rz.scp.css */
.unit-lookup[b-atcvt8ya95] { width: 46rem; max-width: 100%; box-sizing: border-box; height: 100dvh; overflow-y: auto; display: flex; flex-direction: column; gap: .8rem; padding: 1.5rem; background: var(--color-surface); color: var(--color-text); box-shadow: -16px 0 60px rgba(13, 24, 51, .18); }
.drawer-header[b-atcvt8ya95] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.drawer-header h2[b-atcvt8ya95], .unit-lookup > p[b-atcvt8ya95] { margin: 0; }
.unit-lookup-search[b-atcvt8ya95] { display: flex; gap: .65rem; margin-block: .5rem; }
.unit-lookup-search input[b-atcvt8ya95] { flex: 1; min-width: 0; min-height: 44px; box-sizing: border-box; padding: .65rem; font: inherit; border: 1px solid var(--color-border-strong); border-radius: .5rem; background: var(--color-surface-soft); color: var(--color-text); }
.unit-lookup-result[b-atcvt8ya95] { display: grid; gap: .8rem; margin-block-start: 1.25rem; }
.unit-lookup-result h3[b-atcvt8ya95], .unit-lookup-result p[b-atcvt8ya95] { margin: 0; }
.unit-lookup-result > a[b-atcvt8ya95] { justify-self: start; }
.unit-lookup-firmware[b-atcvt8ya95], .unit-lookup-inspections[b-atcvt8ya95] { border-block-start: 1px solid var(--color-border); padding-block-start: 1rem; }
@media (max-width: 600px) { .unit-lookup-search[b-atcvt8ya95] { flex-direction: column; } }
/* /Components/Manufacturing/ProductionUnitProgressList.razor.rz.scp.css */
.unit-operation-progress[b-vcn1yw5axb] { display: grid; gap: .65rem; list-style: none; margin: .5rem 0; padding: 0; width: 100%; }
.unit-operation-progress li[b-vcn1yw5axb] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem 1rem; padding-block: .4rem; border-bottom: 1px solid var(--color-border); }
.unit-operation-progress small[b-vcn1yw5axb] { grid-column: 1 / -1; color: var(--color-text-soft); }
@media (max-width: 560px) { .unit-operation-progress li[b-vcn1yw5axb] { grid-template-columns: 1fr; } }
/* /Components/Manufacturing/ProductionUnitSerialAssignment.razor.rz.scp.css */
.unit-serial-assignment[b-gw54p68i3l] { padding: 1rem; margin-block: .75rem; border: 1px solid var(--color-border-strong); border-radius: 9px; display: grid; gap: .75rem; }
.unit-serial-assignment h4[b-gw54p68i3l], .unit-serial-assignment p[b-gw54p68i3l] { margin: 0; }
.unit-serial-assignment label[b-gw54p68i3l] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.unit-serial-assignment input:not([type=checkbox])[b-gw54p68i3l] { width: 100%; min-height: 44px; box-sizing: border-box; padding: .6rem; font: inherit; border: 1px solid var(--color-border-strong); border-radius: 9px; background: var(--color-surface); color: var(--color-text); }
.unit-serial-assignment button[b-gw54p68i3l] { justify-self: start; }

.unit-serial-assignment .field-error[b-gw54p68i3l] { color: var(--color-danger, #b42318); }
/* /Components/Manufacturing/ProductionUnitWorkReport.razor.rz.scp.css */
.unit-work-report[b-m64uoq3g6a] { display: grid; gap: .8rem; }
.unit-work-report p[b-m64uoq3g6a], .unit-work-report h4[b-m64uoq3g6a] { margin: 0; }
.unit-work-report label[b-m64uoq3g6a] { display: grid; gap: .4rem; }
.unit-work-report label:has(input[type=checkbox])[b-m64uoq3g6a] { display: flex; align-items: center; gap: .6rem; }
.unit-work-report select[b-m64uoq3g6a], .unit-work-report input[type=number][b-m64uoq3g6a] { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; padding: .6rem; font: inherit; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: .5rem; }
.selected-unit[b-m64uoq3g6a] { padding: 1rem; background: var(--color-surface-soft); border-radius: .6rem; }
.unit-proof-fields[b-m64uoq3g6a] { border: 0; padding: 0; margin: 0; min-width: 0; }

.unit-next-step[b-m64uoq3g6a] { padding: .8rem 1rem; background: var(--color-surface-soft); border-inline-start: 3px solid var(--color-accent, #e8a000); border-radius: .5rem; }
.unit-next[b-m64uoq3g6a] { justify-self: start; }
/* /Components/Manufacturing/ProductionWorkbench.razor.rz.scp.css */
.work-filters[b-jiuqutcfyw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.work-filters label[b-jiuqutcfyw] { display: grid; gap: .4rem; min-width: 0; }
.work-filters select[b-jiuqutcfyw], .work-filters input[b-jiuqutcfyw] { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: 9px; color: var(--color-text); font: inherit; padding: .6rem; }
.filter-toggle[b-jiuqutcfyw] { display: none; }
.work-workspace[b-jiuqutcfyw] { display: grid; gap: 1rem; align-items: start; }
.work-list[b-jiuqutcfyw], .work-detail-column[b-jiuqutcfyw] { min-width: 0; }
.work-workspace.has-detail[b-jiuqutcfyw] { grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem); }
.work-detail-column[b-jiuqutcfyw] { position: sticky; top: 1rem; }
.work-grid[b-jiuqutcfyw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; margin: 1rem 0; }
.work-card[b-jiuqutcfyw] { display: grid; align-content: start; gap: .65rem; padding: 1rem; border: 1px solid var(--border-color, #e2e8f0); border-radius: .75rem; }
.work-card-heading[b-jiuqutcfyw], .work-card-meta[b-jiuqutcfyw], .work-detail header[b-jiuqutcfyw] { display: flex; justify-content: space-between; align-items: start; gap: .75rem; flex-wrap: wrap; }
.work-card h2[b-jiuqutcfyw] { font-size: 1.1rem; margin: 0; }
.work-card-actions[b-jiuqutcfyw] { display: flex; gap: .5rem; flex-wrap: wrap; }
.work-detail[b-jiuqutcfyw] { padding: 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: .75rem; display: grid; gap: 1rem; margin-top: 1rem; scroll-margin-top: 6rem; }
.work-detail h2[b-jiuqutcfyw] { margin: 0; font-size: 1.2rem; }
@media (max-width: 1100px) { .work-workspace.has-detail[b-jiuqutcfyw] { grid-template-columns: 1fr; } .work-detail-column[b-jiuqutcfyw] { position: static; grid-row: 1; } }
@media (max-width: 640px) {
    .filter-toggle[b-jiuqutcfyw] { display: flex; width: 100%; margin-bottom: .5rem; }
    .filter-toggle span[b-jiuqutcfyw] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .work-filter-panel:not(.expanded) .work-filters[b-jiuqutcfyw] { display: none; }
    .work-filters[b-jiuqutcfyw] { grid-template-columns: 1fr 1fr; }
    .work-filters label:last-child[b-jiuqutcfyw] { grid-column: 1 / -1; }
    .work-card-actions[b-jiuqutcfyw] { display: grid; grid-template-columns: 1fr; }
    .work-workspace.has-detail .work-list[b-jiuqutcfyw] { display: none; }
    .work-detail[b-jiuqutcfyw] { margin-top: .5rem; }
}

.work-queue-help[b-jiuqutcfyw], .work-schedule[b-jiuqutcfyw] { color: var(--color-text-muted); line-height: 1.5; margin: 0; }
.work-capacity[b-jiuqutcfyw] { display: grid; gap: .5rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: .5rem; background: var(--color-surface); }
.work-capacity p[b-jiuqutcfyw] { margin: 0; }
.work-capacity .button[b-jiuqutcfyw] { justify-self: start; }

.work-quantity-progress[b-jiuqutcfyw] { margin: 0; line-height: 1.5; }
.work-waiting[b-jiuqutcfyw] { padding: .65rem; border-left: 3px solid var(--color-border-strong); margin: 0; line-height: 1.5; }
/* /Components/Manufacturing/ProductionWorkOperationList.razor.rz.scp.css */
.work-operation-selector[b-hm22etpjmz] { min-width: 0; display: grid; gap: .65rem; }
.work-operation-selector h3[b-hm22etpjmz], .work-operation-selector p[b-hm22etpjmz] { margin: 0; }
.work-operation-selector p[b-hm22etpjmz] { line-height: 1.5; color: var(--color-text-muted); }
.work-operation-selector ol[b-hm22etpjmz] { list-style: none; display: grid; gap: .65rem; margin: 0; padding: 0; }
.work-operation-selector li[b-hm22etpjmz] { display: grid; gap: .4rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: .5rem; overflow-wrap: anywhere; }
.work-operation-selector li.selected[b-hm22etpjmz] { border-left: 4px solid var(--color-border-strong); background: var(--color-surface-soft); }
.work-operation-selector .button[b-hm22etpjmz] { justify-self: start; }
.current-operation[b-hm22etpjmz] { color: var(--color-text-muted); }
/* /Components/Manufacturing/ProductionWorkReport.razor.rz.scp.css */
.work-report[b-na3e6ddly3] { display: grid; gap: 1rem; }
.work-report label[b-na3e6ddly3] { display: grid; gap: .4rem; }
.work-report input:not([type="checkbox"])[b-na3e6ddly3] { background: var(--color-surface-soft); border: 1px solid var(--color-border-strong); border-radius: 9px; box-sizing: border-box; color: var(--color-text); font: inherit; min-height: 44px; min-width: 0; padding: .65rem; width: 100%; }
.work-report .time-toggle[b-na3e6ddly3] { display: flex; align-items: center; min-height: 44px; }
.work-report .field-error[b-na3e6ddly3] { color: var(--color-danger, #9b332b); margin: 0; }
.work-report details[b-na3e6ddly3] { display: grid; padding: .75rem 0; }
.work-report details label[b-na3e6ddly3] { margin: .75rem 0; }
.work-report .work-quantity input[b-na3e6ddly3] { font-size: 1.5rem; min-height: 3rem; }
.work-report-action[b-na3e6ddly3] { display: grid; }
@media (max-width: 640px) { .work-report-action[b-na3e6ddly3] { position: sticky; bottom: 4.5rem; padding: .75rem 0; background: var(--color-surface); z-index: 2; } }

.work-report-context[b-na3e6ddly3] { display: grid; gap: .4rem; padding: .75rem; border-left: 4px solid var(--color-border-strong); background: var(--color-surface-soft); line-height: 1.5; }
.work-report-context small[b-na3e6ddly3] { color: var(--color-text-muted); }
.work-report-preview[b-na3e6ddly3] { margin: 0; padding: .75rem; line-height: 1.5; background: var(--color-surface-soft); border-radius: .5rem; }
/* /Components/Manufacturing/PurchaseSupplyEvidence.razor.rz.scp.css */
.purchase-supply-evidence[b-fcdrzs23u9] { display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: baseline; padding: .75rem; border-left: 3px solid var(--color-border-strong); background: var(--color-surface-alt, #f8fafc); overflow-wrap: anywhere; }
/* /Components/Manufacturing/SerialNumberSeriesManager.razor.rz.scp.css */
.serial-series-row[b-i8683eq0n6] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem 0; border-bottom: 1px solid var(--border-color, #dce2eb); }
.serial-series-row strong[b-i8683eq0n6] { min-width: 12rem; }
/* /Components/Pages/Access/AccessWorkspace.razor.rz.scp.css */
.button[b-a2kyrzssd7] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font-size: .77rem;
    font-weight: 750;
    gap: .45rem;
    justify-content: center;
    min-height: 2.55rem;
    padding: .6rem .9rem;
}

.button:disabled[b-a2kyrzssd7] { cursor: not-allowed; opacity: .55; }
.button-primary[b-a2kyrzssd7] { background: var(--color-accent); border: 1px solid var(--color-accent); color: #fff; }
.button-quiet[b-a2kyrzssd7] { background: #fff; border: 1px solid #d7dde5; color: #344054; }
.button.compact[b-a2kyrzssd7] { font-size: .69rem; min-height: 2rem; padding: .35rem .6rem; }

.role-card-heading[b-a2kyrzssd7],
.role-card-footer[b-a2kyrzssd7] {
    align-items: center;
    display: flex;
}

.workspace-card[b-a2kyrzssd7] {
    background: #fff;
    border: 1px solid #e4e8ee;
    border-radius: 14px;
    min-height: 24rem;
    overflow: hidden;
}

.toolbar[b-a2kyrzssd7] {
    align-items: center;
    border-bottom: 1px solid #e8ecf1;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem;
}
.search-box[b-a2kyrzssd7] { display: block; flex: 1; max-width: 28rem; }
.search-box[b-a2kyrzssd7]  input {
    border: 1px solid #d7dde5;
    border-radius: 9px;
    font-size: .78rem;
    padding: .68rem .8rem;
    width: 100%;
}
.inactive-role-toggle[b-a2kyrzssd7] {
    align-items: center;
    color: #475467;
    cursor: pointer;
    display: flex;
    font-size: .7rem;
    font-weight: 700;
    gap: .45rem;
}

.loading-state[b-a2kyrzssd7],
.empty-state[b-a2kyrzssd7] {
    color: #7b8797;
    font-size: .8rem;
    padding: 4rem 1rem;
    text-align: center;
}

.user-list[b-a2kyrzssd7],
.invitation-list[b-a2kyrzssd7] { padding: .35rem .8rem .8rem; }
.user-row[b-a2kyrzssd7] {
    align-items: center;
    border-bottom: 1px solid #edf0f4;
    display: grid;
    gap: .8rem;
    grid-template-columns: auto minmax(10rem, 1fr) minmax(12rem, 1.4fr) auto;
    padding: .85rem .3rem;
}

.invitation-row[b-a2kyrzssd7] {
    align-items: center;
    border-bottom: 1px solid #edf0f4;
    display: grid;
    gap: .8rem;
    grid-template-columns: auto minmax(10rem, 1fr) minmax(13rem, 1fr) auto;
    padding: .85rem .3rem;
}
.invitation-detail > small[b-a2kyrzssd7] { color: #7b8797; display: block; font-size: .62rem; margin-top: .3rem; }
.invitation-actions[b-a2kyrzssd7] { display: flex; gap: .4rem; justify-content: flex-end; }

.avatar[b-a2kyrzssd7],
.role-mark[b-a2kyrzssd7] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: 10px;
    color: var(--color-accent-strong);
    display: flex;
    font-size: .72rem;
    font-weight: 850;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.user-copy strong[b-a2kyrzssd7],
.user-copy small[b-a2kyrzssd7],
.selected-user strong[b-a2kyrzssd7],
.selected-user small[b-a2kyrzssd7] { display: block; }
.user-copy strong[b-a2kyrzssd7], .selected-user strong[b-a2kyrzssd7] { color: #1d2939; font-size: .78rem; }
.user-copy small[b-a2kyrzssd7], .selected-user small[b-a2kyrzssd7] { color: #7b8797; font-size: .68rem; margin-top: .18rem; }

.role-chips[b-a2kyrzssd7] { display: flex; flex-wrap: wrap; gap: .3rem; }
.role-chip[b-a2kyrzssd7],
.type-chip[b-a2kyrzssd7],
.status-chip[b-a2kyrzssd7] {
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 750;
    padding: .23rem .48rem;
}
.role-chip[b-a2kyrzssd7] { background: #eef2ff; color: #3730a3; }
.role-chip.empty[b-a2kyrzssd7] { background: #f2f4f7; color: #7b8797; }

.role-grid[b-a2kyrzssd7] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    padding: .9rem;
}

.role-card[b-a2kyrzssd7] { border: 1px solid #e4e8ee; border-radius: 12px; padding: .9rem; }
.role-card.inactive[b-a2kyrzssd7] { opacity: .66; }
.role-card-heading[b-a2kyrzssd7] { gap: .7rem; }
.role-card-heading > div[b-a2kyrzssd7] { flex: 1; min-width: 0; }
.role-card h2[b-a2kyrzssd7] { color: #1d2939; font-size: .86rem; margin: 0 0 .2rem; }
.role-card code[b-a2kyrzssd7] { color: #7b8797; font-size: .61rem; overflow-wrap: anywhere; }
.role-card p[b-a2kyrzssd7] { color: #667085; font-size: .7rem; margin: .85rem 0; }
.role-card-footer[b-a2kyrzssd7] { border-top: 1px solid #edf0f4; justify-content: space-between; padding-top: .7rem; }
.role-card-actions[b-a2kyrzssd7] { align-items: center; display: flex; gap: .5rem; }
.type-chip[b-a2kyrzssd7] { background: #f2f4f7; color: #475467; }
.status-chip.active[b-a2kyrzssd7] { background: #ecfdf3; color: #166534; }
.status-chip.inactive[b-a2kyrzssd7] { background: #f2f4f7; color: #667085; }
.locked-label[b-a2kyrzssd7] { color: #98a2b3; font-size: .65rem; }


.user-row.inactive[b-a2kyrzssd7] { opacity: .68; }

@media (max-width: 760px) {
    .user-row[b-a2kyrzssd7] { grid-template-columns: auto 1fr auto; }
    .invitation-row[b-a2kyrzssd7] { grid-template-columns: auto 1fr; }
    .invitation-detail[b-a2kyrzssd7],
    .invitation-actions[b-a2kyrzssd7] { grid-column: 2; justify-content: flex-start; }
    .invitation-link-panel[b-a2kyrzssd7] { grid-template-columns: 1fr; }
    .role-chips[b-a2kyrzssd7] { grid-column: 2 / -1; }
    .role-card-footer[b-a2kyrzssd7] { align-items: flex-start; gap: .65rem; }
    .role-card-actions[b-a2kyrzssd7] { align-items: flex-end; flex-direction: column; }
    .permission-groups[b-a2kyrzssd7] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .toolbar[b-a2kyrzssd7] { align-items: stretch; flex-direction: column; }
    .heading-actions[b-a2kyrzssd7] { display: grid; grid-template-columns: 1fr; }
    .user-row[b-a2kyrzssd7] { grid-template-columns: auto 1fr; }
    .user-row > .button[b-a2kyrzssd7] { grid-column: 2; justify-self: start; }
}
/* /Components/Pages/AccessAdministration.razor.rz.scp.css */
.page-heading[b-16enbrgxct],
.heading-actions[b-16enbrgxct],
.notice[b-16enbrgxct],
.role-card-heading[b-16enbrgxct],
.role-card-footer[b-16enbrgxct],
.selected-user[b-16enbrgxct],
.drawer-header[b-16enbrgxct],
.drawer-actions[b-16enbrgxct] {
    align-items: center;
    display: flex;
}

.page-heading[b-16enbrgxct] {
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.eyebrow[b-16enbrgxct] {
    color: var(--color-accent-strong);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-heading h1[b-16enbrgxct] {
    color: #172033;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -.04em;
    margin: .35rem 0 .5rem;
}

.page-heading p[b-16enbrgxct],
.drawer-header p[b-16enbrgxct] {
    color: #667085;
    font-size: .82rem;
    margin: 0;
    max-width: 42rem;
}

.heading-actions[b-16enbrgxct],
.drawer-actions[b-16enbrgxct] {
    gap: .65rem;
}

.button[b-16enbrgxct] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font-size: .77rem;
    font-weight: 750;
    gap: .45rem;
    justify-content: center;
    min-height: 2.55rem;
    padding: .6rem .9rem;
}

.button:disabled[b-16enbrgxct] { cursor: not-allowed; opacity: .55; }
.button-primary[b-16enbrgxct] { background: var(--color-accent); border: 1px solid var(--color-accent); color: #fff; }
.button-quiet[b-16enbrgxct] { background: #fff; border: 1px solid #d7dde5; color: #344054; }
.button.compact[b-16enbrgxct] { font-size: .69rem; min-height: 2rem; padding: .35rem .6rem; }

.notice[b-16enbrgxct] {
    border-radius: 10px;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

.notice > span[b-16enbrgxct] { flex: 1; font-size: .78rem; }
.notice button[b-16enbrgxct] { background: none; border: 0; color: inherit; cursor: pointer; }
.notice-error[b-16enbrgxct] { background: #fff1f2; border: 1px solid #fecdd3; color: #9f1239; }
.notice-success[b-16enbrgxct] { background: #ecfdf3; border: 1px solid #bbf7d0; color: #166534; }

.invitation-link-panel[b-16enbrgxct] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(10rem, auto) minmax(12rem, 1fr) auto;
    margin-bottom: 1rem;
    padding: .8rem;
}
.invitation-link-panel strong[b-16enbrgxct],
.invitation-link-panel small[b-16enbrgxct] { display: block; }
.invitation-link-panel strong[b-16enbrgxct] { color: #1e3a8a; font-size: .73rem; }
.invitation-link-panel small[b-16enbrgxct] { color: #3b5998; font-size: .62rem; margin-top: .2rem; }
.invitation-link-panel input[b-16enbrgxct] {
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #344054;
    font-size: .68rem;
    min-width: 0;
    padding: .58rem .65rem;
    width: 100%;
}

.metric-row[b-16enbrgxct] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 1rem;
}

.metric-row article[b-16enbrgxct] {
    background: #fff;
    border: 1px solid #e4e8ee;
    border-radius: 12px;
    padding: .9rem 1rem;
}

.metric-row strong[b-16enbrgxct] { color: #172033; display: block; font-size: 1.4rem; }
.metric-row span[b-16enbrgxct] { color: #667085; font-size: .7rem; }

.section-tabs[b-16enbrgxct] {
    display: flex;
    gap: .35rem;
    margin-bottom: .7rem;
}

.section-tabs button[b-16enbrgxct] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #667085;
    cursor: pointer;
    font-size: .78rem;
    font-weight: 750;
    padding: .65rem .9rem;
}

.section-tabs button.active[b-16enbrgxct] { border-color: var(--color-accent); color: var(--color-accent-strong); }


.drawer[b-16enbrgxct] {
    animation: slide-in-b-16enbrgxct 160ms ease-out;
    background: #fff;
    box-shadow: -20px 0 55px rgba(15, 23, 42, .17);
    display: flex;
    flex-direction: column;
    max-width: 34rem;
    overflow-y: auto;
    padding: 1.5rem;
    width: 100%;
}

.role-drawer[b-16enbrgxct] { max-width: 52rem; }
.drawer-header[b-16enbrgxct] { align-items: flex-start; justify-content: space-between; }
.drawer-header h2[b-16enbrgxct] { color: #172033; font-size: 1.25rem; margin: .3rem 0; }
.close-button[b-16enbrgxct] { background: transparent; border: 0; color: #667085; cursor: pointer; font-size: 1.3rem; }
.drawer[b-16enbrgxct]  form { display: flex; flex: 1; flex-direction: column; }
.drawer-fields[b-16enbrgxct] { display: grid; gap: 1rem; padding: 1.25rem 0; }
.drawer-fields > label > span[b-16enbrgxct],
.permissions-heading strong[b-16enbrgxct] { color: #344054; display: block; font-size: .72rem; font-weight: 750; margin-bottom: .35rem; }
.drawer-fields[b-16enbrgxct]  input[type="text"] {
    border: 1px solid #d7dde5;
    border-radius: 9px;
    font-size: .78rem;
    padding: .7rem .8rem;
    width: 100%;
}

.role-name-field[b-16enbrgxct] {
    display: block;
    width: 100%;
}

.role-name-field[b-16enbrgxct]  input[type="text"] {
    font-size: .88rem;
    min-height: 3rem;
}

.switch-row[b-16enbrgxct] { align-items: flex-start; display: flex; gap: .65rem; }
.switch-row small[b-16enbrgxct], .permissions-heading small[b-16enbrgxct] { color: #7b8797; display: block; font-size: .67rem; }
.role-template[b-16enbrgxct] {
    background: #f8fafc;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    display: grid;
    gap: .7rem;
    padding: .8rem;
}
.role-template > div > strong[b-16enbrgxct],
.role-template label > span[b-16enbrgxct] { color: #344054; display: block; font-size: .72rem; font-weight: 750; }
.role-template > div > small[b-16enbrgxct] { color: #7b8797; display: block; font-size: .67rem; margin-top: .2rem; }
.role-template-controls[b-16enbrgxct] { align-items: end; display: grid; gap: .65rem; grid-template-columns: minmax(0, 1fr) auto; }
.role-template select[b-16enbrgxct] {
    background: #fff;
    border: 1px solid #d7dde5;
    border-radius: 9px;
    color: #344054;
    font-size: .75rem;
    margin-top: .35rem;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    width: 100%;
}
.administrative-warning[b-16enbrgxct] {
    align-items: flex-start;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 10px;
    color: #9a3412;
    display: flex;
    gap: .7rem;
    padding: .8rem;
}
.administrative-warning .warning-icon[b-16enbrgxct] {
    align-items: center;
    background: #ea580c;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 1.35rem;
    font-size: .72rem;
    font-weight: 850;
    height: 1.35rem;
    justify-content: center;
}
.administrative-warning strong[b-16enbrgxct] { display: block; font-size: .74rem; }
.administrative-warning p[b-16enbrgxct] { font-size: .67rem; line-height: 1.45; margin: .25rem 0 .65rem; }
.administrative-warning label[b-16enbrgxct] { align-items: flex-start; cursor: pointer; display: flex; font-size: .67rem; font-weight: 750; gap: .45rem; }
.administrative-warning input[b-16enbrgxct] { margin-top: .12rem; }
.permission-groups[b-16enbrgxct] { display: grid; gap: .7rem; grid-template-columns: repeat(2, 1fr); }
.permission-groups fieldset[b-16enbrgxct] { border: 1px solid #e4e8ee; border-radius: 10px; padding: .65rem .75rem; }
.permission-groups legend[b-16enbrgxct] { color: #344054; font-size: .7rem; font-weight: 800; padding: 0 .25rem; }
.permission-option[b-16enbrgxct] { align-items: center; display: flex; gap: .5rem; padding: .28rem 0; }
.permission-option > span[b-16enbrgxct] { min-width: 0; }
.permission-option strong[b-16enbrgxct] {
    color: #344054;
    display: block;
    font-size: .69rem;
    font-weight: 750;
}
.permission-option em[b-16enbrgxct] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #c2410c;
    display: inline-block;
    font-size: .52rem;
    font-style: normal;
    margin-left: .3rem;
    padding: .08rem .3rem;
    vertical-align: .08rem;
}
.permission-option small[b-16enbrgxct] {
    color: #98a2b3;
    display: block;
    font-family: ui-monospace, monospace;
    font-size: .56rem;
    margin-top: .08rem;
    overflow-wrap: anywhere;
}
.drawer-actions[b-16enbrgxct] { border-top: 1px solid #e4e8ee; justify-content: flex-end; margin-top: auto; padding-top: 1rem; }

.selected-user[b-16enbrgxct] { background: #f8fafc; border-radius: 10px; gap: .7rem; margin: 1rem 0; padding: .75rem; }
.user-row.inactive[b-16enbrgxct] { opacity: .68; }
.user-name-editor[b-16enbrgxct] { display: grid; gap: .35rem; margin-bottom: 1rem; }
.user-name-editor span[b-16enbrgxct] { color: #344054; font-size: .7rem; font-weight: 800; }
.user-name-editor input[b-16enbrgxct] { border: 1px solid #d0d5dd; border-radius: 9px; padding: .65rem .75rem; }
.user-name-editor small[b-16enbrgxct] { color: #7b8797; font-size: .62rem; }
.assignment-list[b-16enbrgxct] { display: grid; gap: .5rem; }
.assignment-list.disabled[b-16enbrgxct] { opacity: .62; }
.assignment-list > label[b-16enbrgxct] {
    align-items: center;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
}
.assignment-list strong[b-16enbrgxct], .assignment-list small[b-16enbrgxct] { display: block; }
.assignment-list strong[b-16enbrgxct] { color: #344054; font-size: .75rem; }
.assignment-list small[b-16enbrgxct] { color: #7b8797; font-size: .63rem; margin-top: .2rem; }
.membership-status-panel[b-16enbrgxct] {
    background: #f8fafc;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    display: grid;
    gap: .6rem;
    margin-top: 1rem;
    padding: .8rem;
}
.membership-status-panel strong[b-16enbrgxct] { color: #344054; font-size: .75rem; }
.membership-status-panel p[b-16enbrgxct] { color: #667085; font-size: .66rem; line-height: 1.45; margin: 0; }
.membership-status-panel label[b-16enbrgxct] { align-items: flex-start; display: flex; font-size: .65rem; gap: .45rem; }
.membership-status-panel .button[b-16enbrgxct] { justify-self: start; }
.button-danger[b-16enbrgxct] { background: #b42318; border-color: #b42318; color: #fff; }
.button-danger:hover:not(:disabled)[b-16enbrgxct] { background: #912018; border-color: #912018; }

@keyframes slide-in-b-16enbrgxct {
    from { transform: translateX(1.5rem); opacity: .7; }
    to { transform: translateX(0); opacity: 1; }
}

@media (max-width: 760px) {
    .page-heading[b-16enbrgxct] { align-items: stretch; flex-direction: column; gap: 1rem; }
    .heading-actions[b-16enbrgxct] { justify-content: flex-end; }
    .metric-row[b-16enbrgxct] { grid-template-columns: 1fr; }
    .user-row[b-16enbrgxct] { grid-template-columns: auto 1fr auto; }
    .invitation-row[b-16enbrgxct] { grid-template-columns: auto 1fr; }
    .invitation-detail[b-16enbrgxct],
    .invitation-actions[b-16enbrgxct] { grid-column: 2; justify-content: flex-start; }
    .invitation-link-panel[b-16enbrgxct] { grid-template-columns: 1fr; }
    .role-chips[b-16enbrgxct] { grid-column: 2 / -1; }
    .role-card-footer[b-16enbrgxct] { align-items: flex-start; gap: .65rem; }
    .role-card-actions[b-16enbrgxct] { align-items: flex-end; flex-direction: column; }
    .permission-groups[b-16enbrgxct] { grid-template-columns: 1fr; }
    .role-template-controls[b-16enbrgxct] { grid-template-columns: 1fr; }
    .role-template-controls .button[b-16enbrgxct] { justify-self: stretch; }
    .drawer[b-16enbrgxct] { max-width: none; }
}

@media (max-width: 520px) {
    .toolbar[b-16enbrgxct] { align-items: stretch; flex-direction: column; }
    .heading-actions[b-16enbrgxct] { display: grid; grid-template-columns: 1fr; }
    .user-row[b-16enbrgxct] { grid-template-columns: auto 1fr; }
    .user-row > .button[b-16enbrgxct] { grid-column: 2; justify-self: start; }
}
/* /Components/Pages/AiAssistantSettings.razor.rz.scp.css */
.policy-drawer[b-7no2pdep6o] { position: fixed; inset: 0 0 0 auto; width: min(34rem, 100vw); padding: 1.5rem; background: var(--color-surface); overflow-y: auto; }
fieldset[b-7no2pdep6o] { border: 0; padding: 0; margin: 1rem 0; }
fieldset > div[b-7no2pdep6o] { margin: 1rem 0; }
label[b-7no2pdep6o] { display: block; }
/* /Components/Pages/AiReceiving.razor.rz.scp.css */
.page-heading[b-t9ifxp4e6d],
.heading-actions[b-t9ifxp4e6d],
.processing-card[b-t9ifxp4e6d],
.review-heading[b-t9ifxp4e6d],
.review-notice[b-t9ifxp4e6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.page-heading[b-t9ifxp4e6d] { margin-bottom: 1.5rem; }
.page-heading h1[b-t9ifxp4e6d], .review-heading h2[b-t9ifxp4e6d], .processing-card h2[b-t9ifxp4e6d] { margin: .2rem 0; }
.page-heading p[b-t9ifxp4e6d], .processing-card p[b-t9ifxp4e6d] { margin: 0; color: var(--color-text-muted); }
.eyebrow[b-t9ifxp4e6d], .section-kicker[b-t9ifxp4e6d] { color: var(--color-accent); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.upload-card[b-t9ifxp4e6d],
.processing-card[b-t9ifxp4e6d],
.review-summary[b-t9ifxp4e6d],
.validation-metrics[b-t9ifxp4e6d],
.line-card[b-t9ifxp4e6d],
.processing-wait[b-t9ifxp4e6d],
.review-notice[b-t9ifxp4e6d] {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: var(--color-surface);
}

.processing-card[b-t9ifxp4e6d] { padding: 1.25rem; justify-content: flex-start; }
.processing-card > div:nth-child(2)[b-t9ifxp4e6d] { flex: 1; }
.processing-icon[b-t9ifxp4e6d] { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 50%; font-size: 1.35rem; font-weight: 800; }
.processing-wait[b-t9ifxp4e6d] { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1rem; padding: 2rem; }
.pulse-dot i[b-t9ifxp4e6d] { display: inline-block; width: .45rem; height: .45rem; margin: .12rem; border-radius: 50%; background: var(--color-accent); animation: pulse-b-t9ifxp4e6d 1.2s infinite ease-in-out; }
.pulse-dot i:nth-child(2)[b-t9ifxp4e6d] { animation-delay: .15s; }
.pulse-dot i:nth-child(3)[b-t9ifxp4e6d] { animation-delay: .3s; }
@keyframes pulse-b-t9ifxp4e6d { 0%, 80%, 100% { opacity: .25; transform: scale(.75); } 40% { opacity: 1; transform: scale(1); } }

.review-heading[b-t9ifxp4e6d] { margin: 1.5rem 0 .75rem; }
.review-summary[b-t9ifxp4e6d], .validation-metrics[b-t9ifxp4e6d] { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; }
.validation-metrics[b-t9ifxp4e6d] { grid-template-columns: repeat(3, 1fr); margin-top: .75rem; }
.review-summary article[b-t9ifxp4e6d], .validation-metrics article[b-t9ifxp4e6d] { padding: 1rem; border-right: 1px solid var(--color-border); }
.review-summary article:last-child[b-t9ifxp4e6d], .validation-metrics article:last-child[b-t9ifxp4e6d] { border-right: 0; }
.review-summary small[b-t9ifxp4e6d], .validation-metrics small[b-t9ifxp4e6d] { display: block; color: var(--color-text-muted); }
.validation-metrics strong[b-t9ifxp4e6d] { font-size: 1.35rem; }

.line-card[b-t9ifxp4e6d] { margin-top: .75rem; overflow-x: auto; }
.line-table[b-t9ifxp4e6d] { min-width: 58rem; }
.line-row[b-t9ifxp4e6d] { display: grid; grid-template-columns: 4rem 1.5fr .8fr .9fr 1.4fr 1fr; gap: .75rem; align-items: center; padding: .85rem 1rem; border-top: 1px solid var(--color-border); }
.line-row:first-child[b-t9ifxp4e6d] { border-top: 0; }
.line-header[b-t9ifxp4e6d] { color: var(--color-text-muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.line-number[b-t9ifxp4e6d] { color: var(--color-text-muted); }
.match-chip[b-t9ifxp4e6d], .validation-chip[b-t9ifxp4e6d], .status-chip[b-t9ifxp4e6d] { display: inline-flex; width: fit-content; padding: .25rem .55rem; border-radius: 999px; font-size: .75rem; font-style: normal; font-weight: 700; }
.validation-cell[b-t9ifxp4e6d] { display: grid; gap: .3rem; }
.decision-actions[b-t9ifxp4e6d] { grid-column: 2 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.price-editor[b-t9ifxp4e6d] { flex-basis: 100%; display: flex; align-items: end; gap: .5rem; }
.price-editor label[b-t9ifxp4e6d] { display: grid; gap: .25rem; color: var(--color-text-soft); font-size: .78rem; }
.price-editor input[b-t9ifxp4e6d] { width: 10rem; min-height: 2.45rem; padding: .5rem .6rem; border: 1px solid var(--color-border-strong); border-radius: .5rem; background: var(--color-surface); color: var(--color-text); }
.extracted-hint[b-t9ifxp4e6d] { margin: .6rem 0 0; color: var(--color-text-muted); }
.decision-summary[b-t9ifxp4e6d] { display: inline-flex; padding: .45rem .65rem; border-radius: .55rem; font-size: .8rem; }
.danger-action[b-t9ifxp4e6d] { color: var(--color-danger); }
.new-item-editor[b-t9ifxp4e6d] { flex-basis: 100%; padding: .75rem; border: 1px solid var(--color-border); border-radius: .65rem; background: var(--color-surface-soft); }
.new-item-editor summary[b-t9ifxp4e6d] { cursor: pointer; font-weight: 700; }
.new-item-fields[b-t9ifxp4e6d] { display: grid; grid-template-columns: repeat(4, minmax(10rem, 1fr)); gap: .65rem; margin: .75rem 0; }
.new-item-fields label[b-t9ifxp4e6d] { display: grid; gap: .3rem; color: var(--color-text-soft); font-size: .78rem; }
.new-item-fields input[b-t9ifxp4e6d], .new-item-fields select[b-t9ifxp4e6d] { width: 100%; min-height: 2.45rem; padding: .5rem .6rem; border: 1px solid var(--color-border-strong); border-radius: .5rem; background: var(--color-surface); color: var(--color-text); }
.review-notice[b-t9ifxp4e6d] { justify-content: flex-start; margin-top: .75rem; padding: 1rem; }

.valid[b-t9ifxp4e6d] { color: var(--color-success); background: var(--color-primary-soft); }
.warning[b-t9ifxp4e6d] { color: var(--color-accent-strong); background: var(--color-accent-soft); }
.invalid[b-t9ifxp4e6d] { color: var(--color-danger); background: color-mix(in srgb, var(--color-danger) 10%, transparent); }
.processing[b-t9ifxp4e6d], .neutral[b-t9ifxp4e6d] { color: var(--color-accent-strong); background: var(--color-accent-soft); }

.receiving-loading[b-t9ifxp4e6d] { min-height: 12rem; display: grid; place-items: center; align-content: center; color: var(--color-text-muted); }

@media (max-width: 760px) {
    .page-heading[b-t9ifxp4e6d] { align-items: flex-start; flex-direction: column; }
    .upload-grid[b-t9ifxp4e6d], .review-summary[b-t9ifxp4e6d] { grid-template-columns: 1fr; }
    .review-summary article[b-t9ifxp4e6d], .validation-metrics article[b-t9ifxp4e6d] { border-right: 0; border-bottom: 1px solid var(--color-border); }
    .review-summary article:last-child[b-t9ifxp4e6d], .validation-metrics article:last-child[b-t9ifxp4e6d] { border-bottom: 0; }
    .processing-card[b-t9ifxp4e6d] { align-items: flex-start; flex-wrap: wrap; }
    .new-item-fields[b-t9ifxp4e6d] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Audit.razor.rz.scp.css */
.page-heading[b-n9y5om0fvv] { align-items: center; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.4rem; }
.eyebrow[b-n9y5om0fvv] { color: var(--color-accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.page-heading h1[b-n9y5om0fvv] { color: #172033; font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.04em; margin: .35rem 0 .5rem; }
.page-heading p[b-n9y5om0fvv] { color: #667085; font-size: .82rem; margin: 0; max-width: 48rem; }
.button[b-n9y5om0fvv] { align-items: center; border-radius: 9px; cursor: pointer; display: inline-flex; font-size: .77rem; font-weight: 750; justify-content: center; min-height: 2.55rem; padding: .6rem .9rem; }
.button:disabled[b-n9y5om0fvv] { cursor: not-allowed; opacity: .55; }
.button-quiet[b-n9y5om0fvv] { background: #fff; border: 1px solid #d7dde5; color: #344054; }
.notice[b-n9y5om0fvv] { align-items: center; border-radius: 10px; display: flex; gap: .65rem; margin-bottom: 1rem; padding: .75rem .9rem; }
.notice-error[b-n9y5om0fvv] { background: #fff1f2; border: 1px solid #fecdd3; color: #9f1239; }
.audit-toolbar[b-n9y5om0fvv] { align-items: center; display: grid; gap: .7rem; grid-template-columns: minmax(14rem, 1fr) minmax(12rem, .35fr) auto; margin-bottom: .75rem; }
.search-box[b-n9y5om0fvv] { position: relative; }
.search-box input[b-n9y5om0fvv], .audit-toolbar select[b-n9y5om0fvv] { background: #fff; border: 1px solid #d7dde5; border-radius: 9px; color: #344054; font: inherit; min-height: 2.55rem; padding: .55rem .75rem; width: 100%; }
.loaded-count[b-n9y5om0fvv] { color: #667085; font-size: .72rem; white-space: nowrap; }
.audit-card[b-n9y5om0fvv] { background: #fff; border: 1px solid #e4e8ee; border-radius: 14px; box-shadow: 0 12px 30px rgba(16, 24, 40, .04); overflow: hidden; }
.audit-table-wrap[b-n9y5om0fvv] { overflow-x: auto; }
.audit-table[b-n9y5om0fvv] { border-collapse: collapse; font-size: .76rem; width: 100%; }
.audit-table th[b-n9y5om0fvv] { background: #f8fafc; color: #667085; font-size: .65rem; letter-spacing: .06em; padding: .72rem .85rem; text-align: left; text-transform: uppercase; }
.audit-table td[b-n9y5om0fvv] { border-top: 1px solid #eef1f5; color: #344054; padding: .78rem .85rem; vertical-align: top; }
.audit-table td small[b-n9y5om0fvv] { color: #98a2b3; display: block; font-size: .61rem; margin-top: .2rem; }
.audit-table code[b-n9y5om0fvv] { color: var(--color-accent-strong); font-size: .68rem; }
.outcome[b-n9y5om0fvv] { border-radius: 999px; display: inline-block; font-size: .63rem; font-weight: 800; padding: .22rem .48rem; }
.outcome.success[b-n9y5om0fvv] { background: #ecfdf3; color: #166534; }
.outcome.failed[b-n9y5om0fvv] { background: #fff1f2; color: #9f1239; }
.details-toggle[b-n9y5om0fvv] { background: none; border: 0; color: var(--color-accent-strong); cursor: pointer; font: inherit; font-weight: 750; }
.details-row td[b-n9y5om0fvv] { background: #f8fafc; }
.audit-details[b-n9y5om0fvv] { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .35rem; }
.audit-details pre[b-n9y5om0fvv] { background: #172033; border-radius: 8px; color: #e5e7eb; font-size: .68rem; margin: .4rem 0 0; max-height: 16rem; overflow: auto; padding: .75rem; white-space: pre-wrap; }
.audit-details dl[b-n9y5om0fvv] { grid-column: 1 / -1; margin: 0; }
.audit-details dt[b-n9y5om0fvv] { color: #667085; float: left; font-size: .65rem; font-weight: 800; margin-right: .5rem; text-transform: uppercase; }
.audit-details dd[b-n9y5om0fvv] { margin: 0 0 .45rem; overflow-wrap: anywhere; }
.empty-state[b-n9y5om0fvv] { color: #667085; padding: 3rem 1rem; text-align: center; }
.load-more[b-n9y5om0fvv] { display: flex; justify-content: center; padding: 1rem; }

@media (max-width: 760px) {
    .page-heading[b-n9y5om0fvv] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .audit-toolbar[b-n9y5om0fvv] { grid-template-columns: 1fr; }
    .audit-details[b-n9y5om0fvv] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Firmware.razor.rz.scp.css */
.firmware-actions[b-njkqtnctiy] { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.firmware-releases[b-njkqtnctiy] { display: grid; gap: 1rem; }
.firmware-release[b-njkqtnctiy] { border: 1px solid var(--border-color, #d8e0e8); border-radius: .8rem; padding: 1.2rem; }
.firmware-release header[b-njkqtnctiy], .firmware-editor header[b-njkqtnctiy], .firmware-editor footer[b-njkqtnctiy] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.firmware-release h2[b-njkqtnctiy] { margin: 0; font-size: 1.1rem; }
code[b-njkqtnctiy] { overflow-wrap: anywhere; font-size: .8rem; }
.firmware-editor[b-njkqtnctiy] { width: min(36rem, 100vw); padding: 1.5rem; overflow-y: auto; }
.firmware-editor label[b-njkqtnctiy] { display: grid; gap: .4rem; margin: 1rem 0; }
.firmware-editor fieldset label[b-njkqtnctiy] { display: flex; align-items: center; }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-4wqadmykq8] {
    align-items: center;
    background: linear-gradient(135deg, var(--color-hero-start), var(--color-hero-end));
    border-radius: 20px;
    color: #fff;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    min-height: 19rem;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    position: relative;
}

.home-hero[b-4wqadmykq8]::before {
    background: radial-gradient(circle, var(--color-hero-glow), transparent 68%);
    content: "";
    height: 24rem;
    position: absolute;
    right: -8rem;
    top: -12rem;
    width: 24rem;
}

.hero-eyebrow[b-4wqadmykq8] {
    color: var(--color-hero-eyebrow);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-hero h1[b-4wqadmykq8] {
    font-size: clamp(2.3rem, 5vw, 4.4rem);
    letter-spacing: -0.055em;
    line-height: 0.98;
    margin: 0.7rem 0 1rem;
    max-width: 45rem;
}

.home-hero p[b-4wqadmykq8] {
    color: var(--color-hero-copy);
    font-size: clamp(0.9rem, 1.5vw, 1.05rem);
    line-height: 1.7;
    margin: 0;
    max-width: 38rem;
}

.hero-visual[b-4wqadmykq8] {
    height: 13rem;
    position: relative;
}

.visual-grid[b-4wqadmykq8] {
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.13) 1px, transparent 1px);
    background-size: 24px 24px;
    inset: 0;
    mask-image: linear-gradient(to left, black, transparent);
    position: absolute;
}

.visual-box[b-4wqadmykq8] {
    background: linear-gradient(145deg, var(--color-package-start), var(--color-package-end));
    border: 1px solid var(--color-package-border);
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.28);
    position: absolute;
    transform: rotate(-8deg) skewY(4deg);
}

.visual-box[b-4wqadmykq8]::before,
.visual-box[b-4wqadmykq8]::after {
    content: "";
    position: absolute;
}

.visual-box[b-4wqadmykq8]::before {
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    left: 12%;
    right: 12%;
    top: 45%;
}

.visual-box[b-4wqadmykq8]::after {
    background: rgba(17, 24, 39, 0.5);
    height: 22%;
    left: 34%;
    top: 0;
    width: 32%;
}

.box-one[b-4wqadmykq8] {
    height: 4.6rem;
    left: 12%;
    top: 43%;
    width: 5.8rem;
}

.box-two[b-4wqadmykq8] {
    height: 5.7rem;
    left: 42%;
    top: 18%;
    width: 7rem;
}

.box-three[b-4wqadmykq8] {
    height: 3.8rem;
    left: 66%;
    top: 57%;
    width: 5rem;
}

.visual-route[b-4wqadmykq8] {
    border-bottom: 2px dashed var(--color-package-border);
    bottom: 18%;
    left: 5%;
    position: absolute;
    transform: rotate(-7deg);
    width: 80%;
}

.system-ready[b-4wqadmykq8] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    display: flex;
    gap: 0.8rem;
    margin: 1rem 0 1.5rem;
    padding: 0.85rem 1rem;
}

.ready-indicator[b-4wqadmykq8] {
    align-items: center;
    background: #ecfdf3;
    border-radius: 9px;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem;
}

.ready-indicator i[b-4wqadmykq8] {
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.14);
    height: 0.55rem;
    width: 0.55rem;
}

.system-ready strong[b-4wqadmykq8],
.system-ready small[b-4wqadmykq8] {
    display: block;
}

.system-ready strong[b-4wqadmykq8] {
    color: #27364b;
    font-size: 0.78rem;
}

.system-ready small[b-4wqadmykq8] {
    color: #7b8797;
    font-size: 0.68rem;
    margin-top: 0.18rem;
}

.section-heading[b-4wqadmykq8] {
    align-items: center;
    color: #667085;
    display: flex;
    font-size: 0.68rem;
    font-weight: 850;
    gap: 0.8rem;
    letter-spacing: 0.12em;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.section-heading i[b-4wqadmykq8] {
    background: #dce2e9;
    height: 1px;
    width: 100%;
}

.area-grid[b-4wqadmykq8] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.area-card[b-4wqadmykq8] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    color: #27364b;
    display: grid;
    min-height: 13.5rem;
    overflow: hidden;
    padding: 1.2rem;
    position: relative;
    text-decoration: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.area-card:hover[b-4wqadmykq8] {
    border-color: var(--color-primary-border);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    color: #27364b;
    transform: translateY(-3px);
}

.area-number[b-4wqadmykq8] {
    color: #b5bfcc;
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    position: absolute;
    right: 1rem;
    top: 0.9rem;
}

.area-icon[b-4wqadmykq8] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: 10px;
    display: flex;
    height: 2.8rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 2.8rem;
}

.area-icon[b-4wqadmykq8]::after {
    background: var(--color-accent-strong);
    content: "";
    height: 1.2rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.2rem;
}

.icon-warehouse[b-4wqadmykq8]::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9 12 3l9 6v12h-5v-7H8v7H3V9Z'/%3E%3C/svg%3E");
}

.icon-data[b-4wqadmykq8] {
    background: var(--color-primary-soft);
}

.icon-data[b-4wqadmykq8]::after {
    background: var(--color-primary);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
}

.icon-purchase[b-4wqadmykq8] {
    background: #ecfdf3;
}

.icon-purchase[b-4wqadmykq8]::after {
    background: #15803d;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h2l2 11h10l2-7H7V5h15l-3 11H7L4 3Zm5 15a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm9 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
}

.area-card strong[b-4wqadmykq8] {
    font-size: 0.92rem;
}

.area-card p[b-4wqadmykq8] {
    color: #7b8797;
    font-size: 0.72rem;
    line-height: 1.55;
    margin: 0.4rem 0 1rem;
}

.area-link[b-4wqadmykq8] {
    align-items: center;
    color: var(--color-accent-strong);
    display: flex;
    font-size: 0.68rem;
    font-weight: 800;
    gap: 0.4rem;
    margin-top: auto;
}

.area-link i[b-4wqadmykq8] {
    font-size: 0.9rem;
    font-style: normal;
    transition: transform 150ms ease;
}

.area-card:hover .area-link i[b-4wqadmykq8] {
    transform: translateX(3px);
}

@media (max-width: 900px) {
    .home-hero[b-4wqadmykq8] {
        grid-template-columns: 1fr;
    }

    .hero-visual[b-4wqadmykq8] {
        display: none;
    }
}

@media (max-width: 700px) {
    .area-grid[b-4wqadmykq8] {
        grid-template-columns: 1fr;
    }

    .area-card[b-4wqadmykq8] {
        min-height: 11rem;
    }
}
/* /Components/Pages/InitialSetup.razor.rz.scp.css */
.setup-card[b-25k69sfpiz] {
    background: color-mix(in srgb, var(--color-surface) 94%, transparent);
    border: 1px solid var(--color-border);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .14);
    display: grid;
    gap: 1.35rem;
    max-width: 38rem;
    padding: clamp(1.5rem, 5vw, 2.5rem);
    width: 100%;
}

.setup-brand[b-25k69sfpiz] { display: grid; gap: .15rem; }
.setup-brand small[b-25k69sfpiz] { color: var(--color-text-soft); font-size: .72rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.setup-wordmark[b-25k69sfpiz] { color: var(--color-primary); font-size: 1.65rem; font-weight: 850; letter-spacing: .04em; }
.setup-wordmark b[b-25k69sfpiz] { color: var(--color-accent); }
.eyebrow[b-25k69sfpiz] { color: var(--color-accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.setup-copy h1[b-25k69sfpiz] { color: var(--color-text); margin: .4rem 0; }
.setup-copy p[b-25k69sfpiz], .setup-state[b-25k69sfpiz] { color: var(--color-text-soft); line-height: 1.55; margin: 0; }
.setup-form[b-25k69sfpiz] { display: grid; gap: 1rem; }
.setup-form fieldset[b-25k69sfpiz] { border: 1px solid var(--color-border); border-radius: .8rem; display: grid; gap: .85rem; padding: 1rem; }
.setup-form legend[b-25k69sfpiz] { color: var(--color-primary); font-size: .76rem; font-weight: 800; padding: 0 .35rem; }
.setup-form label[b-25k69sfpiz] { display: grid; font-size: .8rem; font-weight: 700; gap: .35rem; }
.setup-form[b-25k69sfpiz]  input { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: .7rem; color: var(--color-text); min-height: 2.75rem; padding: .6rem .75rem; width: 100%; }
.setup-form[b-25k69sfpiz]  input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-primary) 16%, transparent); outline: none; }
.setup-form small[b-25k69sfpiz] { color: var(--color-text-soft); font-size: .68rem; font-weight: 500; line-height: 1.4; }
.setup-submit[b-25k69sfpiz] { background: var(--color-primary); border: 0; border-radius: .7rem; color: #fff; cursor: pointer; display: block; font-weight: 750; min-height: 2.9rem; padding: .75rem 1rem; text-align: center; text-decoration: none; }
.login-link[b-25k69sfpiz] { color: var(--color-primary); font-size: .78rem; font-weight: 700; text-align: center; }
.alert[b-25k69sfpiz] { border-radius: .7rem; font-size: .82rem; line-height: 1.45; padding: .8rem .9rem; }
.alert-error[b-25k69sfpiz] { background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; }
/* /Components/Pages/Inventory.razor.rz.scp.css */
.page-heading[b-5fvs3q29ae] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.35rem;
}

.eyebrow[b-5fvs3q29ae] {
    color: var(--color-accent-strong);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-heading h1[b-5fvs3q29ae] {
    color: var(--color-text);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin: 0.35rem 0 0.5rem;
}

.page-heading p[b-5fvs3q29ae] {
    color: var(--color-text-soft);
    font-size: 0.9rem;
    margin: 0;
    max-width: 46rem;
}

.notice[b-5fvs3q29ae] {
    align-items: center;
    background: #fff1f0;
    border: 1px solid #f1b8b3;
    border-radius: var(--radius-sm);
    color: var(--color-danger);
    display: flex;
    font-size: 0.8rem;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.7rem 0.85rem;
}

.notice p[b-5fvs3q29ae] {
    flex: 1;
    margin: 0;
}

.notice button[b-5fvs3q29ae] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1rem;
}

.notice-success[b-5fvs3q29ae] {
    background: #eaf7f0;
    border-color: #a8dac0;
    color: var(--color-success);
}

.metric-row[b-5fvs3q29ae] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1rem;
}

.metric-row article[b-5fvs3q29ae] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: flex;
    gap: 0.8rem;
    min-height: 4.8rem;
    padding: 0.9rem 1rem;
}

.metric-row strong[b-5fvs3q29ae],
.metric-row small[b-5fvs3q29ae] {
    display: block;
}

.metric-row strong[b-5fvs3q29ae] {
    font-size: 1.35rem;
    line-height: 1;
}

.metric-row small[b-5fvs3q29ae] {
    color: var(--color-text-soft);
    font-size: 0.68rem;
    margin-top: 0.3rem;
}

.metric-mark[b-5fvs3q29ae] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 10px;
    color: var(--color-primary);
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.metric-mark[b-5fvs3q29ae]::after {
    font-size: 1.05rem;
    font-weight: 850;
}

.metric-mark.items[b-5fvs3q29ae]::after { content: "□"; }
.metric-mark.warehouses[b-5fvs3q29ae]::after { content: "⌂"; }
.metric-mark.movements[b-5fvs3q29ae]::after { content: "⇄"; }

.inventory-panel[b-5fvs3q29ae] {
    min-height: 34rem;
}

.toolbar[b-5fvs3q29ae] {
    align-items: center;
    grid-template-columns: minmax(12rem, 1fr) repeat(3, minmax(9rem, 0.55fr));
}

.search-box[b-5fvs3q29ae] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    display: flex;
    gap: 0.55rem;
    padding: 0 0.7rem;
}

.search-box[b-5fvs3q29ae]  input {
    background: transparent;
    border: 0;
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    outline: 0;
    width: 100%;
}

.toolbar select[b-5fvs3q29ae] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    padding: 0.45rem 0.6rem;
    width: 100%;
}

.zero-toggle[b-5fvs3q29ae] {
    align-items: center;
    color: var(--color-text-soft);
    display: flex;
    font-size: 0.72rem;
    font-weight: 650;
    gap: 0.5rem;
    justify-content: flex-end;
}

.zero-toggle[b-5fvs3q29ae]  input {
    accent-color: var(--color-primary);
    height: 1rem;
    width: 1rem;
}

.table-summary[b-5fvs3q29ae] {
    align-items: center;
    color: var(--color-text-muted);
    display: flex;
    font-size: 0.64rem;
    font-weight: 750;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.65rem 1rem 0.45rem;
    text-align: right;
    text-transform: uppercase;
}

.bulk-action[b-5fvs3q29ae] {
    background: var(--color-accent-soft);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    cursor: pointer;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 850;
    padding: 0.42rem 0.65rem;
}

.bulk-action:hover[b-5fvs3q29ae] {
    border-color: var(--color-accent-strong);
}

.balance-table .table-head[b-5fvs3q29ae],
.balance-table .table-row[b-5fvs3q29ae] {
    grid-template-columns:
        minmax(12rem, 1.5fr)
        minmax(10rem, 1.1fr)
        minmax(9rem, 1fr)
        minmax(7rem, 0.7fr)
        minmax(7rem, 0.7fr)
        minmax(7rem, 0.7fr)
        minmax(9rem, 0.85fr)
        minmax(10rem, 0.8fr);
}

.inventory-row-actions[b-5fvs3q29ae] {
    min-width: 0;
}

.movement-table .table-head[b-5fvs3q29ae],
.movement-table .table-row[b-5fvs3q29ae] {
    grid-template-columns:
        minmax(8rem, 0.8fr)
        minmax(7rem, 0.75fr)
        minmax(10rem, 1.2fr)
        minmax(9rem, 1fr)
        minmax(8rem, 0.9fr)
        minmax(7rem, 0.65fr)
        minmax(9rem, 0.8fr)
        minmax(8rem, 0.75fr);
}

.table-head[b-5fvs3q29ae],
.table-row[b-5fvs3q29ae] {
    min-width: 76rem;
}

.quantity[b-5fvs3q29ae] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
}

.quantity.reserved[b-5fvs3q29ae] {
    color: var(--color-accent-strong);
}

.quantity.available[b-5fvs3q29ae] {
    color: var(--color-success);
}

.date-cell[b-5fvs3q29ae] {
    color: var(--color-text-muted);
    white-space: nowrap;
}

.movement-chip[b-5fvs3q29ae] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.24rem 0.48rem;
}

.movement-chip.positive[b-5fvs3q29ae] {
    background: #eaf7f0;
    color: var(--color-success);
}

.movement-chip.negative[b-5fvs3q29ae] {
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
}

.delta[b-5fvs3q29ae] {
    font-variant-numeric: tabular-nums;
    font-weight: 850;
}

.delta.positive[b-5fvs3q29ae] { color: var(--color-success); }
.delta.negative[b-5fvs3q29ae] { color: var(--color-danger); }

.before-after[b-5fvs3q29ae] {
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.before-after i[b-5fvs3q29ae] {
    color: var(--color-primary);
    font-style: normal;
    margin: 0 0.2rem;
}

.before-after strong[b-5fvs3q29ae] {
    color: var(--color-text);
}

.document-link[b-5fvs3q29ae] {
    align-items: center;
    color: var(--color-primary);
    display: inline-flex;
    font-weight: 750;
    gap: 0.25rem;
    text-decoration: none;
}

.document-link:hover[b-5fvs3q29ae] {
    text-decoration: underline;
}

.row-action[b-5fvs3q29ae] {
    background: var(--color-primary-soft);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    padding: 0.45rem 0.65rem;
}

.row-action:hover[b-5fvs3q29ae] {
    border-color: var(--color-primary);
}

.relocation-drawer[b-5fvs3q29ae] {
    background: var(--color-surface);
    box-shadow: -18px 0 48px rgb(11 25 48 / 18%);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 100%;
    overflow-y: auto;
    padding: 1.35rem;
    position: fixed;
    right: 0;
    top: 0;
    width: min(31rem, 92vw);
    z-index: 100;
}

.relocation-drawer > header[b-5fvs3q29ae] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.relocation-drawer h2[b-5fvs3q29ae] {
    color: var(--color-text);
    font-size: 1.35rem;
    margin: 0.3rem 0 0;
}

.drawer-close[b-5fvs3q29ae] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-soft);
    cursor: pointer;
    font-size: 1.2rem;
    height: 2.25rem;
    width: 2.25rem;
}

.relocation-summary[b-5fvs3q29ae] {
    background: var(--color-primary-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: 0.3rem;
    margin: 1rem 0;
    padding: 0.9rem;
}

.relocation-summary strong[b-5fvs3q29ae] {
    color: var(--color-text);
}

.relocation-summary span[b-5fvs3q29ae],
.relocation-summary small[b-5fvs3q29ae] {
    color: var(--color-text-soft);
}

.relocation-form[b-5fvs3q29ae] {
    display: grid;
    gap: 1rem;
}

.relocation-form label[b-5fvs3q29ae] {
    display: grid;
    gap: 0.4rem;
}

.relocation-form label > span[b-5fvs3q29ae] {
    color: var(--color-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.relocation-form label > small[b-5fvs3q29ae] {
    color: var(--color-text-muted);
    font-size: 0.66rem;
}

.relocation-form[b-5fvs3q29ae]  select,
.relocation-form[b-5fvs3q29ae]  input,
.relocation-form[b-5fvs3q29ae]  textarea {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    padding: 0.65rem 0.7rem;
    width: 100%;
}

.relocation-form footer[b-5fvs3q29ae] {
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.bulk-item-list[b-5fvs3q29ae] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    margin: 0 0 1rem;
    max-height: 16rem;
    overflow-y: auto;
}

.bulk-item-list > div[b-5fvs3q29ae] {
    align-items: center;
    display: flex;
    font-size: 0.7rem;
    gap: 0.7rem;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
}

.bulk-item-list > div + div[b-5fvs3q29ae] {
    border-top: 1px solid var(--color-border);
}

.bulk-item-list span[b-5fvs3q29ae] {
    color: var(--color-text-soft);
}

.bulk-item-list strong[b-5fvs3q29ae] {
    color: var(--color-text);
}

.bulk-item-list b[b-5fvs3q29ae] {
    color: var(--color-success);
    white-space: nowrap;
}

.empty-state[b-5fvs3q29ae] {
    align-items: center;
    color: var(--color-text-soft);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 22rem;
    padding: 2rem;
    text-align: center;
}

.empty-state > span[b-5fvs3q29ae] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 50%;
    color: var(--color-primary);
    display: flex;
    font-size: 1.3rem;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: 0.8rem;
    width: 3.5rem;
}

.empty-state p[b-5fvs3q29ae] {
    margin: 0.35rem 0 1rem;
}

.empty-state.compact[b-5fvs3q29ae] {
    min-height: 13rem;
}

.inventory-pager[b-5fvs3q29ae] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 0.8rem;
    justify-content: flex-end;
    padding: 0.8rem 1rem;
}

.inventory-pager span[b-5fvs3q29ae] {
    color: var(--color-text-muted);
    font-size: 0.82rem;
    font-weight: 700;
    min-width: 7rem;
    text-align: center;
}

.skeleton-table[b-5fvs3q29ae] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 1rem;
}

.skeleton-table div[b-5fvs3q29ae] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2.5rem 1fr 0.7fr 0.55fr;
    min-height: 3.2rem;
}

.skeleton-table i[b-5fvs3q29ae],
.skeleton-table span[b-5fvs3q29ae],
.skeleton-table small[b-5fvs3q29ae],
.skeleton-table b[b-5fvs3q29ae] {
    animation: pulse-b-5fvs3q29ae 900ms ease-in-out infinite alternate;
    background: var(--color-border);
    border-radius: 6px;
    display: block;
    height: 0.65rem;
}

.skeleton-table i[b-5fvs3q29ae] {
    border-radius: 50%;
    height: 2.2rem;
}

@keyframes pulse-b-5fvs3q29ae {
    to { opacity: 0.45; }
}

@media (max-width: 850px) {
    .page-heading[b-5fvs3q29ae] {
        align-items: stretch;
        flex-direction: column;
    }

    .page-heading .button[b-5fvs3q29ae] {
        align-self: flex-start;
    }

    .metric-row[b-5fvs3q29ae] {
        grid-template-columns: 1fr;
    }

    .toolbar[b-5fvs3q29ae] {
        grid-template-columns: 1fr 1fr;
    }

    .search-box[b-5fvs3q29ae] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .inventory-pager[b-5fvs3q29ae] {
        justify-content: space-between;
    }

    .toolbar[b-5fvs3q29ae] {
        grid-template-columns: 1fr;
    }

    .search-box[b-5fvs3q29ae] {
        grid-column: auto;
    }

    .zero-toggle[b-5fvs3q29ae] {
        justify-content: flex-start;
        min-height: 2.2rem;
    }

    .balance-table .table-row[b-5fvs3q29ae],
    .movement-table .table-row[b-5fvs3q29ae] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .item-cell[b-5fvs3q29ae] {
        border-bottom: 1px solid var(--color-border);
        grid-column: 1 / -1;
        padding-bottom: 0.55rem;
    }

    .movement-table .date-cell[b-5fvs3q29ae] {
        grid-column: 1 / -1;
        order: -1;
    }

    .document-link[b-5fvs3q29ae] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .relocation-drawer[b-5fvs3q29ae] {
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        bottom: 0;
        height: auto;
        max-height: 90dvh;
        padding: 1rem;
        top: auto;
        width: 100%;
    }
}
/* /Components/Pages/InvitationAcceptance.razor.rz.scp.css */
.invitation-card[b-hupud831uk] {
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(214, 222, 234, .9);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(12, 31, 68, .16);
    margin: 2rem auto;
    max-width: 34rem;
    padding: clamp(1.4rem, 4vw, 2.3rem);
    width: calc(100% - 2rem);
}

.invitation-brand[b-hupud831uk] { border-bottom: 1px solid #e7ebf0; margin-bottom: 1.6rem; padding-bottom: 1rem; }
.invitation-brand > span[b-hupud831uk] { color: #163d91; font-size: 1.45rem; font-weight: 900; letter-spacing: .06em; }
.invitation-brand b[b-hupud831uk] { color: #f59e0b; }
.invitation-brand small[b-hupud831uk] { color: #7b8797; display: block; font-size: .63rem; letter-spacing: .08em; margin-top: .15rem; text-transform: uppercase; }
.eyebrow[b-hupud831uk] { color: var(--color-accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
h1[b-hupud831uk] { color: #172033; font-size: clamp(1.65rem, 5vw, 2.2rem); letter-spacing: -.04em; margin: .35rem 0 .55rem; }
p[b-hupud831uk] { color: #667085; font-size: .82rem; line-height: 1.55; margin: 0 0 1.2rem; }
.invitation-summary[b-hupud831uk] { background: #f7f9fc; border: 1px solid #e4e8ee; border-radius: 12px; display: grid; gap: .8rem; grid-template-columns: 1fr 1fr; margin: 1rem 0 1.2rem; padding: .85rem; }
.invitation-summary span[b-hupud831uk], .invitation-summary strong[b-hupud831uk] { display: block; }
.invitation-summary span[b-hupud831uk] { color: #7b8797; font-size: .62rem; margin-bottom: .18rem; }
.invitation-summary strong[b-hupud831uk] { color: #27364d; font-size: .76rem; overflow-wrap: anywhere; }
.invitation-form[b-hupud831uk] { display: grid; gap: .85rem; }
.invitation-form label > span[b-hupud831uk] { color: #344054; display: block; font-size: .72rem; font-weight: 750; margin-bottom: .35rem; }
.invitation-form[b-hupud831uk]  input { border: 1px solid #d0d5dd; border-radius: 9px; box-sizing: border-box; font-size: .8rem; padding: .72rem .8rem; width: 100%; }
.invitation-form[b-hupud831uk]  .validation-message { color: #b42318; font-size: .62rem; margin-top: .25rem; }
.invitation-form small[b-hupud831uk] { color: #7b8797; display: block; font-size: .61rem; margin-top: .28rem; }
.account-hint[b-hupud831uk] { background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 9px; color: #1e40af; font-size: .7rem; line-height: 1.45; padding: .7rem .8rem; }
.alert-error[b-hupud831uk] { background: #fff1f2; border: 1px solid #fecdd3; border-radius: 9px; color: #9f1239; font-size: .72rem; margin-bottom: 1rem; padding: .7rem .8rem; }
.accept-button[b-hupud831uk], .primary-link[b-hupud831uk], .secondary-link[b-hupud831uk] { border-radius: 9px; display: inline-flex; font-size: .77rem; font-weight: 800; justify-content: center; margin-top: 1.1rem; min-height: 2.7rem; padding: .7rem 1rem; text-decoration: none; }
.accept-button[b-hupud831uk], .primary-link[b-hupud831uk] { background: var(--color-accent); border: 1px solid var(--color-accent); color: #fff; width: 100%; }
.accept-button:disabled[b-hupud831uk] { cursor: not-allowed; opacity: .6; }
.secondary-link[b-hupud831uk] { border: 1px solid #d0d5dd; color: #344054; }
.invitation-state[b-hupud831uk] { color: #7b8797; padding: 4rem 1rem; text-align: center; }
.result-icon[b-hupud831uk] { align-items: center; border-radius: 999px; display: flex; font-size: 1.15rem; font-weight: 900; height: 3rem; justify-content: center; margin-bottom: 1rem; width: 3rem; }
.result-icon.success[b-hupud831uk] { background: #dcfce7; color: #15803d; }
.result-icon.invalid[b-hupud831uk] { background: #fff1f2; color: #be123c; }

@media (max-width: 520px) {
    .invitation-summary[b-hupud831uk] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-card[b-pi002j18p3] {
    background: color-mix(in srgb, var(--color-surface) 94%, transparent);
    border: 1px solid var(--color-border);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.14);
    display: grid;
    gap: 1.5rem;
    max-width: 30rem;
    padding: clamp(1.5rem, 5vw, 2.5rem);
    width: 100%;
}

.login-brand[b-pi002j18p3] {
    display: grid;
    gap: 0.15rem;
}

.login-brand small[b-pi002j18p3] {
    color: var(--color-text-soft);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-wordmark[b-pi002j18p3] {
    color: var(--color-primary);
    font-size: 1.65rem;
    font-weight: 850;
    letter-spacing: 0.04em;
}

.login-wordmark b[b-pi002j18p3] {
    color: var(--color-accent);
}

.login-copy[b-pi002j18p3] {
    display: grid;
    gap: 0.45rem;
}

.login-copy h1[b-pi002j18p3],
.login-copy p[b-pi002j18p3] {
    margin: 0;
}

.login-copy p[b-pi002j18p3] {
    color: var(--color-text-soft);
    line-height: 1.55;
}

.login-form[b-pi002j18p3] {
    display: grid;
    gap: 1rem;
}

.login-form label[b-pi002j18p3] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 700;
    gap: 0.4rem;
}

.login-form input[b-pi002j18p3],
.login-form select[b-pi002j18p3] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 0.7rem;
    color: var(--color-text);
    min-height: 2.8rem;
    padding: 0.65rem 0.8rem;
    width: 100%;
}

.login-form input:focus[b-pi002j18p3],
.login-form select:focus[b-pi002j18p3] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--color-primary) 16%, transparent);
    outline: none;
}

.login-form small[b-pi002j18p3] {
    color: var(--color-text-soft);
    font-weight: 500;
    line-height: 1.4;
}

.login-submit[b-pi002j18p3] {
    background: var(--color-primary);
    border: 0;
    border-radius: 0.7rem;
    color: white;
    cursor: pointer;
    font-weight: 750;
    min-height: 2.9rem;
    padding: 0.7rem 1rem;
}

.login-submit:hover[b-pi002j18p3] {
    background: var(--color-primary-strong);
}

.forgot-password-link[b-pi002j18p3] {
    color: var(--color-primary);
    font-size: .75rem;
    font-weight: 750;
    justify-self: center;
    text-decoration: none;
}

.alert[b-pi002j18p3] {
    border-radius: 0.7rem;
    display: grid;
    font-size: 0.84rem;
    gap: 0.35rem;
    line-height: 1.45;
    padding: 0.8rem 0.9rem;
}

.alert-error[b-pi002j18p3] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
}

.alert-success[b-pi002j18p3] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.alert-info[b-pi002j18p3] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    color: var(--color-primary-strong);
}

.initial-setup-link[b-pi002j18p3] {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-soft);
    display: grid;
    font-size: .78rem;
    gap: .35rem;
    padding-top: 1rem;
    text-align: center;
}

.initial-setup-link a[b-pi002j18p3] {
    color: var(--color-primary);
    font-weight: 750;
}
/* /Components/Pages/Manufacturing.razor.rz.scp.css */
.dashboard-header[b-jo60i6mho9] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.dashboard-header h1[b-jo60i6mho9] {
    color: var(--color-text);
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    font-weight: 720;
    letter-spacing: -0.045em;
    line-height: 1.05;
    margin: 0;
}

.dashboard-header p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.88rem;
    margin: 0.55rem 0 0;
    max-width: 42rem;
}

.header-controls[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.help-button[b-jo60i6mho9] {
    align-items: center;
    background: var(--color-accent-soft);
    border: 1px solid #c5d1c0;
    border-radius: 9px;
    color: var(--color-accent-strong);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 730;
    gap: 0.4rem;
    min-height: 2.45rem;
    padding: 0.55rem 0.75rem;
}

.help-button > span[b-jo60i6mho9] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.65rem;
    height: 1rem;
    justify-content: center;
    width: 1rem;
}

.help-button:hover[b-jo60i6mho9] {
    background: #dfe9dc;
}

.help-backdrop[b-jo60i6mho9] {
    background: rgba(13, 24, 51, 0.48);
    inset: 0;
    position: fixed;
    z-index: 140;
}

.help-dialog[b-jo60i6mho9] {
    background: var(--color-surface);
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(13, 24, 51, 0.28);
    display: flex;
    flex-direction: column;
    left: 50%;
    max-height: min(88dvh, 58rem);
    max-width: calc(100vw - 2rem);
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48rem;
    z-index: 150;
}

.help-dialog > header[b-jo60i6mho9] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem 1.35rem;
}

.help-dialog > header h2[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 1.2rem;
    margin: 0.2rem 0 0;
}

.help-dialog > header p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.72rem;
    line-height: 1.45;
    margin: 0.35rem 0 0;
    max-width: 39rem;
}

.help-content[b-jo60i6mho9] {
    overflow-y: auto;
    padding: 1rem 1.35rem;
}

.help-steps[b-jo60i6mho9] {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.help-steps li[b-jo60i6mho9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    padding: 0.55rem 0;
    position: relative;
}

.help-steps li:not(:last-child)[b-jo60i6mho9]::after {
    background: #d9e2d6;
    content: "";
    height: calc(100% - 2rem);
    left: 0.875rem;
    position: absolute;
    top: 2.25rem;
    width: 1px;
}

.help-steps li > span[b-jo60i6mho9] {
    align-items: center;
    background: var(--color-accent-soft);
    border: 1px solid #c5d1c0;
    border-radius: 50%;
    color: var(--color-accent-strong);
    display: flex;
    font-size: 0.65rem;
    font-weight: 780;
    height: 1.8rem;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.help-steps strong[b-jo60i6mho9] {
    color: var(--color-text);
    display: block;
    font-size: 0.75rem;
}

.help-steps p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.68rem;
    line-height: 1.5;
    margin: 0.2rem 0 0;
}

.help-content aside[b-jo60i6mho9] {
    background: #fff7e8;
    border: 1px solid #ebd19b;
    border-radius: 9px;
    color: #805b14;
    margin-top: 0.8rem;
    padding: 0.75rem 0.85rem;
}

.help-content aside strong[b-jo60i6mho9] {
    display: block;
    font-size: 0.72rem;
}

.help-content aside p[b-jo60i6mho9] {
    font-size: 0.67rem;
    line-height: 1.5;
    margin: 0.25rem 0 0;
}

.help-dialog > footer[b-jo60i6mho9] {
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    padding: 0.85rem 1.35rem;
}

.refresh-button[b-jo60i6mho9],
.primary-button[b-jo60i6mho9],
.secondary-button[b-jo60i6mho9] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 730;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.58rem 0.9rem;
    transition: background-color 130ms ease, border-color 130ms ease, box-shadow 130ms ease, transform 130ms ease;
}

.refresh-button[b-jo60i6mho9],
.primary-button[b-jo60i6mho9] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    box-shadow: 0 5px 14px rgba(66, 86, 62, 0.14);
    color: #fff;
}

.refresh-button.secondary[b-jo60i6mho9],
.secondary-button[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    box-shadow: none;
    color: var(--color-text);
}

.refresh-button:hover:not(:disabled)[b-jo60i6mho9],
.primary-button:hover:not(:disabled)[b-jo60i6mho9] {
    background: var(--color-accent-strong);
    border-color: var(--color-accent-strong);
    transform: translateY(-1px);
}

.refresh-button.secondary:hover:not(:disabled)[b-jo60i6mho9],
.secondary-button:hover:not(:disabled)[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border-color: #aebbaa;
}

.refresh-button:disabled[b-jo60i6mho9],
.primary-button:disabled[b-jo60i6mho9],
.secondary-button:disabled[b-jo60i6mho9] {
    cursor: not-allowed;
    opacity: 0.52;
    transform: none;
}

.secondary-button.compact[b-jo60i6mho9],
.primary-button.compact[b-jo60i6mho9] {
    font-size: 0.67rem;
    min-height: 1.95rem;
    padding: 0.34rem 0.55rem;
    white-space: nowrap;
}

a.secondary-button[b-jo60i6mho9] {
    text-decoration: none;
}

.catalog-card[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(31, 36, 30, 0.045);
    margin-bottom: 1rem;
    min-width: 0;
    padding: 1.15rem;
}

.catalog-card > p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.78rem;
    line-height: 1.5;
    margin: -0.45rem 0 1rem;
}

.catalog-card > small[b-jo60i6mho9] {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.68rem;
    margin: 0.8rem 0;
}

.catalog-card h3[b-jo60i6mho9],
.drawer-content h3[b-jo60i6mho9] {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-soft);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    margin: 1.2rem 0 0.75rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.card-heading[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.card-heading h2[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 1.03rem;
    margin: 0;
}

.form-grid[b-jo60i6mho9] {
    align-items: end;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    margin: 0.75rem 0;
}

.form-grid label[b-jo60i6mho9] {
    color: var(--color-text-soft);
    display: flex;
    flex-direction: column;
    font-size: 0.71rem;
    font-weight: 720;
    gap: 0.35rem;
    min-width: 0;
}

.form-grid label > small:not(.field-error)[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.61rem;
    font-weight: 500;
    line-height: 1.35;
}

.form-grid label:has(> input[type="checkbox"])[b-jo60i6mho9] {
    align-items: center;
    flex-direction: row;
    min-height: 2.45rem;
}

.form-grid input:not([type="checkbox"])[b-jo60i6mho9],
.form-grid select[b-jo60i6mho9],
.form-grid textarea[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    min-width: 0;
    padding: 0.6rem 0.7rem;
    width: 100%;
}

.form-grid textarea[b-jo60i6mho9] {
    min-height: 5.5rem;
    resize: vertical;
}

.form-grid input[type="checkbox"][b-jo60i6mho9] {
    accent-color: var(--color-accent);
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.form-grid input:focus[b-jo60i6mho9],
.form-grid select:focus[b-jo60i6mho9],
.form-grid textarea:focus[b-jo60i6mho9] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(96, 120, 90, 0.14);
    outline: 0;
}

.form-grid input:disabled[b-jo60i6mho9],
.form-grid select:disabled[b-jo60i6mho9],
.form-grid textarea:disabled[b-jo60i6mho9] {
    cursor: not-allowed;
    opacity: 0.65;
}

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

.resource-creation-grid[b-jo60i6mho9] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.resource-panel[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 11px;
    min-width: 0;
    padding: 0.9rem;
}

.resource-panel > h3[b-jo60i6mho9] {
    border: 0;
    color: var(--color-text);
    font-size: 0.8rem;
    letter-spacing: 0;
    margin: 0 0 0.75rem;
    padding: 0;
    text-transform: none;
}

.resource-panel > .primary-button[b-jo60i6mho9] {
    margin-top: 0.15rem;
}

.field-error[b-jo60i6mho9],
.action-hint[b-jo60i6mho9] {
    color: #9b3c31;
    display: block;
    font-size: 0.63rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 0.1rem;
}

.action-hint[b-jo60i6mho9] {
    color: var(--color-text-muted);
    margin-top: 0.45rem;
}

.resource-list[b-jo60i6mho9] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.85rem;
}

.resource-list > div[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.resource-list strong[b-jo60i6mho9],
.resource-list small[b-jo60i6mho9] {
    display: block;
}

.resource-list strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.7rem;
}

.resource-list small[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.61rem;
    margin-top: 0.2rem;
}

.resource-list-item[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    justify-content: space-between;
}

.resource-list-item > span[b-jo60i6mho9] {
    min-width: 0;
}

.resource-edit-form[b-jo60i6mho9] {
    align-items: end;
    background: var(--color-accent-soft) !important;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(7rem, 1fr));
}

.resource-edit-form label[b-jo60i6mho9],
.resource-edit-form label > span[b-jo60i6mho9],
.resource-edit-form .wide-field > span[b-jo60i6mho9] {
    display: block;
}

.resource-edit-form label > span[b-jo60i6mho9],
.resource-edit-form .wide-field > span[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.62rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.resource-edit-form input[b-jo60i6mho9],
.resource-edit-form select[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    font-size: 0.72rem;
    min-height: 2.2rem;
    padding: 0.4rem 0.5rem;
    width: 100%;
}

.resource-edit-form .toggle-field[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    min-height: 2.2rem;
}

.resource-edit-form .toggle-field input[b-jo60i6mho9] {
    min-height: auto;
    width: auto;
}

.edit-actions[b-jo60i6mho9] {
    display: flex;
    gap: 0.45rem;
    grid-column: 1 / -1;
}

.weekday-picker[b-jo60i6mho9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.25rem;
}

.weekday-button[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 7px;
    color: var(--color-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 2.1rem;
    padding: 0.35rem 0.45rem;
}

.weekday-button.selected[b-jo60i6mho9] {
    background: var(--color-accent-soft);
    border-color: var(--color-accent);
    color: var(--color-accent-strong);
}

.worker-skill-list[b-jo60i6mho9] {
    margin-bottom: 0.25rem;
}

.cards-grid[b-jo60i6mho9] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
    margin-bottom: 1rem;
}

.request-card[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 13px;
    box-shadow: 0 8px 25px rgba(31, 36, 30, 0.035);
    min-width: 0;
    padding: 1rem;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.request-card:hover[b-jo60i6mho9] {
    border-color: #c7ccc1;
    box-shadow: 0 14px 32px rgba(31, 36, 30, 0.07);
    transform: translateY(-1px);
}

.request-card > header[b-jo60i6mho9] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.request-card h2[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.88rem;
    line-height: 1.35;
    margin: 0;
}

.request-card header small[b-jo60i6mho9] {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.58rem;
    margin-top: 0.25rem;
    overflow-wrap: anywhere;
}
.request-card > header > div[b-jo60i6mho9] { min-width: 0; }

.status-chip[b-jo60i6mho9] {
    border: 1px solid #d7d9d1;
    border-radius: 999px;
    color: #555c52;
    flex: 0 0 auto;
    font-size: 0.62rem;
    font-weight: 760;
    padding: 0.23rem 0.5rem;
}

.status-draft[b-jo60i6mho9] { background: #efefeb; }
.status-planned[b-jo60i6mho9] { background: #eef2f7; border-color: #cbd5e1; color: #475569; }
.status-released[b-jo60i6mho9] { background: #edf3fb; border-color: #c5d6eb; color: #315d8a; }
.status-inprogress[b-jo60i6mho9] { background: #fff6df; border-color: #ead39a; color: #7a5915; }
.status-paused[b-jo60i6mho9] { background: #f7f1e8; border-color: #dfcdb3; color: #72553a; }
.status-awaitingstocksettlement[b-jo60i6mho9] { background: #f3edfb; border-color: #d6c5eb; color: #63458a; }
.status-completed[b-jo60i6mho9] { background: #e8f1e7; border-color: #bfd2bd; color: #365b3b; }
.status-cancelled[b-jo60i6mho9] { background: #f7ece9; border-color: #e9c8c0; color: #8e3f35; }

.setup-warning[b-jo60i6mho9] {
    align-items: center;
    background: #fff7e8;
    border: 1px solid #ebd19b;
    border-radius: 9px;
    color: #805b14;
    display: flex;
    font-size: 0.72rem;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding: 0.7rem 0.8rem;
}

.order-next-step[b-jo60i6mho9] {
    background: var(--color-accent-soft);
    border-left: 3px solid var(--color-accent);
    border-radius: 0 8px 8px 0;
    margin: 0.7rem 0;
    padding: 0.6rem 0.7rem;
}

.order-next-step span[b-jo60i6mho9],
.order-next-step strong[b-jo60i6mho9] {
    display: block;
}

.order-checklist[b-jo60i6mho9] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 0.65rem;
}

.planning-steps[b-jo60i6mho9] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.9rem;
}

.planning-decision-help[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: .69rem;
    line-height: 1.5;
    margin: .75rem 0 .25rem;
}

.planning-steps span[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    color: var(--color-text-muted);
    font-size: 0.65rem;
    font-weight: 650;
    padding: 0.55rem 0.65rem;
    text-align: center;
}

.planning-steps span.done[b-jo60i6mho9] {
    background: #e8f1e7;
    border-color: #bfd2bd;
    color: #365b3b;
}

.order-checklist span[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 7px;
    color: var(--color-text-muted);
    font-size: 0.58rem;
    font-weight: 650;
    padding: 0.4rem 0.45rem;
    text-align: center;
}

.order-checklist span.done[b-jo60i6mho9] {
    background: #e8f1e7;
    border-color: #bfd2bd;
    color: #365b3b;
}

.readiness-warning[b-jo60i6mho9] {
    background: #fff7e8;
    border: 1px solid #ebd19b;
    border-radius: 8px;
    color: #805b14;
    font-size: 0.66rem;
    line-height: 1.45;
    margin-bottom: 0.7rem;
    padding: 0.6rem 0.7rem;
}

.material-readiness[b-jo60i6mho9] {
    border: 1px solid var(--color-border);
    border-radius: 9px;
    margin-bottom: 0.7rem;
    overflow: hidden;
}

.subsection-heading[b-jo60i6mho9] {
    align-items: center;
    background: var(--color-surface-soft);
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
    padding: 0.55rem 0.65rem;
}

.subsection-heading strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.68rem;
}

.subsection-heading span[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.61rem;
}

.material-row[b-jo60i6mho9] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(9rem, 1.6fr) repeat(3, minmax(5rem, 0.7fr)) auto auto;
    padding: 0.5rem 0.65rem;
}

.material-row strong[b-jo60i6mho9],
.material-row span[b-jo60i6mho9],
.material-row b[b-jo60i6mho9] {
    font-size: 0.62rem;
}

.material-row strong[b-jo60i6mho9] {
    color: var(--color-text);
    min-width: 0;
}

.material-row span[b-jo60i6mho9] {
    color: var(--color-text-muted);
}

.material-row b[b-jo60i6mho9] {
    color: #9b3c31;
}

.material-row.shortage[b-jo60i6mho9] {
    background: #fff9f7;
}

.material-row-action[b-jo60i6mho9] {
    justify-self: end;
}

.order-next-step span[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.59rem;
    margin-bottom: 0.18rem;
    text-transform: uppercase;
}

.order-next-step strong[b-jo60i6mho9] {
    color: var(--color-accent-strong);
    font-size: 0.69rem;
    line-height: 1.4;
}

.assignment-panel[b-jo60i6mho9] {
    background: #fbfcfa;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    margin: 0.4rem 0 0.7rem;
    padding: 0.7rem;
}

.assignment-panel > p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.66rem;
    line-height: 1.45;
    margin: 0 0 0.5rem;
}

.meta-grid[b-jo60i6mho9] {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    margin: 0.8rem 0;
    padding: 0.75rem 0;
}

.meta-grid span[b-jo60i6mho9],
.meta-grid strong[b-jo60i6mho9] {
    display: block;
}

.meta-grid span[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.61rem;
    margin-bottom: 0.2rem;
}

.meta-grid strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.73rem;
}

.header-actions[b-jo60i6mho9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.request-item[b-jo60i6mho9] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid transparent;
    border-radius: 9px;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.4rem;
    min-width: 0;
    padding: 0.6rem 0.7rem;
}

.request-item > div[b-jo60i6mho9] {
    min-width: 0;
}

.request-item strong[b-jo60i6mho9],
.request-item small[b-jo60i6mho9] {
    display: block;
}

.request-item strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.72rem;
}

.request-item small[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.63rem;
    line-height: 1.4;
    margin-top: 0.17rem;
}

.loading-state[b-jo60i6mho9],
.empty-state[b-jo60i6mho9],
.error-banner[b-jo60i6mho9],
.info-banner[b-jo60i6mho9] {
    border-radius: 10px;
    font-size: 0.76rem;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.loading-state[b-jo60i6mho9],
.empty-state[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-soft);
    text-align: center;
}

.error-banner[b-jo60i6mho9] {
    background: #f9eeec;
    border: 1px solid #edcdc6;
    color: #8d352b;
}

.info-banner[b-jo60i6mho9] {
    background: var(--color-accent-soft);
    border: 1px solid #c8d7c3;
    color: var(--color-accent-strong);
}

.drawer-backdrop[b-jo60i6mho9] {
    background: rgba(13, 24, 51, 0.42);
    inset: 0;
    position: fixed;
    z-index: 100;
}

.detail-drawer[b-jo60i6mho9] {
    background: var(--color-surface);
    box-shadow: -18px 0 55px rgba(13, 24, 51, 0.22);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: min(52rem, 100vw);
    z-index: 110;
}

.detail-drawer > header[b-jo60i6mho9] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem 1.35rem;
}

.detail-drawer > header h2[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 1.15rem;
    margin: 0;
}

.detail-drawer > header small[b-jo60i6mho9] {
    color: var(--color-text-soft);
    display: block;
    font-size: 0.68rem;
    margin-top: 0.3rem;
}

.drawer-close[b-jo60i6mho9] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-soft);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.drawer-content[b-jo60i6mho9] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.35rem;
}

.detail-drawer > footer[b-jo60i6mho9] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.35rem;
}

.manufacturing-guide[b-jo60i6mho9] {
    background: linear-gradient(135deg, rgba(96, 120, 90, 0.13), rgba(255, 255, 255, 0.96));
    border: 1px solid rgba(96, 120, 90, 0.24);
    border-radius: 16px;
    margin-bottom: 1rem;
    padding: 1.1rem;
}

.guide-heading[b-jo60i6mho9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.guide-heading h2[b-jo60i6mho9],
.guide-heading p[b-jo60i6mho9] {
    margin: 0;
}

.guide-heading h2[b-jo60i6mho9] {
    color: #172033;
    font-size: 1.05rem;
    margin-top: 0.15rem;
}

.guide-heading p[b-jo60i6mho9] {
    color: #667085;
    font-size: 0.82rem;
    margin-top: 0.35rem;
}

.guide-heading > strong[b-jo60i6mho9] {
    background: #fff;
    border: 1px solid #d9e2d6;
    border-radius: 999px;
    color: #43553e;
    flex: 0 0 auto;
    padding: 0.35rem 0.7rem;
}

.guide-kicker[b-jo60i6mho9] {
    color: #60785a;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.setup-steps[b-jo60i6mho9] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.setup-step[b-jo60i6mho9] {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #dde3e9;
    border-radius: 11px;
    color: #344054;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.65rem;
    padding: 0.75rem;
    text-align: left;
}

.setup-step:hover[b-jo60i6mho9] {
    border-color: #9aab95;
}

.setup-step > span:first-child[b-jo60i6mho9] {
    align-items: center;
    background: #eef1f4;
    border-radius: 50%;
    display: flex;
    flex: 0 0 1.6rem;
    font-size: 0.76rem;
    font-weight: 700;
    height: 1.6rem;
    justify-content: center;
}

.setup-step.complete > span:first-child[b-jo60i6mho9] {
    background: #dcebd7;
    color: #315b2e;
}

.setup-step strong[b-jo60i6mho9],
.setup-step small[b-jo60i6mho9] {
    display: block;
}

.setup-step strong[b-jo60i6mho9] {
    font-size: 0.78rem;
}

.setup-step small[b-jo60i6mho9] {
    color: #7b8797;
    font-size: 0.67rem;
    line-height: 1.35;
    margin-top: 0.25rem;
}

.manufacturing-tabs[b-jo60i6mho9] {
    border-bottom: 1px solid #dfe4ea;
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.manufacturing-tabs button[b-jo60i6mho9] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #667085;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 650;
    padding: 0.7rem 0.8rem;
}

.manufacturing-tabs button:hover[b-jo60i6mho9],
.manufacturing-tabs button.active[b-jo60i6mho9] {
    color: #40533c;
}

.manufacturing-tabs button.active[b-jo60i6mho9] {
    border-bottom-color: #60785a;
}

.manufacturing-tabs button span[b-jo60i6mho9] {
    background: #eef1f4;
    border-radius: 999px;
    font-size: 0.66rem;
    margin-left: 0.25rem;
    padding: 0.12rem 0.4rem;
}

.compact-guide[b-jo60i6mho9] {
    padding: 0.9rem 1rem;
}

.compact-guide .guide-heading[b-jo60i6mho9] {
    align-items: center;
}

.setup-tabs[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: inline-flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.25rem;
}

.setup-tabs button[b-jo60i6mho9] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--color-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
}

.setup-tabs button.active[b-jo60i6mho9] {
    background: var(--color-surface);
    box-shadow: 0 1px 4px rgba(31, 36, 30, 0.09);
    color: var(--color-text);
}

.assistant-panel > summary[b-jo60i6mho9],
.detail-section > summary[b-jo60i6mho9],
.order-more-actions > summary[b-jo60i6mho9] {
    cursor: pointer;
    font-weight: 720;
    list-style-position: inside;
}

.assistant-panel > summary[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.9rem;
}

.orders-toolbar[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.orders-toolbar h2[b-jo60i6mho9],
.orders-toolbar p[b-jo60i6mho9] {
    margin: 0;
}

.orders-toolbar h2[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 1.05rem;
}

.orders-toolbar p[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.72rem;
    margin-top: 0.25rem;
}

.production-order-overview[b-jo60i6mho9] {
    align-items: stretch;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .75rem;
}

.production-order-overview.has-attention[b-jo60i6mho9] {
    grid-template-columns: minmax(0, 3fr) minmax(15rem, 2fr);
}

.production-order-overview > .quick-filter-grid[b-jo60i6mho9] {
    margin-bottom: 0;
}

.production-order-attention[b-jo60i6mho9] {
    background: #fffaf1;
    border: 1px solid #ead9bd;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    justify-content: center;
    padding: .75rem 1rem;
}

.production-order-attention > strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: .67rem;
}

.production-order-attention > div[b-jo60i6mho9] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.filters-grid[b-jo60i6mho9] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    margin-bottom: .85rem;
}

.filters-grid label > span[b-jo60i6mho9] {
    color: var(--color-text-soft);
    display: block;
    font-size: .66rem;
    font-weight: 700;
    margin-bottom: .32rem;
}

.filters-grid input[b-jo60i6mho9],
.filters-grid select[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    padding: .5rem .6rem;
    width: 100%;
}

.filters-grid input:focus[b-jo60i6mho9],
.filters-grid select:focus[b-jo60i6mho9] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    outline: none;
}

.order-create-card[b-jo60i6mho9] {
    margin-bottom: 0.85rem;
}

.quick-order-form[b-jo60i6mho9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(14rem, 1.5fr) minmax(7rem, 0.55fr) minmax(12rem, 0.85fr);
}

.quick-order-form label[b-jo60i6mho9],
.quick-order-form label > span[b-jo60i6mho9] {
    display: block;
}

.quick-order-form label > span[b-jo60i6mho9] {
    color: var(--color-text-soft);
    font-size: 0.66rem;
    font-weight: 700;
    margin-bottom: 0.32rem;
}

.quick-order-form input[b-jo60i6mho9],
.quick-order-form select[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    font-size: 0.75rem;
    min-height: 2.45rem;
    padding: 0.5rem 0.6rem;
    width: 100%;
}

.text-button[b-jo60i6mho9] {
    background: transparent;
    border: 0;
    color: var(--color-accent-strong);
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    margin-top: 0.65rem;
    padding: 0;
}

.advanced-fields[b-jo60i6mho9] {
    margin-top: 0.65rem;
}

.form-actions[b-jo60i6mho9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.8rem;
}

.orders-workspace[b-jo60i6mho9] {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(28rem, 1.45fr);
}

.order-list[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    max-height: 68dvh;
    overflow-y: auto;
}

.order-list-item[b-jo60i6mho9] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--color-border);
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.8rem;
    justify-content: space-between;
    padding: 0.8rem;
    text-align: left;
    width: 100%;
}

.order-list-item:last-child[b-jo60i6mho9] {
    border-bottom: 0;
}

.order-list-item:hover[b-jo60i6mho9],
.order-list-item.selected[b-jo60i6mho9] {
    background: var(--color-accent-soft);
}

.order-list-item.selected[b-jo60i6mho9] {
    box-shadow: inset 3px 0 0 var(--color-accent);
}

.order-list-main[b-jo60i6mho9],
.order-list-main strong[b-jo60i6mho9],
.order-list-main small[b-jo60i6mho9],
.order-list-meta[b-jo60i6mho9],
.order-list-meta small[b-jo60i6mho9] {
    display: block;
}

.order-list-main[b-jo60i6mho9] {
    min-width: 0;
}

.order-list-main strong[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-list-main small[b-jo60i6mho9],
.order-list-meta small[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.59rem;
    margin-top: 0.25rem;
}

.order-list-main small[b-jo60i6mho9] {
    line-height: 1.35;
}

.order-list-meta[b-jo60i6mho9] {
    flex: 0 0 auto;
    text-align: right;
}

.priority-chip[b-jo60i6mho9] {
    border: 1px solid var(--priority-color);
    border-radius: 999px;
    color: var(--priority-color);
    display: inline-block;
    font-size: .56rem;
    font-weight: 750;
    margin-right: .28rem;
    padding: .16rem .4rem;
}

.priority-chip.priority[b-jo60i6mho9] {
    background: var(--color-surface-soft);
}

.priority-chip.critical[b-jo60i6mho9] {
    background: var(--color-surface-soft);
}

.urgency-chip[b-jo60i6mho9] {
    border-radius: 999px;
    display: inline-block;
    font-size: .56rem;
    font-weight: 750;
    margin-right: .28rem;
    padding: .16rem .4rem;
}

.urgency-chip.due-soon[b-jo60i6mho9] {
    background: #fff3d6;
    color: #7b5011;
}

.urgency-chip.risk[b-jo60i6mho9],
.urgency-chip.overdue[b-jo60i6mho9] {
    background: #fbe8e5;
    color: #8c3026;
}

.order-detail[b-jo60i6mho9] {
    min-width: 0;
}

.order-detail:hover[b-jo60i6mho9] {
    box-shadow: 0 8px 25px rgba(31, 36, 30, 0.035);
    transform: none;
}

.order-detail-tabs[b-jo60i6mho9] {
    margin-top: 0.8rem;
    padding-inline: 0;
}

.order-tab-panel[b-jo60i6mho9] {
    margin-top: 0.8rem;
}

.order-tab-panel[hidden][b-jo60i6mho9] {
    display: none;
}

.tab-section-heading[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
}

.tab-section-heading h3[b-jo60i6mho9] {
    margin: 0;
}

.overview-shortages .secondary-button[b-jo60i6mho9] {
    margin-top: 0.65rem;
}

.primary-next-action[b-jo60i6mho9] {
    width: 100%;
}

.order-primary-actions[b-jo60i6mho9] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    margin-bottom: 0.45rem;
}

.planning-next-action[b-jo60i6mho9] {
    width: 100%;
}

.planning-scope-note[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.68rem;
    margin: 0.55rem 0 0.8rem;
}

.outside-shift-panel[b-jo60i6mho9] {
    background: #fff8e8;
    border: 1px solid #e3c67a;
    border-radius: 9px;
    margin-bottom: 0.7rem;
    padding: 0.8rem;
}

.outside-shift-panel h3[b-jo60i6mho9],
.outside-shift-panel p[b-jo60i6mho9] {
    margin: 0 0 0.55rem;
}

.outside-shift-panel h3[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.78rem;
}

.outside-shift-panel p[b-jo60i6mho9],
.outside-shift-panel label > span[b-jo60i6mho9] {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.67rem;
}

.outside-shift-panel textarea[b-jo60i6mho9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    margin-top: 0.3rem;
    min-height: 4rem;
    padding: 0.5rem;
    resize: vertical;
    width: 100%;
}

.outside-shift-panel .form-actions[b-jo60i6mho9] {
    margin-top: 0.65rem;
}

.detail-section[b-jo60i6mho9] {
    border-bottom: 1px solid var(--color-border);
    padding: 0.75rem 0;
}

.detail-section > summary[b-jo60i6mho9] {
    align-items: center;
    color: var(--color-text);
    display: flex;
    font-size: 0.72rem;
    gap: 0.7rem;
    justify-content: space-between;
}

.detail-section > summary strong[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.64rem;
}

.detail-section .material-readiness[b-jo60i6mho9] {
    margin: 0.7rem 0 0;
}

.operation-progress-summary[b-jo60i6mho9] {
    color: var(--color-text) !important;
    font-weight: 700;
}

.operation-row-actions[b-jo60i6mho9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.operation-report-panel[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 9px;
    margin: 0.45rem 0 0.75rem;
    padding: 0.75rem;
}

.operation-report-panel > p[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
    margin: 0 0 0.65rem;
}

.operation-report-panel .form-actions[b-jo60i6mho9] {
    margin-top: 0.65rem;
}

.posting-panel[b-jo60i6mho9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 9px;
    margin-top: 0.8rem;
    padding: 0.8rem;
}

.posting-panel h3[b-jo60i6mho9] {
    color: var(--color-text);
    font-size: 0.76rem;
    margin: 0 0 0.65rem;
}

.order-more-actions[b-jo60i6mho9] {
    margin-top: 0.8rem;
}

.order-more-actions > summary[b-jo60i6mho9] {
    color: var(--color-text-muted);
    font-size: 0.67rem;
}

.order-more-actions .header-actions[b-jo60i6mho9] {
    margin-top: 0.65rem;
}

.danger-action[b-jo60i6mho9] {
    color: #8e3f35;
}

@media (max-width: 900px) {
    .resource-creation-grid[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }

    .setup-steps[b-jo60i6mho9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .production-order-overview.has-attention[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }

    .orders-workspace[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }

    .order-list[b-jo60i6mho9] {
        max-height: 22rem;
    }
}

@media (max-width: 560px) {
    .dashboard-header[b-jo60i6mho9] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.9rem;
    }

    .work-header[b-jo60i6mho9] { gap: .4rem; margin-bottom: .65rem; }
    .work-header h1[b-jo60i6mho9] { font-size: 1.65rem; }
    .work-header p[b-jo60i6mho9] { display: none; }
    .work-header .header-controls[b-jo60i6mho9] { justify-content: flex-end; }
    .work-header .header-controls > button[b-jo60i6mho9] { flex: 0 1 auto; }
    .request-card > header[b-jo60i6mho9] { flex-direction: column; }
    .request-card .header-actions[b-jo60i6mho9] { flex-wrap: wrap; width: 100%; }

    .header-controls[b-jo60i6mho9],
    .refresh-button[b-jo60i6mho9],
    .help-button[b-jo60i6mho9] {
        width: 100%;
    }

    .header-controls > button[b-jo60i6mho9] {
        flex: 1;
    }

    .help-dialog[b-jo60i6mho9] {
        border-radius: 14px 14px 0 0;
        bottom: 0;
        left: 0;
        max-height: 92dvh;
        max-width: none;
        top: auto;
        transform: none;
        width: 100%;
    }

    .cards-grid[b-jo60i6mho9],
    .form-grid[b-jo60i6mho9],
    .quick-order-form[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }

    .orders-toolbar[b-jo60i6mho9],
    .compact-guide .guide-heading[b-jo60i6mho9] {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-toolbar > button[b-jo60i6mho9],
    .compact-guide .primary-button[b-jo60i6mho9],
    .form-actions .primary-button[b-jo60i6mho9] {
        width: 100%;
    }

    .setup-tabs[b-jo60i6mho9] {
        display: flex;
    }

    .setup-tabs button[b-jo60i6mho9] {
        flex: 1;
    }

    .resource-edit-form[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }

    .resource-edit-form .edit-actions[b-jo60i6mho9] {
        flex-direction: column;
    }

    .resource-edit-form .edit-actions button[b-jo60i6mho9] {
        width: 100%;
    }

    .wide-field[b-jo60i6mho9] {
        grid-column: auto;
    }

    .request-item[b-jo60i6mho9] {
        align-items: stretch;
        flex-direction: column;
    }

    .order-checklist[b-jo60i6mho9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .material-row[b-jo60i6mho9] {
        align-items: start;
        grid-template-columns: 1fr 1fr;
    }

    .material-row strong[b-jo60i6mho9] {
        grid-column: 1 / -1;
    }

    .material-row-action[b-jo60i6mho9] {
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .setup-warning[b-jo60i6mho9] {
        align-items: stretch;
        flex-direction: column;
    }

    .request-item .secondary-button[b-jo60i6mho9],
    .form-grid > button[b-jo60i6mho9] {
        width: 100%;
    }

    .setup-steps[b-jo60i6mho9] {
        grid-template-columns: 1fr;
    }
}
.request-card:has(.guarded-drawer-backdrop)[b-jo60i6mho9] {
    transform: none !important;
}
/* /Components/Pages/MasterData.razor.rz.scp.css */
.catalog-header[b-36buds4hqp] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.catalog-header h1[b-36buds4hqp] {
    color: var(--color-text);
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-weight: 720;
    font-size: clamp(2rem, 4vw, 3.25rem);
    letter-spacing: -0.04em;
    margin: 0.2rem 0 0.35rem;
}

.catalog-header p[b-36buds4hqp] {
    color: var(--color-text-soft);
    margin: 0;
    max-width: 42rem;
}

.eyebrow[b-36buds4hqp] {
    color: var(--color-accent-strong);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.summary-grid[b-36buds4hqp] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1.25rem;
}

.summary-grid article[b-36buds4hqp] {
    background: linear-gradient(145deg, var(--color-hero-start), var(--color-hero-end));
    border-radius: 14px;
    color: white;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.2rem;
}

.summary-grid strong[b-36buds4hqp] {
    font-size: 1.75rem;
    line-height: 1;
}

.summary-grid span[b-36buds4hqp] {
    color: var(--color-hero-copy);
    font-size: 0.78rem;
    margin-top: 0.4rem;
    text-transform: uppercase;
}

.catalog-grid[b-36buds4hqp] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.catalog-card[b-36buds4hqp] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(31, 36, 30, 0.055);
    min-width: 0;
    padding: 1.25rem;
}

.card-heading[b-36buds4hqp] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}

.card-heading > div[b-36buds4hqp] {
    align-items: center;
    display: flex;
    gap: 0.7rem;
}

.card-heading h2[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 1.2rem;
    margin: 0;
}

.step-number[b-36buds4hqp] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: 50%;
    color: var(--color-accent-strong);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.record-count[b-36buds4hqp] {
    color: #78869a;
    font-size: 0.75rem;
}

.form-grid[b-36buds4hqp] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid-three[b-36buds4hqp] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid label[b-36buds4hqp] {
    color: #4c5b70;
    display: flex;
    flex-direction: column;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.35rem;
}

.form-grid input[b-36buds4hqp],
.form-grid select[b-36buds4hqp] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    color: var(--color-text);
    min-width: 0;
    padding: 0.65rem 0.75rem;
}

.form-grid input:focus[b-36buds4hqp],
.form-grid select:focus[b-36buds4hqp] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(96, 120, 90, 0.14);
    outline: none;
}

.drawer-section[b-36buds4hqp] {
    border-top: 1px solid var(--color-border);
    margin-top: 1.25rem;
    padding-top: 1.1rem;
}

.drawer-section h3[b-36buds4hqp] {
    margin: 0 0 0.25rem;
}

.drawer-section > p[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.82rem;
    margin: 0 0 0.9rem;
}

.inline-actions[b-36buds4hqp] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin: 0.75rem 0;
}

.compact-table td:last-child[b-36buds4hqp] {
    display: flex;
    gap: 0.35rem;
}

.wide-field[b-36buds4hqp] {
    grid-column: 1 / -1;
}

.primary-button[b-36buds4hqp],
.secondary-button[b-36buds4hqp] {
    border-radius: 9px;
    cursor: pointer;
    font-weight: 750;
    padding: 0.65rem 1rem;
}

.primary-button[b-36buds4hqp] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: white;
    margin-top: 0.9rem;
}

.secondary-button[b-36buds4hqp] {
    background: white;
    border: 1px solid #bdc8d6;
    color: #293951;
}

.primary-button:hover:not(:disabled)[b-36buds4hqp] {
    background: var(--color-accent-strong);
}

.secondary-button:hover:not(:disabled)[b-36buds4hqp] {
    background: var(--color-surface-soft);
}

.primary-button.compact[b-36buds4hqp],
.secondary-button.compact[b-36buds4hqp] {
    font-size: 0.7rem;
    padding: 0.4rem 0.6rem;
    white-space: nowrap;
}

.valuation-editor[b-36buds4hqp] {
    align-items: end;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(10rem, 1fr) minmax(9rem, 0.8fr) minmax(9rem, 0.8fr) auto;
    margin: 1rem 0;
    padding: 0.85rem;
}

.valuation-editor strong[b-36buds4hqp],
.valuation-editor small[b-36buds4hqp],
.valuation-editor label span[b-36buds4hqp] {
    display: block;
}

.valuation-editor small[b-36buds4hqp] {
    color: var(--color-text-soft);
    margin-top: 0.2rem;
}

.valuation-editor label span[b-36buds4hqp] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.valuation-editor input[b-36buds4hqp],
.valuation-editor select[b-36buds4hqp] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    padding: 0.6rem 0.7rem;
    width: 100%;
}

.valuation-actions[b-36buds4hqp] {
    display: flex;
    gap: 0.5rem;
}

.valuation-actions .primary-button[b-36buds4hqp] {
    margin-top: 0;
}

.primary-button:disabled[b-36buds4hqp],
.secondary-button:disabled[b-36buds4hqp] {
    cursor: not-allowed;
    opacity: 0.55;
}

.primary-button.no-margin[b-36buds4hqp] {
    margin-top: 0;
}

.form-actions[b-36buds4hqp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.form-actions .secondary-button[b-36buds4hqp] {
    margin-top: .9rem;
}

.danger-button[b-36buds4hqp] {
    background: var(--color-danger);
    border: 1px solid var(--color-danger);
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
    font-weight: 750;
    padding: 0.65rem 1rem;
}

.danger-button:hover:not(:disabled)[b-36buds4hqp] {
    filter: brightness(0.9);
}

.danger-button:disabled[b-36buds4hqp] {
    cursor: not-allowed;
    opacity: 0.55;
}

.dependency-note[b-36buds4hqp] {
    color: #8a664f;
    display: block;
    margin-top: 0.55rem;
}

.table-shell[b-36buds4hqp] {
    border: 1px solid #e2e7ed;
    border-radius: 11px;
    margin-top: 1.2rem;
    max-height: 19rem;
    overflow: auto;
}

table[b-36buds4hqp] {
    border-collapse: collapse;
    font-size: 0.82rem;
    width: 100%;
}

th[b-36buds4hqp] {
    background: #f5f7fa;
    color: #68778b;
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
}

th[b-36buds4hqp],
td[b-36buds4hqp] {
    border-bottom: 1px solid #edf0f4;
    padding: 0.7rem 0.75rem;
    vertical-align: top;
}

tbody tr:last-child td[b-36buds4hqp] {
    border-bottom: 0;
}

.primary-cell[b-36buds4hqp],
td small[b-36buds4hqp] {
    display: block;
}

td small[b-36buds4hqp] {
    color: #7d8999;
    margin-top: 0.2rem;
}

.status-pill[b-36buds4hqp] {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.25rem 0.5rem;
}

.status-pill.active[b-36buds4hqp] {
    background: #dff5e9;
    color: #19673d;
}

.status-pill.inactive[b-36buds4hqp] {
    background: #f2e4e2;
    color: #8f3029;
}

.empty-row[b-36buds4hqp],
.loading-panel[b-36buds4hqp] {
    color: #738196;
    padding: 1.2rem;
    text-align: center;
}

.loading-panel[b-36buds4hqp] {
    background: white;
    border: 1px solid #dfe5ec;
    border-radius: 14px;
}

.message[b-36buds4hqp] {
    border-radius: 10px;
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
}

.message-error[b-36buds4hqp] {
    background: #fff0ed;
    border: 1px solid #f1b6aa;
    color: #8b2f22;
}

.message-success[b-36buds4hqp] {
    background: #e8f7ef;
    border: 1px solid #a8dfbf;
    color: #1f6840;
}

.drawer-backdrop[b-36buds4hqp] {
    align-items: stretch;
    background: rgba(13, 24, 51, 0.42);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 100;
}

.item-drawer[b-36buds4hqp] {
    animation: drawer-slide-in-b-36buds4hqp 170ms ease-out;
    background: var(--color-surface);
    box-shadow: -20px 0 55px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
    max-width: 42rem;
    padding: 1.35rem 1.5rem 0;
    width: 100%;
}

@keyframes drawer-slide-in-b-36buds4hqp {
    from { opacity: 0.72; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}

.drawer-header[b-36buds4hqp] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.drawer-header h2[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 1.4rem;
    margin: 0.25rem 0 0;
}

.drawer-header p[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.75rem;
    margin: 0.25rem 0 0;
}

.drawer-close[b-36buds4hqp] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-soft);
    cursor: pointer;
    display: flex;
    font-size: 1.1rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.item-drawer[b-36buds4hqp]  form {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.drawer-scroll[b-36buds4hqp] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 0;
}

.item-status-summary[b-36buds4hqp] {
    align-items: center;
    background: var(--color-surface-soft);
    border-radius: 11px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
}

.item-status-summary > div[b-36buds4hqp] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
}

.item-status-summary > div > span[b-36buds4hqp],
.item-status-summary small[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.7rem;
}

.drawer-form-grid[b-36buds4hqp] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr 1fr;
}

.drawer-form-grid label[b-36buds4hqp] {
    color: var(--color-text-soft);
    display: grid;
    font-size: 0.72rem;
    font-weight: 750;
    gap: 0.35rem;
}

.drawer-form-grid[b-36buds4hqp]  input,
.drawer-form-grid[b-36buds4hqp]  select,
.drawer-form-grid[b-36buds4hqp]  textarea {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    color: var(--color-text);
    font: inherit;
    min-height: 2.6rem;
    padding: 0.6rem 0.7rem;
    width: 100%;
}

.drawer-form-grid[b-36buds4hqp]  textarea {
    min-height: 6rem;
    resize: vertical;
}

.drawer-form-grid[b-36buds4hqp]  input:focus,
.drawer-form-grid[b-36buds4hqp]  select:focus,
.drawer-form-grid[b-36buds4hqp]  textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-soft);
    outline: 0;
}

.item-rule-note[b-36buds4hqp] {
    background: var(--color-primary-soft);
    border-left: 3px solid var(--color-primary);
    border-radius: 0 9px 9px 0;
    color: var(--color-text-soft);
    font-size: 0.72rem;
    margin: 1rem 0;
    padding: 0.7rem 0.8rem;
}

.relation-section[b-36buds4hqp] {
    border-top: 1px solid var(--color-border);
    margin-top: 1.1rem;
    padding-top: 1rem;
}

.relation-heading[b-36buds4hqp] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.relation-heading strong[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 0.9rem;
}

.relation-heading p[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.7rem;
    margin: 0.2rem 0 0;
    max-width: 30rem;
}

.compact-heading[b-36buds4hqp] {
    align-items: center;
    margin-bottom: 0.75rem;
}

.compact-editor[b-36buds4hqp],
.supplier-editor[b-36buds4hqp] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 11px;
    margin-top: 0.75rem;
    padding: 0.8rem;
}

.compact-editor[b-36buds4hqp] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr 1.3fr auto auto;
}

.compact-editor label[b-36buds4hqp],
.relation-add-row label[b-36buds4hqp],
.supplier-editor label[b-36buds4hqp],
.supplier-form-grid label[b-36buds4hqp] {
    color: var(--color-text-soft);
    display: grid;
    font-size: 0.68rem;
    font-weight: 700;
    gap: 0.3rem;
}

.compact-editor[b-36buds4hqp]  input,
.relation-add-row[b-36buds4hqp]  input,
.relation-add-row[b-36buds4hqp]  select,
.supplier-editor[b-36buds4hqp]  input,
.supplier-editor[b-36buds4hqp]  select {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    min-height: 2.4rem;
    padding: 0.5rem 0.6rem;
    width: 100%;
}

.check-field[b-36buds4hqp] {
    align-items: center;
    display: flex !important;
    flex-direction: row !important;
    gap: 0.4rem !important;
    min-height: 2.4rem;
}

.check-field[b-36buds4hqp]  input {
    min-height: auto;
    width: auto;
}

.compact-actions[b-36buds4hqp],
.row-actions[b-36buds4hqp] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 0.45rem;
}

.compact-actions[b-36buds4hqp] {
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.relation-list[b-36buds4hqp] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.relation-row[b-36buds4hqp],
.supplier-row[b-36buds4hqp] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.65rem 0.7rem;
}

.relation-row small[b-36buds4hqp],
.relation-row strong[b-36buds4hqp],
.supplier-copy small[b-36buds4hqp] {
    display: block;
}

.relation-row small[b-36buds4hqp],
.supplier-copy small[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.66rem;
}

.relation-row strong[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.inline-edit[b-36buds4hqp] {
    flex: 1;
}

.inline-edit[b-36buds4hqp]  input {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    margin-top: 0.35rem;
    min-height: 2.3rem;
    padding: 0.45rem 0.55rem;
    width: 100%;
}

.danger-link[b-36buds4hqp] {
    background: transparent;
    border: 0;
    color: var(--color-danger);
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 750;
    padding: 0.4rem;
}

.relation-empty[b-36buds4hqp] {
    color: var(--color-text-muted);
    font-size: 0.7rem;
    margin: 0;
    padding: 0.7rem;
    text-align: center;
}

.relation-add-row[b-36buds4hqp] {
    align-items: end;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 1fr 1.4fr auto;
    margin-top: 0.75rem;
}

.supplier-row.inactive-relation[b-36buds4hqp] {
    opacity: 0.68;
}

.supplier-copy[b-36buds4hqp] {
    min-width: 0;
}

.supplier-copy > div[b-36buds4hqp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.supplier-copy strong[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 0.8rem;
}

.supplier-copy small[b-36buds4hqp] {
    margin-top: 0.2rem;
}

.preferred-pill[b-36buds4hqp] {
    background: var(--color-primary-soft);
    border-radius: 999px;
    color: var(--color-primary);
    font-size: 0.58rem;
    font-weight: 800;
    padding: 0.2rem 0.4rem;
}

.supplier-form-grid[b-36buds4hqp] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.7rem;
}

.supplier-preferred[b-36buds4hqp] {
    align-self: end;
}

.item-lifecycle[b-36buds4hqp] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem;
}

.item-lifecycle strong[b-36buds4hqp] {
    color: var(--color-text);
    font-size: 0.82rem;
}

.item-lifecycle p[b-36buds4hqp] {
    color: var(--color-text-soft);
    font-size: 0.7rem;
    margin: 0.2rem 0 0;
    max-width: 25rem;
}

.lifecycle-confirmation[b-36buds4hqp],
.drawer-actions[b-36buds4hqp] {
    display: flex;
    flex-shrink: 0;
    gap: 0.55rem;
}

.drawer-actions[b-36buds4hqp] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    justify-content: flex-end;
    padding: 0.9rem 0 1.1rem;
}

[b-36buds4hqp] .validation-message {
    font-size: 0.72rem;
    font-weight: 500;
}

@media (max-width: 1100px) {
    .catalog-grid[b-36buds4hqp] {
        grid-template-columns: 1fr;
    }

    .valuation-editor[b-36buds4hqp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .catalog-header[b-36buds4hqp] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .summary-grid[b-36buds4hqp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid[b-36buds4hqp],
    .form-grid-three[b-36buds4hqp] {
        grid-template-columns: 1fr;
    }

    .wide-field[b-36buds4hqp] {
        grid-column: auto;
    }

    .valuation-editor[b-36buds4hqp] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .valuation-actions[b-36buds4hqp] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .item-drawer[b-36buds4hqp] {
        max-width: none;
        padding-inline: 1rem;
    }

    .drawer-form-grid[b-36buds4hqp] {
        grid-template-columns: 1fr;
    }

    .drawer-form-grid .wide-field[b-36buds4hqp] {
        grid-column: auto;
    }

    .item-lifecycle[b-36buds4hqp] {
        align-items: stretch;
        flex-direction: column;
    }

    .lifecycle-confirmation[b-36buds4hqp],
    .drawer-actions[b-36buds4hqp] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .compact-editor[b-36buds4hqp],
    .relation-add-row[b-36buds4hqp],
    .supplier-form-grid[b-36buds4hqp] {
        grid-template-columns: 1fr;
    }

    .relation-row[b-36buds4hqp],
    .supplier-row[b-36buds4hqp],
    .relation-heading[b-36buds4hqp] {
        align-items: stretch;
        flex-direction: column;
    }

    .row-actions[b-36buds4hqp] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/PasswordReset.razor.rz.scp.css */
.reset-card[b-rhm6jizi5x] {
    background: color-mix(in srgb, var(--color-surface) 96%, transparent);
    border: 1px solid var(--color-border);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .14);
    display: grid;
    gap: 1.25rem;
    margin: 2rem auto;
    max-width: 32rem;
    padding: clamp(1.5rem, 5vw, 2.5rem);
    width: calc(100% - 2rem);
}
.reset-brand[b-rhm6jizi5x] { border-bottom: 1px solid var(--color-border); padding-bottom: 1rem; }
.reset-brand > span[b-rhm6jizi5x] { color: var(--color-primary); font-size: 1.5rem; font-weight: 900; letter-spacing: .05em; }
.reset-brand b[b-rhm6jizi5x] { color: var(--color-accent); }
.reset-brand small[b-rhm6jizi5x] { color: var(--color-text-soft); display: block; font-size: .65rem; letter-spacing: .1em; margin-top: .15rem; text-transform: uppercase; }
.eyebrow[b-rhm6jizi5x] { color: var(--color-primary); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
h1[b-rhm6jizi5x] { color: var(--color-text); font-size: clamp(1.65rem, 5vw, 2.15rem); letter-spacing: -.04em; margin: -.85rem 0 -.8rem; }
p[b-rhm6jizi5x] { color: var(--color-text-soft); font-size: .82rem; line-height: 1.55; margin: 0; }
.reset-form[b-rhm6jizi5x] { display: grid; gap: 1rem; }
.reset-form label[b-rhm6jizi5x] { color: var(--color-text); display: grid; font-size: .74rem; font-weight: 750; gap: .4rem; }
.reset-form[b-rhm6jizi5x]  input { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: .7rem; min-height: 2.8rem; padding: .65rem .8rem; width: 100%; }
.reset-form[b-rhm6jizi5x]  input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-primary) 16%, transparent); outline: none; }
.reset-form small[b-rhm6jizi5x] { color: var(--color-text-soft); font-size: .62rem; font-weight: 500; line-height: 1.4; }
.reset-form button[b-rhm6jizi5x], .primary-link[b-rhm6jizi5x] { background: var(--color-primary); border: 0; border-radius: .7rem; color: #fff; cursor: pointer; font-size: .78rem; font-weight: 800; min-height: 2.9rem; padding: .7rem 1rem; text-align: center; text-decoration: none; }
.reset-form button:disabled[b-rhm6jizi5x] { cursor: not-allowed; opacity: .6; }
.alert-error[b-rhm6jizi5x] { background: #fff1f2; border: 1px solid #fecdd3; border-radius: .7rem; color: #9f1239; font-size: .72rem; padding: .75rem .85rem; }
.back-link[b-rhm6jizi5x], .secondary-link[b-rhm6jizi5x] { color: var(--color-primary); font-size: .75rem; font-weight: 750; text-decoration: none; }
.back-link[b-rhm6jizi5x] { text-align: center; }
.secondary-link[b-rhm6jizi5x] { border: 1px solid var(--color-border-strong); border-radius: .7rem; padding: .7rem 1rem; text-align: center; }
.result-icon[b-rhm6jizi5x] { align-items: center; border-radius: 999px; display: flex; font-size: 1.1rem; font-weight: 900; height: 3rem; justify-content: center; width: 3rem; }
.result-icon.success[b-rhm6jizi5x] { background: #dcfce7; color: #15803d; }
.result-icon.invalid[b-rhm6jizi5x] { background: #fff1f2; color: #be123c; }
.reset-state[b-rhm6jizi5x] { color: var(--color-text-soft); padding: 3rem 1rem; text-align: center; }
/* /Components/Pages/ProcurementInbox.razor.rz.scp.css */
.procurement-inbox-body[b-yub9bkfjpr] {
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font: inherit;
    max-height: 18rem;
    overflow: auto;
    padding: 0.85rem;
    white-space: pre-wrap;
}
/* /Components/Pages/ProcurementMessageTemplates.razor.rz.scp.css */
.page-heading[b-h1i1qhifm7], .template-card header[b-h1i1qhifm7], .template-card footer[b-h1i1qhifm7] { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.page-heading[b-h1i1qhifm7] { margin-bottom: 1.25rem; }
.page-heading h1[b-h1i1qhifm7] { color: var(--color-heading, #172033); margin: .25rem 0; }
.page-heading p[b-h1i1qhifm7], .placeholder-help p[b-h1i1qhifm7] { color: #667085; margin: 0; }
.eyebrow[b-h1i1qhifm7] { color: var(--color-accent-strong); font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.button[b-h1i1qhifm7] { border-radius: 9px; cursor: pointer; font-weight: 700; min-height: 2.5rem; padding: .55rem .9rem; }
.button:disabled[b-h1i1qhifm7] { cursor: not-allowed; opacity: .55; }
.button-primary[b-h1i1qhifm7] { background: var(--color-accent); border: 1px solid var(--color-accent); color: #fff; }
.button-quiet[b-h1i1qhifm7] { background: #fff; border: 1px solid #d7dde5; color: #344054; }
.notice[b-h1i1qhifm7], .placeholder-help[b-h1i1qhifm7] { border: 1px solid; border-radius: 10px; margin-bottom: 1rem; padding: .8rem 1rem; }
.notice-error[b-h1i1qhifm7] { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.notice-success[b-h1i1qhifm7] { background: #ecfdf3; border-color: #bbf7d0; color: #166534; }
.placeholder-help[b-h1i1qhifm7] { background: #f8fafc; border-color: #d7dde5; }
.placeholder-help code[b-h1i1qhifm7] { background: #eef2f6; border-radius: 5px; display: inline-block; margin: .6rem .35rem 0 0; padding: .25rem .4rem; }
.template-grid[b-h1i1qhifm7] { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.template-card[b-h1i1qhifm7] { background: var(--color-surface, #fff); border: 1px solid #e3e7ee; border-radius: 14px; display: grid; gap: 1rem; padding: 1.15rem; }
.template-card h2[b-h1i1qhifm7] { margin: 0; }
.template-card small[b-h1i1qhifm7] { color: #667085; }
.template-card label[b-h1i1qhifm7] { display: grid; gap: .4rem; }
.template-card label span[b-h1i1qhifm7] { color: #344054; font-size: .78rem; font-weight: 700; }
.template-card input[b-h1i1qhifm7], .template-card textarea[b-h1i1qhifm7] { border: 1px solid #d7dde5; border-radius: 8px; font: inherit; padding: .65rem; width: 100%; }
.template-card textarea[b-h1i1qhifm7] { min-height: 10rem; resize: vertical; }
.template-card label:nth-of-type(3) textarea[b-h1i1qhifm7] { min-height: 7rem; }
.status-chip[b-h1i1qhifm7] { background: #eef2ff; border-radius: 999px; color: #3730a3; font-size: .7rem; font-weight: 750; padding: .3rem .55rem; }
@media (max-width: 900px) { .template-grid[b-h1i1qhifm7] { grid-template-columns: 1fr; } .page-heading[b-h1i1qhifm7] { align-items: flex-start; flex-direction: column; } }
/* /Components/Pages/PurchaseOrderResponse.razor.rz.scp.css */
.response-shell[b-s4ndzwl9jr] { min-height: 100vh; padding: 2rem 1rem; background: linear-gradient(145deg, #eef5f1, #f7f4ed); color: #18332a; }
.response-card[b-s4ndzwl9jr] { width: min(900px, 100%); margin: 0 auto; padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid #cfddd5; border-radius: 18px; background: #fff; box-shadow: 0 18px 48px #173d2d1a; }
header[b-s4ndzwl9jr] { display: grid; gap: .45rem; margin-bottom: 1.5rem; }
header h1[b-s4ndzwl9jr] { margin: 0; } header p[b-s4ndzwl9jr] { margin: 0 0 .5rem; color: #52665f; }
.eyebrow[b-s4ndzwl9jr] { color: #27755a; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.meta-grid[b-s4ndzwl9jr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.meta-grid div[b-s4ndzwl9jr] { display: grid; gap: .2rem; padding: .8rem; border-radius: 9px; background: #f4f8f6; }
.meta-grid span[b-s4ndzwl9jr], small[b-s4ndzwl9jr] { color: #667b73; }
.items[b-s4ndzwl9jr] { border-block: 1px solid #dbe7e0; margin: 1rem 0; }
.item[b-s4ndzwl9jr] { display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; align-items: center; padding: .9rem 0; border-bottom: 1px solid #e5ece8; }
.item:last-child[b-s4ndzwl9jr] { border-bottom: 0; } .item span:first-child[b-s4ndzwl9jr], .item small[b-s4ndzwl9jr] { display: block; }
.order-note[b-s4ndzwl9jr] { padding: .8rem; border-radius: 9px; background: #f8f6ef; } .order-note p[b-s4ndzwl9jr] { margin-bottom: 0; }
label[b-s4ndzwl9jr] { display: grid; gap: .35rem; margin-top: 1rem; font-weight: 600; }
textarea[b-s4ndzwl9jr] { width: 100%; box-sizing: border-box; padding: .75rem; border: 1px solid #bacdc3; border-radius: 8px; font: inherit; }
.actions[b-s4ndzwl9jr] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: 1.25rem; }
button[b-s4ndzwl9jr] { border: 0; border-radius: 9px; padding: .8rem 1rem; cursor: pointer; font-weight: 700; }
.confirm[b-s4ndzwl9jr] { background: #176b4d; color: #fff; } .change[b-s4ndzwl9jr] { background: #e8b85c; color: #392b10; } .decline[b-s4ndzwl9jr] { background: #8d3828; color: #fff; }
button:disabled[b-s4ndzwl9jr] { cursor: wait; opacity: .6; }
.form-error[b-s4ndzwl9jr], .result.invalid[b-s4ndzwl9jr] { margin: 1rem 0; padding: 1rem; border-radius: 10px; background: #fff0ed; color: #8d2e20; }
.result.success[b-s4ndzwl9jr] { text-align: center; padding: 3rem 1rem; }
@media (max-width: 680px) { .meta-grid[b-s4ndzwl9jr], .actions[b-s4ndzwl9jr], .item[b-s4ndzwl9jr] { grid-template-columns: 1fr; } }
/* /Components/Pages/PurchaseOrders.razor.rz.scp.css */
.request-card.deep-linked-order[b-3kd8tkfukl] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
}
/* /Components/Pages/PurchaseRequests.razor.rz.scp.css */
.dashboard-header[b-e039ernrmw] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.dashboard-header h1[b-e039ernrmw] {
    color: var(--color-text);
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    font-weight: 720;
    letter-spacing: -0.045em;
    line-height: 1.05;
    margin: 0;
}

.dashboard-header p[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: 0.88rem;
    margin: 0.55rem 0 0;
    max-width: 42rem;
}

.header-actions[b-e039ernrmw],
.empty-actions[b-e039ernrmw] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.refresh-button[b-e039ernrmw],
.seed-button[b-e039ernrmw] {
    align-items: center;
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    border-radius: 9px;
    box-shadow: 0 5px 14px rgba(66, 86, 62, 0.16);
    color: #fff;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 720;
    min-height: 2.55rem;
    padding: 0.6rem 0.9rem;
}

.refresh-button:hover:not(:disabled)[b-e039ernrmw],
.seed-button:hover:not(:disabled)[b-e039ernrmw] {
    background: var(--color-accent-strong);
}

.refresh-button:disabled[b-e039ernrmw],
.seed-button:disabled[b-e039ernrmw] {
    cursor: not-allowed;
    opacity: 0.55;
}

.refresh-button.secondary[b-e039ernrmw],
.seed-button.secondary[b-e039ernrmw] {
    background: var(--color-surface);
    border-color: var(--color-border-strong);
    box-shadow: none;
    color: var(--color-text);
}

.refresh-button.secondary:hover:not(:disabled)[b-e039ernrmw],
.seed-button.secondary:hover:not(:disabled)[b-e039ernrmw] {
    background: var(--color-surface-soft);
}

.purchase-request-toolbar[b-e039ernrmw] {
    grid-template-columns: minmax(12rem, 28rem);
}

.purchase-request-toolbar label > span[b-e039ernrmw] {
    color: var(--color-text-soft);
    display: block;
    font-size: .72rem;
    font-weight: 750;
    margin-bottom: .35rem;
}

.purchase-request-toolbar input[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    min-height: 2.55rem;
    padding: .62rem .75rem;
    width: 100%;
}

.purchase-request-toolbar input:focus[b-e039ernrmw] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    outline: none;
}

.purchase-request-grid[b-e039ernrmw] {
    grid-template-columns:
        minmax(16rem, 1.7fr)
        minmax(8rem, .75fr)
        minmax(6rem, .5fr)
        minmax(8rem, .7fr)
        minmax(2.5rem, .2fr);
    min-width: 44rem;
}

.purchase-request-row[b-e039ernrmw] {
    background: transparent;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

.request-identity small[b-e039ernrmw] {
    font-family: ui-monospace, "Cascadia Mono", monospace;
}

.status-chip[b-e039ernrmw] {
    border: 1px solid transparent;
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 0.62rem;
    font-weight: 760;
    padding: 0.23rem 0.5rem;
}

.status-draft[b-e039ernrmw] { background: #efefeb; border-color: #d7d9d1; color: #555c52; }
.status-submitted[b-e039ernrmw] { background: var(--color-primary-soft); border-color: var(--color-primary-border); color: var(--color-primary-strong); }
.status-approved[b-e039ernrmw] { background: #e8f1e7; border-color: #bfd2bd; color: #365b3b; }
.status-ordered[b-e039ernrmw] { background: #e8f1e7; border-color: #a9c8ad; color: #284f30; }
.status-fulfilled[b-e039ernrmw] { background: #e9f0ec; border-color: #bfd1c7; color: #3f6356; }
.status-cancelled[b-e039ernrmw] { background: #f7ece9; border-color: #e9c8c0; color: #8e3f35; }

.request-status[b-e039ernrmw] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.request-item-count[b-e039ernrmw] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.request-date[b-e039ernrmw] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.request-date.overdue[b-e039ernrmw] {
    color: var(--color-danger);
}

.request-expand-indicator[b-e039ernrmw] {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    font-size: 1rem;
    justify-content: flex-end;
}

.request-expand-indicator > span[b-e039ernrmw] {
    display: inline-block;
    transition: transform 140ms ease;
}

.purchase-request-row.expanded .request-expand-indicator > span[b-e039ernrmw] {
    transform: rotate(180deg);
}

.request-items-detail[b-e039ernrmw] {
    background: var(--color-surface-soft);
    border-top: 1px solid var(--color-border);
    min-width: 44rem;
    padding: .7rem 1rem .9rem;
}

.request-detail-layout[b-e039ernrmw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 14rem);
}

.request-detail-content[b-e039ernrmw] {
    min-width: 0;
}

.request-detail-meta[b-e039ernrmw] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(10rem, 1fr));
    margin-bottom: .8rem;
}

.request-detail-meta > div[b-e039ernrmw] {
    display: grid;
    gap: .12rem;
}

.request-detail-meta span[b-e039ernrmw] {
    color: var(--color-text-muted);
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.request-detail-meta strong[b-e039ernrmw] {
    color: var(--color-text);
    font-size: .72rem;
}

.request-detail-content > h3[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .62rem;
    margin: 0 .7rem .25rem;
    text-transform: uppercase;
}

.request-item-detail-head[b-e039ernrmw],
.request-item-detail-row[b-e039ernrmw] {
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(14rem, 1.5fr) repeat(4, minmax(8rem, .7fr)) minmax(11rem, 1fr);
    padding: .55rem .7rem;
}

.request-item-detail-head[b-e039ernrmw] {
    color: var(--color-text-muted);
    font-size: .56rem;
    font-weight: 850;
    text-transform: uppercase;
}

.request-item-detail-row[b-e039ernrmw] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    color: var(--color-text-soft);
    font-size: .68rem;
}

.request-item-name strong[b-e039ernrmw],
.request-item-name small[b-e039ernrmw] {
    display: block;
}

.linked-purchase-orders[b-e039ernrmw] {
    display: grid;
    gap: .35rem;
    margin: 0 .7rem .7rem;
}

.linked-purchase-order[b-e039ernrmw] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    display: flex;
    font-size: .68rem;
    justify-content: space-between;
    padding: .5rem .65rem;
    text-decoration: none;
}

.linked-purchase-order.cancelled[b-e039ernrmw] {
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.coverage-complete-hint[b-e039ernrmw] {
    color: var(--color-text-muted);
    font-size: .68rem;
    line-height: 1.4;
}

.request-item-name strong[b-e039ernrmw] {
    color: var(--color-text);
}

.request-item-name small[b-e039ernrmw] {
    color: var(--color-text-muted);
    margin-top: .12rem;
}

.request-detail-actions[b-e039ernrmw] {
    align-content: start;
    align-self: start;
    border-left: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding-left: 1rem;
}

.request-detail-actions > .button[b-e039ernrmw] {
    width: 100%;
}

.purchase-request-pagination[b-e039ernrmw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: center;
}

.purchase-request-pagination > span[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .76rem;
    font-weight: 700;
}

.purchase-request-panel > .queue-empty[b-e039ernrmw] {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 2rem 1rem;
}

.context-menu button[b-e039ernrmw] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 7px;
    color: #475044;
    font-size: 0.67rem;
    font-weight: 680;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
}

.drawer-backdrop[b-e039ernrmw] {
    background: rgb(8 18 34 / .42);
    inset: 0;
    position: fixed;
    z-index: 90;
}

.drawer[b-e039ernrmw] {
    background: var(--color-surface);
    box-shadow: -18px 0 55px rgb(8 18 34 / .22);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: min(46rem, 100vw);
    z-index: 100;
}

.drawer > header[b-e039ernrmw] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem 1.35rem;
}

.drawer > header h2[b-e039ernrmw] {
    color: var(--color-text);
    font-size: 1.2rem;
    margin: 0 0 .35rem;
}

.drawer > header p[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .78rem;
    margin: 0;
}

.close-button[b-e039ernrmw],
.remove-line[b-e039ernrmw],
.text-button[b-e039ernrmw] {
    cursor: pointer;
}

.close-button[b-e039ernrmw] {
    background: transparent;
    border: 0;
    color: var(--color-text-soft);
    font-size: 1.45rem;
    line-height: 1;
}

.drawer-content[b-e039ernrmw] {
    flex: 1;
    overflow-y: auto;
    padding: 1.2rem 1.35rem;
}

.drawer-warning[b-e039ernrmw] {
    background: #fff7e8;
    border: 1px solid #ebd19b;
    border-radius: 8px;
    color: #805b14;
    font-size: .75rem;
    margin-bottom: 1rem;
    padding: .7rem .8rem;
}

.field-error[b-e039ernrmw] {
    color: #9b332b;
    display: block;
    font-size: .72rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.request-form[b-e039ernrmw] {
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr) 11rem;
}

.request-form label[b-e039ernrmw],
.line-fields label[b-e039ernrmw] {
    display: grid;
    gap: .3rem;
}

.request-form label > span[b-e039ernrmw],
.line-fields label > span[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .66rem;
    font-weight: 720;
}

.request-form input[b-e039ernrmw],
.request-form textarea[b-e039ernrmw],
.line-fields input[b-e039ernrmw],
.line-fields select[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    font-size: .78rem;
    min-height: 2.45rem;
    padding: .55rem .65rem;
}

.request-form textarea[b-e039ernrmw] {
    min-height: 5.2rem;
    resize: vertical;
}

.line-section-heading[b-e039ernrmw] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 1.35rem 0 .65rem;
}

.line-section-heading h3[b-e039ernrmw] {
    color: var(--color-text);
    font-size: .82rem;
    margin: 0;
}

.text-button[b-e039ernrmw] {
    background: transparent;
    border: 0;
    color: var(--color-primary);
    font-size: .72rem;
    font-weight: 760;
}

.text-button:disabled[b-e039ernrmw],
.remove-line:disabled[b-e039ernrmw] {
    cursor: not-allowed;
    opacity: .45;
}

.create-lines[b-e039ernrmw] {
    display: grid;
    gap: .65rem;
}

.create-lines article[b-e039ernrmw] {
    align-items: start;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: grid;
    gap: .65rem;
    grid-template-columns: 1.5rem minmax(0, 1fr) 2rem;
    padding: .75rem;
}

.line-number[b-e039ernrmw] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 999px;
    color: var(--color-primary-strong);
    display: flex;
    font-size: .65rem;
    font-weight: 800;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.line-fields[b-e039ernrmw] {
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(12rem, 2fr) minmax(7rem, .7fr);
}

.supplier-field[b-e039ernrmw],
.note-field[b-e039ernrmw] {
    grid-column: span 1;
}

.remove-line[b-e039ernrmw] {
    background: transparent;
    border: 0;
    color: var(--color-danger);
    font-size: 1.2rem;
    min-height: 2rem;
}

.drawer > footer[b-e039ernrmw] {
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
    padding: 1rem 1.35rem;
}

.drawer-button[b-e039ernrmw] {
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-size: .74rem;
    font-weight: 760;
    min-height: 2.45rem;
    padding: .55rem .8rem;
}

.drawer-button:disabled[b-e039ernrmw] {
    cursor: not-allowed;
    opacity: .5;
}

.drawer-button.secondary[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text);
}

.drawer-button.primary[b-e039ernrmw] {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
}

.context-menu button:hover[b-e039ernrmw] {
    background: var(--color-accent-soft);
    border-color: #c5d1c0;
    color: var(--color-accent-strong);
}

.loading-state[b-e039ernrmw],
.empty-state[b-e039ernrmw],
.error-banner[b-e039ernrmw],
.info-banner[b-e039ernrmw] {
    border-radius: 10px;
    font-size: 0.76rem;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.loading-state[b-e039ernrmw],
.empty-state[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

.empty-state[b-e039ernrmw] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.empty-state p[b-e039ernrmw] {
    color: var(--color-text-soft);
    margin: 0;
}

.error-banner[b-e039ernrmw] {
    background: #f9eeec;
    border: 1px solid #edcdc6;
    color: #8d352b;
}

.info-banner[b-e039ernrmw] {
    background: var(--color-accent-soft);
    border: 1px solid #c8d7c3;
    color: var(--color-accent-strong);
}

.context-menu-backdrop[b-e039ernrmw] {
    background: transparent;
    inset: 0;
    position: fixed;
    z-index: 40;
}

.context-menu[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 9px;
    box-shadow: 0 18px 40px rgba(31, 36, 30, 0.14);
    display: grid;
    gap: 0.2rem;
    min-width: 11rem;
    padding: 0.35rem;
    position: fixed;
    z-index: 50;
}

.context-menu button[b-e039ernrmw] {
    border-color: transparent;
    text-align: left;
}

.queue-empty[b-e039ernrmw] {
    justify-content: flex-start;
}

.confirmation-backdrop[b-e039ernrmw] {
    background: rgb(8 18 34 / .48);
    inset: 0;
    position: fixed;
    z-index: 110;
}

.confirmation-dialog[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    box-shadow: 0 24px 70px rgb(8 18 34 / .25);
    left: 50%;
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(32rem, calc(100vw - 2rem));
    z-index: 111;
}

.confirmation-dialog > header[b-e039ernrmw] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.15rem 1.25rem;
}

.confirmation-dialog h2[b-e039ernrmw] {
    color: var(--color-text);
    font-size: 1.1rem;
    margin: 0 0 .35rem;
}

.confirmation-dialog header p[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .75rem;
    line-height: 1.5;
    margin: 0;
}

.confirmation-content[b-e039ernrmw] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
}

.confirmation-content > strong[b-e039ernrmw] {
    background: var(--color-surface-soft);
    border-radius: 8px;
    color: var(--color-text);
    font-size: .78rem;
    overflow-wrap: anywhere;
    padding: .7rem .8rem;
}

.confirmation-content label[b-e039ernrmw] {
    display: grid;
    gap: .35rem;
}

.confirmation-content label > span[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .68rem;
    font-weight: 720;
}

.confirmation-content textarea[b-e039ernrmw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    color: var(--color-text);
    font: inherit;
    font-size: .78rem;
    min-height: 6rem;
    padding: .65rem;
    resize: vertical;
}

.confirmation-content small[b-e039ernrmw] {
    color: var(--color-text-muted);
    font-size: .64rem;
}

.cancellation-info-content p[b-e039ernrmw] {
    color: var(--color-text-soft);
    font-size: .78rem;
    margin: 0;
}

.cancellation-info-content dl[b-e039ernrmw] {
    display: grid;
    gap: .9rem;
    margin: 0;
}

.cancellation-info-content dl > div[b-e039ernrmw] {
    display: grid;
    gap: .25rem;
}

.cancellation-info-content dt[b-e039ernrmw] {
    color: var(--color-text-muted);
    font-size: .66rem;
    font-weight: 720;
}

.cancellation-info-content dd[b-e039ernrmw] {
    color: var(--color-text);
    font-size: .8rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.cancellation-info-content .cancellation-reason[b-e039ernrmw] {
    background: var(--color-surface-soft);
    border-radius: 8px;
    line-height: 1.55;
    padding: .7rem .8rem;
    white-space: pre-wrap;
}

.confirmation-dialog > footer[b-e039ernrmw] {
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
    padding: 1rem 1.25rem;
}

.drawer-button.danger[b-e039ernrmw] {
    background: var(--color-danger);
    border: 1px solid var(--color-danger);
    color: #fff;
}

.drawer-button.danger:hover:not(:disabled)[b-e039ernrmw] {
    filter: brightness(.92);
}

@media (max-width: 720px) {
    .purchase-request-toolbar[b-e039ernrmw] {
        grid-template-columns: 1fr;
    }

    .purchase-request-grid[b-e039ernrmw] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
    }

    .purchase-request-row[b-e039ernrmw] {
        grid-template-areas:
            "identity status"
            "items required"
            "indicator indicator";
    }

    .request-identity[b-e039ernrmw] {
        grid-area: identity;
    }

    .request-status[b-e039ernrmw] {
        grid-area: status;
    }

    .request-item-count[b-e039ernrmw] {
        grid-area: items;
    }

    .request-date[b-e039ernrmw] {
        grid-area: required;
    }

    .request-expand-indicator[b-e039ernrmw] {
        border-top: 1px solid var(--color-border);
        grid-area: indicator;
        justify-content: center;
        padding-top: .35rem;
    }

    .request-items-detail[b-e039ernrmw] {
        min-width: 0;
        padding: .25rem 0 .55rem;
    }

    .request-detail-layout[b-e039ernrmw] {
        grid-template-columns: 1fr;
    }

    .request-detail-actions[b-e039ernrmw] {
        border-left: 0;
        border-top: 1px solid var(--color-border);
        margin: .25rem .55rem 0;
        padding-left: 0;
        padding-top: .8rem;
    }

    .request-item-detail-head[b-e039ernrmw] {
        display: none;
    }

    .request-detail-meta[b-e039ernrmw] {
        margin: .55rem;
    }

    .request-item-detail-row[b-e039ernrmw] {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
        grid-template-columns: 1fr 1fr;
        margin: .55rem .55rem 0;
        min-width: 0;
        padding: .7rem;
    }

    .request-item-detail-row > [data-label][b-e039ernrmw]::before {
        color: var(--color-text-muted);
        content: attr(data-label);
        display: block;
        font-size: .55rem;
        font-weight: 800;
        margin-bottom: .18rem;
        text-transform: uppercase;
    }

    .request-item-name[b-e039ernrmw] {
        border-bottom: 1px solid var(--color-border);
        grid-column: 1 / -1;
        padding-bottom: .5rem;
    }

    .purchase-request-pagination > .button[b-e039ernrmw] {
        flex: 1 1 8rem;
    }

    .purchase-request-pagination > span[b-e039ernrmw] {
        flex-basis: 100%;
        order: -1;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .request-detail-meta[b-e039ernrmw],
    .request-item-detail-row[b-e039ernrmw] {
        grid-template-columns: 1fr;
    }

    .request-item-name[b-e039ernrmw] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .dashboard-header[b-e039ernrmw] {
        align-items: stretch;
        flex-direction: column;
    }

    .empty-state[b-e039ernrmw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .header-actions[b-e039ernrmw],
    .empty-actions[b-e039ernrmw] {
        width: 100%;
    }

    .header-actions button[b-e039ernrmw],
    .empty-actions button[b-e039ernrmw] {
        flex: 1;
    }

    .drawer[b-e039ernrmw] {
        height: min(92dvh, 58rem);
        top: auto;
        width: 100%;
    }

    .request-form[b-e039ernrmw],
    .line-fields[b-e039ernrmw] {
        grid-template-columns: 1fr;
    }

    .create-lines article[b-e039ernrmw] {
        grid-template-columns: 1.5rem minmax(0, 1fr) 1.75rem;
    }

    .drawer > footer .drawer-button[b-e039ernrmw] {
        flex: 1 1 9rem;
    }

    .confirmation-dialog[b-e039ernrmw] {
        border-radius: 14px 14px 0 0;
        bottom: 0;
        left: 0;
        max-height: 92dvh;
        top: auto;
        transform: none;
        width: 100%;
    }

    .confirmation-dialog > footer .drawer-button[b-e039ernrmw] {
        flex: 1 1 10rem;
    }
}
/* /Components/Pages/ReceivingBatch.razor.rz.scp.css */
.batch-actions[b-618e5jo2u6] { display: flex; gap: .75rem; margin: 1rem 0; }
.batch-list[b-618e5jo2u6] { padding-left: 1.5rem; }
.batch-list li[b-618e5jo2u6] { padding: 1rem; border-bottom: 1px solid var(--color-border); }
.batch-list li > div[b-618e5jo2u6] { margin-bottom: .5rem; overflow-wrap: anywhere; }
.batch-list p[b-618e5jo2u6] { margin: .4rem 0; }
/* /Components/Pages/ReceivingProgressPanel.razor.rz.scp.css */
.progress-panel[b-y4ygbn6eus] {
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: var(--color-surface);
}

.progress-panel > summary[b-y4ygbn6eus],
.technical-detail > summary[b-y4ygbn6eus] {
    cursor: pointer;
    font-weight: 700;
}

.progress-panel > summary small[b-y4ygbn6eus] {
    margin-left: .75rem;
    color: var(--color-text-muted);
    font-weight: 400;
}

.stall-warning[b-y4ygbn6eus] {
    display: grid;
    gap: .2rem;
    margin-top: 1rem;
    padding: .8rem;
    border-radius: .65rem;
    color: var(--color-danger);
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
}

.progress-overview[b-y4ygbn6eus] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 1rem 0;
}

.progress-overview div[b-y4ygbn6eus] {
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border-radius: .65rem;
    background: var(--color-surface-soft);
}

.progress-overview small[b-y4ygbn6eus],
.progress-steps small[b-y4ygbn6eus],
.run-list small[b-y4ygbn6eus],
.ai-trace small[b-y4ygbn6eus],
.development-note[b-y4ygbn6eus] {
    color: var(--color-text-muted);
}

.progress-steps[b-y4ygbn6eus] {
    display: grid;
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.progress-steps li[b-y4ygbn6eus] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .65rem .75rem;
    border: 1px solid var(--color-border);
    border-radius: .65rem;
}

.progress-steps li > div[b-y4ygbn6eus],
.run-list article[b-y4ygbn6eus],
.ai-trace[b-y4ygbn6eus] {
    display: grid;
    gap: .25rem;
}

.step-symbol[b-y4ygbn6eus] {
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--color-surface-soft);
    font-weight: 800;
}

.succeeded[b-y4ygbn6eus] { color: var(--color-success); }
.failed[b-y4ygbn6eus], .cancelled[b-y4ygbn6eus] { color: var(--color-danger); }
.running[b-y4ygbn6eus], .queued[b-y4ygbn6eus] { color: var(--color-accent-strong); }
.actionrequired[b-y4ygbn6eus] { color: var(--color-accent-strong); background: var(--color-accent-soft); }
.pending[b-y4ygbn6eus] { color: var(--color-text-muted); }

.technical-detail[b-y4ygbn6eus] {
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid var(--color-border);
}

.run-list[b-y4ygbn6eus] {
    display: grid;
    gap: .55rem;
    margin-top: .75rem;
}

.run-list article[b-y4ygbn6eus],
.ai-trace[b-y4ygbn6eus] {
    padding: .7rem;
    border-radius: .55rem;
    background: var(--color-surface-soft);
}

.run-list article > div[b-y4ygbn6eus] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.run-state[b-y4ygbn6eus] { font-size: .78rem; }
.development-note[b-y4ygbn6eus] { font-size: .85rem; }
.ai-trace[b-y4ygbn6eus] { margin-top: .65rem; }
.ai-trace details[b-y4ygbn6eus] { margin-top: .35rem; }
.ai-trace pre[b-y4ygbn6eus] {
    max-height: 24rem;
    margin: .45rem 0 0;
    padding: .75rem;
    overflow: auto;
    border: 1px solid var(--color-border);
    border-radius: .45rem;
    background: var(--color-surface);
    color: var(--color-text);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

code[b-y4ygbn6eus] { width: fit-content; }

@media (max-width: 760px) {
    .progress-overview[b-y4ygbn6eus] { grid-template-columns: 1fr; }
    .progress-panel > summary small[b-y4ygbn6eus] { display: block; margin: .25rem 0 0 1rem; }
}
/* /Components/Pages/ReceivingUploadPanel.razor.rz.scp.css */
.upload-card[b-mf9dl71lj0] { border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); }
.upload-card[b-mf9dl71lj0] { padding: 1.5rem; }
.upload-grid[b-mf9dl71lj0] { display: grid; grid-template-columns: minmax(14rem, .6fr) minmax(18rem, 1.4fr); gap: 1.25rem; }
.field-block[b-mf9dl71lj0] { display: grid; gap: .5rem; font-weight: 600; }
.field-block select[b-mf9dl71lj0] { min-height: 2.8rem; padding: .6rem .75rem; border: 1px solid var(--color-border); border-radius: .65rem; background: var(--color-surface); color: inherit; }

.file-drop[b-mf9dl71lj0] {
    position: relative;
    min-height: 9rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .35rem;
    padding: 1rem;
    border: 2px dashed var(--color-border);
    border-radius: .8rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.file-drop:hover[b-mf9dl71lj0], .file-drop.selected[b-mf9dl71lj0] { border-color: var(--color-accent); background: var(--color-accent-soft); }
.file-drop input[b-mf9dl71lj0] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-drop small[b-mf9dl71lj0] { display: block; color: var(--color-text-muted); }
.file-symbol[b-mf9dl71lj0] { font-size: 2rem; color: var(--color-accent); }
.upload-actions[b-mf9dl71lj0] { display: flex; justify-content: flex-end; margin-top: 1.25rem; }
.permission-note[b-mf9dl71lj0], .empty-hint[b-mf9dl71lj0] { margin: 0 0 1rem; color: var(--color-text-muted); }


@media (max-width: 760px) { .upload-grid[b-mf9dl71lj0] { grid-template-columns: 1fr; } }
/* /Components/Pages/StockDocuments.razor.rz.scp.css */
.page-heading[b-5kie3qz809] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.35rem;
}

.eyebrow[b-5kie3qz809],
.section-kicker[b-5kie3qz809] {
    color: var(--color-accent-strong);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-heading h1[b-5kie3qz809] {
    color: var(--color-text);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin: 0.35rem 0 0.5rem;
}

.page-heading p[b-5kie3qz809] {
    color: var(--color-text-soft);
    font-size: 0.9rem;
    margin: 0;
    max-width: 44rem;
}

.heading-actions[b-5kie3qz809],
.detail-actions[b-5kie3qz809],
.drawer-actions[b-5kie3qz809],
.section-heading[b-5kie3qz809] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

.button[b-5kie3qz809] {
    align-items: center;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.45rem;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.6rem 0.9rem;
    transition: 120ms ease;
}

.button:hover:not(:disabled)[b-5kie3qz809] {
    transform: translateY(-1px);
}

.button:disabled[b-5kie3qz809] {
    cursor: not-allowed;
    opacity: 0.55;
}

.button-primary[b-5kie3qz809],
.button-receipt[b-5kie3qz809] {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-5kie3qz809],
.button-receipt:hover:not(:disabled)[b-5kie3qz809] {
    background: var(--color-primary-strong);
    border-color: var(--color-primary-strong);
}

.button-issue[b-5kie3qz809] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: #fff;
}

.button-issue:hover:not(:disabled)[b-5kie3qz809] {
    background: var(--color-accent-strong);
    border-color: var(--color-accent-strong);
}

.button-danger[b-5kie3qz809] {
    background: var(--color-danger);
    border: 1px solid var(--color-danger);
    color: #fff;
}

.button-danger:hover:not(:disabled)[b-5kie3qz809] {
    filter: brightness(0.9);
}

.button-quiet[b-5kie3qz809],
.button-secondary[b-5kie3qz809] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text);
}

.button-quiet:hover:not(:disabled)[b-5kie3qz809],
.button-secondary:hover:not(:disabled)[b-5kie3qz809] {
    background: var(--color-surface-soft);
}

.refresh-symbol[b-5kie3qz809] {
    font-size: 1rem;
}

.notice[b-5kie3qz809] {
    align-items: center;
    border: 1px solid;
    border-radius: var(--radius-sm);
    display: flex;
    font-size: 0.8rem;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.7rem 0.85rem;
}

.notice p[b-5kie3qz809] {
    flex: 1;
    margin: 0;
}

.notice button[b-5kie3qz809] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1rem;
}

.notice-error[b-5kie3qz809] {
    background: #fff1f0;
    border-color: #f1b8b3;
    color: var(--color-danger);
}

.notice-success[b-5kie3qz809] {
    background: #edf8f2;
    border-color: #b8dec9;
    color: var(--color-success);
}

.metric-row[b-5kie3qz809] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1rem;
}

.metric-row article[b-5kie3qz809] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: flex;
    gap: 0.8rem;
    min-height: 4.8rem;
    padding: 0.9rem 1rem;
}

.metric-row strong[b-5kie3qz809],
.metric-row small[b-5kie3qz809] {
    display: block;
}

.metric-row strong[b-5kie3qz809] {
    color: var(--color-text);
    font-size: 1.35rem;
    line-height: 1;
}

.metric-row small[b-5kie3qz809] {
    color: var(--color-text-soft);
    font-size: 0.68rem;
    margin-top: 0.3rem;
}

.metric-mark[b-5kie3qz809] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 10px;
    color: var(--color-primary);
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.metric-mark[b-5kie3qz809]::after {
    font-size: 1.05rem;
    font-weight: 850;
}

.metric-mark.draft[b-5kie3qz809]::after { content: "···"; }
.metric-mark.confirmed[b-5kie3qz809]::after { content: "✓"; }
.metric-mark.lines[b-5kie3qz809]::after { content: "≡"; }

.documents-workspace[b-5kie3qz809] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-panel);
    display: grid;
    grid-template-columns: minmax(20rem, 0.82fr) minmax(30rem, 1.18fr);
    min-height: 35rem;
    overflow: hidden;
}

.list-pane[b-5kie3qz809] {
    border-right: 1px solid var(--color-border);
    min-width: 0;
}

.toolbar[b-5kie3qz809] {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
}

.search-box[b-5kie3qz809] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    display: flex;
    gap: 0.55rem;
    padding: 0 0.7rem;
}

.search-box[b-5kie3qz809]  input {
    background: transparent;
    border: 0;
    color: var(--color-text);
    font: inherit;
    min-height: 2.5rem;
    outline: 0;
    width: 100%;
}

.filter-row[b-5kie3qz809] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 1fr 1fr;
}

.filter-row select[b-5kie3qz809] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 2.35rem;
    padding: 0.4rem 0.55rem;
    width: 100%;
}

.document-list[b-5kie3qz809] {
    padding: 0.45rem;
}

.document-row[b-5kie3qz809] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: 0.8rem;
    text-align: left;
    width: 100%;
}

.document-row:hover[b-5kie3qz809] {
    background: var(--color-surface-soft);
}

.document-row.selected[b-5kie3qz809] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary-border);
}

.type-symbol[b-5kie3qz809] {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 1.1rem;
    font-weight: 850;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem;
}

.type-symbol.receipt[b-5kie3qz809],
.type-chip.receipt[b-5kie3qz809] {
    background: #eaf7f0;
    color: #287a54;
}

.type-symbol.issue[b-5kie3qz809],
.type-chip.issue[b-5kie3qz809] {
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
}

.type-symbol.transfer[b-5kie3qz809],
.type-chip.transfer[b-5kie3qz809] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.document-copy[b-5kie3qz809],
.document-summary[b-5kie3qz809] {
    min-width: 0;
}

.document-copy strong[b-5kie3qz809],
.document-copy small[b-5kie3qz809],
.document-summary small[b-5kie3qz809] {
    display: block;
}

.document-copy strong[b-5kie3qz809] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-copy small[b-5kie3qz809],
.document-summary small[b-5kie3qz809] {
    color: var(--color-text-soft);
    font-size: 0.66rem;
    margin-top: 0.2rem;
}

.document-summary[b-5kie3qz809] {
    text-align: right;
}

.status-chip[b-5kie3qz809],
.type-chip[b-5kie3qz809] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.25rem 0.5rem;
}

.status-chip.draft[b-5kie3qz809] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.status-chip.confirmed[b-5kie3qz809] {
    background: #eaf7f0;
    color: var(--color-success);
}

.status-chip.cancelled[b-5kie3qz809] {
    background: #f2f3f5;
    color: var(--color-text-soft);
}

.chevron[b-5kie3qz809] {
    color: var(--color-text-muted);
    font-size: 1.25rem;
}

.detail-pane[b-5kie3qz809] {
    min-width: 0;
    padding: 1.4rem;
}

.detail-empty[b-5kie3qz809],
.empty-state[b-5kie3qz809] {
    align-items: center;
    color: var(--color-text-soft);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem;
    text-align: center;
}

.detail-empty > span[b-5kie3qz809],
.empty-symbol[b-5kie3qz809] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 50%;
    color: var(--color-primary);
    display: flex;
    font-size: 1.35rem;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: 0.8rem;
    width: 3.5rem;
}

.empty-state p[b-5kie3qz809],
.detail-empty p[b-5kie3qz809] {
    margin: 0.35rem 0 1rem;
}

.empty-state.compact[b-5kie3qz809] {
    min-height: 12rem;
}

.detail-header[b-5kie3qz809] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.detail-header h2[b-5kie3qz809] {
    color: var(--color-text);
    font-size: 1.45rem;
    margin: 0.25rem 0 0.5rem;
}

.detail-tags[b-5kie3qz809] {
    display: flex;
    gap: 0.45rem;
}

.confirmation-panel[b-5kie3qz809] {
    align-items: center;
    background: var(--color-accent-soft);
    border: 1px solid var(--color-primary-border);
    border-radius: var(--radius-md);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 0.9rem 1rem;
}

.confirmation-panel p[b-5kie3qz809] {
    color: var(--color-text-soft);
    font-size: 0.72rem;
    margin: 0.25rem 0 0;
    max-width: 32rem;
}

.confirmation-panel > div:last-child[b-5kie3qz809] {
    display: flex;
    flex-shrink: 0;
    gap: 0.55rem;
}

.storno-panel[b-5kie3qz809] {
    align-items: flex-end;
    background: #fff1f0;
    border-color: #f1b8b3;
}

.storno-copy[b-5kie3qz809] {
    flex: 1;
}

.storno-copy label[b-5kie3qz809],
.storno-copy label span[b-5kie3qz809] {
    display: block;
}

.storno-copy label[b-5kie3qz809] {
    margin-top: 0.75rem;
}

.storno-copy label span[b-5kie3qz809] {
    color: var(--color-text);
    font-size: 0.68rem;
    font-weight: 750;
    margin-bottom: 0.3rem;
}

.storno-copy textarea[b-5kie3qz809] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 4.5rem;
    padding: 0.65rem 0.7rem;
    resize: vertical;
    width: 100%;
}

.document-link[b-5kie3qz809] {
    background: transparent;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    padding: 0;
}

.storno-reason[b-5kie3qz809] {
    border-left-color: var(--color-danger);
}

.document-meta[b-5kie3qz809] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1.15rem 0;
}

.document-meta div[b-5kie3qz809] {
    background: var(--color-surface-soft);
    border-radius: var(--radius-sm);
    padding: 0.65rem 0.75rem;
}

.document-meta dt[b-5kie3qz809] {
    color: var(--color-text-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.document-meta dd[b-5kie3qz809] {
    color: var(--color-text);
    font-size: 0.78rem;
    font-weight: 650;
    margin: 0.25rem 0 0;
}

.document-note[b-5kie3qz809] {
    background: var(--color-primary-soft);
    border-left: 3px solid var(--color-primary);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--color-text-soft);
    font-size: 0.75rem;
    padding: 0.7rem 0.85rem;
}

.items-section[b-5kie3qz809] {
    margin-top: 1.25rem;
}

.section-heading[b-5kie3qz809] {
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.section-heading h3[b-5kie3qz809] {
    font-size: 0.88rem;
    margin: 0;
}

.section-heading > span[b-5kie3qz809] {
    color: var(--color-text-muted);
    font-size: 0.66rem;
}

.items-table[b-5kie3qz809] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.items-head[b-5kie3qz809],
.item-row[b-5kie3qz809] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: minmax(11rem, 1.6fr) minmax(6rem, 0.8fr) minmax(6rem, 0.7fr) minmax(6rem, 0.7fr);
    padding: 0.65rem 0.75rem;
}

.items-head[b-5kie3qz809] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
    font-size: 0.6rem;
    font-weight: 850;
    text-transform: uppercase;
}

.item-row[b-5kie3qz809] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    color: var(--color-text-soft);
    font-size: 0.72rem;
}

.item-row:first-of-type[b-5kie3qz809] {
    border-top: 0;
}

.item-row strong[b-5kie3qz809],
.item-row small[b-5kie3qz809] {
    display: block;
}

.item-row strong[b-5kie3qz809] {
    color: var(--color-text);
}

.item-row small[b-5kie3qz809] {
    margin-top: 0.15rem;
}

.drawer[b-5kie3qz809] {
    animation: slide-in-b-5kie3qz809 170ms ease-out;
    background: var(--color-surface);
    box-shadow: -20px 0 55px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
    max-width: 48rem;
    padding: 1.35rem 1.5rem 0;
    width: 100%;
}

@keyframes slide-in-b-5kie3qz809 {
    from { opacity: 0.72; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}

.drawer-header[b-5kie3qz809] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.drawer-header h2[b-5kie3qz809] {
    font-size: 1.35rem;
    margin: 0.25rem 0 0;
}

.drawer-header p[b-5kie3qz809] {
    color: var(--color-text-soft);
    font-size: 0.72rem;
    margin: 0.25rem 0 0;
}

.location-suggestion-notice[b-5kie3qz809] {
    background: #fff8e8;
    border: 1px solid #efd28e;
    border-radius: var(--radius-sm);
    color: #72520b;
    font-size: 0.75rem;
    margin-top: 1rem;
    padding: 0.65rem 0.75rem;
}

.close-button[b-5kie3qz809],
.remove-line[b-5kie3qz809] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-soft);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 1.05rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.drawer[b-5kie3qz809]  form {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.drawer-scroll[b-5kie3qz809] {
    flex: 1;
    overflow-y: auto;
    padding: 1.1rem 0;
}

.form-error[b-5kie3qz809] {
    background: #fff1f0;
    border: 1px solid #f1b8b3;
    border-radius: var(--radius-sm);
    color: var(--color-danger);
    font-size: 0.75rem;
    margin-top: 1rem;
    padding: 0.65rem 0.75rem;
}

.form-grid[b-5kie3qz809] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr 1fr;
}

.form-grid label[b-5kie3qz809],
.line-fields label[b-5kie3qz809] {
    color: var(--color-text-soft);
    display: grid;
    font-size: 0.68rem;
    font-weight: 750;
    gap: 0.35rem;
}

.form-grid .wide[b-5kie3qz809] {
    grid-column: 1 / -1;
}

.form-grid[b-5kie3qz809]  input,
.form-grid[b-5kie3qz809]  select,
.form-grid[b-5kie3qz809]  textarea,
.line-fields[b-5kie3qz809]  input,
.line-fields[b-5kie3qz809]  select {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    font-weight: 500;
    min-height: 2.5rem;
    padding: 0.55rem 0.65rem;
    width: 100%;
}

.form-grid[b-5kie3qz809]  textarea {
    min-height: 4.5rem;
    resize: vertical;
}

.form-grid[b-5kie3qz809]  input:focus,
.form-grid[b-5kie3qz809]  select:focus,
.form-grid[b-5kie3qz809]  textarea:focus,
.line-fields[b-5kie3qz809]  input:focus,
.line-fields[b-5kie3qz809]  select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-soft);
    outline: 0;
}

.lines-heading[b-5kie3qz809] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    margin-top: 1.2rem;
    padding-top: 1rem;
}

.lines-heading h3[b-5kie3qz809],
.lines-heading small[b-5kie3qz809] {
    display: block;
}

.lines-heading h3[b-5kie3qz809] {
    font-size: 0.9rem;
    margin: 0;
}

.lines-heading small[b-5kie3qz809] {
    color: var(--color-text-muted);
    font-size: 0.65rem;
    margin-top: 0.2rem;
}

.form-lines[b-5kie3qz809] {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.7rem;
}

.form-line[b-5kie3qz809] {
    align-items: start;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto 1fr auto;
    padding: 0.75rem;
}

.line-number[b-5kie3qz809] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 0.65rem;
    font-weight: 800;
    height: 1.65rem;
    justify-content: center;
    margin-top: 1.35rem;
    width: 1.65rem;
}

.unit-selection[b-5kie3qz809] { grid-column: 1 / -1; }

.line-fields[b-5kie3qz809] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(11rem, 1.6fr) minmax(5rem, 0.55fr) minmax(9rem, 1fr) minmax(6rem, 0.7fr);
}

.automatic-location[b-5kie3qz809] {
    align-items: center;
    background: var(--color-primary-soft);
    border: 1px dashed var(--color-primary-border);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    display: flex;
    min-height: 2.5rem;
    padding: 0.55rem 0.65rem;
}

.remove-line[b-5kie3qz809] {
    margin-top: 1.25rem;
}

.remove-line:disabled[b-5kie3qz809] {
    cursor: not-allowed;
    opacity: 0.35;
}

.drawer-actions[b-5kie3qz809] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    justify-content: flex-end;
    padding: 0.9rem 0 1.1rem;
}

.skeleton-list[b-5kie3qz809] {
    display: grid;
    gap: 0.45rem;
    padding: 0.65rem;
}

.skeleton-list div[b-5kie3qz809] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 2.4rem 1fr;
    min-height: 3.8rem;
}

.skeleton-list i[b-5kie3qz809],
.skeleton-list span[b-5kie3qz809],
.skeleton-list small[b-5kie3qz809] {
    animation: pulse-b-5kie3qz809 900ms ease-in-out infinite alternate;
    background: var(--color-border);
    border-radius: 6px;
    display: block;
}

.skeleton-list i[b-5kie3qz809] {
    grid-row: 1 / 3;
    height: 2.4rem;
}

.skeleton-list span[b-5kie3qz809] { height: 0.7rem; width: 65%; }
.skeleton-list small[b-5kie3qz809] { height: 0.55rem; width: 42%; }

@keyframes pulse-b-5kie3qz809 {
    to { opacity: 0.45; }
}

@media (max-width: 1100px) {
    .documents-workspace[b-5kie3qz809] {
        grid-template-columns: minmax(18rem, 0.75fr) minmax(27rem, 1.25fr);
    }

    .line-fields[b-5kie3qz809] {
        grid-template-columns: 1fr 0.6fr;
    }
}

@media (max-width: 850px) {
    .page-heading[b-5kie3qz809] {
        align-items: stretch;
        flex-direction: column;
    }

    .heading-actions[b-5kie3qz809] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .metric-row[b-5kie3qz809] {
        grid-template-columns: 1fr;
    }

    .documents-workspace[b-5kie3qz809] {
        display: block;
    }

    .list-pane[b-5kie3qz809] {
        border-bottom: 1px solid var(--color-border);
        border-right: 0;
    }

    .document-list[b-5kie3qz809] {
        max-height: 25rem;
        overflow-y: auto;
    }
}

@media (max-width: 600px) {
    .heading-actions[b-5kie3qz809] {
        grid-template-columns: 1fr 1fr;
    }

    .heading-actions .button-quiet[b-5kie3qz809] {
        grid-column: 1 / -1;
    }

    .filter-row[b-5kie3qz809],
    .form-grid[b-5kie3qz809],
    .document-meta[b-5kie3qz809],
    .line-fields[b-5kie3qz809] {
        grid-template-columns: 1fr;
    }

    .document-summary[b-5kie3qz809] {
        display: none;
    }

    .document-row[b-5kie3qz809] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .detail-pane[b-5kie3qz809] {
        padding: 1rem;
    }

    .detail-header[b-5kie3qz809],
    .confirmation-panel[b-5kie3qz809],
    .confirmation-panel > div:last-child[b-5kie3qz809] {
        align-items: stretch;
        flex-direction: column;
    }

    .items-head[b-5kie3qz809] {
        display: none;
    }

    .items-table[b-5kie3qz809] {
        border: 0;
    }

    .item-row[b-5kie3qz809] {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0.55rem;
    }

    .drawer[b-5kie3qz809] {
        max-width: none;
        padding-inline: 1rem;
    }

    .form-grid .wide[b-5kie3qz809] {
        grid-column: auto;
    }

    .form-line[b-5kie3qz809] {
        grid-template-columns: auto 1fr auto;
    }

    .drawer-actions .button[b-5kie3qz809] {
        flex: 1;
    }

    .detail-actions[b-5kie3qz809] {
        display: grid;
        width: 100%;
    }
}
/* /Components/Pages/StockInventories.razor.rz.scp.css */
.page-heading[b-yvtnsgcxx6] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.eyebrow[b-yvtnsgcxx6] {
    color: var(--color-accent-strong);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-heading h1[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: clamp(1.85rem, 3vw, 2.55rem);
    letter-spacing: -.04em;
    line-height: 1.05;
    margin: .35rem 0 .5rem;
}

.page-heading p[b-yvtnsgcxx6],
.drawer header p[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
    font-size: .9rem;
    margin: 0;
    max-width: 48rem;
}

.button-danger-quiet[b-yvtnsgcxx6] {
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-danger) 38%, var(--color-border));
    color: var(--color-danger);
    margin-right: auto;
}

.notice[b-yvtnsgcxx6] {
    align-items: center;
    border: 1px solid;
    border-radius: var(--radius-sm);
    display: flex;
    font-size: .82rem;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

.notice p[b-yvtnsgcxx6] {
    flex: 1;
    margin: 0;
}

.notice button[b-yvtnsgcxx6] {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
}

.notice-error[b-yvtnsgcxx6] {
    background: #fff1f0;
    border-color: #f1b8b3;
    color: var(--color-danger);
}

.notice-success[b-yvtnsgcxx6] {
    background: #edf8f2;
    border-color: #b8deca;
    color: #176c43;
}

.filters-grid[b-yvtnsgcxx6] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.filters-grid label > span[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
    display: block;
    font-size: .72rem;
    font-weight: 750;
    margin-bottom: .35rem;
}

.filters-grid input[b-yvtnsgcxx6],
.filters-grid select[b-yvtnsgcxx6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 2.55rem;
    padding: .62rem .75rem;
    width: 100%;
}

.filters-grid input:focus[b-yvtnsgcxx6],
.filters-grid select:focus[b-yvtnsgcxx6] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    outline: none;
}

.inventory-list .data-list-head[b-yvtnsgcxx6],
.inventory-list .data-list-row[b-yvtnsgcxx6] {
    grid-template-columns: minmax(11rem, 1.35fr) minmax(13rem, 1.4fr) minmax(7rem, .7fr) minmax(8rem, .75fr) minmax(7rem, .55fr);
    min-width: 58rem;
}

.inventory-scope[b-yvtnsgcxx6] { display: grid; gap: .12rem; }
.inventory-scope strong[b-yvtnsgcxx6] { color: var(--color-text); }
.inventory-scope span[b-yvtnsgcxx6],
.inventory-scope small[b-yvtnsgcxx6] { color: var(--color-text-soft); }

.inventory-meta[b-yvtnsgcxx6] {
    display: grid;
    gap: .2rem;
    min-width: 7rem;
    text-align: right;
}

.inventory-meta span[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: .82rem;
    font-weight: 720;
}

.inventory-meta small[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
}

.inventory-row-action[b-yvtnsgcxx6] {
    display: flex;
    justify-content: flex-end;
}

.status[b-yvtnsgcxx6] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    border-radius: 999px;
    color: var(--color-primary);
    display: inline-flex;
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .045em;
    padding: .3rem .55rem;
    text-transform: uppercase;
}

.status.confirmed[b-yvtnsgcxx6] {
    background: #e9f7ef;
    color: #167044;
}

.status.cancelled[b-yvtnsgcxx6] {
    background: #f1f2f4;
    color: #68717c;
}

.empty-state[b-yvtnsgcxx6] {
    align-items: center;
    background: var(--color-surface);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    padding: 4rem 1.5rem;
    text-align: center;
}

.empty-state h2[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: 1.05rem;
    margin: .8rem 0 .4rem;
}

.empty-state p[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
    margin: 0 0 1.2rem;
}

.empty-symbol[b-yvtnsgcxx6] {
    color: var(--color-accent-strong);
    font-size: 2rem;
}

.inventory-list.loading article[b-yvtnsgcxx6] {
    min-height: 6rem;
}

.inventory-list.loading i[b-yvtnsgcxx6],
.inventory-list.loading b[b-yvtnsgcxx6],
.inventory-list.loading span[b-yvtnsgcxx6] {
    animation: pulse-b-yvtnsgcxx6 1.4s infinite;
    background: var(--color-surface-muted);
    border-radius: .35rem;
    display: block;
    height: .8rem;
}

.drawer[b-yvtnsgcxx6] {
    background: var(--color-surface);
    box-shadow: -18px 0 55px rgb(8 18 34 / .22);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: min(31rem, 100vw);
    z-index: 100;
}

.drawer-wide[b-yvtnsgcxx6] {
    width: min(54rem, 100vw);
}

.drawer > header[b-yvtnsgcxx6] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.3rem 1.4rem 1.1rem;
}

.drawer > header h2[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: 1.28rem;
    margin: .35rem 0;
}

.close-button[b-yvtnsgcxx6] {
    background: var(--color-surface-muted);
    border: 0;
    border-radius: 50%;
    color: var(--color-text);
    cursor: pointer;
    flex: 0 0 2.3rem;
    font-size: 1.35rem;
    height: 2.3rem;
}

.drawer-content[b-yvtnsgcxx6] {
    flex: 1;
    overflow: auto;
    padding: 1.25rem 1.4rem;
}

.drawer > footer[b-yvtnsgcxx6] {
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
    padding: 1rem 1.4rem;
}

.form-grid[b-yvtnsgcxx6] {
    align-content: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
}

.form-grid .full[b-yvtnsgcxx6] {
    grid-column: 1 / -1;
}

label[b-yvtnsgcxx6] {
    color: var(--color-text);
    display: grid;
    font-size: .74rem;
    font-weight: 720;
    gap: .4rem;
}

input[b-yvtnsgcxx6],
select[b-yvtnsgcxx6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 2.65rem;
    padding: .58rem .7rem;
    width: 100%;
}

input:focus[b-yvtnsgcxx6],
select:focus[b-yvtnsgcxx6] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);
    outline: none;
}

.count-list[b-yvtnsgcxx6] {
    display: grid;
    gap: .7rem;
}

.count-list article[b-yvtnsgcxx6] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: .9rem;
}

.line-heading[b-yvtnsgcxx6] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.line-heading div[b-yvtnsgcxx6] {
    display: grid;
    gap: .15rem;
}

.line-heading strong[b-yvtnsgcxx6] {
    color: var(--color-primary);
    font-size: .78rem;
}

.line-heading span[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: .88rem;
    font-weight: 720;
}

.line-heading small[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
    text-align: right;
}

.count-fields[b-yvtnsgcxx6] {
    align-items: start;
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.count-fields output[b-yvtnsgcxx6] {
    align-items: center;
    background: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    display: flex;
    min-height: 2.65rem;
    padding: .58rem .7rem;
}

.count-fields output.positive[b-yvtnsgcxx6] {
    color: #167044;
    font-weight: 800;
}

.count-fields output.negative[b-yvtnsgcxx6] {
    color: var(--color-danger);
    font-weight: 800;
}

.cost-field[b-yvtnsgcxx6] {
    grid-column: 1 / -1;
}

.cost-field small[b-yvtnsgcxx6] {
    color: var(--color-text-soft);
    font-weight: 500;
}

.found-item[b-yvtnsgcxx6] {
    background: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));
    border-radius: var(--radius-md);
    margin-top: 1rem;
    padding: .9rem;
}

.found-item h3[b-yvtnsgcxx6] {
    color: var(--color-text);
    font-size: .82rem;
    margin: 0 0 .75rem;
}

.found-item > div[b-yvtnsgcxx6] {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: 1fr 1fr auto;
}

.inline-empty[b-yvtnsgcxx6],
.document-links[b-yvtnsgcxx6] {
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
    color: var(--color-text-soft);
    font-size: .8rem;
    padding: 1rem;
}

.document-links[b-yvtnsgcxx6] {
    display: grid;
    gap: .35rem;
    margin-top: 1rem;
}

.document-links a[b-yvtnsgcxx6] {
    color: var(--color-primary);
    overflow-wrap: anywhere;
}

@keyframes pulse-b-yvtnsgcxx6 {
    50% { opacity: .48; }
}

@media (max-width: 720px) {
    .page-heading[b-yvtnsgcxx6] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .inventory-list .data-list-row[b-yvtnsgcxx6] {
        grid-template-columns: 1fr auto;
        min-width: 0;
    }

    .inventory-main[b-yvtnsgcxx6],
    .inventory-scope[b-yvtnsgcxx6] {
        grid-column: 1 / -1;
    }

    .inventory-meta[b-yvtnsgcxx6] {
        text-align: left;
    }

    .drawer[b-yvtnsgcxx6] {
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        height: min(92dvh, 100%);
        top: auto;
        width: 100%;
    }

    .form-grid[b-yvtnsgcxx6],
    .count-fields[b-yvtnsgcxx6],
    .found-item > div[b-yvtnsgcxx6] {
        grid-template-columns: 1fr;
    }

    .cost-field[b-yvtnsgcxx6],
    .form-grid .full[b-yvtnsgcxx6] {
        grid-column: auto;
    }

    .drawer > footer[b-yvtnsgcxx6] {
        flex-wrap: wrap;
    }

    .drawer > footer .button[b-yvtnsgcxx6] {
        flex: 1;
    }

    .button-danger-quiet[b-yvtnsgcxx6] {
        flex-basis: 100% !important;
        margin-right: 0;
    }
}
/* /Components/Pages/StockReservations.razor.rz.scp.css */
.page-heading[b-bvyz2gpkep] { align-items: flex-end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.4rem; }
.eyebrow[b-bvyz2gpkep] { color: var(--color-accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.page-heading h1[b-bvyz2gpkep] { color: var(--color-text); font-size: clamp(1.85rem, 3vw, 2.55rem); letter-spacing: -.04em; margin: .35rem 0 .5rem; }
.page-heading p[b-bvyz2gpkep], .drawer header p[b-bvyz2gpkep] { color: var(--color-text-soft); font-size: .88rem; margin: 0; max-width: 48rem; }
.danger[b-bvyz2gpkep] { background: var(--color-danger); border: 1px solid var(--color-danger); color: #fff; }
.notice[b-bvyz2gpkep] { align-items: center; border: 1px solid; border-radius: var(--radius-sm); display: flex; margin-bottom: 1rem; padding: .75rem .9rem; }
.notice p[b-bvyz2gpkep] { flex: 1; margin: 0; }
.notice button[b-bvyz2gpkep] { background: none; border: 0; color: inherit; cursor: pointer; }
.notice.error[b-bvyz2gpkep] { background: #fff1f0; border-color: #f1b8b3; color: var(--color-danger); }
.notice.success[b-bvyz2gpkep] { background: #edf8f2; border-color: #b8deca; color: #176c43; }
.filters-grid[b-bvyz2gpkep] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.filters-grid label > span[b-bvyz2gpkep] { color: var(--color-text-soft); display: block; font-size: .72rem; font-weight: 750; margin-bottom: .35rem; }
.filters-grid input[b-bvyz2gpkep],
.filters-grid select[b-bvyz2gpkep] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); box-sizing: border-box; color: var(--color-text); font: inherit; min-height: 2.55rem; padding: .62rem .75rem; width: 100%; }
.filters-grid input:focus[b-bvyz2gpkep],
.filters-grid select:focus[b-bvyz2gpkep] { border-color: var(--color-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent); outline: none; }
.reservation-list .data-list-head[b-bvyz2gpkep],
.reservation-list .data-list-row[b-bvyz2gpkep] { grid-template-columns: minmax(11rem, 1.4fr) minmax(11rem, 1.2fr) minmax(9rem, .85fr) minmax(9rem, 1fr) minmax(7rem, .7fr) minmax(7rem, .65fr); min-width: 64rem; }
.reservation-list article.released[b-bvyz2gpkep] { opacity: .66; }
.status[b-bvyz2gpkep] { background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)); border-radius: 999px; color: var(--color-primary); font-size: .64rem; font-weight: 800; padding: .25rem .5rem; }
.quantity[b-bvyz2gpkep] { display: grid; min-width: 8rem; text-align: right; }
.quantity strong[b-bvyz2gpkep] { color: var(--color-text); }
.quantity span[b-bvyz2gpkep], .quantity small[b-bvyz2gpkep] { color: var(--color-text-soft); font-size: .7rem; }
.reservation-location[b-bvyz2gpkep],
.reservation-source[b-bvyz2gpkep] { display: grid; gap: .12rem; }
.reservation-location strong[b-bvyz2gpkep] { color: var(--color-text); }
.reservation-location span[b-bvyz2gpkep],
.reservation-location small[b-bvyz2gpkep],
.reservation-source small[b-bvyz2gpkep] { color: var(--color-text-soft); }
.reservation-actions[b-bvyz2gpkep] { display: flex; justify-content: flex-end; }
.empty[b-bvyz2gpkep] { background: var(--color-surface); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-lg); padding: 4rem 1rem; text-align: center; }
.empty > span[b-bvyz2gpkep] { color: var(--color-primary); font-size: 2rem; }
.empty h2[b-bvyz2gpkep] { color: var(--color-text); }
.empty p[b-bvyz2gpkep] { color: var(--color-text-soft); }
.loading-card[b-bvyz2gpkep] { animation: pulse-b-bvyz2gpkep 1.2s infinite; background: var(--color-surface); border-radius: var(--radius-md); height: 7rem; }
.drawer-backdrop[b-bvyz2gpkep] { background: rgba(15, 23, 42, .42); inset: 0; position: fixed; z-index: 120; }
.drawer[b-bvyz2gpkep] { background: var(--color-surface); box-shadow: -18px 0 45px rgba(15, 23, 42, .2); display: grid; grid-template-rows: auto 1fr auto; height: 100dvh; max-width: 94vw; position: fixed; right: 0; top: 0; width: 38rem; z-index: 121; }
.drawer.compact[b-bvyz2gpkep] { width: 31rem; }
.drawer header[b-bvyz2gpkep] { align-items: flex-start; border-bottom: 1px solid var(--color-border); display: flex; gap: 1rem; justify-content: space-between; padding: 1.35rem; }
.drawer h2[b-bvyz2gpkep] { color: var(--color-text); margin: .3rem 0 .35rem; }
.close[b-bvyz2gpkep] { background: none; border: 0; color: var(--color-text-soft); cursor: pointer; font-size: 1.5rem; }
.drawer-body[b-bvyz2gpkep] { overflow-y: auto; padding: 1.35rem; }
.form-grid[b-bvyz2gpkep] { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.form-grid .full[b-bvyz2gpkep] { grid-column: 1 / -1; }
.form-grid label > span[b-bvyz2gpkep] { color: var(--color-text-soft); display: block; font-size: .72rem; font-weight: 750; margin-bottom: .35rem; }
.form-grid input[b-bvyz2gpkep], .form-grid select[b-bvyz2gpkep], .form-grid textarea[b-bvyz2gpkep] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); box-sizing: border-box; color: var(--color-text); font: inherit; padding: .7rem .75rem; width: 100%; }
.drawer footer[b-bvyz2gpkep] { border-top: 1px solid var(--color-border); display: flex; gap: .65rem; justify-content: flex-end; padding: 1rem 1.35rem; }
.pagination[b-bvyz2gpkep] { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; justify-content: center; }
.pagination > span[b-bvyz2gpkep] { color: var(--color-text-soft); font-size: .76rem; font-weight: 700; text-align: center; }
@keyframes pulse-b-bvyz2gpkep { 50% { opacity: .55; } }
@media (max-width: 720px) {
    .page-heading[b-bvyz2gpkep] { align-items: stretch; flex-direction: column; gap: 1rem; }
    .reservation-list .data-list-row[b-bvyz2gpkep] { grid-template-columns: 1fr 1fr; min-width: 0; }
    .reservation-list .data-list-primary[b-bvyz2gpkep],
    .reservation-actions[b-bvyz2gpkep] { grid-column: 1 / -1; }
    .quantity[b-bvyz2gpkep] { text-align: left; }
    .reservation-actions[b-bvyz2gpkep] { justify-content: flex-start; }
    .drawer[b-bvyz2gpkep] { bottom: 0; height: min(88dvh, 48rem); max-width: none; top: auto; width: 100%; }
    .form-grid[b-bvyz2gpkep] { grid-template-columns: 1fr; }
    .form-grid .full[b-bvyz2gpkep] { grid-column: auto; }
    .pagination > .button[b-bvyz2gpkep] { flex: 1 1 8rem; }
    .pagination > span[b-bvyz2gpkep] { flex-basis: 100%; order: -1; }
}
/* /Components/Pages/StockValuationSettingsPage.razor.rz.scp.css */
.currency-drawer[b-8m0c2k6wig] { position: absolute; inset: 0 0 0 auto; width: min(600px, 100vw); box-sizing: border-box; padding: 1.5rem; overflow-y: auto; background: var(--color-surface); }
fieldset[b-8m0c2k6wig] { border: 0; padding: 0; display: grid; gap: 1rem; }
label[b-8m0c2k6wig] { display: grid; gap: .4rem; }
input:not([type=checkbox])[b-8m0c2k6wig], textarea[b-8m0c2k6wig] { box-sizing: border-box; width: 100%; padding: .6rem; font: inherit; }
.acknowledgement[b-8m0c2k6wig] { display: flex; align-items: flex-start; }
.currency-actions[b-8m0c2k6wig] { display: flex; gap: .5rem; margin-top: 1rem; flex-wrap: wrap; }
/* /Components/Pages/Subscription.razor.rz.scp.css */
.page-heading[b-8uc01i8wqi] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 1.4rem; }
.eyebrow[b-8uc01i8wqi] { color: var(--color-accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.page-heading h1[b-8uc01i8wqi] { font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.04em; margin: .35rem 0 .5rem; }
.page-heading p[b-8uc01i8wqi] { color: var(--color-text-soft); margin: 0; }
.subscription-card[b-8uc01i8wqi] { padding: 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-panel); }
.section-heading h2[b-8uc01i8wqi] { margin: 0; }
.section-heading p[b-8uc01i8wqi] { color: var(--color-text-soft); margin: .35rem 0 0; }
.billing-profile-card[b-8uc01i8wqi] { margin-top: 1.25rem; }
.billing-profile-heading[b-8uc01i8wqi] { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.billing-profile-heading .button[b-8uc01i8wqi] { flex: 0 0 auto; }
.billing-profile-actions[b-8uc01i8wqi] { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.billing-summary[b-8uc01i8wqi] { display: grid; gap: .9rem 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.15rem 0 0; }
.billing-summary div[b-8uc01i8wqi] { border-top: 1px solid var(--color-border); padding-top: .75rem; }
.billing-summary div.wide[b-8uc01i8wqi] { grid-column: 1 / -1; }
.billing-summary dt[b-8uc01i8wqi] { color: var(--color-text-muted); font-size: .78rem; }
.billing-summary dd[b-8uc01i8wqi] { color: var(--color-text); font-weight: 700; margin: .3rem 0 0; }
.billing-empty[b-8uc01i8wqi] { color: var(--color-text-soft); margin: 1rem 0 0; }
.billing-drawer[b-8uc01i8wqi] { background: var(--color-surface); box-shadow: -18px 0 45px rgba(15, 23, 42, .2); display: flex; flex-direction: column; height: 100dvh; max-width: 94vw; width: 38rem; }
.billing-drawer-header[b-8uc01i8wqi] { align-items: flex-start; border-bottom: 1px solid var(--color-border); display: flex; gap: 1rem; justify-content: space-between; padding: 1.25rem; }
.billing-drawer-header h2[b-8uc01i8wqi] { margin: .3rem 0; }
.billing-drawer-header p[b-8uc01i8wqi] { color: var(--color-text-soft); margin: 0; }
.drawer-close[b-8uc01i8wqi] { background: transparent; border: 0; color: var(--color-text-soft); cursor: pointer; font-size: 1.65rem; line-height: 1; padding: .25rem; }
.billing-drawer[b-8uc01i8wqi]  form { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.billing-drawer-body[b-8uc01i8wqi] { flex: 1; overflow-y: auto; padding: 1.25rem; }
.billing-drawer fieldset[b-8uc01i8wqi] { border: 0; margin: 0; padding: 0; }
.billing-form-grid[b-8uc01i8wqi] { display: grid; gap: .85rem 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.billing-form-grid label[b-8uc01i8wqi] { display: grid; gap: .35rem; }
.billing-form-grid label.wide[b-8uc01i8wqi] { grid-column: 1 / -1; }
.billing-form-grid label span[b-8uc01i8wqi] { color: var(--color-text-soft); font-size: .8rem; font-weight: 750; }
.billing-form-grid input[b-8uc01i8wqi] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: 8px; color: var(--color-text); font: inherit; min-height: 2.55rem; padding: .55rem .7rem; width: 100%; }
.billing-drawer-actions[b-8uc01i8wqi] { border-top: 1px solid var(--color-border); display: flex; gap: .65rem; justify-content: flex-end; padding: 1rem 1.25rem; }
.billing-sync[b-8uc01i8wqi] { color: var(--color-text-soft); font-size: .86rem; margin: .85rem 0 0; }
.billing-sync.success[b-8uc01i8wqi] { color: #315900; }
.billing-sync.failed[b-8uc01i8wqi] { color: #9f1239; }
.notice[b-8uc01i8wqi] { border-radius: var(--radius-sm); margin-bottom: 1rem; padding: .8rem 1rem; }
.notice-error[b-8uc01i8wqi] { background: #fff1f2; border: 1px solid #fecdd3; color: #9f1239; }
.notice-info[b-8uc01i8wqi] { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.subscription-decision[b-8uc01i8wqi] { display: flex; flex-direction: column; gap: .35rem; }
.subscription-pending[b-8uc01i8wqi] { align-items: center; display: flex; gap: .8rem; justify-content: space-between; }
.subscription-pending .button[b-8uc01i8wqi] { flex: 0 0 auto; }
.decision-label[b-8uc01i8wqi] { font-weight: 750; }
.muted[b-8uc01i8wqi], .form-hint[b-8uc01i8wqi] { color: var(--color-text-soft); }

.subscription-overview[b-8uc01i8wqi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.subscription-overview div[b-8uc01i8wqi],
.subscription-offer[b-8uc01i8wqi] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-soft);
}

.subscription-overview span[b-8uc01i8wqi],
.subscription-overview strong[b-8uc01i8wqi],
.offer-prices small[b-8uc01i8wqi] { display: block; }

.subscription-overview span[b-8uc01i8wqi],
.offer-prices small[b-8uc01i8wqi] {
    color: var(--color-text-muted);
    font-size: .8rem;
}

.subscription-overview strong[b-8uc01i8wqi] { margin-top: .4rem; }
.subscription-offers[b-8uc01i8wqi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-top: 1rem; }
.subscription-offer[b-8uc01i8wqi] { display: flex; flex-direction: column; gap: 1rem; }
.subscription-offer h3[b-8uc01i8wqi] { margin: .25rem 0; }
.offer-modules[b-8uc01i8wqi] { display: grid; gap: .45rem; list-style: none; margin: 0; padding: 0; }
.offer-modules li[b-8uc01i8wqi] { align-items: center; color: var(--color-text-soft); display: flex; gap: .55rem; }
.offer-modules li.included[b-8uc01i8wqi] { color: var(--color-text); }
.module-state[b-8uc01i8wqi] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .45rem;
    display: inline-flex;
    flex: 0 0 1.45rem;
    font-size: .82rem;
    font-weight: 850;
    height: 1.45rem;
    justify-content: center;
}
.included .module-state[b-8uc01i8wqi] { background: #e7f8ba; border-color: #cff27a; color: #315900; }
.offer-prices[b-8uc01i8wqi] { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: auto; }
.offer-limits[b-8uc01i8wqi] { border-top: 1px solid var(--color-border); display: grid; gap: .45rem; list-style: none; margin: 0; padding: .85rem 0 0; }
.offer-limits li[b-8uc01i8wqi] { align-items: center; display: flex; justify-content: space-between; gap: 1rem; }
.offer-limits span[b-8uc01i8wqi] { color: var(--color-text-soft); }
.offer-actions[b-8uc01i8wqi] { display: grid; gap: .55rem; margin-top: auto; }

@media (max-width: 900px) {
    .subscription-overview[b-8uc01i8wqi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .subscription-overview[b-8uc01i8wqi] { grid-template-columns: 1fr; }
    .subscription-pending[b-8uc01i8wqi] { align-items: stretch; flex-direction: column; }
    .billing-profile-heading[b-8uc01i8wqi] { align-items: stretch; flex-direction: column; }
    .billing-profile-actions[b-8uc01i8wqi] { justify-content: stretch; }
    .billing-profile-actions .button[b-8uc01i8wqi] { flex: 1; }
    .billing-summary[b-8uc01i8wqi] { grid-template-columns: 1fr; }
    .billing-summary div.wide[b-8uc01i8wqi] { grid-column: auto; }
    .billing-form-grid[b-8uc01i8wqi] { grid-template-columns: 1fr; }
    .billing-form-grid label.wide[b-8uc01i8wqi] { grid-column: auto; }
    .billing-drawer[b-8uc01i8wqi] { height: min(92dvh, 52rem); margin-top: auto; max-width: none; width: 100%; }
    .billing-drawer-actions[b-8uc01i8wqi] { display: grid; grid-template-columns: 1fr; }
}
/* /Components/Pages/SupplierQuote.razor.rz.scp.css */
.quote-shell[b-hr737jbojm] { min-height: 100vh; padding: 2rem 1rem; background: linear-gradient(145deg, #eef5f1, #f7f4ed); color: #18332a; }
.quote-card[b-hr737jbojm] { width: min(860px, 100%); margin: 0 auto; padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid #cfddd5; border-radius: 18px; background: #fff; box-shadow: 0 18px 48px #173d2d1a; }
header[b-hr737jbojm] { display: grid; gap: .45rem; margin-bottom: 1.5rem; }
header h1[b-hr737jbojm], h2[b-hr737jbojm] { margin: 0; }
header p[b-hr737jbojm] { margin: 0 0 .5rem; color: #52665f; }
header small[b-hr737jbojm] { display: block; color: #667b73; }
.eyebrow[b-hr737jbojm] { color: #27755a; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
label[b-hr737jbojm] { display: grid; gap: .35rem; margin-bottom: 1rem; font-weight: 600; }
input[b-hr737jbojm], textarea[b-hr737jbojm] { width: 100%; box-sizing: border-box; padding: .7rem .8rem; border: 1px solid #bacdc3; border-radius: 8px; background: #fff; color: inherit; font: inherit; }
.form-grid[b-hr737jbojm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.quote-item[b-hr737jbojm] { margin: 1rem 0; padding: 1rem; border: 1px solid #dbe7e0; border-radius: 12px; background: #fbfdfc; }
.item-heading[b-hr737jbojm] { display: flex; align-items: flex-start; gap: .7rem; }
.item-heading input[b-hr737jbojm] { width: auto; margin-top: .2rem; }
.item-heading span[b-hr737jbojm], .item-heading small[b-hr737jbojm] { display: block; }
.item-heading small[b-hr737jbojm] { margin-top: .25rem; color: #667b73; }
.delivery-row[b-hr737jbojm] { display: grid; grid-template-columns: 1fr 1fr auto; gap: .6rem; margin: .55rem 0; }
button[b-hr737jbojm] { border: 0; border-radius: 9px; padding: .7rem 1rem; cursor: pointer; font-weight: 700; }
.submit[b-hr737jbojm] { width: 100%; margin-top: 1rem; background: #176b4d; color: #fff; }
.secondary[b-hr737jbojm] { border: 1px solid #abc7ba; background: #fff; color: #176b4d; }
.remove[b-hr737jbojm] { background: #f6e4df; color: #7f2d1d; }
button:disabled[b-hr737jbojm] { cursor: wait; opacity: .6; }
.form-error[b-hr737jbojm], .result.invalid[b-hr737jbojm] { margin: 1rem 0; padding: 1rem; border-radius: 10px; background: #fff0ed; color: #8d2e20; }
.result.success[b-hr737jbojm] { text-align: center; padding: 3rem 1rem; }
@media (max-width: 620px) { .form-grid[b-hr737jbojm], .delivery-row[b-hr737jbojm] { grid-template-columns: 1fr; } }
/* /Components/Pages/Suppliers.razor.rz.scp.css */
.page-heading[b-1782raxcil] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.eyebrow[b-1782raxcil] {
    color: var(--color-accent-strong);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-heading h1[b-1782raxcil] {
    color: var(--color-heading, #172033);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -.04em;
    line-height: 1.05;
    margin: .35rem 0 .5rem;
}

.page-heading p[b-1782raxcil] {
    color: #667085;
    font-size: .9rem;
    margin: 0;
    max-width: 44rem;
}

.heading-actions[b-1782raxcil],
.drawer-footer[b-1782raxcil] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.button[b-1782raxcil] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 750;
    gap: .45rem;
    justify-content: center;
    min-height: 2.55rem;
    padding: .6rem .95rem;
}

.button:disabled[b-1782raxcil] {
    cursor: not-allowed;
    opacity: .55;
}

.button-primary[b-1782raxcil] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: #fff;
}

.button-quiet[b-1782raxcil],
.button-status[b-1782raxcil] {
    background: #fff;
    border: 1px solid #d7dde5;
    color: #344054;
}

.button-status[b-1782raxcil] {
    color: #9f1239;
}

.notice[b-1782raxcil] {
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    display: flex;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .7rem .85rem;
}

.notice span[b-1782raxcil] {
    flex: 1;
}

.notice button[b-1782raxcil] {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
}

.notice-error[b-1782raxcil] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.notice-success[b-1782raxcil] {
    background: #ecfdf3;
    border-color: #bbf7d0;
    color: #166534;
}

.supplier-workspace[b-1782raxcil] {
    background: var(--color-surface, #fff);
    border: 1px solid #e3e7ee;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(16, 24, 40, .05);
    min-height: 28rem;
    overflow: hidden;
}

.toolbar[b-1782raxcil] {
    align-items: center;
    border-bottom: 1px solid #e8ebf0;
    display: flex;
    gap: .75rem;
    padding: 1rem;
}

.search-box[b-1782raxcil] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #d7dde5;
    border-radius: 9px;
    display: flex;
    flex: 1;
    gap: .5rem;
    padding: 0 .75rem;
}

.search-box input[b-1782raxcil],
.toolbar select[b-1782raxcil] {
    background: transparent;
    border: 0;
    color: #344054;
    min-height: 2.5rem;
    outline: none;
}

.search-box input[b-1782raxcil] {
    flex: 1;
}

.toolbar select[b-1782raxcil] {
    background: #fff;
    border: 1px solid #d7dde5;
    border-radius: 9px;
    padding: 0 .75rem;
}

.supplier-grid[b-1782raxcil] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.supplier-card[b-1782raxcil] {
    border: 1px solid #e3e7ee;
    border-radius: 12px;
    overflow: hidden;
}

.card-main[b-1782raxcil] {
    align-items: center;
    background: #fff;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: .85rem;
    padding: 1rem;
    text-align: left;
    width: 100%;
}

.card-main:hover[b-1782raxcil] {
    background: #f8fafc;
}

.supplier-avatar[b-1782raxcil] {
    align-items: center;
    background: color-mix(in srgb, var(--color-accent) 12%, white);
    border-radius: 10px;
    color: var(--color-accent-strong);
    display: flex;
    font-size: .78rem;
    font-weight: 850;
    height: 2.8rem;
    justify-content: center;
    width: 2.8rem;
}

.supplier-summary[b-1782raxcil] {
    display: grid;
    flex: 1;
    gap: .28rem;
    min-width: 0;
}

.supplier-title[b-1782raxcil] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.supplier-title strong[b-1782raxcil],
.supplier-summary small[b-1782raxcil] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-summary code[b-1782raxcil] {
    color: var(--color-accent-strong);
    font-size: .7rem;
}

.supplier-summary small[b-1782raxcil] {
    color: #667085;
}

.status-chip[b-1782raxcil] {
    border-radius: 999px;
    flex: none;
    font-size: .65rem;
    font-weight: 750;
    padding: .25rem .5rem;
}

.status-chip.active[b-1782raxcil] {
    background: #ecfdf3;
    color: #166534;
}

.status-chip.inactive[b-1782raxcil] {
    background: #f2f4f7;
    color: #667085;
}

.chevron[b-1782raxcil] {
    color: #98a2b3;
    font-size: 1.4rem;
}

.empty-state[b-1782raxcil] {
    color: #667085;
    padding: 5rem 1rem;
    text-align: center;
}

.supplier-drawer[b-1782raxcil] {
    background: #fff;
    box-shadow: -18px 0 45px rgba(15, 23, 42, .16);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 94vw;
    position: fixed;
    right: 0;
    top: 0;
    width: 42rem;
    z-index: 90;
}

.drawer-header[b-1782raxcil] {
    align-items: flex-start;
    border-bottom: 1px solid #e8ebf0;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
}

.drawer-header h2[b-1782raxcil] {
    color: #172033;
    font-size: 1.35rem;
    margin: .3rem 0 0;
}

.close-button[b-1782raxcil] {
    background: #f2f4f7;
    border: 0;
    border-radius: 8px;
    color: #475467;
    cursor: pointer;
    font-size: 1.3rem;
    height: 2.2rem;
    width: 2.2rem;
}

.supplier-drawer form[b-1782raxcil] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.drawer-body[b-1782raxcil] {
    flex: 1;
    overflow: auto;
    padding: 1.3rem 1.4rem;
}

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

.form-grid label[b-1782raxcil] {
    display: grid;
    gap: .35rem;
}

.form-grid label > span[b-1782raxcil] {
    color: #475467;
    font-size: .74rem;
    font-weight: 750;
}

.form-grid input[b-1782raxcil],
.form-grid textarea[b-1782raxcil] {
    border: 1px solid #d7dde5;
    border-radius: 8px;
    color: #172033;
    font: inherit;
    min-height: 2.55rem;
    padding: .6rem .7rem;
}

.form-grid textarea[b-1782raxcil] {
    min-height: 5rem;
    resize: vertical;
}

.form-grid .wide[b-1782raxcil] {
    grid-column: 1 / -1;
}

.inactive-hint[b-1782raxcil] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    color: #9a3412;
    font-size: .78rem;
    margin: 1rem 0 0;
    padding: .75rem;
}

.drawer-footer[b-1782raxcil] {
    border-top: 1px solid #e8ebf0;
    padding: 1rem 1.4rem;
}

.drawer-footer > span[b-1782raxcil] {
    flex: 1;
}

@media (max-width: 760px) {
    .page-heading[b-1782raxcil] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .heading-actions .button[b-1782raxcil] {
        flex: 1;
    }

    .toolbar[b-1782raxcil] {
        align-items: stretch;
        flex-direction: column;
    }

    .supplier-grid[b-1782raxcil],
    .form-grid[b-1782raxcil] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide[b-1782raxcil] {
        grid-column: auto;
    }

    .supplier-drawer[b-1782raxcil] {
        border-radius: 18px 18px 0 0;
        bottom: 0;
        height: min(90dvh, 52rem);
        max-width: none;
        right: 0;
        top: auto;
        width: 100%;
    }

    .drawer-footer[b-1782raxcil] {
        flex-wrap: wrap;
    }

    .drawer-footer > span[b-1782raxcil] {
        display: none;
    }

    .drawer-footer .button[b-1782raxcil] {
        flex: 1;
    }
}
/* /Components/Pages/Warehouses.razor.rz.scp.css */
.page-heading[b-zba3jxx4b0] {
    align-items: flex-end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.eyebrow[b-zba3jxx4b0],
.section-kicker[b-zba3jxx4b0] {
    color: var(--color-accent-strong);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-heading h1[b-zba3jxx4b0] {
    color: #172033;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin: 0.35rem 0 0.5rem;
}

.page-heading p[b-zba3jxx4b0] {
    color: #667085;
    font-size: 0.9rem;
    margin: 0;
    max-width: 42rem;
}

.heading-actions[b-zba3jxx4b0],
.drawer-actions[b-zba3jxx4b0],
.section-heading[b-zba3jxx4b0] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

.button[b-zba3jxx4b0] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.77rem;
    font-weight: 750;
    gap: 0.5rem;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.6rem 0.9rem;
    transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.button:hover:not(:disabled)[b-zba3jxx4b0] {
    transform: translateY(-1px);
}

.button:disabled[b-zba3jxx4b0] {
    cursor: not-allowed;
    opacity: 0.55;
}

.button-primary[b-zba3jxx4b0] {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    box-shadow: 0 4px 12px rgba(66, 86, 62, 0.18);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-zba3jxx4b0] {
    background: var(--color-accent-strong);
    border-color: var(--color-accent-strong);
}

.button-secondary[b-zba3jxx4b0],
.button-quiet[b-zba3jxx4b0] {
    background: #fff;
    border: 1px solid #d7dde5;
    color: #344054;
}

.button-secondary:hover:not(:disabled)[b-zba3jxx4b0],
.button-quiet:hover:not(:disabled)[b-zba3jxx4b0] {
    background: #f8fafc;
    border-color: #b8c1ce;
}

.button-icon[b-zba3jxx4b0],
.metric-icon[b-zba3jxx4b0],
.search-icon[b-zba3jxx4b0],
.empty-icon[b-zba3jxx4b0],
.detail-empty-icon[b-zba3jxx4b0],
.automation-icon[b-zba3jxx4b0] {
    background-color: currentColor;
    display: inline-block;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.button-icon[b-zba3jxx4b0] {
    height: 0.9rem;
    width: 0.9rem;
}

.refresh-icon[b-zba3jxx4b0] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6v6h-6l2.4-2.4A6 6 0 1 0 17.7 15h2.1A8 8 0 1 1 18 8.2L20 6Z'/%3E%3C/svg%3E");
}

.notice[b-zba3jxx4b0] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 0.8rem;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.7rem 0.85rem;
}

.notice p[b-zba3jxx4b0] {
    flex: 1;
    margin: 0;
}

.notice > span[b-zba3jxx4b0] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 0.7rem;
    font-weight: 900;
    height: 1.4rem;
    justify-content: center;
    width: 1.4rem;
}

.notice button[b-zba3jxx4b0] {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1rem;
}

.notice-error[b-zba3jxx4b0] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #9f1239;
}

.notice-error > span[b-zba3jxx4b0] {
    background: #ffe4e6;
}

.notice-success[b-zba3jxx4b0] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.notice-success > span[b-zba3jxx4b0] {
    background: #dcfce7;
}

.metric-row[b-zba3jxx4b0] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.metric-row article[b-zba3jxx4b0] {
    align-items: center;
    background: #fff;
    border: 1px solid #e4e8ee;
    border-radius: 12px;
    display: flex;
    gap: 0.85rem;
    min-height: 4.7rem;
    padding: 0.8rem 1rem;
}

.metric-row strong[b-zba3jxx4b0],
.metric-row small[b-zba3jxx4b0] {
    display: block;
}

.metric-row strong[b-zba3jxx4b0] {
    color: #172033;
    font-size: 1.35rem;
    line-height: 1;
}

.metric-row small[b-zba3jxx4b0] {
    color: #667085;
    font-size: 0.7rem;
    margin-top: 0.35rem;
}

.metric-icon[b-zba3jxx4b0] {
    background-color: var(--color-accent-strong);
    height: 1.1rem;
    width: 1.1rem;
}

.metric-row article > .metric-icon[b-zba3jxx4b0] {
    align-items: center;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    display: inline-flex;
    height: 2.55rem;
    justify-content: center;
    width: 2.55rem;
}

.metric-row article > .metric-icon[b-zba3jxx4b0]::after {
    background: var(--color-accent-strong);
    content: "";
    display: block;
    height: 1.05rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.05rem;
}

.warehouse-metric[b-zba3jxx4b0] {
    background: var(--color-accent-soft) !important;
}

.warehouse-metric[b-zba3jxx4b0]::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9 12 3l9 6v12h-5v-7H8v7H3V9Z'/%3E%3C/svg%3E");
}

.advanced-metric[b-zba3jxx4b0] {
    background: var(--color-primary-soft) !important;
}

.advanced-metric[b-zba3jxx4b0]::after {
    background: var(--color-primary) !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h6v6H5V3Zm8 0h6v6h-6V3ZM5 11h6v10H5V11Zm8 0h6v4h-6v-4Zm0 6h6v4h-6v-4Z'/%3E%3C/svg%3E");
}

.location-metric[b-zba3jxx4b0] {
    background: #ecfdf3 !important;
}

.location-metric[b-zba3jxx4b0]::after {
    background: #15803d !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
}

.workspace-card[b-zba3jxx4b0] {
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.045);
    display: grid;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(28rem, 1.6fr);
    min-height: 37rem;
    overflow: hidden;
}

.list-pane[b-zba3jxx4b0] {
    border-right: 1px solid #e4e8ee;
    min-width: 0;
}

.toolbar[b-zba3jxx4b0] {
    background: #fbfcfd;
    border-bottom: 1px solid #e4e8ee;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.8rem;
}

.search-box[b-zba3jxx4b0] {
    grid-column: 1 / -1;
}

.search-box[b-zba3jxx4b0] {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dde5;
    border-radius: 8px;
    color: #98a2b3;
    display: flex;
    min-width: 0;
    padding-left: 0.7rem;
}

.search-icon[b-zba3jxx4b0] {
    height: 0.85rem;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3L20.6 22 22 20.6l-5.7-5.7A8 8 0 0 0 10 2Zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12Z'/%3E%3C/svg%3E");
    width: 0.85rem;
}

.search-box[b-zba3jxx4b0]  input,
.mode-filter select[b-zba3jxx4b0] {
    background: transparent;
    border: 0;
    color: #344054;
    font-size: 0.75rem;
    min-height: 2.35rem;
    outline: 0;
}

.search-box[b-zba3jxx4b0]  input {
    min-width: 0;
    padding: 0.5rem 0.65rem;
    width: 100%;
}

.mode-filter select[b-zba3jxx4b0] {
    background: #fff;
    border: 1px solid #d7dde5;
    border-radius: 8px;
    padding: 0 1.8rem 0 0.65rem;
}

.warehouse-list[b-zba3jxx4b0] {
    max-height: 32rem;
    overflow-y: auto;
    padding: 0.45rem;
}

.warehouse-row[b-zba3jxx4b0] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #344054;
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
}

.warehouse-row:hover[b-zba3jxx4b0] {
    background: #f8fafc;
}

.warehouse-row.selected[b-zba3jxx4b0] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary-border);
}

.warehouse-avatar[b-zba3jxx4b0] {
    align-items: center;
    background: #eef2f6;
    border-radius: 9px;
    color: #475467;
    display: flex;
    font-size: 0.68rem;
    font-weight: 850;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.warehouse-row.selected .warehouse-avatar[b-zba3jxx4b0] {
    background: var(--color-primary-fill);
    color: var(--color-primary-strong);
}

.warehouse-copy[b-zba3jxx4b0] {
    min-width: 0;
}

.warehouse-copy strong[b-zba3jxx4b0],
.warehouse-copy small[b-zba3jxx4b0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-copy strong[b-zba3jxx4b0] {
    color: #1d2939;
    font-size: 0.79rem;
}

.warehouse-copy small[b-zba3jxx4b0] {
    color: #7b8797;
    font-size: 0.65rem;
    margin-top: 0.25rem;
}

.mode-dot[b-zba3jxx4b0] {
    border-radius: 50%;
    height: 0.5rem;
    width: 0.5rem;
}

.mode-dot.simple[b-zba3jxx4b0] {
    background: #94a3b8;
}

.mode-dot.advanced[b-zba3jxx4b0] {
    background: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-fill);
}

.chevron[b-zba3jxx4b0] {
    color: #aab3c0;
    font-size: 1.15rem;
}

.detail-pane[b-zba3jxx4b0] {
    min-width: 0;
    padding: 1.5rem;
}

.detail-empty[b-zba3jxx4b0],
.list-empty[b-zba3jxx4b0] {
    align-items: center;
    color: #7b8797;
    display: flex;
    flex-direction: column;
    font-size: 0.8rem;
    height: 100%;
    justify-content: center;
    min-height: 18rem;
    padding: 2rem;
    text-align: center;
}

.detail-empty p[b-zba3jxx4b0],
.list-empty p[b-zba3jxx4b0] {
    max-width: 19rem;
}

.detail-empty-icon[b-zba3jxx4b0],
.empty-icon[b-zba3jxx4b0] {
    background-color: #b0bac8;
    height: 2.2rem;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h8v2H8V8Zm0 4h5v2H8v-2Z'/%3E%3C/svg%3E");
    width: 2.2rem;
}

.detail-header[b-zba3jxx4b0],
.section-heading[b-zba3jxx4b0] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.detail-header h2[b-zba3jxx4b0] {
    color: #172033;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
    margin: 0.25rem 0 0.55rem;
}

.detail-actions[b-zba3jxx4b0] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.status-action[b-zba3jxx4b0] {
    color: #9f1239;
}

.detail-meta[b-zba3jxx4b0] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
}

.detail-meta code[b-zba3jxx4b0],
.system-code[b-zba3jxx4b0] {
    background: #f1f4f8;
    border-radius: 5px;
    color: #475467;
    font-size: 0.67rem;
    padding: 0.24rem 0.42rem;
}

.status-chip[b-zba3jxx4b0],
.large-mode-chip[b-zba3jxx4b0],
.system-badge[b-zba3jxx4b0] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.63rem;
    font-weight: 750;
    padding: 0.26rem 0.5rem;
    width: fit-content;
}

.status-chip.active[b-zba3jxx4b0] {
    background: #dcfce7;
    color: #166534;
}

.status-chip.inactive[b-zba3jxx4b0] {
    background: #f1f5f9;
    color: #64748b;
}

.large-mode-chip.simple[b-zba3jxx4b0] {
    background: #f1f5f9;
    color: #475569;
}

.large-mode-chip.advanced[b-zba3jxx4b0] {
    background: var(--color-primary-fill);
    color: var(--color-primary-strong);
}

.warehouse-description[b-zba3jxx4b0] {
    color: #667085;
    font-size: 0.8rem;
    margin: 1rem 0;
}

.mode-card[b-zba3jxx4b0] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1.2rem 0;
    padding: 0.85rem 1rem;
}

.mode-card h3[b-zba3jxx4b0],
.section-heading h3[b-zba3jxx4b0],
.simple-mode-panel h3[b-zba3jxx4b0] {
    color: #27364b;
    font-size: 0.84rem;
    margin: 0;
}

.mode-card p[b-zba3jxx4b0],
.section-heading p[b-zba3jxx4b0],
.simple-mode-panel p[b-zba3jxx4b0],
.drawer-header p[b-zba3jxx4b0] {
    color: #7b8797;
    font-size: 0.7rem;
    margin: 0.25rem 0 0;
}

.segmented-control[b-zba3jxx4b0] {
    background: #e9edf2;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.2rem;
}

.segmented-control button[b-zba3jxx4b0] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #667085;
    cursor: pointer;
    font-size: 0.67rem;
    font-weight: 750;
    padding: 0.48rem 0.7rem;
}

.segmented-control button.active[b-zba3jxx4b0] {
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
    color: #1d2939;
}

.simple-mode-panel[b-zba3jxx4b0] {
    align-items: center;
    background: linear-gradient(135deg, #fffaf0, #fff);
    border: 1px solid #fde4bd;
    border-radius: 12px;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1rem;
}

.automation-icon[b-zba3jxx4b0] {
    background-color: var(--color-accent-strong);
    height: 1.4rem;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 9.8 6.4 5 7l3.5 3.4-.8 4.8L12 13l4.3 2.2-.8-4.8L19 7l-4.8-.6L12 2Zm-7 14h14v2H5v-2Zm2 4h10v2H7v-2Z'/%3E%3C/svg%3E");
    width: 1.4rem;
}

.locations-section[b-zba3jxx4b0] {
    border-top: 1px solid #e9edf2;
    padding-top: 1.2rem;
}

.location-toolbar[b-zba3jxx4b0] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 1rem;
}

.location-toolbar .search-box[b-zba3jxx4b0] {
    grid-column: auto;
}

.location-table[b-zba3jxx4b0] {
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    margin-top: 1rem;
    overflow: hidden;
}

.location-table-head[b-zba3jxx4b0],
.location-row[b-zba3jxx4b0] {
    align-items: center;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 0.65fr 1.15fr 0.85fr 0.55fr 1.15fr;
    padding: 0.65rem 0.8rem;
}

.location-table-head[b-zba3jxx4b0] {
    background: #f8fafc;
    color: #7b8797;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.location-row[b-zba3jxx4b0] {
    border-top: 1px solid #edf0f4;
    color: #475467;
    font-size: 0.72rem;
}

.location-row strong[b-zba3jxx4b0] {
    color: #1d2939;
}

.location-actions[b-zba3jxx4b0] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
}

.button.compact[b-zba3jxx4b0] {
    font-size: 0.68rem;
    min-height: 1.9rem;
    padding: 0.3rem 0.5rem;
}

.system-badge[b-zba3jxx4b0] {
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
    margin-left: 0.35rem;
    padding: 0.15rem 0.35rem;
}

.locations-empty[b-zba3jxx4b0] {
    align-items: center;
    background: #fafbfc;
    border: 1px dashed #ccd4df;
    border-radius: 10px;
    color: #667085;
    display: flex;
    gap: 0.7rem;
    margin-top: 0.75rem;
    padding: 0.8rem;
}

.locations-empty > span[b-zba3jxx4b0] {
    align-items: center;
    background: #eef2f6;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.locations-empty strong[b-zba3jxx4b0],
.locations-empty small[b-zba3jxx4b0] {
    display: block;
    font-size: 0.7rem;
}

.locations-empty small[b-zba3jxx4b0] {
    color: #8a95a3;
    margin-top: 0.2rem;
}

.drawer-backdrop[b-zba3jxx4b0] {
    align-items: stretch;
    background: rgba(15, 23, 42, 0.38);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 100;
}

.drawer[b-zba3jxx4b0] {
    animation: slide-in-b-zba3jxx4b0 160ms ease-out;
    background: #fff;
    box-shadow: -20px 0 55px rgba(15, 23, 42, 0.17);
    display: flex;
    flex-direction: column;
    max-width: 31rem;
    overflow-y: auto;
    padding: 1.5rem;
    width: 100%;
}

.content-drawer[b-zba3jxx4b0] {
    max-width: 46rem;
}

.content-fields[b-zba3jxx4b0] {
    align-content: start;
    flex: 1;
}

.content-warning[b-zba3jxx4b0] {
    align-items: flex-start;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    color: #9a3412;
    display: flex;
    font-size: 0.76rem;
    gap: 0.6rem;
    padding: 0.75rem;
}

.contents-empty[b-zba3jxx4b0] {
    background: #f8fafc;
    border: 1px dashed #cfd7e2;
    border-radius: 10px;
    color: #667085;
    padding: 1.2rem;
    text-align: center;
}

.contents-empty p[b-zba3jxx4b0] {
    font-size: 0.75rem;
    margin: 0.35rem 0 0;
}

.contents-table[b-zba3jxx4b0] {
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    overflow: hidden;
}

.contents-head[b-zba3jxx4b0],
.contents-row[b-zba3jxx4b0] {
    align-items: center;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: minmax(10rem, 1.5fr) repeat(3, minmax(5.5rem, 0.7fr));
    padding: 0.7rem 0.8rem;
}

.contents-head[b-zba3jxx4b0] {
    background: #f8fafc;
    color: #7b8797;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contents-row[b-zba3jxx4b0] {
    border-top: 1px solid #edf0f4;
    color: #475467;
    font-size: 0.72rem;
}

.contents-row strong[b-zba3jxx4b0],
.contents-row small[b-zba3jxx4b0] {
    display: block;
}

.contents-row strong[b-zba3jxx4b0] {
    color: #1d2939;
}

.contents-row small[b-zba3jxx4b0] {
    color: #7b8797;
    margin-top: 0.2rem;
}

.reserved-value[b-zba3jxx4b0] {
    color: #b45309;
}

.available-value[b-zba3jxx4b0] {
    color: #166534;
    font-weight: 750;
}

@keyframes slide-in-b-zba3jxx4b0 {
    from { transform: translateX(30px); opacity: 0.7; }
    to { transform: translateX(0); opacity: 1; }
}

.drawer-header[b-zba3jxx4b0] {
    align-items: flex-start;
    border-bottom: 1px solid #e8ecf1;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.1rem;
}

.drawer-header h2[b-zba3jxx4b0] {
    color: #172033;
    font-size: 1.25rem;
    margin: 0.3rem 0 0;
}

.close-button[b-zba3jxx4b0] {
    background: #f1f4f8;
    border: 0;
    border-radius: 8px;
    color: #667085;
    cursor: pointer;
    font-size: 1.2rem;
    height: 2rem;
    width: 2rem;
}

.drawer[b-zba3jxx4b0]  form {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.drawer-fields[b-zba3jxx4b0] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem 0;
}

.drawer-fields > label[b-zba3jxx4b0],
.drawer-fields fieldset[b-zba3jxx4b0] {
    border: 0;
    color: #475467;
    display: grid;
    font-size: 0.72rem;
    font-weight: 750;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
}

.drawer-fields legend[b-zba3jxx4b0] {
    color: #475467;
    font-size: 0.72rem;
    font-weight: 750;
    margin-bottom: 0.45rem;
}

.drawer-fields[b-zba3jxx4b0]  input[type="text"],
.drawer-fields[b-zba3jxx4b0]  textarea,
.drawer-fields[b-zba3jxx4b0]  select {
    background: #fbfcfd;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    color: #1d2939;
    font: inherit;
    font-weight: 500;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    resize: vertical;
}

.drawer-fields[b-zba3jxx4b0]  textarea {
    min-height: 5.5rem;
}

.drawer-fields[b-zba3jxx4b0]  input:focus,
.drawer-fields[b-zba3jxx4b0]  textarea:focus,
.drawer-fields[b-zba3jxx4b0]  select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(96, 120, 90, 0.14);
    outline: none;
}

.drawer-fields[b-zba3jxx4b0]  .mode-option {
    align-items: flex-start;
    border: 1px solid #dce2e9;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
    padding: 0.75rem;
}

.mode-option strong[b-zba3jxx4b0],
.mode-option small[b-zba3jxx4b0] {
    display: block;
}

.mode-option strong[b-zba3jxx4b0] {
    color: #27364b;
    font-size: 0.73rem;
}

.mode-option small[b-zba3jxx4b0] {
    color: #7b8797;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1.45;
    margin-top: 0.25rem;
}

.drawer-actions[b-zba3jxx4b0] {
    border-top: 1px solid #e8ecf1;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 1rem;
}

.skeleton-list[b-zba3jxx4b0] {
    padding: 0.55rem;
}

.skeleton-list div[b-zba3jxx4b0] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto 1fr;
    padding: 0.75rem;
}

.skeleton-list i[b-zba3jxx4b0],
.skeleton-list span[b-zba3jxx4b0],
.skeleton-list small[b-zba3jxx4b0] {
    animation: pulse-b-zba3jxx4b0 1.1s ease-in-out infinite alternate;
    background: #edf0f4;
    border-radius: 6px;
}

.skeleton-list i[b-zba3jxx4b0] {
    grid-row: 1 / 3;
    height: 2.2rem;
    width: 2.2rem;
}

.skeleton-list span[b-zba3jxx4b0] {
    height: 0.7rem;
    width: 65%;
}

.skeleton-list small[b-zba3jxx4b0] {
    height: 0.5rem;
    width: 45%;
}

@keyframes pulse-b-zba3jxx4b0 {
    to { opacity: 0.45; }
}

@media (max-width: 1050px) {
    .workspace-card[b-zba3jxx4b0] {
        grid-template-columns: minmax(16rem, 0.7fr) minmax(24rem, 1.3fr);
    }

    .toolbar[b-zba3jxx4b0] {
        grid-template-columns: 1fr;
    }

    .mode-filter select[b-zba3jxx4b0] {
        width: 100%;
    }
}

@media (max-width: 820px) {
    .page-heading[b-zba3jxx4b0] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .heading-actions[b-zba3jxx4b0] {
        justify-content: flex-end;
    }

    .workspace-card[b-zba3jxx4b0] {
        display: block;
    }

    .list-pane[b-zba3jxx4b0] {
        border-bottom: 1px solid #e4e8ee;
        border-right: 0;
    }

    .warehouse-list[b-zba3jxx4b0] {
        max-height: 20rem;
    }

    .metric-row[b-zba3jxx4b0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .heading-actions[b-zba3jxx4b0] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .detail-pane[b-zba3jxx4b0] {
        padding: 1rem;
    }

    .detail-header[b-zba3jxx4b0],
    .mode-card[b-zba3jxx4b0],
    .section-heading[b-zba3jxx4b0] {
        align-items: stretch;
        flex-direction: column;
    }

    .segmented-control[b-zba3jxx4b0] {
        width: 100%;
    }

    .simple-mode-panel[b-zba3jxx4b0] {
        grid-template-columns: auto 1fr;
    }

    .simple-mode-panel .system-code[b-zba3jxx4b0] {
        grid-column: 2;
    }

    .location-table[b-zba3jxx4b0] {
        border: 0;
    }

    .location-table-head[b-zba3jxx4b0] {
        display: none;
    }

    .location-row[b-zba3jxx4b0] {
        border: 1px solid #e4e8ee;
        border-radius: 9px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0.55rem;
    }

    .location-toolbar[b-zba3jxx4b0] {
        grid-template-columns: 1fr;
    }

    .location-actions[b-zba3jxx4b0] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .contents-head[b-zba3jxx4b0] {
        display: none;
    }

    .contents-row[b-zba3jxx4b0] {
        grid-template-columns: 1fr;
    }

    .content-drawer[b-zba3jxx4b0] {
        max-width: none;
    }
}
/* /Components/Purchasing/SupplierQuoteComparison.razor.rz.scp.css */
.quote-comparison[b-f02phbd7z8] { min-width: 0; margin-block: 1rem; }
.comparison-scroll[b-f02phbd7z8] { max-width: 100%; overflow-x: auto; }
table[b-f02phbd7z8] { width: 100%; border-collapse: collapse; }
th[b-f02phbd7z8], td[b-f02phbd7z8] { min-width: 12rem; padding: .75rem; border-bottom: 1px solid var(--color-border); text-align: start; vertical-align: top; overflow-wrap: anywhere; }
th[b-f02phbd7z8] { background: var(--color-surface); }
.expired[b-f02phbd7z8] { color: var(--color-danger); }
/* /Components/Shared/DiscardChangesDialog.razor.rz.scp.css */
.discard-confirmation-backdrop[b-ca9y3b2e21] {
    align-items: center;
    background: rgba(13, 24, 51, .56);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 300;
}
.discard-confirmation[b-ca9y3b2e21] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
    box-sizing: border-box;
    max-height: calc(100dvh - 2rem);
    max-width: 29rem;
    overflow-y: auto;
    padding: 1.3rem;
    width: 100%;
}
.discard-confirmation h2[b-ca9y3b2e21] { color: var(--color-text); font-size: 1.2rem; margin: 0; }
.discard-confirmation p[b-ca9y3b2e21] { color: var(--color-text-soft); line-height: 1.5; margin: .65rem 0 1.15rem; }
.discard-confirmation-actions[b-ca9y3b2e21] { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.discard-button[b-ca9y3b2e21] { background: #9b332b; border-color: #9b332b; color: white; }
@media (max-width: 560px) { .discard-confirmation-actions[b-ca9y3b2e21] { display: grid; grid-template-columns: 1fr; } }
/* /Components/Shared/DrawerFeedback.razor.rz.scp.css */
.drawer-feedback[b-cwgw6hu4y9] {
    align-items: flex-start;
    background: #f9eeec;
    border: 1px solid #edcdc6;
    border-radius: 10px;
    color: #8d352b;
    display: flex;
    font-size: .82rem;
    gap: .65rem;
    margin: 1rem 1.25rem 0;
    padding: .8rem .9rem;
}

.drawer-feedback span[b-cwgw6hu4y9] {
    font-weight: 800;
}

.drawer-feedback p[b-cwgw6hu4y9] {
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}
/* /Components/Shared/GuardedDrawer.razor.rz.scp.css */
.guarded-drawer-backdrop[b-ik5poyz4nx] {
    align-items: stretch;
    background: rgba(13, 24, 51, 0.42);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 100;
}
/* /Components/Shared/InventoryTransferAction.razor.rz.scp.css */
.inventory-move-menu[b-h3kh2vh782] {
    display: inline-block;
    position: relative;
}

.inventory-move-trigger[b-h3kh2vh782] {
    list-style: none;
    white-space: nowrap;
}

.inventory-move-trigger[b-h3kh2vh782]::-webkit-details-marker {
    display: none;
}

.inventory-move-trigger[b-h3kh2vh782]::after {
    content: "▾";
    font-size: 0.68rem;
}

.inventory-move-menu[open] .inventory-move-trigger[b-h3kh2vh782]::after {
    transform: rotate(180deg);
}

.inventory-move-options[b-h3kh2vh782] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-panel);
    display: grid;
    min-width: max-content;
    padding: 0.35rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 10;
}

.inventory-move-option[b-h3kh2vh782] {
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 0.72rem;
    padding: 0.6rem 0.75rem;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.inventory-move-option:hover[b-h3kh2vh782],
.inventory-move-option:focus-visible[b-h3kh2vh782] {
    background: var(--color-surface-soft);
    color: var(--color-text);
}

@media (max-width: 760px) {
    .inventory-move-options[b-h3kh2vh782] {
        left: 0;
        right: auto;
    }
}
/* /Components/Shared/InventoryTypeManager.razor.rz.scp.css */
.inventory-type-manager[b-5vie08iggr] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display: grid;
    gap: 1.25rem;
    margin: 0 0 1.5rem;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.4rem);
}

.inventory-type-manager-heading h2[b-5vie08iggr],
.inventory-type-editor h3[b-5vie08iggr] {
    color: var(--color-text);
    margin: 0;
}

.inventory-type-manager-heading h2[b-5vie08iggr] {
    font-size: 1.15rem;
}

.inventory-type-manager-heading p[b-5vie08iggr] {
    color: var(--color-text-soft);
    font-size: .86rem;
    margin: .35rem 0 0;
    max-width: 55rem;
}

.inventory-type-error[b-5vie08iggr] {
    background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));
    border-radius: var(--radius-sm);
    color: var(--color-danger);
    padding: .75rem .9rem;
}

.inventory-type-list[b-5vie08iggr] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.inventory-type-card[b-5vie08iggr] {
    align-items: center;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: .9rem 1rem;
}

.inventory-type-card-content[b-5vie08iggr],
.inventory-type-identity[b-5vie08iggr] {
    min-width: 0;
}

.inventory-type-card-heading[b-5vie08iggr] {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.inventory-type-identity[b-5vie08iggr] {
    display: grid;
    gap: .35rem;
}

.inventory-type-identity strong[b-5vie08iggr] {
    color: var(--color-text);
    font-size: .93rem;
    overflow-wrap: anywhere;
}

.inventory-type-identity code[b-5vie08iggr] {
    color: var(--color-text-soft);
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.inventory-type-badges[b-5vie08iggr] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.inventory-type-badge[b-5vie08iggr] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    color: var(--color-text-soft);
    font-size: .64rem;
    font-weight: 780;
    padding: .25rem .5rem;
    white-space: nowrap;
}

.inventory-type-badge.is-default[b-5vie08iggr] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    color: var(--color-primary);
}

.inventory-type-badge.is-active[b-5vie08iggr] {
    background: #e9f7ef;
    border-color: #b8deca;
    color: #167044;
}

.inventory-type-badge.is-inactive[b-5vie08iggr] {
    background: #f1f2f4;
    color: #68717c;
}

.inventory-type-details[b-5vie08iggr] {
    display: grid;
    gap: .45rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: .75rem 0 0;
    min-width: 0;
}

.inventory-type-details div[b-5vie08iggr] {
    min-width: 0;
}

.inventory-type-details dt[b-5vie08iggr] {
    color: var(--color-text-soft);
    font-size: .68rem;
    font-weight: 720;
}

.inventory-type-details dd[b-5vie08iggr] {
    color: var(--color-text);
    font-size: .78rem;
    margin: .15rem 0 0;
    overflow-wrap: anywhere;
}

.inventory-type-card-actions[b-5vie08iggr] {
    align-self: center;
}

.inventory-type-editor[b-5vie08iggr] {
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding-top: 1.2rem;
}

.inventory-type-editor h3[b-5vie08iggr] {
    font-size: .95rem;
}

.inventory-type-form-grid[b-5vie08iggr] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.inventory-type-form-grid > label[b-5vie08iggr] {
    color: var(--color-text);
    display: grid;
    font-size: .74rem;
    font-weight: 720;
    gap: .4rem;
    min-width: 0;
}

.inventory-type-form-grid input:not([type="checkbox"])[b-5vie08iggr] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 2.65rem;
    min-width: 0;
    padding: .58rem .7rem;
    width: 100%;
}

.inventory-type-form-grid input:focus[b-5vie08iggr] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);
    outline: none;
}

.inventory-type-template-field[b-5vie08iggr] {
    grid-column: span 2;
}

.inventory-type-options[b-5vie08iggr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    grid-column: 1 / -1;
}

.inventory-type-checkbox[b-5vie08iggr] {
    align-items: center;
    color: var(--color-text);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 720;
    gap: .5rem;
}

.inventory-type-checkbox input[b-5vie08iggr] {
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.inventory-type-form-actions[b-5vie08iggr] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

@media (max-width: 70rem) {
    .inventory-type-form-grid[b-5vie08iggr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .inventory-type-card[b-5vie08iggr],
    .inventory-type-details[b-5vie08iggr],
    .inventory-type-form-grid[b-5vie08iggr] {
        grid-template-columns: 1fr;
    }

    .inventory-type-card-heading[b-5vie08iggr] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventory-type-badges[b-5vie08iggr] {
        justify-content: flex-start;
    }

    .inventory-type-card-actions .button[b-5vie08iggr],
    .inventory-type-form-actions .button[b-5vie08iggr] {
        width: 100%;
    }

    .inventory-type-template-field[b-5vie08iggr],
    .inventory-type-options[b-5vie08iggr] {
        grid-column: auto;
    }
}
/* /Components/Shared/ItemPicker.razor.rz.scp.css */
.component-picker[b-ltirayww2a] {
    color: var(--color-text-soft);
    display: grid;
    font-size: .71rem;
    font-weight: 720;
    gap: .35rem;
    min-width: 0;
}

.component-picker input[b-ltirayww2a],
.component-picker select[b-ltirayww2a] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    min-height: 2.45rem;
    min-width: 0;
    padding: .6rem .7rem;
    width: 100%;
}

.component-picker input:focus[b-ltirayww2a],
.component-picker select:focus[b-ltirayww2a] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(96, 120, 90, .14);
    outline: 0;
}

.component-picker-empty[b-ltirayww2a] {
    color: var(--color-text-soft);
}
/* /Components/Shared/StockValuationPanel.razor.rz.scp.css */
.valuation-panel[b-udp7qmvj0d] { margin: 1rem 0; padding: 1rem; border: 1px solid var(--color-border); border-radius: 12px; }
.valuation-table[b-udp7qmvj0d] { overflow-x: auto; }
table[b-udp7qmvj0d] { width: 100%; border-collapse: collapse; }
td[b-udp7qmvj0d], th[b-udp7qmvj0d] { padding: .6rem; text-align: left; border-bottom: 1px solid var(--color-border); }
.valuation-drawer[b-udp7qmvj0d] { position: absolute; right: 0; top: 0; bottom: 0; width: min(640px, 100vw); box-sizing: border-box; overflow-y: auto; background: var(--color-surface); padding: 1.5rem; }
fieldset[b-udp7qmvj0d] { border: 0; padding: 0; display: grid; gap: .8rem; }
label[b-udp7qmvj0d] { display: grid; gap: .3rem; }
input[b-udp7qmvj0d], select[b-udp7qmvj0d], textarea[b-udp7qmvj0d] { padding: .6rem; font: inherit; width: 100%; box-sizing: border-box; }
.drawer-actions[b-udp7qmvj0d] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
/* /Components/Stock/ReservationReleaseDrawer.razor.rz.scp.css */
.drawer[b-589e8qkqhq] { background: var(--color-surface); box-shadow: -18px 0 45px rgba(15, 23, 42, .2); display: grid; grid-template-rows: auto 1fr auto; height: 100dvh; max-width: 94vw; position: fixed; right: 0; top: 0; width: 38rem; z-index: 121; }
.drawer.compact[b-589e8qkqhq] { width: 31rem; }
.drawer header[b-589e8qkqhq] { align-items: flex-start; border-bottom: 1px solid var(--color-border); display: flex; gap: 1rem; justify-content: space-between; padding: 1.35rem; }
.drawer h2[b-589e8qkqhq] { color: var(--color-text); margin: .3rem 0 .35rem; }
.close[b-589e8qkqhq] { background: none; border: 0; color: var(--color-text-soft); cursor: pointer; font-size: 1.5rem; }
.drawer-body[b-589e8qkqhq] { overflow-y: auto; padding: 1.35rem; }
.form-grid[b-589e8qkqhq] { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.form-grid .full[b-589e8qkqhq] { grid-column: 1 / -1; }
.form-grid label > span[b-589e8qkqhq] { color: var(--color-text-soft); display: block; font-size: .72rem; font-weight: 750; margin-bottom: .35rem; }
.form-grid input[b-589e8qkqhq], .form-grid select[b-589e8qkqhq], .form-grid textarea[b-589e8qkqhq] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); box-sizing: border-box; color: var(--color-text); font: inherit; padding: .7rem .75rem; width: 100%; }
.drawer footer[b-589e8qkqhq] { border-top: 1px solid var(--color-border); display: flex; gap: .65rem; justify-content: flex-end; padding: 1rem 1.35rem; }
@media (max-width: 720px) { .drawer[b-589e8qkqhq] { bottom: 0; height: min(88dvh, 48rem); max-width: none; top: auto; width: 100%; } .form-grid[b-589e8qkqhq] { grid-template-columns: 1fr; } }
/* /Components/Stock/StockUnitPicker.razor.rz.scp.css */
.stock-unit-picker[b-jmxy2ohzx3] { display: grid; gap: .6rem; min-width: 0; padding: .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.stock-unit-picker p[b-jmxy2ohzx3] { margin: 0; }
.stock-unit-search[b-jmxy2ohzx3], .stock-unit-selected[b-jmxy2ohzx3] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.stock-unit-search input[b-jmxy2ohzx3] { flex: 1; min-width: 10rem; }
.stock-unit-options[b-jmxy2ohzx3] { max-height: 13rem; overflow: auto; display: grid; gap: .4rem; }
.stock-unit-options label[b-jmxy2ohzx3] { display: flex; align-items: center; gap: .6rem; padding: .3rem; }
.stock-unit-picker .stock-unit-options input[type=checkbox][b-jmxy2ohzx3] { flex: none; width: 1.05rem; min-width: 1.05rem; height: 1.05rem; padding: 0; margin: 0; }
.stock-unit-options span[b-jmxy2ohzx3] { overflow-wrap: anywhere; min-width: 0; }
.stock-unit-selected button[b-jmxy2ohzx3] { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
/* /Components/Stock/StockUnitsDrawer.razor.rz.scp.css */
.units-drawer[b-8z1qyholwh] { background: var(--color-surface); width: min(44rem, 96vw); height: 100dvh; box-sizing: border-box; margin-left: auto; padding: 1.25rem; overflow: auto; }
.units-drawer header[b-8z1qyholwh], .unit-search[b-8z1qyholwh] { display: flex; align-items: center; gap: .75rem; justify-content: space-between; margin-bottom: 1rem; }
.units-drawer h2[b-8z1qyholwh], .units-drawer p[b-8z1qyholwh] { margin: 0; }
.units-drawer article[b-8z1qyholwh] { display: grid; gap: .4rem; border-bottom: 1px solid var(--color-border); padding: .85rem 0; overflow-wrap: anywhere; }
.unit-search input[b-8z1qyholwh] { flex: 1; min-width: 0; }
.units-list[b-8z1qyholwh] { margin-bottom: 1rem; }