/* /Components/Layout/OperatorLayout.razor.rz.scp.css */
.operator-nav[b-w313ueqg52] {
    flex-direction: column;
    gap: 18px;
    overflow: visible;
}

.operator-nav-group[b-w313ueqg52], .operator-nav-links[b-w313ueqg52] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
}

.operator-nav-label[b-w313ueqg52], .operator-nav-management summary[b-w313ueqg52] {
    padding: 8px 14px;
    color: #b5c9bb;
    font-size: .8rem;
    font-weight: 650;
    letter-spacing: .035em;
}

.operator-nav-management[b-w313ueqg52] {
    border-top: 1px solid #425447;
    padding-top: 10px;
}

.operator-nav-management summary[b-w313ueqg52] {
    cursor: pointer;
    min-height: 44px;
    align-content: center;
    border-radius: var(--ui-control-radius);
}

.operator-nav-management summary:hover[b-w313ueqg52] {
    background: #2c4033;
    color: #fff;
}

.operator-nav-management summary:focus-visible[b-w313ueqg52] {
    outline: 2px solid #ffd8ad;
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .operator-nav[b-w313ueqg52] {
        display: flex;
        gap: 8px;
        width: 100%;
    }

    .operator-nav-label[b-w313ueqg52] {
        padding: 0 4px;
    }

    .operator-nav-links[b-w313ueqg52] {
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: thin;
        padding: 2px 0 6px;
    }

    .operator-nav-links[b-w313ueqg52]  a {
        white-space: nowrap;
        flex: none;
    }

    .operator-nav-management[b-w313ueqg52] {
        padding-top: 2px;
    }

    .operator-nav-management summary[b-w313ueqg52] {
        padding: 4px 10px;
    }
}

@media (max-width: 480px) {
    .operator-nav-links[b-w313ueqg52] {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2tsl8347qk],
.components-reconnect-repeated-attempt-visible[b-2tsl8347qk],
.components-reconnect-failed-visible[b-2tsl8347qk],
.components-pause-visible[b-2tsl8347qk],
.components-resume-failed-visible[b-2tsl8347qk],
.components-rejoining-animation[b-2tsl8347qk] {
    display: none;
}

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


#components-reconnect-modal[b-2tsl8347qk] {
    background-color: var(--ui-card, #fff);
    color: var(--ui-text, #23332a);
    font-family: var(--ui-font, 'Segoe UI', system-ui, sans-serif);
    line-height: 1.5;
    width: min(420px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
    margin: min(18vh, 160px) auto;
    padding: clamp(20px, 5vw, 32px);
    border: 1px solid var(--ui-border, #dde4dd);
    border-radius: var(--ui-radius, 14px);
    box-shadow: 0 16px 48px rgba(25, 45, 33, 0.18);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2tsl8347qk 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

/* Knoppenrij en aftelling in het herstelvenster, in de stijl van de rest van de site. */
/* Alleen tonen in de foutstand; de basisregel hierboven verbergt alles wat
   components-reconnect-failed-visible heet, en die moet blijven gelden. */
#components-reconnect-modal.components-reconnect-failed .reconnect-actions[b-2tsl8347qk] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.reconnect-countdown[b-2tsl8347qk] {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: var(--ui-muted, #606c64);
}

#components-reconnect-modal button[b-2tsl8347qk] {
    min-height: 44px;
    max-width: 100%;
    padding: 10px 16px;
    border-radius: var(--ui-control-radius, 9px);
    border: 1px solid var(--ui-border, #dde4dd);
    background: var(--ui-card, #fff);
    color: var(--ui-text, #23332a);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    cursor: pointer;
}

#components-reconnect-modal button.reconnect-primary[b-2tsl8347qk] {
    background: var(--ui-primary, #b84c00);
    border-color: var(--ui-primary, #b84c00);
    color: var(--ui-on-primary, #fff);
}

#components-reconnect-modal strong[b-2tsl8347qk] {
    font-size: 16px;
}

#components-reconnect-modal button:hover[b-2tsl8347qk] {
    background: var(--ui-surface, #f3f6f3);
}

#components-reconnect-modal button.reconnect-primary:hover[b-2tsl8347qk] {
    background: color-mix(in srgb, var(--ui-primary, #b84c00) 88%, #000);
}

#components-reconnect-modal button:focus-visible[b-2tsl8347qk] {
    outline: 3px solid var(--ui-focus, #226b59);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-2tsl8347qk],
    #components-reconnect-modal[open][b-2tsl8347qk],
    #components-reconnect-modal[b-2tsl8347qk]::backdrop,
    .components-rejoining-animation div[b-2tsl8347qk] {
        animation: none;
        transition: none;
    }

    #components-reconnect-modal[open][b-2tsl8347qk] {
        opacity: 1;
    }
}

/* Blazor zet tijdens een nieuwe poging zowel -show als -retrying. Zonder deze regel staat de eerste
   tekst ("Even opnieuw verbinden") dan onder de tweede ("Verbinden lukt nog niet"). */
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-2tsl8347qk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-2tsl8347qk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-repeated-attempt-visible[b-2tsl8347qk],
#components-reconnect-modal.components-reconnect-failed .components-rejoining-animation[b-2tsl8347qk] {
    display: none;
}
/* /Components/Pages/BestelflowOverzicht.razor.rz.scp.css */
.email-card input[aria-invalid="true"][b-hne770xxsg] { border: 2px solid var(--ui-danger, #b42318); background: #fffafa; }
.required-label[b-hne770xxsg] { margin-left: .5rem; padding: .2rem .45rem; border-radius: 5px; background: #f1f3f0; color: var(--ui-text, #202923); font-size: .75rem; font-weight: 600; }
.field-error[b-hne770xxsg] { margin: .25rem 0 0; color: var(--ui-danger, #b42318); font-weight: 600; line-height: 1.5; }
#customer-email[b-hne770xxsg], #quantity-confirmation[b-hne770xxsg] { scroll-margin-block: 8rem; }
.form-card label:has(#quantity-confirmation)[b-hne770xxsg] { display: flex; flex-direction: row; align-items: flex-start; gap: .75rem; }
#quantity-confirmation[b-hne770xxsg] { flex: 0 0 auto; margin-top: .2rem; }
.overzicht-levering .overzicht-row[b-hne770xxsg] { display: grid; grid-template-columns: 7rem minmax(0, 1fr); }
.overzicht-levering .overzicht-row > span:first-child[b-hne770xxsg] { white-space: nowrap; }
.overzicht-levering .overzicht-row > span:last-child[b-hne770xxsg] { max-width: none; text-align: left; }
@media (max-width: 480px) { .overzicht-levering .overzicht-row[b-hne770xxsg] { grid-template-columns: minmax(0, 1fr); gap: .3rem; } }
/* /Components/Pages/LocalPreview.razor.rz.scp.css */
.preview-intro[b-yiwroucbe0] { max-width: 760px; padding: 2rem 0; }
.preview-eyebrow[b-yiwroucbe0] { color: var(--green, #245b45); font-weight: 700; font-size: .85rem; letter-spacing: .04em; }
.preview-intro h1[b-yiwroucbe0] { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; margin: .8rem 0 1rem; }
.preview-intro p[b-yiwroucbe0], .preview-grid p[b-yiwroucbe0], .preview-footer p[b-yiwroucbe0] { color: var(--muted, #59625d); line-height: 1.65; }
.preview-grid[b-yiwroucbe0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.preview-grid .order-card[b-yiwroucbe0] { display: flex; flex-direction: column; margin: 0; padding: 1.6rem; }
.preview-grid h2[b-yiwroucbe0] { margin: .6rem 0; }
.preview-number[b-yiwroucbe0] { font-size: .85rem; font-weight: 700; color: var(--green, #245b45); }
.preview-grid .btn-choose[b-yiwroucbe0] { margin-top: auto; text-align: center; }
.preview-login[b-yiwroucbe0] { padding: .8rem; background: #f3f6f1; border-radius: 10px; overflow-wrap: anywhere; }
.preview-footer[b-yiwroucbe0] { margin-top: 1.25rem; display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.preview-footer h2[b-yiwroucbe0], .preview-footer p[b-yiwroucbe0] { margin: .3rem 0; }
@media(max-width: 820px) { .preview-grid[b-yiwroucbe0] { grid-template-columns: 1fr; } .preview-footer[b-yiwroucbe0] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/OperatorBestellingDetail.razor.rz.scp.css */
.order-detail-head[b-y7jezg0q1u] { gap: var(--s-5); }
.order-section-links[b-y7jezg0q1u] { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 16px 0; margin-bottom: 16px; }
.order-section-links a[b-y7jezg0q1u] { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--ui-text); }
#drukproef[b-y7jezg0q1u], #sponsorbijdragen[b-y7jezg0q1u] { margin-top: 24px; scroll-margin-top: 16px; }
.order-detail-head > *[b-y7jezg0q1u], .order-detail-columns > *[b-y7jezg0q1u] { min-width: 0; }
.order-detail-columns[b-y7jezg0q1u] { align-items: start; gap: var(--s-5); }
.order-stock-and-delivery[b-y7jezg0q1u] { display: flex; flex-direction: column; gap: var(--s-5); }
.op-card[b-y7jezg0q1u] { padding: var(--s-5); gap: var(--s-4); overflow-wrap: anywhere; }
.op-inline-form-veld[b-y7jezg0q1u] { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; font-size: .875rem; }
.op-inline-form[b-y7jezg0q1u] { gap: var(--s-3); padding: var(--s-4); margin: var(--s-3) 0; background: var(--ui-surface); border-radius: var(--ui-control-radius); }
.op-inline-form > p[b-y7jezg0q1u], .op-inline-form > strong[b-y7jezg0q1u] { flex-basis: 100%; margin: 0; }
.op-inline-form-acties[b-y7jezg0q1u] { flex-wrap: wrap; gap: var(--s-2); }
.op-inline-form input[b-y7jezg0q1u], .op-inline-form textarea[b-y7jezg0q1u], .op-inline-form select[b-y7jezg0q1u] { max-width: 100%; }
.op-panel-head[b-y7jezg0q1u] { flex-wrap: wrap; gap: var(--s-3); }
.order-detail-actions[b-y7jezg0q1u] { gap: var(--s-3); margin-top: 0; }
.order-work-summary[b-y7jezg0q1u] { margin: var(--s-5) 0; }
.order-work-grid[b-y7jezg0q1u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.order-work-item[b-y7jezg0q1u] { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-4); border: 1px solid var(--ui-border); border-radius: var(--ui-control-radius); background: var(--ui-card); color: var(--ui-text); text-decoration: none; overflow-wrap: anywhere; line-height: 1.5; }
.order-work-item:hover[b-y7jezg0q1u] { border-color: var(--ui-primary); background: var(--ui-surface); }
.order-work-item:focus-visible[b-y7jezg0q1u] { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.order-work-item span[b-y7jezg0q1u] { font-size: .875rem; color: var(--ui-muted); }
.order-work-item .error-text[b-y7jezg0q1u] { color: var(--ui-warning, #8a5b16); }
.logo-review[b-y7jezg0q1u] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); margin: 0 0 var(--s-4); }
.logo-review p[b-y7jezg0q1u] { margin: 0; line-height: 1.6; }
.stock-table[b-y7jezg0q1u] { gap: var(--s-3); align-items: start; line-height: 1.5; }
.stock-table-head[b-y7jezg0q1u] { border-color: var(--ui-border); padding-bottom: var(--s-2); }
.stock-table > span[b-y7jezg0q1u] { min-width: 0; overflow-wrap: anywhere; }
.op-task-row[b-y7jezg0q1u] { flex-wrap: wrap; gap: var(--s-2); padding: var(--s-4); border-radius: var(--ui-control-radius); background: var(--ui-surface); }
.regel-kaart[b-y7jezg0q1u] { padding: var(--s-4); margin-bottom: 0; background: var(--ui-surface); border-radius: var(--ui-control-radius); }
.regel-kaart-kop[b-y7jezg0q1u] { gap: var(--s-1); margin-bottom: var(--s-2); }
.regel-kaart-acties[b-y7jezg0q1u] { gap: var(--s-2); margin-top: var(--s-3); }
.regel-kaart-risico[b-y7jezg0q1u] { border-color: var(--ui-border); }
.op-note-invoer[b-y7jezg0q1u], .op-note-kop[b-y7jezg0q1u] { flex-wrap: wrap; gap: var(--s-3); }
.op-note-invoer textarea[b-y7jezg0q1u] { min-width: 0; max-width: 100%; }
.op-onhold-banner[b-y7jezg0q1u] { gap: var(--s-4); padding: var(--s-4); border-radius: var(--ui-radius); }
.op-onhold-banner > div[b-y7jezg0q1u] { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .order-work-grid[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .order-detail-columns[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
    .order-stock-and-delivery[b-y7jezg0q1u] { gap: var(--s-4); }
    .op-card[b-y7jezg0q1u] { padding: var(--s-4); }
    .order-work-summary[b-y7jezg0q1u] { margin: var(--s-4) 0; }
    .order-detail-actions[b-y7jezg0q1u] { width: 100%; }
    .order-detail-actions > *[b-y7jezg0q1u] { flex-basis: 100%; }
    .stock-table[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); padding: var(--s-3) 0; border-bottom: 1px solid var(--ui-border); }
    .stock-table-head[b-y7jezg0q1u] { display: none; }
    .stock-table > span[data-label][b-y7jezg0q1u] { display: flex; justify-content: space-between; gap: var(--s-3); }
    .stock-table > span[data-label][b-y7jezg0q1u]::before { content: attr(data-label); color: var(--ui-muted); font-weight: 400; flex-shrink: 0; }
    .stock-table > span:first-child[b-y7jezg0q1u] { font-weight: 600; }
}
@media (max-width: 480px) { .order-work-grid[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); } }
.order-collapsible[b-y7jezg0q1u] { align-self: start; }
.order-collapsible > summary[b-y7jezg0q1u] { cursor: pointer; font-size: 1rem; font-weight: 650; padding: .35rem 0; }
.order-collapsible[open] > summary[b-y7jezg0q1u] { margin-bottom: 1rem; }
.artwork-collapse[b-y7jezg0q1u] { margin-top: 1.25rem; }
.artwork-collapse[b-y7jezg0q1u]  .artwork-panel { padding: 0; margin: 0; border: 0; box-shadow: none; }

.order-section[hidden][b-y7jezg0q1u] { display: none !important; }
.order-sections.order-process[b-y7jezg0q1u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; overflow: visible; border-bottom: 0; }
.order-process a[b-y7jezg0q1u] { min-width: 0; align-items: start; gap: 10px; border: 1px solid var(--ui-border); background: var(--ui-card); }
.order-process a > span:last-child[b-y7jezg0q1u] { min-width: 0; }
.order-process strong[b-y7jezg0q1u] { display: block; font-size: 14px; color: var(--ui-text); }
.order-process small[b-y7jezg0q1u] { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; line-height: 1.5; }
.order-process .process-number[b-y7jezg0q1u] { display: grid; place-items: center; flex-shrink: 0; width: 25px; height: 25px; border: 1px solid var(--ui-border); border-radius: 50%; }
.order-process .process-done .process-number[b-y7jezg0q1u] { color: #176445; background: #e4f3e9; border-color: #b0d8be; }
.order-process .process-current[b-y7jezg0q1u] { border-color: var(--c-primary, #ec942c); }
.order-contact-link[b-y7jezg0q1u] { font-size: 13px; grid-column: 1 / -1; }
.intake-check[b-y7jezg0q1u], .supply-actions[b-y7jezg0q1u] { margin-bottom: 24px; }
.customer-correction[b-y7jezg0q1u] { padding: 14px; background: var(--ui-surface); border-radius: 8px; }
.customer-correction summary[b-y7jezg0q1u] { cursor: pointer; min-height: 32px; align-content: center; }
.customer-correction label[b-y7jezg0q1u] { margin: 14px 0; }
.intake-checklist[b-y7jezg0q1u] { display: grid; gap: 14px; border: 0; padding: 0; margin: 12px 0; }
.intake-checklist label[b-y7jezg0q1u] { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.5; }
.intake-checklist input[type=checkbox][b-y7jezg0q1u] { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--c-primary, #ec942c); }
.intake-checklist input[type=number][b-y7jezg0q1u] { width: 90px; }
.exception-actions[b-y7jezg0q1u] { display: grid; gap: 12px; margin: 8px 0; }
.exception-actions a[b-y7jezg0q1u] { padding: 12px; border: 1px solid var(--ui-border); border-radius: 8px; }
@media (max-width: 700px) {
    .order-sections.order-process[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .order-sections.order-process a[b-y7jezg0q1u] { padding: 12px 8px; gap: 6px; }
    .order-process strong[b-y7jezg0q1u] { font-size: 12px; }
}
.order-detail-head[b-y7jezg0q1u] { align-items: start; margin-bottom: 20px; }
.order-detail-head h2[b-y7jezg0q1u] { margin-bottom: 8px; }
.order-detail-head .muted-i[b-y7jezg0q1u] { display: block; margin-top: 6px; }
.order-current-status[b-y7jezg0q1u] { font-weight: 650; }
.order-utilities[b-y7jezg0q1u] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: end; }
.order-utilities .btn-op-secondary[b-y7jezg0q1u] { font-size: 13px; }
.order-sections[b-y7jezg0q1u] { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--ui-border); margin: 24px 0; padding: 0 0 8px; }
.order-sections a[b-y7jezg0q1u] { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 10px 15px; color: var(--ui-muted); border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; }
.order-sections a:hover[b-y7jezg0q1u] { background: var(--ui-surface); color: var(--ui-text); }
.order-sections .is-active[b-y7jezg0q1u] { color: var(--ui-text); background: var(--ui-primary-soft, #fdf0da); box-shadow: inset 0 -3px 0 var(--c-primary, #ec942c); }
.order-section-heading[b-y7jezg0q1u] { font-size: 20px; margin: 0 0 18px; scroll-margin-top: 20px; }
.order-section-heading:focus[b-y7jezg0q1u] { outline: none; }
.order-section[b-y7jezg0q1u] { min-width: 0; }
.order-next-action[b-y7jezg0q1u] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .9fr); align-items: center; margin-bottom: 20px; }
.order-next-action h3[b-y7jezg0q1u] { margin: 0 0 8px; }
.order-next-action p[b-y7jezg0q1u] { margin: 0; color: var(--ui-muted); line-height: 1.6; }
.order-next-action .order-detail-actions[b-y7jezg0q1u] { display: flex; flex-direction: column; }
.order-next-action .order-step-btn[b-y7jezg0q1u] { max-width: none; width: 100%; }
.order-facts[b-y7jezg0q1u] { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 16px; margin: 0 0 24px; padding: 18px 0; }
.order-facts > div[b-y7jezg0q1u] { min-width: 0; }
.order-facts dt[b-y7jezg0q1u] { font-size: 13px; color: var(--ui-muted); font-weight: 400; margin-bottom: 5px; }
.order-facts dd[b-y7jezg0q1u] { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.order-route-grid[b-y7jezg0q1u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.order-route-card[b-y7jezg0q1u] { display: flex; flex-direction: column; gap: 10px; padding: 20px; background: var(--ui-card); border: 1px solid var(--ui-border); border-radius: 12px; color: var(--ui-text); text-decoration: none; min-width: 0; }
.order-route-card strong[b-y7jezg0q1u] { display: flex; justify-content: space-between; gap: 12px; }
.order-route-card > span[b-y7jezg0q1u] { font-size: 14px; color: var(--ui-muted); line-height: 1.5; }
.order-route-card:hover[b-y7jezg0q1u] { border-color: var(--c-primary, #ec942c); background: var(--ui-surface); }
.order-quote-summary[b-y7jezg0q1u] { margin-bottom: 24px; align-items: start; }
.order-stock-and-delivery[b-y7jezg0q1u] { display: grid; grid-template-columns: 1.4fr 1fr; }
.order-section > section + section[b-y7jezg0q1u], #sponsorbijdragen + section[b-y7jezg0q1u] { margin-top: 24px; }
.order-work-summary[b-y7jezg0q1u] { margin-top: 0; }
@media (max-width: 1100px) {
    .order-route-grid[b-y7jezg0q1u], .order-facts[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .order-stock-and-delivery[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .order-next-action[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); }
    .order-utilities[b-y7jezg0q1u] { justify-content: start; }
    .order-route-grid[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); }
    .order-sections[b-y7jezg0q1u] { margin-top: 16px; }
    .order-facts[b-y7jezg0q1u] { gap: 20px 12px; }
}

.order-topline[b-y7jezg0q1u], .order-tools[b-y7jezg0q1u] { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.order-topline[b-y7jezg0q1u] { margin: 0 0 12px; min-height: 34px; font-size: 13px; }
.order-more[b-y7jezg0q1u] { position: relative; }
.order-more > summary[b-y7jezg0q1u] { cursor: pointer; padding: 8px; }
.order-more > div[b-y7jezg0q1u] { position: absolute; right: 0; top: 100%; z-index: 30; display: grid; width: 230px; padding: 6px; border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-card); box-shadow: 0 8px 24px #0002; }
.order-more a[b-y7jezg0q1u] { padding: 11px 12px; border-radius: 6px; text-decoration: none; }
.order-more a:hover[b-y7jezg0q1u] { background: var(--ui-surface); }
.order-detail-head[b-y7jezg0q1u] { align-items: center; gap: 16px; margin-bottom: 12px; }
.order-detail-head h2[b-y7jezg0q1u] { font-size: 23px; margin-bottom: 4px; }
.order-detail-head .muted-i[b-y7jezg0q1u] { display: inline; font-size: 13px; margin-left: 8px; }
.order-current-status[b-y7jezg0q1u], .order-problem-link[b-y7jezg0q1u] { font-size: 13px; }
.order-problem-link[b-y7jezg0q1u] { flex-shrink: 0; }
.order-sections.order-process[b-y7jezg0q1u] { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 14px 0 18px; gap: 8px; padding: 0; }
.order-process a[b-y7jezg0q1u] { padding: 10px; min-height: 66px; gap: 8px; }
.order-process small[b-y7jezg0q1u] { font-size: 11px; line-height: 1.35; }
.order-process .process-number[b-y7jezg0q1u] { width: 23px; height: 23px; }
.order-section-heading[b-y7jezg0q1u] { font-size: 18px; margin-bottom: 12px; }
.order-facts[b-y7jezg0q1u] { padding: 8px 0 12px; margin-bottom: 0; gap: 12px; }
.order-facts dt[b-y7jezg0q1u] { font-size: 12px; }
.order-facts dd[b-y7jezg0q1u] { font-size: 14px; }
.op-card.intake-check[b-y7jezg0q1u] { margin-bottom: 12px; gap: 6px; padding: 18px 24px; }
.intake-check h3[b-y7jezg0q1u] { font-size: 17px; margin: 0; }
.intake-check p[b-y7jezg0q1u] { margin: 5px 0; }
.intake-check .customer-correction[b-y7jezg0q1u] { padding: 0; background: transparent; }
.intake-check .customer-correction summary[b-y7jezg0q1u] { min-height: 30px; font-size: 13px; }
.order-items-summary[b-y7jezg0q1u] { font-size: 14px; color: var(--ui-muted); }
.order-defaults[b-y7jezg0q1u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 8px 0; }
.order-defaults label[b-y7jezg0q1u] { display: flex; flex-direction: column; gap: 6px; font-size: 13px; min-width: 0; }
.order-defaults select[b-y7jezg0q1u], .order-defaults input[b-y7jezg0q1u] { width: 100%; min-width: 0; }
.order-custom-lead[b-y7jezg0q1u] { max-width: 480px; }
.order-promise[b-y7jezg0q1u] { font-size: 14px; }
.order-stock-hint[b-y7jezg0q1u] { font-size: 12px; }
.order-primary-action[b-y7jezg0q1u] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.order-primary-action > span[b-y7jezg0q1u] { font-size: 12px; color: var(--ui-muted); flex: 1 1 260px; }
.order-primary-action .btn-op-primary[b-y7jezg0q1u] { min-height: 46px; }
.order-section.order-detail-columns[b-y7jezg0q1u] { display: block; }
.order-deep-details[b-y7jezg0q1u] { border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-card); margin-top: 12px; }
.order-deep-details > summary[b-y7jezg0q1u] { padding: 12px 16px; min-height: 44px; align-content: center; cursor: pointer; font-size: 13px; font-weight: 600; }
.order-deep-details > .order-detail-columns[b-y7jezg0q1u] { padding: 0 14px 14px; }
.order-detail-content[b-y7jezg0q1u] { padding: 0 16px 16px; }
.order-stock-line[b-y7jezg0q1u] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 8px 0; border-bottom: 1px solid var(--ui-border); font-size: 13px; }
.order-stock-line strong[b-y7jezg0q1u] { font-weight: 500; }
.preparation-grid[b-y7jezg0q1u] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 16px; align-items: start; }
.preparation-column[b-y7jezg0q1u] { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.preparation-column > .btn-op-secondary[b-y7jezg0q1u] { align-self: flex-start; font-size: 13px; }
.preparation-column .order-deep-details[b-y7jezg0q1u] { margin-top: 0; }
.preparation-column[b-y7jezg0q1u]  .op-card { margin: 0; }
.preparation-column[b-y7jezg0q1u]  h3 { font-size: 17px; }
.preparation-column[b-y7jezg0q1u]  .artwork-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.preparation-planning[b-y7jezg0q1u] { margin-bottom: 14px; }
.order-ready-next[b-y7jezg0q1u] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 0 0 12px; padding: 16px; border: 1px solid var(--ui-border); background: var(--ui-card); border-radius: 8px; font-size: 14px; }
.standard-order-scope[b-y7jezg0q1u] { display:grid; gap:6px; margin:12px 0; padding:14px 18px; background:var(--ui-card); border:1px solid var(--ui-border); border-radius:10px; font-size:14px; }
.standard-order-scope > span[b-y7jezg0q1u] { color:var(--ui-muted); }
.standard-order-scope summary[b-y7jezg0q1u] { padding:6px 0; cursor:pointer; }
.standard-detail-grid[b-y7jezg0q1u] { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.standard-sponsor[b-y7jezg0q1u] { display:grid; gap:5px; padding:12px 0; border-top:1px solid var(--ui-border); }
.standard-decision.op-card[b-y7jezg0q1u] { gap:8px; padding:18px 24px; }
.standard-decision p[b-y7jezg0q1u] { margin:4px 0; }
.standard-decision-actions[b-y7jezg0q1u] { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.standard-attention[b-y7jezg0q1u] { display:block; padding:10px 14px; background:#fff2dc; color:#785012; border-radius:7px; font-size:14px; }
.standard-production-steps[b-y7jezg0q1u] { display:flex; list-style:none; padding:0; gap:10px; margin:0 0 18px; }
.standard-production-steps li[b-y7jezg0q1u] { flex:1; padding:12px; border:1px solid var(--ui-border); background:var(--ui-card); border-radius:8px; font-weight:600; }
.standard-production-steps .complete[b-y7jezg0q1u] { background:#e7f3ed; color:#285d45; }
.standard-line-edit[b-y7jezg0q1u] { display:flex; align-items:end; gap:12px; padding:16px 0; flex-wrap:wrap; border-bottom:1px solid var(--ui-border); }
.standard-line-edit strong[b-y7jezg0q1u] { flex:1; min-width:180px; }
.standard-line-edit label[b-y7jezg0q1u] { width:120px; }
@media(max-width:650px) { .standard-detail-grid[b-y7jezg0q1u] { grid-template-columns:1fr; }.standard-production-steps[b-y7jezg0q1u] { gap:5px; font-size:12px; }.standard-production-steps li[b-y7jezg0q1u] { padding:8px; }.standard-decision-actions > button[b-y7jezg0q1u] { width:100%; } }
.order-work-summary[b-y7jezg0q1u] { padding: 18px; margin-bottom: 12px; }
.order-work-summary p[b-y7jezg0q1u] { margin: 8px 0; }
.order-work-summary h3[b-y7jezg0q1u] { font-size: 17px; }
@media (max-width: 1050px) {
    .preparation-grid[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .order-sections.order-process[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .order-process a[b-y7jezg0q1u] { min-height: 58px; }
    .order-detail-head[b-y7jezg0q1u] { align-items: start; }
    .order-detail-head h2[b-y7jezg0q1u] { font-size: 20px; }
    .order-detail-head .muted-i[b-y7jezg0q1u] { display: block; margin-left: 0; }
    .order-defaults[b-y7jezg0q1u] { grid-template-columns: minmax(0, 1fr); }
    .order-custom-lead[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .order-primary-action[b-y7jezg0q1u] { align-items: stretch; }
    .order-primary-action > *[b-y7jezg0q1u] { width: 100%; }
    .order-facts[b-y7jezg0q1u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.order-save-notice[b-y7jezg0q1u] { margin: 8px 0; color: #285d45; font-size: .9rem; }
/* /Components/Pages/OperatorBestellingen.razor.rz.scp.css */
.best-tabel .best-order-row[b-3obp21vqo1] { cursor: pointer; }
.best-tabel .best-order-row:not(.is-gekozen):hover[b-3obp21vqo1], .best-tabel .best-order-row:not(.is-gekozen):focus-within[b-3obp21vqo1] { background: var(--ui-primary-soft, #fdf0da); }
.best-order-row .best-kies[b-3obp21vqo1] { cursor: default; }

.best-tabel td.best-next[b-3obp21vqo1] {
    min-width: 170px;
    max-width: 240px;
}

.best-tabel td.best-next a[b-3obp21vqo1] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    white-space: normal;
    text-align: left;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .best-tabel td.best-next[b-3obp21vqo1] {
        max-width: none;
        min-width: 0;
    }
}

.missing-logo-count[b-3obp21vqo1] { display: block; color: #975200; font-size: .8rem; }
/* /Components/Pages/OperatorFactuurspecificatie.razor.rz.scp.css */
.invoice-actions[b-dbbi8lfzf6] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.invoice-list[b-dbbi8lfzf6] { width:100%; border-collapse:collapse; }
.invoice-list th[b-dbbi8lfzf6],.invoice-list td[b-dbbi8lfzf6] { padding:14px 12px; text-align:left; border-bottom:1px solid var(--ui-border,#ddd); white-space:nowrap; }
.invoice-controls[b-dbbi8lfzf6] { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-bottom:24px; }
.invoice-controls details[b-dbbi8lfzf6] { width:100%; }
.invoice-controls summary[b-dbbi8lfzf6] { cursor:pointer; font-weight:600; }
.invoice-controls p[b-dbbi8lfzf6] { width:100%; margin:0; }
@media print { .invoice-actions[b-dbbi8lfzf6],.invoice-noprint[b-dbbi8lfzf6] { display:none !important; } }
/* /Components/Pages/OperatorJaarlagen.razor.rz.scp.css */
.jaarlagen-table input[b-m4hn4v3567] { max-width: 100%; }
.jaarlagen-table .jaarlagen-squad-size[b-m4hn4v3567] { width: 6rem; min-width: 5rem; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
    .jaarlagen-table .jaarlagen-squad-size[b-m4hn4v3567] { width: 100%; }
}
/* /Components/Pages/OperatorOfferte.razor.rz.scp.css */
.quote-edit-fields[b-vrxfocdcu7] { border: 0; padding: 0; margin: 0; min-width: 0; }
.quote-edit-fields:disabled input[b-vrxfocdcu7], .quote-edit-fields:disabled textarea[b-vrxfocdcu7] { color: var(--ui-text); opacity: 1; background: var(--ui-surface); }
.of-agreement-details[b-vrxfocdcu7] { display: grid; gap: 16px; margin: 16px 0 0; }
.of-agreement-details dt[b-vrxfocdcu7] { color: var(--ui-muted); font-size: 13px; }
.of-agreement-details dd[b-vrxfocdcu7] { margin: 4px 0 0; overflow-wrap: anywhere; }
.of-preserve-lines[b-vrxfocdcu7] { white-space: pre-wrap; }
.of-readonly[b-vrxfocdcu7] { display: block; white-space: normal; overflow-wrap: anywhere; }
.quote-unavailable[b-vrxfocdcu7] { max-width: 760px; }
.quote-unavailable p[b-vrxfocdcu7] { line-height: 1.6; }
.quote-unavailable .btn-op-primary[b-vrxfocdcu7] { margin-top: 8px; }
/* /Components/Pages/OperatorVandaag.razor.rz.scp.css */
.vandaag-head[b-9utjqz854v] { flex-wrap: wrap; gap: var(--s-4); }
.vandaag-head > .btn-op-primary[b-9utjqz854v] { flex-shrink: 0; }
.today-open-label[b-9utjqz854v] { flex-basis: 100%; font-size: .8rem; font-weight: 600; color: var(--ui-primary); }
.today-work-link[b-9utjqz854v] { font-size: .875rem; font-weight: 600; }
.today-priorities[b-9utjqz854v] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); margin-bottom: var(--s-5); }
.today-priorities a[b-9utjqz854v] { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; padding: var(--s-5); background: var(--ui-card); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); color: var(--ui-text); text-decoration: none; overflow-wrap: anywhere; }
.today-priorities strong[b-9utjqz854v] { font-size: 2rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.today-priorities span[b-9utjqz854v] { font-weight: 600; }
.today-priorities a:hover[b-9utjqz854v] { border-color: var(--ui-primary); background: var(--ui-surface); }
.today-task:hover[b-9utjqz854v] { background: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-card)); }
.today-priorities a:focus-visible[b-9utjqz854v], .today-task:focus-visible[b-9utjqz854v] { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.today-task[b-9utjqz854v] { min-width: 0; flex-wrap: wrap; gap: var(--s-2); padding: var(--s-3) var(--s-4); background: var(--ui-surface); color: var(--ui-text); border-radius: var(--ui-control-radius); text-decoration: none; overflow-wrap: anywhere; line-height: 1.5; }
.today-task .op-task-sub[b-9utjqz854v] { flex-basis: 100%; color: var(--ui-muted); }
.vandaag-grid[b-9utjqz854v] { align-items: start; gap: var(--s-5); }
.vandaag-grid > *[b-9utjqz854v], .alert-card-kop[b-9utjqz854v] { min-width: 0; }
.op-panel-head[b-9utjqz854v], .alert-card-head[b-9utjqz854v] { flex-wrap: wrap; gap: var(--s-3); }
.op-team-group[b-9utjqz854v] { gap: var(--s-2); }
.op-team-role[b-9utjqz854v], .alert-title[b-9utjqz854v], .alert-msg[b-9utjqz854v] { overflow-wrap: anywhere; }
.op-panel[b-9utjqz854v] { padding: var(--s-5); gap: var(--s-4); }
.op-delivery-row[b-9utjqz854v] { align-items: flex-start; }

@media (max-width: 1100px) {
    .today-priorities[b-9utjqz854v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vandaag-grid[b-9utjqz854v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vandaag-grid > :last-child[b-9utjqz854v] { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
    .vandaag-grid[b-9utjqz854v] { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
    .today-priorities[b-9utjqz854v] { gap: var(--s-3); }
    .today-priorities a[b-9utjqz854v], .op-panel[b-9utjqz854v] { padding: var(--s-4); }
}
@media (max-width: 380px) {
    .today-priorities[b-9utjqz854v] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/OperatorVoorraad.razor.rz.scp.css */
.supply-toolbar[b-tcsvy6qucr]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.supply-toolbar input[type=search][b-tcsvy6qucr]{flex:1;min-width:200px}.purchase-row[b-tcsvy6qucr]{padding:16px 20px;margin:10px 0;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-card)}.purchase-row summary[b-tcsvy6qucr]{display:flex;gap:18px;justify-content:space-between;cursor:pointer;flex-wrap:wrap}.purchase-row summary>span:first-child[b-tcsvy6qucr]{flex:1;min-width:220px}.purchase-order[b-tcsvy6qucr]{display:flex;justify-content:space-between;gap:20px;margin:12px 0}.warehouse-table[b-tcsvy6qucr]{overflow-x:auto;background:var(--ui-card);border:1px solid var(--ui-border);border-radius:10px}.warehouse-table table[b-tcsvy6qucr]{border-collapse:collapse;width:100%}.warehouse-table th[b-tcsvy6qucr],.warehouse-table td[b-tcsvy6qucr]{text-align:left;padding:12px;border-bottom:1px solid var(--ui-border)}.warehouse-table small[b-tcsvy6qucr]{display:block;color:var(--ui-muted)}@media(max-width:650px){.purchase-order[b-tcsvy6qucr]{display:grid;gap:4px}.warehouse-table th[b-tcsvy6qucr],.warehouse-table td[b-tcsvy6qucr]{padding:8px;font-size:13px}}
/* /Components/Pages/OperatorWerklijst.razor.rz.scp.css */
.werklijst-head[b-oh4dr16sel] { align-items: flex-start; gap: var(--s-5); margin-bottom: var(--s-5); }
.werklijst-head > *[b-oh4dr16sel], .op-panel-head > *[b-oh4dr16sel] { min-width: 0; }
.werklijst-intro[b-oh4dr16sel] { color: var(--ui-muted); max-width: 68ch; margin: var(--s-2) 0 0; line-height: 1.6; }
.werklijst-head-acties[b-oh4dr16sel], .werklijst-group-acties[b-oh4dr16sel], .op-panel-head[b-oh4dr16sel] { flex-wrap: wrap; gap: var(--s-3); }
.werklijst-samenvatting[b-oh4dr16sel] { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-5); padding: var(--s-5); margin-bottom: var(--s-5); background: var(--ui-card); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); color: var(--ui-muted); }
.werklijst-samenvatting strong[b-oh4dr16sel] { font-size: 1.5rem; padding-right: var(--s-1); color: var(--ui-text); font-variant-numeric: tabular-nums; }
.werklijst-aandacht[b-oh4dr16sel], .werklijst-aandacht strong[b-oh4dr16sel], .werklijst-due-overdue[b-oh4dr16sel] { color: var(--ui-warning, #8a5b16); }
.werklijst-selectie[b-oh4dr16sel] { padding: var(--s-4); border: 1px solid var(--ui-border); background: var(--ui-surface); border-radius: var(--ui-control-radius); line-height: 1.6; }
.werklijst-selectie a[b-oh4dr16sel] { font-weight: 600; }
.werklijst-filters[b-oh4dr16sel] { gap: var(--s-3); margin-bottom: var(--s-5); }
.werklijst-filters select[b-oh4dr16sel] { flex: 1 1 160px; min-width: 0; max-width: 100%; }
.werklijst-filters input[type="search"][b-oh4dr16sel] { flex-basis: 260px; }
.werklijst-toggle[b-oh4dr16sel] { min-height: 44px; gap: var(--s-2); }
.werklijst-group[b-oh4dr16sel], .werklijst-nieuwe-taak[b-oh4dr16sel] { padding: var(--s-5); margin-bottom: var(--s-5); gap: var(--s-4); }
.werklijst-group h3[b-oh4dr16sel] { overflow-wrap: anywhere; }
.werklijst-row[b-oh4dr16sel] { margin-top: 0; border: 1px solid var(--ui-border); border-left: 3px solid var(--ui-border); border-radius: var(--ui-control-radius); gap: var(--s-4); padding: var(--s-4); background: var(--ui-surface); color: var(--ui-text); }
.taak-blocked[b-oh4dr16sel] { border-left-color: var(--ui-warning, #8a5b16); background: var(--ui-warning-surface, #fff8ea); }
.taak-inprogress[b-oh4dr16sel] { border-left-color: var(--ui-primary); }
.taak-done[b-oh4dr16sel] { background: var(--ui-card); }
.werklijst-row-main[b-oh4dr16sel] { flex: 1 1 320px; min-width: 0; gap: var(--s-2); overflow-wrap: anywhere; }
.werklijst-instructie[b-oh4dr16sel] { font-size: .875rem; line-height: 1.6; color: var(--ui-muted); max-width: 68ch; }
.werklijst-row-meta[b-oh4dr16sel], .werklijst-row-actions[b-oh4dr16sel] { flex-wrap: wrap; gap: var(--s-2); min-width: 0; }
.werklijst-row-meta select[b-oh4dr16sel] { max-width: 100%; min-width: 0; }
.werklijst-actie-risico[b-oh4dr16sel] { margin-left: var(--s-1); padding-left: var(--s-3); border-color: var(--ui-border); }
.werklijst-block-form[b-oh4dr16sel] { flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-2); }
.werklijst-block-form input[b-oh4dr16sel] { flex: 1 1 260px; min-width: 0; }
.werklijst-volgorde[b-oh4dr16sel] { display: flex; flex-wrap: wrap; gap: var(--s-3); width: 100%; padding: var(--s-4); border: 1px solid var(--ui-warning, #8a5b16); background: var(--ui-warning-surface, #fff8ea); border-radius: var(--ui-control-radius); }
.werklijst-volgorde p[b-oh4dr16sel] { flex-basis: 100%; margin: 0; line-height: 1.6; }
.werklijst-instructieveld[b-oh4dr16sel] { display: flex; flex-direction: column; gap: var(--s-2); margin-bottom: var(--s-4); font-size: .875rem; }
.werklijst-instructieveld textarea[b-oh4dr16sel] { min-height: 96px; resize: vertical; }
.werklijst-instructieveld input[type="date"][b-oh4dr16sel] { width: min(100%, 220px); }
.werklijst-nieuwe-taak-velden[b-oh4dr16sel] { gap: var(--s-3); margin: 0; }
.werklijst-nieuwe-taak-velden select[b-oh4dr16sel] { flex: 1 1 220px; min-width: 0; max-width: 100%; }
@media (max-width: 700px) {
    .werklijst-head[b-oh4dr16sel] { flex-direction: column; gap: var(--s-4); }
    .werklijst-samenvatting[b-oh4dr16sel], .werklijst-group[b-oh4dr16sel], .werklijst-nieuwe-taak[b-oh4dr16sel] { padding: var(--s-4); margin-bottom: var(--s-4); }
    .werklijst-row[b-oh4dr16sel] { flex-direction: column; align-items: stretch; }
    .werklijst-row-main[b-oh4dr16sel] { flex-basis: auto; }
    .werklijst-row-meta[b-oh4dr16sel] { width: 100%; }
    .werklijst-row-meta select[b-oh4dr16sel] { width: 100%; }
    .werklijst-row-actions[b-oh4dr16sel] { width: 100%; }
    .werklijst-block-form input[b-oh4dr16sel] { flex-basis: 100%; }
}

.work-list-toolbar[b-oh4dr16sel] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.work-list-toolbar > input[type=search][b-oh4dr16sel] { flex: 1 1 300px; min-width: 0; }
.work-list-toolbar > select[b-oh4dr16sel] { width: 250px; max-width: 100%; }
.work-list-toolbar .werklijst-toggle[b-oh4dr16sel] { flex: 0 0 auto; font-size: 14px; }
.werklijst-filters[hidden][b-oh4dr16sel] { display: none; }
.werklijst-filters[b-oh4dr16sel] { padding: 14px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 8px; }
.work-order-columns[b-oh4dr16sel], .work-order-toggle[b-oh4dr16sel] { display: grid; grid-template-columns: minmax(200px, 2fr) minmax(130px, 1.2fr) minmax(125px, 1.1fr) 100px minmax(130px, 1fr) 16px; gap: 16px; align-items: center; }
.work-order-columns[b-oh4dr16sel] { padding: 10px 18px; color: var(--ui-muted); font-size: 12px; font-weight: 650; }
.work-order-list[b-oh4dr16sel] { background: var(--ui-card); border: 1px solid var(--ui-border); border-radius: 10px; overflow: hidden; }
.work-order + .work-order[b-oh4dr16sel] { border-top: 1px solid var(--ui-border); }
.work-order-toggle[b-oh4dr16sel] { width: 100%; padding: 15px 18px; border: 0; border-radius: 0; background: transparent; color: var(--ui-text); text-align: left; font: inherit; font-size: 14px; cursor: pointer; }
.work-order-toggle:hover[b-oh4dr16sel] { background: var(--ui-surface); }
.work-order-toggle[aria-expanded=true][b-oh4dr16sel] { background: var(--ui-primary-soft, #fdf0da); }
.work-order-toggle:focus-visible[b-oh4dr16sel] { outline: 2px solid var(--ui-focus, #b76a11); outline-offset: -3px; }
.work-order-toggle > span[b-oh4dr16sel] { min-width: 0; }
.work-order-toggle strong[b-oh4dr16sel] { display: block; font-size: 14px; line-height: 1.45; font-weight: 600; }
.work-order-toggle small[b-oh4dr16sel] { display: block; margin-top: 4px; color: var(--ui-muted); font-size: 12px; line-height: 1.4; }
.work-order-name strong[b-oh4dr16sel] { overflow-wrap: anywhere; }
.work-order-owner[b-oh4dr16sel] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.work-order-attention[b-oh4dr16sel] { font-size: 13px; line-height: 1.5; }
.work-order-chevron[b-oh4dr16sel] { font-size: 18px; }
.work-order .is-warning[b-oh4dr16sel] { color: var(--ui-warning, #8a5b16); font-weight: 600; }
.work-order.has-problem > .work-order-toggle[b-oh4dr16sel] { box-shadow: inset 3px 0 var(--ui-warning, #8a5b16); }
.work-order-tasks[b-oh4dr16sel] { display: grid; gap: 12px; padding: 18px; border-top: 1px solid var(--ui-border); }
.work-order-links[b-oh4dr16sel] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-bottom: 6px; }
.work-order-links > strong[b-oh4dr16sel] { flex: 1 1 240px; min-width: 0; font-size: 14px; }
.work-order-tasks .werklijst-row[b-oh4dr16sel] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 230px) auto; gap: 16px; align-items: start; }
.work-order-tasks .werklijst-row-main[b-oh4dr16sel] { display: flex; flex-direction: column; gap: 5px; }
.work-order-tasks .werklijst-row-meta[b-oh4dr16sel] { display: flex; flex-direction: column; align-items: stretch; }
.work-order-tasks .werklijst-row-actions[b-oh4dr16sel] { align-self: center; }
.work-order-tasks .werklijst-block-form[b-oh4dr16sel], .work-order-tasks .werklijst-volgorde[b-oh4dr16sel] { grid-column: 1 / -1; }
.work-task-instructions[b-oh4dr16sel] { color: var(--ui-muted); font-size: 13px; }
.work-task-instructions summary[b-oh4dr16sel] { cursor: pointer; min-height: 30px; align-content: center; }
.work-task-instructions[open][b-oh4dr16sel] { display: grid; gap: 8px; }
.work-task-instructions > span[b-oh4dr16sel] { display: block; margin-top: 8px; }
.work-list-paging[b-oh4dr16sel] { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 12px; padding: 18px 0; color: var(--ui-muted); font-size: 13px; }
.work-list-paging > span:first-child[b-oh4dr16sel] { margin-right: auto; }
.work-list-paging label[b-oh4dr16sel] { display: flex; align-items: center; gap: 8px; }
.work-list-paging select[b-oh4dr16sel] { width: 75px; }
@media (max-width: 1150px) {
    .work-order-columns[b-oh4dr16sel], .work-order-toggle[b-oh4dr16sel] { grid-template-columns: minmax(160px, 1.6fr) minmax(110px, 1.2fr) minmax(100px, 1fr) 85px minmax(100px, 1fr) 16px; gap: 12px; }
    .work-order-tasks .werklijst-row[b-oh4dr16sel] { grid-template-columns: minmax(0, 1fr) minmax(150px, 220px); }
    .work-order-tasks .werklijst-row-actions[b-oh4dr16sel] { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
    .work-order-columns[b-oh4dr16sel] { display: none; }
    .work-order-toggle[b-oh4dr16sel] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 20px; gap: 12px 16px; }
    .work-order-name[b-oh4dr16sel] { grid-column: 1 / 3; grid-row: 1; }
    .work-order-chevron[b-oh4dr16sel] { grid-column: 3; grid-row: 1; }
    .work-order-current[b-oh4dr16sel] { grid-column: 1; grid-row: 2; }
    .work-order-owner[b-oh4dr16sel] { grid-column: 2 / 4; grid-row: 2; }
    .work-order-deadline[b-oh4dr16sel] { grid-column: 1; grid-row: 3; }
    .work-order-attention[b-oh4dr16sel] { grid-column: 2 / 4; grid-row: 3; }
    .work-order-toggle [data-label][b-oh4dr16sel]::before { content: attr(data-label); display: block; font-size: 11px; color: var(--ui-muted); font-weight: 400; margin-bottom: 4px; }
}
@media (max-width: 700px) {
    .work-list-toolbar > input[type=search][b-oh4dr16sel], .work-list-toolbar > select[b-oh4dr16sel] { flex-basis: 100%; width: 100%; }
    .work-order-tasks[b-oh4dr16sel] { padding: 12px; }
    .work-order-tasks .werklijst-row[b-oh4dr16sel] { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .work-list-paging[b-oh4dr16sel] { justify-content: center; gap: 10px; }
    .work-list-paging > span:first-child[b-oh4dr16sel] { margin-right: 0; }
}
/* /Components/Pages/OperatorWerkorder.razor.rz.scp.css */
.werkorder-acties[b-s6cr2nuk03] { max-width: 1000px; margin: 0 auto var(--s-5); flex-wrap: wrap; gap: var(--s-3); }
.werkorder-kop-details[b-s6cr2nuk03] { gap: var(--s-2); overflow-wrap: anywhere; }
.werkorder-uitleg[b-s6cr2nuk03] { padding: var(--s-5); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); margin-bottom: var(--s-5); font-size: .875rem; line-height: 1.6; }
.werkorder-uitleg p[b-s6cr2nuk03] { margin: var(--s-2) 0 0; }
.werkorder-waarschuwing[b-s6cr2nuk03] { border: 1px solid var(--ui-warning); background: var(--ui-warning-surface); border-radius: var(--ui-control-radius); padding: var(--s-4); font-size: .875rem; line-height: 1.6; }
.werkorder-hulp[b-s6cr2nuk03] { color: var(--ui-muted); font-size: .875rem; line-height: 1.6; }
.werkorder-afvinkvak[b-s6cr2nuk03] { display: inline-flex; width: 18px; height: 18px; border: 1px solid var(--ui-text); align-items: center; justify-content: center; font-size: .875rem; }
.werkorder-kleur[b-s6cr2nuk03] { display: inline-block; width: 16px; height: 16px; margin-right: var(--s-2); border: 1px solid var(--ui-muted); vertical-align: middle; print-color-adjust: exact; }
.werkorder-kleurcode[b-s6cr2nuk03] { font-size: .75rem; }
.werkorder-bestand[b-s6cr2nuk03], .werkorder-ontbreekt[b-s6cr2nuk03], .werkorder-taakinstructie[b-s6cr2nuk03] { display: block; margin-top: var(--s-2); font-size: .875rem; }
a.werkorder-bestand[b-s6cr2nuk03] { padding: var(--s-3) 0; text-decoration: underline; overflow-wrap: anywhere; }
.werkorder-ontbreekt[b-s6cr2nuk03] { color: var(--ui-danger); font-weight: 600; }
.werkorder-taakinstructie[b-s6cr2nuk03] { line-height: 1.6; color: var(--ui-muted); }
.werkorder-tabel th[b-s6cr2nuk03], .werkorder-tabel td[b-s6cr2nuk03] { vertical-align: top; }
.werkorder-taken td:last-child[b-s6cr2nuk03] { overflow-wrap: anywhere; width: 24%; }
.werkorder-sectie h3[b-s6cr2nuk03] { font-size: 1rem; margin: var(--s-5) 0 var(--s-2); }
.werkorder-notitie[b-s6cr2nuk03] { font-size: .875rem; padding: var(--s-3) 0; border-bottom: 1px solid var(--ui-border); }
@media screen {
    .werkorder[b-s6cr2nuk03] { font-family: var(--ui-font); color: var(--ui-text); }
    .werkorder-tabel[b-s6cr2nuk03] { font-size: .875rem; }
    .werkorder-tabel th[b-s6cr2nuk03], .werkorder-tabel td[b-s6cr2nuk03] { border-color: var(--ui-border); }
}
@media screen and (max-width: 600px) {
    .werkorder-uitleg[b-s6cr2nuk03] { padding: var(--s-4); }
    .werkorder-sectie[b-s6cr2nuk03] { overflow-x: auto; }
    .werkorder-tabel[b-s6cr2nuk03] { min-width: 540px; }
    .werkorder-tabel th[b-s6cr2nuk03], .werkorder-tabel td[b-s6cr2nuk03] { padding: var(--s-2); overflow-wrap: anywhere; }
    .werkorder-kleurcode[b-s6cr2nuk03] { display: block; }
    .werkorder-acties[b-s6cr2nuk03] { gap: var(--s-2); }
}
@media print {
    .werkorder[b-s6cr2nuk03] { font-size: 11px; line-height: 1.3; }
    .werkorder-sectie[b-s6cr2nuk03] { margin-bottom: 14px; }
    .werkorder-tabel th[b-s6cr2nuk03], .werkorder-tabel td[b-s6cr2nuk03] { padding: 4px 6px; line-height: 1.3; }
    .werkorder-uitleg[b-s6cr2nuk03] { padding: 9px; background: #fff; }
    .werkorder-uitleg p[b-s6cr2nuk03] { margin-top: 6px; }
    .werkorder-waarschuwing[b-s6cr2nuk03] { padding: 12px; font-size: 14px; }
    .werkorder-tabel[b-s6cr2nuk03] { font-size: 11px; }
    .werkorder-taakinstructie[b-s6cr2nuk03], .werkorder-bestand[b-s6cr2nuk03], a.werkorder-bestand[b-s6cr2nuk03], .werkorder-hulp[b-s6cr2nuk03] { font-size: 10px; }
    .werkorder-bestand[b-s6cr2nuk03], .werkorder-taakinstructie[b-s6cr2nuk03] { margin-top: 6px; }
    a.werkorder-bestand[b-s6cr2nuk03] { padding: 9px 0; }
    .werkorder-kop-details[b-s6cr2nuk03] { gap: 3px; font-size: 11px; }
    .werkorder-afvinkvak[b-s6cr2nuk03] { width: 17px; height: 17px; }
    .werkorder-sectie h3[b-s6cr2nuk03] { font-size: 14px; margin: 18px 0 8px; }
    .werkorder-notitie[b-s6cr2nuk03] { font-size: 10px; padding: 5px 0; }
    .werkorder-sectie h2[b-s6cr2nuk03] { break-after: avoid; }
    .werkorder-waarschuwing[b-s6cr2nuk03], .werkorder-notitie[b-s6cr2nuk03] { break-inside: avoid; }
    .werkorder-ontbreekt[b-s6cr2nuk03] { color: #1b1a17; font-size: 12px; }
}
/* /Components/Shared/ArtworkPanel.razor.rz.scp.css */
.artwork-panel[b-iyxj7drup8] { min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.artwork-details-content[b-iyxj7drup8] { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.artwork-approved-summary h2[b-iyxj7drup8], .artwork-approved-summary p[b-iyxj7drup8] { margin: 0; }
.artwork-approved-summary p[b-iyxj7drup8] { margin-top: 6px; font-size: 13px; color: var(--ui-muted); line-height: 1.5; }
.artwork-details > summary[b-iyxj7drup8], .artwork-proof-disclosure > summary[b-iyxj7drup8] { min-height: 44px; align-content: center; cursor: pointer; font-size: 14px; font-weight: 600; }
.artwork-details > summary[hidden][b-iyxj7drup8], .artwork-proof-disclosure > summary[hidden][b-iyxj7drup8] { display: none !important; }
.artwork-details > summary:not([hidden]) + .artwork-details-content[b-iyxj7drup8] { padding-top: 12px; }
.artwork-proof-disclosure > summary:not([hidden]) + .artwork-proof[b-iyxj7drup8] { margin-top: 10px; }
.artwork-heading[b-iyxj7drup8] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.artwork-heading > div[b-iyxj7drup8] { flex: 1 1 300px; min-width: 0; }
.artwork-heading p[b-iyxj7drup8], .artwork-garment p[b-iyxj7drup8] { margin: 6px 0; }
.artwork-add-actions[b-iyxj7drup8] { display: flex; flex-wrap: wrap; gap: 10px; }
.artwork-add-actions button[b-iyxj7drup8] { white-space: normal; text-align: left; }
.artwork-state[b-iyxj7drup8] { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 9px; background: var(--ui-surface, #f5f6f4); color: var(--ui-text); }
.artwork-garment[b-iyxj7drup8] { border: 1px solid var(--ui-border); border-radius: 14px; padding: 20px; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.artwork-print[b-iyxj7drup8] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-block: 12px; border-top: 1px solid var(--ui-border); overflow-wrap: anywhere; }
.artwork-fields[b-iyxj7drup8] { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.artwork-fields label[b-iyxj7drup8], .artwork-note[b-iyxj7drup8], .artwork-approval > label:not(.artwork-check)[b-iyxj7drup8], .artwork-upload[b-iyxj7drup8] { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.artwork-fields input[b-iyxj7drup8], .artwork-fields select[b-iyxj7drup8], .artwork-note textarea[b-iyxj7drup8], .artwork-approval input:not([type=checkbox])[b-iyxj7drup8], .artwork-approval textarea[b-iyxj7drup8] { width: 100%; }
.artwork-garment[hidden][b-iyxj7drup8] { display: none !important; }
.artwork-overview[b-iyxj7drup8] { display: grid; border: 1px solid var(--ui-border); border-radius: 10px; overflow: hidden; }
.artwork-article-row[b-iyxj7drup8] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid var(--ui-border); }
.artwork-article-row:last-child[b-iyxj7drup8] { border-bottom: 0; }
.artwork-article-description[b-iyxj7drup8] { display: grid; gap: 4px; min-width: 0; font-size: 14px; overflow-wrap: anywhere; }
.artwork-article-description strong > span[b-iyxj7drup8], .artwork-article-sizes[b-iyxj7drup8] { color: var(--ui-muted); font-weight: 400; }
.artwork-article-sizes[b-iyxj7drup8] { font-size: 12px; }
.artwork-article-status[b-iyxj7drup8] { display: flex; align-items: center; gap: 12px; flex-shrink: 0; font-size: 12px; color: var(--ui-muted); }
.artwork-edit-button[b-iyxj7drup8] { min-height: 44px; padding: 6px 8px; color: var(--ui-text); border: 0; border-radius: 6px; background: transparent; text-decoration: underline; text-underline-offset: 3px; font: inherit; font-weight: 600; cursor: pointer; }
.artwork-edit-button:hover[b-iyxj7drup8] { background: var(--ui-surface); }
.artwork-edit-button:focus-visible[b-iyxj7drup8] { outline: 2px solid var(--ui-text); outline-offset: 2px; }
.artwork-edit-button:disabled[b-iyxj7drup8] { opacity: .5; cursor: wait; }
.artwork-garment-heading[b-iyxj7drup8], .artwork-print-heading[b-iyxj7drup8] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; }
.artwork-garment-heading h3[b-iyxj7drup8] { margin: 0; }
.artwork-print-heading > div[b-iyxj7drup8] { display: grid; gap: 5px; min-width: 0; }
.artwork-print-heading span[b-iyxj7drup8] { font-size: 13px; color: var(--ui-muted); }
.artwork-layout-picker[b-iyxj7drup8] { display: grid; width: 100%; gap: 6px; font-size: 14px; padding: 12px; border-radius: 8px; background: var(--ui-surface); }
.artwork-layout-picker select[b-iyxj7drup8] { width: 100%; min-width: 0; }
.artwork-layout-picker .hint[b-iyxj7drup8] { font-weight: 400; }
.artwork-extra-note summary[b-iyxj7drup8], .artwork-upload summary[b-iyxj7drup8] { cursor: pointer; min-height: 36px; align-content: center; font-size: 13px; font-weight: 500; }
.artwork-extra-note label[b-iyxj7drup8] { margin-top: 8px; }
.artwork-upload details p[b-iyxj7drup8] { margin-top: 8px; font-size: 13px; }
.artwork-operator[b-iyxj7drup8] { gap: 16px; }
.artwork-operator .artwork-instruction-checks[b-iyxj7drup8] { padding: 12px 14px; font-size: 14px; }
.visually-hidden[b-iyxj7drup8] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.artwork-article-picker[b-iyxj7drup8] { display: flex; flex-direction: column; gap: 8px; font-weight: 600; margin: 16px 0; }
.artwork-article-picker select[b-iyxj7drup8] { width: 100%; }
.artwork-check[b-iyxj7drup8] { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.artwork-check input[b-iyxj7drup8] { flex-shrink: 0; margin-top: 3px; }
.artwork-actions[b-iyxj7drup8], .artwork-approval[b-iyxj7drup8] { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.artwork-actions > button[b-iyxj7drup8] { align-self: flex-start; }
.artwork-proof[b-iyxj7drup8] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.artwork-proof img[b-iyxj7drup8] { max-width: 100%; max-height: 480px; object-fit: contain; background: white; border: 1px solid var(--ui-border); }
.artwork-proof iframe[b-iyxj7drup8] { width: 100%; height: 380px; border: 1px solid var(--ui-border); border-radius: 9px; background: white; }
.artwork-blockers ul[b-iyxj7drup8] { margin: 0; padding-left: 20px; }
@media (max-width: 768px) { .artwork-fields[b-iyxj7drup8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
    .artwork-fields[b-iyxj7drup8] { grid-template-columns: minmax(0, 1fr); }
    .artwork-garment[b-iyxj7drup8] { padding: 16px; }
    .artwork-article-row[b-iyxj7drup8] { align-items: stretch; flex-direction: column; gap: 4px; padding: 12px; }
    .artwork-article-status[b-iyxj7drup8] { justify-content: space-between; }
    .artwork-print-heading[b-iyxj7drup8] { align-items: flex-start; }
}

.artwork-upload[b-iyxj7drup8] { border-top: 1px solid var(--ui-border); padding-top: 20px; }
.artwork-upload p[b-iyxj7drup8] { font-weight: 400; max-width: 75ch; line-height: 1.6; margin: 0 0 8px; }
.artwork-file-picker[b-iyxj7drup8] { position: relative; align-self: flex-start; overflow: hidden; }
.artwork-file-picker:focus-within[b-iyxj7drup8] { outline: 3px solid var(--ui-text); outline-offset: 3px; }
.artwork-file-picker[b-iyxj7drup8]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.artwork-instruction-checks[b-iyxj7drup8], .artwork-production-checks[b-iyxj7drup8] { border: 1px solid var(--ui-border); border-radius: 9px; padding: 16px; }
.artwork-instruction-checks summary[b-iyxj7drup8], .artwork-production-checks summary[b-iyxj7drup8] { font-weight: 600; cursor: pointer; }
.artwork-instruction-checks ul[b-iyxj7drup8], .artwork-production-checks ul[b-iyxj7drup8] { margin: 12px 0 0; padding-left: 20px; line-height: 1.65; }
/* /Components/Shared/ContributionPanel.razor.rz.scp.css */
.contribution-panel[b-om5ainvben] { margin-block: 24px; }
.contribution-heading[b-om5ainvben] { display: flex; gap: 16px; justify-content: space-between; align-items: start; flex-wrap: wrap; }
.contribution-heading p[b-om5ainvben] { margin: 4px 0 0; }
.contribution-row[b-om5ainvben] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 20px; padding: 20px 0; border-bottom: 1px solid var(--ui-border); }
.contribution-row strong[b-om5ainvben] { overflow-wrap: anywhere; }
.contribution-amount[b-om5ainvben] { text-align: right; }
.contribution-row .hint[b-om5ainvben] { display: block; margin-top: 4px; }
.contribution-tag[b-om5ainvben] { display: inline-block; margin-left: 8px; color: var(--ui-muted); font-size: 13px; }
.contribution-detail[b-om5ainvben] { display: grid; grid-column: 1 / -1; gap: 4px; color: var(--ui-muted); font-size: 14px; overflow-wrap: anywhere; }
.contribution-actions[b-om5ainvben] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.contribution-editor[b-om5ainvben] { display: grid; gap: 16px; margin-top: 20px; background: var(--ui-surface); }
.contribution-editor label[b-om5ainvben] { display: grid; gap: 6px; }
@media (max-width: 600px) {
    .contribution-row[b-om5ainvben] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .contribution-amount[b-om5ainvben] { text-align: left; }
}
/* /Components/Shared/CustomerMissingLogos.razor.rz.scp.css */
.missing-logos[b-dilo2rv0l0]{border:1px solid #e5b36e;background:#fff8eb}.missing-logo-upload[b-dilo2rv0l0]{display:grid;gap:8px;padding:14px 0;border-top:1px solid #eadaca}.missing-logo-upload input[b-dilo2rv0l0]{max-width:100%}
/* /Components/Shared/FulfillmentSummary.razor.rz.scp.css */
.fulfillment-summary[b-nlu39db04l] { gap: var(--s-4); }
.fulfillment-heading[b-nlu39db04l] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-3); }
.fulfillment-heading h2[b-nlu39db04l], .fulfillment-summary p[b-nlu39db04l] { margin: 0; }
.fulfillment-next[b-nlu39db04l] { padding: var(--s-4); background: var(--ui-surface); border-radius: var(--ui-control-radius); }
.fulfillment-warning[b-nlu39db04l] { padding: var(--s-3) var(--s-4); background: var(--ui-warning-surface); color: var(--ui-warning); border-radius: var(--ui-control-radius); overflow-wrap: anywhere; }
.fulfillment-plan[b-nlu39db04l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); margin: 0; }
.fulfillment-plan dt[b-nlu39db04l] { color: var(--ui-muted); font-size: .875rem; }
.fulfillment-plan dd[b-nlu39db04l] { margin: 0; overflow-wrap: anywhere; }
.fulfillment-table[b-nlu39db04l] { width: 100%; border-collapse: collapse; font-size: .875rem; }
.fulfillment-table th[b-nlu39db04l], .fulfillment-table td[b-nlu39db04l] { padding: var(--s-3) var(--s-2); text-align: left; border-bottom: 1px solid var(--ui-border); }
.fulfillment-table th[b-nlu39db04l] { color: var(--ui-muted); font-weight: 600; }
@media (max-width: 800px) {
    .fulfillment-plan[b-nlu39db04l] { grid-template-columns: minmax(0, 1fr); }
    .fulfillment-table thead[b-nlu39db04l] { display: none; }
    .fulfillment-table tr[b-nlu39db04l] { display: block; padding: var(--s-3) 0; border-bottom: 1px solid var(--ui-border); }
    .fulfillment-table td[b-nlu39db04l] { display: flex; justify-content: space-between; gap: var(--s-3); border: 0; padding: var(--s-1) 0; }
    .fulfillment-table td:first-child[b-nlu39db04l] { font-weight: 600; margin-bottom: var(--s-2); }
    .fulfillment-table td[data-label][b-nlu39db04l]::before { content: attr(data-label); color: var(--ui-muted); }
}
/* /Components/Shared/InvoicePaper.razor.rz.scp.css */
.invoice-paper[b-zl96n7ifxi] { max-width:1020px; margin:0 auto; padding:42px; background:white; color:#18221e; border:1px solid #ddd; border-radius:6px; font-size:14px; line-height:1.55; }
.invoice-header[b-zl96n7ifxi],.invoice-addresses[b-zl96n7ifxi] { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-bottom:30px; }
.invoice-header img[b-zl96n7ifxi] { width:190px; height:auto; margin-bottom:14px; }
.invoice-header h1[b-zl96n7ifxi] { font-size:30px; margin:0; }
.invoice-number[b-zl96n7ifxi] { font-size:17px; }
.invoice-paper address[b-zl96n7ifxi] { font-style:normal; overflow-wrap:anywhere; }
.invoice-label[b-zl96n7ifxi] { display:block; font-size:12px; text-transform:uppercase; color:#616d66; margin-bottom:6px; }
.invoice-paper dl[b-zl96n7ifxi] { display:grid; grid-template-columns:1fr auto; gap:6px 16px; align-content:start; margin:0; }
.invoice-paper dd[b-zl96n7ifxi] { text-align:right; margin:0; }
.invoice-paper table[b-zl96n7ifxi] { width:100%; border-collapse:collapse; }
.invoice-table-scroll[b-zl96n7ifxi] { max-width:100%; overflow-x:auto; }
.invoice-paper th[b-zl96n7ifxi],.invoice-paper td[b-zl96n7ifxi] { padding:10px 8px; text-align:right; border-bottom:1px solid #ddd; vertical-align:top; }
.invoice-paper th:first-child[b-zl96n7ifxi],.invoice-paper td:first-child[b-zl96n7ifxi] { text-align:left; }
.invoice-paper th[b-zl96n7ifxi] { background:#f3f4f2; font-size:12px; }
.invoice-lines th:not(:first-child)[b-zl96n7ifxi],.invoice-lines td:not(:first-child)[b-zl96n7ifxi] { white-space:nowrap; }
.invoice-totals[b-zl96n7ifxi] { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:28px; break-inside:avoid; }
.invoice-grand-total[b-zl96n7ifxi] { font-size:17px; font-weight:700; border-top:2px solid #253c2f; padding-top:10px; }
.invoice-payment[b-zl96n7ifxi],.invoice-concept[b-zl96n7ifxi] { padding:18px 0; border-bottom:1px solid #ddd; break-inside:avoid; }
.invoice-paper h2[b-zl96n7ifxi] { font-size:16px; margin:24px 0 8px; }
.invoice-items th[b-zl96n7ifxi],.invoice-items td[b-zl96n7ifxi] { padding:6px 8px; }
@media(max-width:900px) { .invoice-paper[b-zl96n7ifxi] { padding:22px; } .invoice-header[b-zl96n7ifxi],.invoice-addresses[b-zl96n7ifxi],.invoice-totals[b-zl96n7ifxi] { grid-template-columns:1fr; gap:22px; } .invoice-lines[b-zl96n7ifxi] { font-size:12px; } }
@media print {
    .invoice-table-scroll[b-zl96n7ifxi] { overflow:visible; }
    .invoice-paper[b-zl96n7ifxi] { border:0; border-radius:0; padding:0; margin:0; max-width:none; font-size:10pt; }
    .invoice-header[b-zl96n7ifxi],.invoice-addresses[b-zl96n7ifxi],.invoice-totals[b-zl96n7ifxi] { grid-template-columns:1fr 1fr; gap:24px; }
    .invoice-header img[b-zl96n7ifxi] { width:150px; }
    .invoice-paper th[b-zl96n7ifxi],.invoice-paper td[b-zl96n7ifxi] { padding:6px; }
    .invoice-paper tr[b-zl96n7ifxi] { break-inside:avoid; }
    .invoice-paper thead[b-zl96n7ifxi] { display:table-header-group; }
    .invoice-paper h2[b-zl96n7ifxi] { break-after:avoid; }
}
/* /Components/Shared/InvoicePartyEditor.razor.rz.scp.css */
.invoice-party-fields[b-uswlbsn0qg] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; margin:20px 0; max-width:800px; }
.invoice-party-fields label[b-uswlbsn0qg] { display:grid; gap:6px; }
@media(max-width:640px) { .invoice-party-fields[b-uswlbsn0qg] { grid-template-columns:1fr; } }
/* /Components/Shared/OrderCommunicationPanel.razor.rz.scp.css */
.order-communication[b-qcspc0tix6] { display: grid; gap: 16px; }
.order-communication p[b-qcspc0tix6] { margin: 0; line-height: 1.6; }
.customer-message[b-qcspc0tix6], .customer-draft[b-qcspc0tix6] { padding: 16px; border: 1px solid var(--ui-border); border-radius: 10px; }
summary[b-qcspc0tix6] { cursor: pointer; min-height: 44px; line-height: 1.6; }
summary span[b-qcspc0tix6] { display: block; font-size: 13px; color: var(--ui-muted); }
pre[b-qcspc0tix6] { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 14px; line-height: 1.6; }
.customer-draft label[b-qcspc0tix6] { display: grid; gap: 8px; margin: 16px 0; }
.customer-draft input[b-qcspc0tix6], .customer-draft textarea[b-qcspc0tix6] { width: 100%; min-width: 0; }
/* /Components/Shared/OrderFulfillmentEditor.razor.rz.scp.css */
.fulfillment-editor[b-m4j7ev0002] { margin: var(--s-5) 0; gap: var(--s-4); }
.fulfillment-editor p[b-m4j7ev0002] { margin: 0; }
.fulfillment-summary[b-m4j7ev0002] { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); }
.fulfillment-summary > div[b-m4j7ev0002], .handoff-summary[b-m4j7ev0002], .handoff-plan[b-m4j7ev0002], .fulfillment-details[b-m4j7ev0002] { display: grid; gap: var(--s-3); }
.fulfillment-summary strong[b-m4j7ev0002] { display: block; font-size: 1.05rem; }
.fulfillment-summary span[b-m4j7ev0002], .handoff-summary span[b-m4j7ev0002] { color: var(--ui-muted); font-size: .9rem; }
.handoff-plan[b-m4j7ev0002], .fulfillment-details[b-m4j7ev0002] { padding: var(--s-4); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-control-radius); }
.handoff-fields[b-m4j7ev0002] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); padding: 0; margin: 0; border: 0; min-width: 0; }
.handoff-fields label[b-m4j7ev0002], .fulfillment-counts label[b-m4j7ev0002], .pickup-note[b-m4j7ev0002] { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.fulfillment-line[b-m4j7ev0002] { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-4); border: 1px solid var(--ui-border); border-radius: var(--ui-control-radius); }
.fulfillment-counts[b-m4j7ev0002] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); font-size: .875rem; }
.pickup-location[b-m4j7ev0002] { display: flex; flex-direction: column; gap: var(--s-2); }
.pickup-note[b-m4j7ev0002] { grid-column: 1 / -1; }
.fulfillment-counts input[b-m4j7ev0002] { width: 100%; min-width: 0; }
.fulfillment-counts:empty[b-m4j7ev0002] { display: none; }
.batch-selection[b-m4j7ev0002] { display: grid; gap: var(--s-3); padding-top: var(--s-4); border-top: 1px solid var(--ui-border); }
.batch-players[b-m4j7ev0002] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--s-2); }
.batch-players label[b-m4j7ev0002] { display: flex; align-items: center; gap: var(--s-2); min-height: 44px; padding: var(--s-2); border: 1px solid var(--ui-border); border-radius: var(--ui-control-radius); }
.batch-players input[b-m4j7ev0002] { flex: 0 0 auto; }
@media (max-width: 700px) { .handoff-fields[b-m4j7ev0002], .fulfillment-counts[b-m4j7ev0002] { grid-template-columns: minmax(0, 1fr); } .fulfillment-summary[b-m4j7ev0002] { align-items: stretch; flex-direction: column; } }
/* /Components/Shared/OrderProductionTasks.razor.rz.scp.css */
.production-tasks[b-6r632x3rw3] { display: grid; gap: 14px; }
.production-tasks > h3[b-6r632x3rw3], .production-tasks > p[b-6r632x3rw3] { margin: 0; }
.production-checklist[b-6r632x3rw3] { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.production-checklist li[b-6r632x3rw3] { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; column-gap: 6px; row-gap: 2px; padding: 8px 12px; border: 1px solid var(--ui-border); border-radius: 8px; }
.production-checklist strong[b-6r632x3rw3] { font-size: 13px; }
.production-checklist small[b-6r632x3rw3] { grid-column: 2; color: var(--ui-muted); font-size: 12px; }
.production-checklist-mark[b-6r632x3rw3] { font-size: 16px; color: var(--ui-muted); }
.production-checklist .is-done .production-checklist-mark[b-6r632x3rw3] { color: #237448; }
.production-checklist .is-blocked .production-checklist-mark[b-6r632x3rw3] { color: #9d4719; font-weight: 700; }
.production-attention[b-6r632x3rw3] { padding: 10px 12px; background: #fff5e9; color: #793b15; border-radius: 8px; line-height: 1.5; }
.production-task-management[b-6r632x3rw3] { border-top: 1px solid var(--ui-border); padding-top: 10px; }
.production-task-management > summary[b-6r632x3rw3] { min-height: 44px; align-content: center; cursor: pointer; font-weight: 600; }
.production-task-management > .production-task[b-6r632x3rw3] { margin-top: 12px; }
.production-task[b-6r632x3rw3] { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--ui-border); border-radius: 10px; }
.production-task p[b-6r632x3rw3] { margin: 0; color: var(--ui-muted); line-height: 1.6; }
.production-task-heading[b-6r632x3rw3], .production-task-actions[b-6r632x3rw3] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.production-task-heading[b-6r632x3rw3] { justify-content: space-between; }
.production-task-heading > span[b-6r632x3rw3], .production-task small[b-6r632x3rw3] { color: var(--ui-muted); font-size: 13px; }
.production-task label[b-6r632x3rw3] { display: grid; gap: 8px; font-size: 14px; }
.production-task select[b-6r632x3rw3], .production-task textarea[b-6r632x3rw3] { width: 100%; max-width: 480px; min-width: 0; }
.production-task-actions button[b-6r632x3rw3] { min-height: 44px; }
.completed-tasks[b-6r632x3rw3] { padding: 12px 16px; background: var(--ui-surface); border-radius: 8px; }
.completed-tasks summary[b-6r632x3rw3] { cursor: pointer; min-height: 32px; align-content: center; font-size: 14px; }
.completed-tasks p[b-6r632x3rw3] { font-size: 13px; color: var(--ui-muted); }
@media (max-width: 480px) {
    .production-checklist[b-6r632x3rw3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .production-task[b-6r632x3rw3] { padding: 12px; }
}