/* /Components/FormMultiple.razor.rz.scp.css */
/* ── Trigger inline ── */
.fm-trigger-wrap[b-0j7du17j77] { position: relative; display: flex; align-items: stretch; }
.fm-input[b-0j7du17j77] {
    flex: 1; min-height: 28px; border: 1px solid var(--g-border-strong); border-right: none;
    background: var(--g-surface); color: var(--g-text); padding: 3px 28px 3px 6px; font-size: 11px; cursor: pointer;
}
.fm-input:hover[b-0j7du17j77] { background: var(--g-surface-sub); }
.fm-trigger-btn[b-0j7du17j77] {
    width: 26px; border: 1px solid var(--g-border-strong); background: var(--g-surface-sec); color: var(--g-text-sec);
    cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.fm-trigger-btn:hover[b-0j7du17j77] { background: var(--g-surface-sec); color: var(--g-create); }
.fm-badge[b-0j7du17j77] {
    position: absolute; right: 30px; top: 50%; transform: translateY(-50%);
    background: var(--g-create); color: var(--accent-contrast); font-size: 9px; font-weight: 700;
    padding: 1px 5px; border-radius: 999px; min-width: 14px; text-align: center; pointer-events: none;
}

/* ── Popup ── */
.fm-overlay[b-0j7du17j77] {
    position: fixed; inset: 0; background: var(--overlay-scrim); z-index: 9000;
    display: flex; align-items: center; justify-content: center;
}
.fm-popup[b-0j7du17j77] {
    background: var(--g-surface); border: 1px solid var(--g-border-strong); box-shadow: var(--shadow-lg);
    width: 440px; max-width: 95vw; max-height: 85vh; display: flex; flex-direction: column;
}
.fm-head[b-0j7du17j77] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px; background: var(--g-consult); color: var(--accent-contrast); font-size: 12px;
}
.fm-close[b-0j7du17j77] { background: none; border: none; color: var(--g-text-muted); font-size: 18px; cursor: pointer; }
.fm-close:hover[b-0j7du17j77] { color: var(--accent-contrast); }

/* ── Messages ── */
.fm-msg[b-0j7du17j77] { padding: 6px 10px; font-size: 10px; font-weight: 600; }
.fm-msg-info[b-0j7du17j77] { background: var(--g-info-bg); color: var(--g-info); }
.fm-msg-ok[b-0j7du17j77] { background: var(--g-ok-bg); color: var(--g-ok); }
.fm-msg-warn[b-0j7du17j77] { background: var(--g-warn-bg); color: var(--g-warn); }

.fm-body[b-0j7du17j77] { padding: 10px 12px; overflow-y: auto; flex: 1; }

/* ── 4 Botones de accion (barra superior) ── */
.fm-action-bar[b-0j7du17j77] {
    display: flex; gap: 4px; margin-bottom: 8px;
    padding: 6px; background: var(--g-surface-sec); border: 1px solid var(--g-border-strong);
}
.fm-action-btn[b-0j7du17j77] {
    display: flex; align-items: center; gap: 4px; padding: 5px 10px;
    border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text);
    font-size: 10px; font-weight: 700; cursor: pointer; flex: 1; justify-content: center;
}
.fm-action-btn:hover[b-0j7du17j77] { background: var(--g-selected-bg); border-color: var(--g-create); }
.fm-action-btn.fm-action-primary[b-0j7du17j77] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.fm-action-btn.fm-action-primary:hover[b-0j7du17j77] { background: var(--accent-hover); filter: brightness(0.92); }
.fm-action-btn svg[b-0j7du17j77] { flex-shrink: 0; }

/* ── Grilla vertical ── */
.fm-grid-wrap[b-0j7du17j77] { max-height: 320px; overflow-y: auto; border: 1px solid var(--g-border-strong); }
.fm-grid[b-0j7du17j77] { width: 100%; border-collapse: collapse; }
.fm-grid th[b-0j7du17j77] {
    position: sticky; top: 0; padding: 4px 6px; background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong); font-size: 8px; font-weight: 700;
    text-transform: uppercase; color: var(--g-text-sec); text-align: left;
}
.fm-grid td[b-0j7du17j77] { padding: 0; border-bottom: 1px solid var(--g-border); }
.fm-col-num[b-0j7du17j77] { width: 32px; }
.fm-col-act[b-0j7du17j77] { width: 28px; }
.fm-num[b-0j7du17j77] { color: var(--g-text-muted); text-align: right; padding: 0 6px !important; font-size: 10px; }
.fm-dup[b-0j7du17j77] { background: var(--g-warn-bg); }
.fm-dup .fm-row-input[b-0j7du17j77] { background: var(--g-warn-bg); }
.fm-row-input[b-0j7du17j77] {
    width: 100%; border: none; background: transparent; padding: 5px 6px;
    font-size: 11px; color: var(--g-text); outline: none;
}
.fm-row-input:focus[b-0j7du17j77] { background: var(--g-selected-bg); }
.fm-row-input[b-0j7du17j77]::placeholder { color: var(--g-text-muted); }
.fm-del[b-0j7du17j77] { background: none; border: none; color: var(--g-err); font-size: 14px; cursor: pointer; padding: 0 4px; }
.fm-del:hover[b-0j7du17j77] { color: var(--danger-hover); }

/* ── Status ── */
.fm-status[b-0j7du17j77] {
    margin-top: 6px; padding: 6px 8px; background: var(--g-surface-sub); border: 1px solid var(--g-border);
    font-size: 10px; color: var(--g-text-sec); font-weight: 600;
    display: flex; justify-content: space-between;
}
.fm-status-detail[b-0j7du17j77] { font-weight: 400; color: var(--g-text-muted); }

/* ── Footer ── */
.fm-foot[b-0j7du17j77] {
    display: flex; justify-content: flex-end; gap: 8px;
    padding: 8px 12px; border-top: 1px solid var(--g-border-strong); background: var(--g-surface-sub);
}
.fm-btn[b-0j7du17j77] {
    display: inline-flex; align-items: center; gap: 4px;
    border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text);
    padding: 5px 10px; font-size: 10px; font-weight: 700; cursor: pointer;
}
.fm-btn.secondary[b-0j7du17j77] { background: var(--g-surface-sub); }

.mono[b-0j7du17j77] { font-family: "DM Mono", Consolas, Monaco, monospace; }
/* /Components/SearchSelect.razor.rz.scp.css */
.search-select[b-gh5bhu4yqw] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.search-select-input[b-gh5bhu4yqw] {
    width: 100%;
    min-height: 26px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.search-select-input:focus[b-gh5bhu4yqw] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.search-select-input:disabled[b-gh5bhu4yqw] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.search-select-dropdown[b-gh5bhu4yqw] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    border-top: none;
    box-shadow: var(--shadow-lg);
    max-height: 240px;
    overflow-y: auto;
}

.search-select-option[b-gh5bhu4yqw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    cursor: pointer;
    font-size: 11px;
}

.search-select-option:hover[b-gh5bhu4yqw],
.search-select-option.highlighted[b-gh5bhu4yqw] {
    background: var(--g-selected-bg);
}

.search-select-code[b-gh5bhu4yqw] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
    font-weight: 700;
    color: var(--g-text-sec);
    min-width: 50px;
}

.search-select-name[b-gh5bhu4yqw] {
    color: var(--g-text-sec);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-select-more[b-gh5bhu4yqw] {
    padding: 4px 8px;
    font-size: 10px;
    color: var(--g-text-muted);
    text-align: center;
    border-top: 1px solid var(--g-border);
}
/* /Pages/CFG/Branding/CFG30_TenantBranding.razor.rz.scp.css */
.cfg30-hint[b-8bp9crldg2] {
    font-size: 12px;
    color: var(--g-text-muted);
    margin: 0 0 14px;
    max-width: 560px;
}

.cfg30-layout[b-8bp9crldg2] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.cfg30-preview[b-8bp9crldg2] {
    width: 280px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border);
    border-radius: 10px;
    background: var(--surface-sunken, var(--surface));
    overflow: hidden;
}

.cfg30-preview img[b-8bp9crldg2] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.cfg30-empty[b-8bp9crldg2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: var(--g-text-muted);
    font-size: 13px;
}

.cfg30-empty small[b-8bp9crldg2] {
    font-size: 11px;
    opacity: .8;
}

.cfg30-controls[b-8bp9crldg2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 240px;
    flex: 1;
}

.cfg30-meta[b-8bp9crldg2] {
    font-size: 12px;
    color: var(--g-text-muted);
    margin: 0;
    min-height: 16px;
}

.cfg30-rules[b-8bp9crldg2] {
    font-size: 11px;
    color: var(--g-text-muted);
    opacity: .8;
}
/* /Pages/CFG/Material/CFG10_MaterialAttrDef.razor.rz.scp.css */
/* ═════════════════════════════════════════════════════════════
   CFG10 — Atributos Dinamicos de Material
   Theme-aware (usa tokens --surface, --accent, etc.)
   ═════════════════════════════════════════════════════════════ */

.cfg10-page[b-5mz3s440i8] {
    padding: 16px 20px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: var(--font-sans);
    color: var(--text);
}

/* ─── Tenant context bar ─── */
.cfg10-tenant-bar[b-5mz3s440i8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: var(--radius-md);
    padding: 10px 14px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.cfg10-tenant-label[b-5mz3s440i8] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    font-weight: 700;
}
.cfg10-tenant-select[b-5mz3s440i8] {
    max-width: 340px;
    min-width: 240px;
    padding: 6px 10px !important;
    height: 32px;
    font-weight: 600;
}
.cfg10-tenant-chip[b-5mz3s440i8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: var(--radius-pill);
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}
.cfg10-tenant-dot[b-5mz3s440i8] {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);
}
.cfg10-tenant-hint[b-5mz3s440i8] {
    font-size: 11px;
    color: var(--text-faint);
    font-style: italic;
    margin-left: auto;
}
.cfg10-btn-search[b-5mz3s440i8] {
    min-width: 120px;
    height: 34px;
}

/* Empty state / prompt before first search */
.cfg10-prompt[b-5mz3s440i8] {
    background: var(--surface);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-md);
    padding: 60px 24px;
    text-align: center;
    color: var(--text-muted);
    margin-top: 20px;
}
.cfg10-prompt-icon[b-5mz3s440i8] { font-size: 52px; margin-bottom: 14px; opacity: .4; }
.cfg10-prompt-title[b-5mz3s440i8] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 8px;
    font-family: var(--font-display);
}
.cfg10-prompt-sub[b-5mz3s440i8] {
    font-size: 13px;
    margin: 0 auto;
    max-width: 480px;
    line-height: 1.5;
}
.cfg10-prompt-sub strong[b-5mz3s440i8] { color: var(--accent); }

/* ─── Alerts ─── */
.cfg10-alert[b-5mz3s440i8] {
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    margin-bottom: 12px;
    font-size: 13px;
    border: 1px solid transparent;
}
.cfg10-alert-ok[b-5mz3s440i8]  { background: var(--g-ok-bg);  color: var(--g-ok);  border-color: var(--g-ok-border); }
.cfg10-alert-err[b-5mz3s440i8] { background: var(--g-err-bg); color: var(--g-err); border-color: var(--g-err-border); }

/* ─── Toolbar: stats + filters + new ─── */
.cfg10-toolbar[b-5mz3s440i8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 14px;
}

.cfg10-stats[b-5mz3s440i8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.cfg10-stat-card[b-5mz3s440i8] {
    background: var(--surface-sunken);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
}
.cfg10-stat-label[b-5mz3s440i8] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    font-weight: 600;
}
.cfg10-stat-val[b-5mz3s440i8] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    font-family: var(--font-display);
    line-height: 1.2;
}
.cfg10-stat-val.cfg10-stat-muted[b-5mz3s440i8] { color: var(--text-faint); }
.cfg10-stat-den[b-5mz3s440i8] { font-size: 14px; color: var(--text-muted); font-weight: 500; }
.cfg10-stat-quota .cfg10-stat-bar[b-5mz3s440i8] {
    height: 4px;
    background: var(--border);
    border-radius: 2px;
    margin-top: 6px;
    overflow: hidden;
}
.cfg10-stat-bar-fill[b-5mz3s440i8] {
    height: 100%;
    background: var(--accent);
    transition: width .3s;
}

.cfg10-filters[b-5mz3s440i8] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.cfg10-filter-grp[b-5mz3s440i8] { display: flex; flex-direction: column; min-width: 180px; }
.cfg10-lbl[b-5mz3s440i8] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: var(--text-muted);
    margin-bottom: 4px;
    font-weight: 600;
}
.cfg10-hint[b-5mz3s440i8] { font-size: 10px; color: var(--text-faint); margin-top: 3px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.cfg10-inp[b-5mz3s440i8] {
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--field-bg);
    color: var(--text);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    width: 100%;
}
.cfg10-inp:focus[b-5mz3s440i8] { border-color: var(--accent); box-shadow: 0 0 0 3px var(--g-focus-ring); }
.cfg10-inp:disabled[b-5mz3s440i8] { opacity: .6; background: var(--surface-sunken); }
.cfg10-inp-sm[b-5mz3s440i8] { min-width: 120px; max-width: 160px; }
.cfg10-inp-err[b-5mz3s440i8] { border-color: var(--danger); }
.cfg10-err[b-5mz3s440i8] { color: var(--g-err); font-size: 11px; margin-top: 3px; }

.cfg10-chk[b-5mz3s440i8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    cursor: pointer;
    padding-bottom: 6px;
}

/* ─── Buttons ─── */
.cfg10-btn[b-5mz3s440i8] {
    padding: 8px 16px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
    height: 34px;
    letter-spacing: .3px;
}
.cfg10-btn-primary[b-5mz3s440i8] {
    background: var(--accent);
    color: var(--accent-contrast);
}
.cfg10-btn-primary:hover:not([disabled])[b-5mz3s440i8] { background: var(--accent-hover); }
.cfg10-btn-primary:disabled[b-5mz3s440i8] { opacity: .5; cursor: not-allowed; }
.cfg10-btn-secondary[b-5mz3s440i8] {
    background: var(--surface);
    color: var(--text);
    border-color: var(--border);
}
.cfg10-btn-secondary:hover:not([disabled])[b-5mz3s440i8] { background: var(--surface-sunken); }

.cfg10-tiny-btn[b-5mz3s440i8] {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 11px;
    color: var(--text-muted);
    cursor: pointer;
    font-family: inherit;
    min-width: 24px;
    transition: all .15s;
}
.cfg10-tiny-btn:hover:not([disabled])[b-5mz3s440i8] { background: var(--surface-sunken); color: var(--text); border-color: var(--accent); }
.cfg10-tiny-btn:disabled[b-5mz3s440i8] { opacity: .3; cursor: not-allowed; }

/* ─── Empty state ─── */
.cfg10-empty[b-5mz3s440i8] {
    text-align: center;
    padding: 60px 20px;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-md);
    color: var(--text-muted);
}
.cfg10-empty-icon[b-5mz3s440i8] { font-size: 44px; margin-bottom: 14px; opacity: .5; }
.cfg10-empty-title[b-5mz3s440i8] { font-size: 18px; font-weight: 600; color: var(--text); margin: 0 0 6px; }
.cfg10-empty-sub[b-5mz3s440i8] { font-size: 13px; margin: 0 auto 16px; max-width: 420px; }

.cfg10-result-count[b-5mz3s440i8] {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 8px;
    padding-left: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* ─── Grid ─── */
.cfg10-grid[b-5mz3s440i8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow);
}
.cfg10-grid-head[b-5mz3s440i8], .cfg10-row[b-5mz3s440i8] {
    display: grid;
    grid-template-columns: 72px 140px 1fr 100px 1.2fr 58px 58px 110px 90px;
    align-items: center;
    padding: 0 12px;
    gap: 10px;
    min-height: 48px;
    border-bottom: 1px solid var(--border);
}
.cfg10-grid-head[b-5mz3s440i8] {
    background: var(--surface-sunken);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    color: var(--text-muted);
    text-transform: uppercase;
    min-height: 38px;
}
.cfg10-row[b-5mz3s440i8] { transition: background .12s; }
.cfg10-row:hover[b-5mz3s440i8] { background: var(--surface-sunken); }
.cfg10-row:last-child[b-5mz3s440i8] { border-bottom: none; }
.cfg10-row-inactive[b-5mz3s440i8] { opacity: .55; background: var(--surface-sunken); }

.cfg10-col-order[b-5mz3s440i8] { display: flex; align-items: center; gap: 4px; }
.cfg10-sort[b-5mz3s440i8] {
    background: var(--accent-soft);
    color: var(--accent);
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 700;
    min-width: 24px;
    text-align: center;
}
.cfg10-sort-btns[b-5mz3s440i8] { display: flex; flex-direction: column; gap: 1px; }
.cfg10-sort-btns .cfg10-tiny-btn[b-5mz3s440i8] { font-size: 8px; padding: 0 3px; min-width: 18px; height: 13px; line-height: 1; }

.cfg10-col-key code[b-5mz3s440i8] {
    background: var(--surface-sunken);
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 11px;
    font-family: 'Consolas', monospace;
    color: var(--accent);
    font-weight: 600;
}
.cfg10-col-label[b-5mz3s440i8] { font-size: 13px; font-weight: 500; }
.cfg10-col-values[b-5mz3s440i8] { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.cfg10-col-req[b-5mz3s440i8] { text-align: center; color: var(--success); font-weight: 700; font-size: 14px; }
.cfg10-col-usage[b-5mz3s440i8] { text-align: center; font-size: 12px; color: var(--text-muted); }
.cfg10-col-actions[b-5mz3s440i8] { display: flex; gap: 4px; justify-content: flex-end; }

.cfg10-muted[b-5mz3s440i8] { color: var(--text-faint); font-size: 12px; }

.cfg10-type-pill[b-5mz3s440i8] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.cfg10-type-text[b-5mz3s440i8]    { background: rgba(42,90,138,.15);  color: #2a5a8a; }
.cfg10-type-number[b-5mz3s440i8]  { background: rgba(155,89,182,.15); color: #7e3f9d; }
.cfg10-type-boolean[b-5mz3s440i8] { background: rgba(31,122,60,.15);  color: var(--success); }
.cfg10-type-list[b-5mz3s440i8]    { background: rgba(179,90,0,.15);   color: var(--warning); }

.cfg10-chip[b-5mz3s440i8] {
    display: inline-block;
    padding: 2px 8px;
    background: var(--surface-sunken);
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    font-size: 11px;
    color: var(--text);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cfg10-chip-more[b-5mz3s440i8] { background: var(--accent-soft); color: var(--accent); border-color: transparent; font-weight: 600; }

.cfg10-badge[b-5mz3s440i8] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: var(--radius-sm);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
}
.cfg10-badge-ok[b-5mz3s440i8]  { background: var(--g-ok-bg);  color: var(--g-ok); }
.cfg10-badge-off[b-5mz3s440i8] { background: var(--surface-sunken); color: var(--text-faint); border: 1px solid var(--border); }

/* ─── Modal ─── */
.cfg10-backdrop[b-5mz3s440i8] {
    position: fixed; inset: 0;
    background: rgba(15,26,54,.55);
    backdrop-filter: blur(3px);
    z-index: 100;
}
.cfg10-modal[b-5mz3s440i8] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: var(--surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    width: 600px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    z-index: 101;
    border: 1px solid var(--border);
}
.cfg10-modal-head[b-5mz3s440i8] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex; justify-content: space-between; align-items: center;
}
.cfg10-modal-title[b-5mz3s440i8] { font-size: 15px; font-weight: 700; color: var(--text); }
.cfg10-modal-x[b-5mz3s440i8] {
    background: none; border: none; font-size: 22px; color: var(--text-muted);
    cursor: pointer; line-height: 1; padding: 0 4px; border-radius: 3px;
}
.cfg10-modal-x:hover[b-5mz3s440i8] { background: var(--surface-sunken); color: var(--danger); }

.cfg10-modal-body[b-5mz3s440i8] { padding: 18px; overflow-y: auto; display: grid; gap: 14px; }
.cfg10-form-row[b-5mz3s440i8] { display: grid; gap: 14px; }
.cfg10-form-row-2[b-5mz3s440i8] { grid-template-columns: 1fr 1fr; }
.cfg10-form-row-inline[b-5mz3s440i8] { flex-direction: row; display: flex; align-items: center; gap: 20px; }
.cfg10-form-group[b-5mz3s440i8] { display: flex; flex-direction: column; min-width: 0; }

.cfg10-chips-editor[b-5mz3s440i8] {
    min-height: 42px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 6px;
    display: flex; flex-wrap: wrap; gap: 5px;
    background: var(--field-bg);
    cursor: text;
}
.cfg10-chips-editor:focus-within[b-5mz3s440i8] { border-color: var(--accent); box-shadow: 0 0 0 3px var(--g-focus-ring); }
.cfg10-chip-editable[b-5mz3s440i8] {
    display: inline-flex; align-items: center; gap: 4px;
    background: var(--accent-soft); color: var(--accent); border-color: transparent;
    font-weight: 600;
}
.cfg10-chip-x[b-5mz3s440i8] {
    background: transparent; border: none; cursor: pointer;
    color: var(--accent); font-size: 14px; padding: 0 2px; line-height: 1; border-radius: 2px;
}
.cfg10-chip-x:hover[b-5mz3s440i8] { background: rgba(0,0,0,.1); }
.cfg10-chip-input[b-5mz3s440i8] {
    border: none; outline: none; background: transparent; padding: 4px 8px;
    font-size: 12px; min-width: 100px; flex: 1; color: var(--text); font-family: inherit;
}

.cfg10-preview[b-5mz3s440i8] {
    background: var(--surface-sunken);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-sm);
    padding: 12px 14px;
}
.cfg10-preview-head[b-5mz3s440i8] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    font-weight: 700;
    margin-bottom: 8px;
}
.cfg10-preview-body[b-5mz3s440i8] { display: flex; flex-direction: column; gap: 6px; }
.cfg10-preview-lbl[b-5mz3s440i8] { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.cfg10-preview-req[b-5mz3s440i8] { color: var(--danger); margin-left: 3px; }
.cfg10-preview-field[b-5mz3s440i8] { background: var(--surface) !important; color: var(--text) !important; cursor: default; }

.cfg10-preview-list[b-5mz3s440i8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 6px 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    max-height: 160px;
    overflow-y: auto;
}
.cfg10-preview-option[b-5mz3s440i8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    color: var(--text);
    cursor: default;
    transition: background .12s;
}
.cfg10-preview-option:hover[b-5mz3s440i8] { background: var(--accent-soft); }
.cfg10-preview-option input[type=radio][b-5mz3s440i8] {
    cursor: default;
    accent-color: var(--accent);
    margin: 0;
}
.cfg10-preview-option span[b-5mz3s440i8] {
    font-family: 'Consolas', monospace;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent);
    padding: 1px 6px;
    border-radius: 3px;
    background: var(--surface-sunken);
}

.cfg10-preview-bool[b-5mz3s440i8] {
    display: flex;
    gap: 16px;
    padding: 6px 2px;
}
.cfg10-preview-radio[b-5mz3s440i8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text);
    cursor: default;
}
.cfg10-preview-radio input[type=radio][b-5mz3s440i8] { accent-color: var(--accent); cursor: default; }

.cfg10-preview-empty[b-5mz3s440i8] {
    padding: 14px;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    text-align: center;
    font-size: 12px;
    color: var(--text-faint);
    font-style: italic;
}

.cfg10-preview-hint[b-5mz3s440i8] {
    font-size: 10px;
    color: var(--text-faint);
    padding: 2px 2px;
    font-style: italic;
}

.cfg10-modal-foot[b-5mz3s440i8] {
    padding: 12px 18px;
    border-top: 1px solid var(--border);
    display: flex; justify-content: flex-end; gap: 8px;
    background: var(--surface-sunken);
}

/* Responsive */
@media (max-width: 1000px) {
    .cfg10-grid-head[b-5mz3s440i8], .cfg10-row[b-5mz3s440i8] {
        grid-template-columns: 60px 110px 1fr 80px 90px 90px;
    }
    .cfg10-col-values[b-5mz3s440i8], .cfg10-col-req[b-5mz3s440i8], .cfg10-col-usage[b-5mz3s440i8] { display: none; }
    .cfg10-stats[b-5mz3s440i8] { grid-template-columns: repeat(2, 1fr); }
}
/* /Pages/CFG/Material/CFG21_MaterialGroups.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   CFG21/CFG22 — Catalogos planos (Grupos/Categorias)
   Reusable: mismo CSS sirve para CFG22 con prefijo 'cat-'
   ═══════════════════════════════════════════════════════════ */

.cat-page[b-zul6bcot56] {
    padding: 16px 20px;
    max-width: 1300px;
    margin: 0 auto;
    font-family: var(--font-sans);
    color: var(--text);
}

/* Alerts */
.cat-alert[b-zul6bcot56] {
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    margin-bottom: 12px;
    font-size: 13px;
    border: 1px solid transparent;
}
.cat-alert-ok[b-zul6bcot56]  { background: var(--g-ok-bg);  color: var(--g-ok);  border-color: var(--g-ok-border); }
.cat-alert-err[b-zul6bcot56] { background: var(--g-err-bg); color: var(--g-err); border-color: var(--g-err-border); }

/* Toolbar: stats + filters */
.cat-toolbar[b-zul6bcot56] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 14px;
}

.cat-stats[b-zul6bcot56] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.cat-stat[b-zul6bcot56] {
    background: var(--surface-sunken);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
}
.cat-stat-label[b-zul6bcot56] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    font-weight: 600;
}
.cat-stat-val[b-zul6bcot56] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    font-family: var(--font-display);
    line-height: 1.2;
}
.cat-stat-muted[b-zul6bcot56] { color: var(--text-faint); }

.cat-filters[b-zul6bcot56] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.cat-filter-grp[b-zul6bcot56] { display: flex; flex-direction: column; min-width: 220px; }
.cat-lbl[b-zul6bcot56] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: var(--text-muted);
    margin-bottom: 4px;
    font-weight: 600;
}
.cat-hint[b-zul6bcot56] { font-size: 10px; color: var(--text-faint); margin-top: 3px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.cat-inp[b-zul6bcot56] {
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--field-bg);
    color: var(--text);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    width: 100%;
}
.cat-inp:focus[b-zul6bcot56] { border-color: var(--accent); box-shadow: 0 0 0 3px var(--g-focus-ring); }
.cat-inp:disabled[b-zul6bcot56] { opacity: .6; background: var(--surface-sunken); }
.cat-inp-err[b-zul6bcot56] { border-color: var(--danger); }
.cat-err[b-zul6bcot56] { color: var(--g-err); font-size: 11px; margin-top: 3px; }
.cat-textarea[b-zul6bcot56] { min-height: 72px; resize: vertical; font-family: inherit; }

.cat-chk[b-zul6bcot56] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    cursor: pointer;
    padding-bottom: 6px;
}

/* Buttons */
.cat-btn[b-zul6bcot56] {
    padding: 8px 16px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
    height: 34px;
    letter-spacing: .3px;
}
.cat-btn-primary[b-zul6bcot56] { background: var(--accent); color: var(--accent-contrast); }
.cat-btn-primary:hover:not([disabled])[b-zul6bcot56] { background: var(--accent-hover); }
.cat-btn-primary:disabled[b-zul6bcot56] { opacity: .5; cursor: not-allowed; }
.cat-btn-secondary[b-zul6bcot56] { background: var(--surface); color: var(--text); border-color: var(--border); }
.cat-btn-secondary:hover:not([disabled])[b-zul6bcot56] { background: var(--surface-sunken); }

.cat-tiny-btn[b-zul6bcot56] {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 11px;
    color: var(--text-muted);
    cursor: pointer;
    font-family: inherit;
    min-width: 24px;
}
.cat-tiny-btn:hover:not([disabled])[b-zul6bcot56] { background: var(--surface-sunken); color: var(--text); border-color: var(--accent); }

/* Empty state */
.cat-empty[b-zul6bcot56] {
    text-align: center;
    padding: 60px 20px;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-md);
    color: var(--text-muted);
}
.cat-empty-icon[b-zul6bcot56] { font-size: 44px; margin-bottom: 14px; opacity: .5; }
.cat-empty-title[b-zul6bcot56] { font-size: 18px; font-weight: 600; color: var(--text); margin: 0 0 6px; }
.cat-empty-sub[b-zul6bcot56] { font-size: 13px; margin: 0 auto 16px; max-width: 420px; }

.cat-result-count[b-zul6bcot56] {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 8px;
    padding-left: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* Grid */
.cat-grid[b-zul6bcot56] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow);
}
.cat-grid-head[b-zul6bcot56], .cat-row[b-zul6bcot56] {
    display: grid;
    grid-template-columns: 180px 1.2fr 2fr 80px 110px 80px;
    align-items: center;
    padding: 0 14px;
    gap: 12px;
    min-height: 46px;
    border-bottom: 1px solid var(--border);
}
.cat-grid-head[b-zul6bcot56] {
    background: var(--surface-sunken);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    color: var(--text-muted);
    text-transform: uppercase;
    min-height: 36px;
}
.cat-row:hover[b-zul6bcot56] { background: var(--surface-sunken); }
.cat-row:last-child[b-zul6bcot56] { border-bottom: none; }
.cat-row-inactive[b-zul6bcot56] { opacity: .55; background: var(--surface-sunken); }

.cat-col-code code[b-zul6bcot56] {
    background: var(--surface-sunken);
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-family: 'Consolas', monospace;
    color: var(--accent);
    font-weight: 700;
    letter-spacing: .3px;
}
.cat-col-name[b-zul6bcot56] { font-size: 13px; font-weight: 500; }
.cat-col-desc[b-zul6bcot56] { font-size: 12px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cat-col-usage[b-zul6bcot56] { text-align: center; font-size: 13px; color: var(--text-muted); font-weight: 600; }

.cat-badge[b-zul6bcot56] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: var(--radius-sm);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
}
.cat-badge-ok[b-zul6bcot56]  { background: var(--g-ok-bg);  color: var(--g-ok); }
.cat-badge-off[b-zul6bcot56] { background: var(--surface-sunken); color: var(--text-faint); border: 1px solid var(--border); }

.cat-col-actions[b-zul6bcot56] { display: flex; gap: 4px; justify-content: flex-end; }

/* Modal */
.cat-backdrop[b-zul6bcot56] {
    position: fixed; inset: 0;
    background: rgba(15,26,54,.55);
    backdrop-filter: blur(3px);
    z-index: 100;
}
.cat-modal[b-zul6bcot56] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: var(--surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    width: 560px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    z-index: 101;
    border: 1px solid var(--border);
}
.cat-modal-head[b-zul6bcot56] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex; justify-content: space-between; align-items: center;
}
.cat-modal-title[b-zul6bcot56] { font-size: 15px; font-weight: 700; color: var(--text); }
.cat-modal-x[b-zul6bcot56] {
    background: none; border: none; font-size: 22px; color: var(--text-muted);
    cursor: pointer; line-height: 1; padding: 0 4px; border-radius: 3px;
}
.cat-modal-x:hover[b-zul6bcot56] { background: var(--surface-sunken); color: var(--danger); }

.cat-modal-body[b-zul6bcot56] { padding: 18px; overflow-y: auto; display: grid; gap: 14px; }
.cat-form-row[b-zul6bcot56] { display: grid; gap: 14px; }
.cat-form-row-2[b-zul6bcot56] { grid-template-columns: 1fr 1fr; }
.cat-form-group[b-zul6bcot56] { display: flex; flex-direction: column; min-width: 0; }

.cat-modal-foot[b-zul6bcot56] {
    padding: 12px 18px;
    border-top: 1px solid var(--border);
    display: flex; justify-content: flex-end; gap: 8px;
    background: var(--surface-sunken);
}

/* Responsive */
@media (max-width: 900px) {
    .cat-grid-head[b-zul6bcot56], .cat-row[b-zul6bcot56] {
        grid-template-columns: 120px 1fr 80px 80px;
    }
    .cat-col-desc[b-zul6bcot56], .cat-col-usage[b-zul6bcot56] { display: none; }
    .cat-stats[b-zul6bcot56] { grid-template-columns: repeat(2, 1fr); }
}
/* /Pages/CFG/Material/CFG22_MaterialCategories.razor.rz.scp.css */
/* CFG22 reutiliza el CSS de CFG21 (ambos son catalogos planos con prefijo .cat-*).
   Importa los estilos via una clase wrapper identica. Este archivo duplica las reglas
   porque Blazor scoped CSS aisla por componente: sin duplicar, las clases .cat-* no
   se aplicarian en CFG22. */

.cat-page[b-ijs8d38xwr] {
    padding: 16px 20px;
    max-width: 1300px;
    margin: 0 auto;
    font-family: var(--font-sans);
    color: var(--text);
}

.cat-alert[b-ijs8d38xwr] {
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    margin-bottom: 12px;
    font-size: 13px;
    border: 1px solid transparent;
}
.cat-alert-ok[b-ijs8d38xwr]  { background: var(--g-ok-bg);  color: var(--g-ok);  border-color: var(--g-ok-border); }
.cat-alert-err[b-ijs8d38xwr] { background: var(--g-err-bg); color: var(--g-err); border-color: var(--g-err-border); }

.cat-toolbar[b-ijs8d38xwr] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 14px;
}

.cat-stats[b-ijs8d38xwr] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.cat-stat[b-ijs8d38xwr] {
    background: var(--surface-sunken);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
}
.cat-stat-label[b-ijs8d38xwr] { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); font-weight: 600; }
.cat-stat-val[b-ijs8d38xwr] { font-size: 22px; font-weight: 700; color: var(--text); font-family: var(--font-display); line-height: 1.2; }
.cat-stat-muted[b-ijs8d38xwr] { color: var(--text-faint); }

.cat-filters[b-ijs8d38xwr] { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.cat-filter-grp[b-ijs8d38xwr] { display: flex; flex-direction: column; min-width: 220px; }
.cat-lbl[b-ijs8d38xwr] { font-size: 10px; text-transform: uppercase; letter-spacing: .8px; color: var(--text-muted); margin-bottom: 4px; font-weight: 600; }
.cat-hint[b-ijs8d38xwr] { font-size: 10px; color: var(--text-faint); margin-top: 3px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.cat-inp[b-ijs8d38xwr] { padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--field-bg); color: var(--text); font-size: 13px; font-family: inherit; outline: none; width: 100%; }
.cat-inp:focus[b-ijs8d38xwr] { border-color: var(--accent); box-shadow: 0 0 0 3px var(--g-focus-ring); }
.cat-inp:disabled[b-ijs8d38xwr] { opacity: .6; background: var(--surface-sunken); }
.cat-inp-err[b-ijs8d38xwr] { border-color: var(--danger); }
.cat-err[b-ijs8d38xwr] { color: var(--g-err); font-size: 11px; margin-top: 3px; }
.cat-textarea[b-ijs8d38xwr] { min-height: 72px; resize: vertical; font-family: inherit; }

.cat-chk[b-ijs8d38xwr] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-muted); cursor: pointer; padding-bottom: 6px; }

.cat-btn[b-ijs8d38xwr] { padding: 8px 16px; border-radius: var(--radius-sm); font-size: 12px; font-weight: 600; border: 1px solid transparent; cursor: pointer; transition: all .15s; font-family: inherit; height: 34px; letter-spacing: .3px; }
.cat-btn-primary[b-ijs8d38xwr] { background: var(--accent); color: var(--accent-contrast); }
.cat-btn-primary:hover:not([disabled])[b-ijs8d38xwr] { background: var(--accent-hover); }
.cat-btn-primary:disabled[b-ijs8d38xwr] { opacity: .5; cursor: not-allowed; }
.cat-btn-secondary[b-ijs8d38xwr] { background: var(--surface); color: var(--text); border-color: var(--border); }
.cat-btn-secondary:hover:not([disabled])[b-ijs8d38xwr] { background: var(--surface-sunken); }

.cat-tiny-btn[b-ijs8d38xwr] { background: transparent; border: 1px solid var(--border); border-radius: 3px; padding: 2px 6px; font-size: 11px; color: var(--text-muted); cursor: pointer; font-family: inherit; min-width: 24px; }
.cat-tiny-btn:hover:not([disabled])[b-ijs8d38xwr] { background: var(--surface-sunken); color: var(--text); border-color: var(--accent); }

.cat-empty[b-ijs8d38xwr] { text-align: center; padding: 60px 20px; background: var(--surface); border: 1px dashed var(--border); border-radius: var(--radius-md); color: var(--text-muted); }
.cat-empty-icon[b-ijs8d38xwr] { font-size: 44px; margin-bottom: 14px; opacity: .5; }
.cat-empty-title[b-ijs8d38xwr] { font-size: 18px; font-weight: 600; color: var(--text); margin: 0 0 6px; }
.cat-empty-sub[b-ijs8d38xwr] { font-size: 13px; margin: 0 auto 16px; max-width: 420px; }

.cat-result-count[b-ijs8d38xwr] { font-size: 11px; color: var(--text-muted); margin-bottom: 8px; padding-left: 4px; text-transform: uppercase; letter-spacing: .5px; }

.cat-grid[b-ijs8d38xwr] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow); }
.cat-grid-head[b-ijs8d38xwr], .cat-row[b-ijs8d38xwr] { display: grid; grid-template-columns: 180px 1.2fr 2fr 80px 110px 80px; align-items: center; padding: 0 14px; gap: 12px; min-height: 46px; border-bottom: 1px solid var(--border); }
.cat-grid-head[b-ijs8d38xwr] { background: var(--surface-sunken); font-size: 10px; font-weight: 700; letter-spacing: .8px; color: var(--text-muted); text-transform: uppercase; min-height: 36px; }
.cat-row:hover[b-ijs8d38xwr] { background: var(--surface-sunken); }
.cat-row:last-child[b-ijs8d38xwr] { border-bottom: none; }
.cat-row-inactive[b-ijs8d38xwr] { opacity: .55; background: var(--surface-sunken); }

.cat-col-code code[b-ijs8d38xwr] { background: var(--surface-sunken); padding: 3px 8px; border-radius: 3px; font-size: 11px; font-family: 'Consolas', monospace; color: var(--accent); font-weight: 700; letter-spacing: .3px; }
.cat-col-name[b-ijs8d38xwr] { font-size: 13px; font-weight: 500; }
.cat-col-desc[b-ijs8d38xwr] { font-size: 12px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cat-col-usage[b-ijs8d38xwr] { text-align: center; font-size: 13px; color: var(--text-muted); font-weight: 600; }

.cat-badge[b-ijs8d38xwr] { display: inline-block; padding: 3px 9px; border-radius: var(--radius-sm); font-size: 10px; font-weight: 700; letter-spacing: .5px; }
.cat-badge-ok[b-ijs8d38xwr]  { background: var(--g-ok-bg);  color: var(--g-ok); }
.cat-badge-off[b-ijs8d38xwr] { background: var(--surface-sunken); color: var(--text-faint); border: 1px solid var(--border); }

.cat-col-actions[b-ijs8d38xwr] { display: flex; gap: 4px; justify-content: flex-end; }

.cat-backdrop[b-ijs8d38xwr] { position: fixed; inset: 0; background: rgba(15,26,54,.55); backdrop-filter: blur(3px); z-index: 100; }
.cat-modal[b-ijs8d38xwr] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); width: 560px; max-width: calc(100vw - 32px); max-height: calc(100vh - 64px); display: flex; flex-direction: column; z-index: 101; border: 1px solid var(--border); }
.cat-modal-head[b-ijs8d38xwr] { padding: 14px 18px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }
.cat-modal-title[b-ijs8d38xwr] { font-size: 15px; font-weight: 700; color: var(--text); }
.cat-modal-x[b-ijs8d38xwr] { background: none; border: none; font-size: 22px; color: var(--text-muted); cursor: pointer; line-height: 1; padding: 0 4px; border-radius: 3px; }
.cat-modal-x:hover[b-ijs8d38xwr] { background: var(--surface-sunken); color: var(--danger); }

.cat-modal-body[b-ijs8d38xwr] { padding: 18px; overflow-y: auto; display: grid; gap: 14px; }
.cat-form-row[b-ijs8d38xwr] { display: grid; gap: 14px; }
.cat-form-row-2[b-ijs8d38xwr] { grid-template-columns: 1fr 1fr; }
.cat-form-group[b-ijs8d38xwr] { display: flex; flex-direction: column; min-width: 0; }

.cat-modal-foot[b-ijs8d38xwr] { padding: 12px 18px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 8px; background: var(--surface-sunken); }

@media (max-width: 900px) {
    .cat-grid-head[b-ijs8d38xwr], .cat-row[b-ijs8d38xwr] { grid-template-columns: 120px 1fr 80px 80px; }
    .cat-col-desc[b-ijs8d38xwr], .cat-col-usage[b-ijs8d38xwr] { display: none; }
    .cat-stats[b-ijs8d38xwr] { grid-template-columns: repeat(2, 1fr); }
}
/* /Pages/CFG/NumberRange/NR02_ManageNumberRanges.razor.rz.scp.css */
.nr02-table-scroll[b-bgp33kbxsz] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
}

.nr02-table-scroll[b-bgp33kbxsz]::-webkit-scrollbar {
    height: 10px;
}

.nr02-table-scroll[b-bgp33kbxsz]::-webkit-scrollbar-track {
    background: var(--g-surface-sec);
    border-radius: 999px;
}

.nr02-table-scroll[b-bgp33kbxsz]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--g-text-muted) 45%, transparent);
    border: 2px solid var(--g-surface-sec);
    border-radius: 999px;
}

.nr02-table[b-bgp33kbxsz] {
    min-width: 1680px;
    table-layout: fixed;
}

.nr02-table .nr02-col-object[b-bgp33kbxsz] { width: 170px; }
.nr02-table .nr02-col-description[b-bgp33kbxsz] { width: 170px; }
.nr02-table .nr02-col-scope[b-bgp33kbxsz] { width: 110px; }
.nr02-table .nr02-col-entity[b-bgp33kbxsz] { width: 250px; }
.nr02-table .nr02-col-company[b-bgp33kbxsz] { width: 320px; }
.nr02-table .nr02-col-interval[b-bgp33kbxsz] { width: 70px; }
.nr02-table .nr02-col-range[b-bgp33kbxsz] { width: 145px; }
.nr02-table .nr02-col-external[b-bgp33kbxsz] { width: 70px; }
.nr02-table .nr02-col-status[b-bgp33kbxsz] { width: 105px; }

.nr02-table th[b-bgp33kbxsz],
.nr02-table td[b-bgp33kbxsz] {
    white-space: nowrap;
}

.nr02-table td[b-bgp33kbxsz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nr02-table .nr02-code[b-bgp33kbxsz],
.nr02-table .nr02-num[b-bgp33kbxsz] {
    font-variant-numeric: tabular-nums;
}

.nr02-table .nr02-code[b-bgp33kbxsz] {
    font-weight: 600;
}

.nr02-table .nr02-num[b-bgp33kbxsz] {
    text-align: right;
}
/* /Pages/CFG/PurchOrg/Costing/MC10_CostMaster.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MC10 - Maestro de costeo  (scoped CSS)
   SAP Fiori-inspired, compact 12px base
   ═══════════════════════════════════════════════════════════════ */

.mc10[b-72j44yp2ng] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

/* ── Toast ──────────────────────────────────────────────────── */

.mc10-toast[b-72j44yp2ng] {
    position: fixed;
    top: 12px;
    right: 16px;
    z-index: 900;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: var(--shadow);
    animation: mc10-fade-in-b-72j44yp2ng .2s ease;
}

.mc10-toast.ok[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
    border: 1px solid var(--g-ok);
}

.mc10-toast.err[b-72j44yp2ng] {
    background: var(--g-err-bg);
    color: var(--g-err);
    border: 1px solid var(--g-err);
}

@keyframes mc10-fade-in-b-72j44yp2ng {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Messages ──────────────────────────────────────────────── */

.mc10-message[b-72j44yp2ng] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--g-border-strong);
}

.mc10-message-error[b-72j44yp2ng] { background: var(--g-err-bg); color: var(--g-err); }
.mc10-message-success[b-72j44yp2ng] { background: var(--g-ok-bg); color: var(--g-ok); }

/* ── Header ────────────────────────────────────────────────── */

.mc10-header[b-72j44yp2ng] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    margin-bottom: 6px;
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    border-top: 3px solid var(--g-consult);
}

.mc10-kicker[b-72j44yp2ng] {
    font-size: 11px;
    font-weight: 700;
    color: var(--g-consult);
    letter-spacing: .06em;
}

.mc10-title-wrap[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mc10-title-wrap strong[b-72j44yp2ng] {
    font-size: 13px;
    color: var(--g-text);
}

.mc10-title-wrap span[b-72j44yp2ng] {
    font-size: 10px;
    color: var(--g-text-sec);
}

/* ── Tabs ──────────────────────────────────────────────────── */

.mc10-tabs[b-72j44yp2ng] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--g-border-strong);
    margin-bottom: 0;
}

.mc10-tab[b-72j44yp2ng] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 16px;
    background: var(--g-surface-sub);
    border: 1px solid var(--g-border-strong);
    border-bottom: none;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    color: var(--g-text-sec);
    border-radius: 3px 3px 0 0;
    margin-bottom: -2px;
}

.mc10-tab:hover[b-72j44yp2ng] {
    background: var(--g-surface-sec);
}

.mc10-tab.active[b-72j44yp2ng] {
    background: var(--g-surface);
    color: var(--g-consult);
    border-color: var(--g-border-strong);
    border-bottom: 2px solid var(--g-surface);
}

.mc10-tab .mono[b-72j44yp2ng] {
    font-size: 10px;
    opacity: .6;
}

/* ── Master-Detail (Tab 1) ─────────────────────────────────── */

.mc10-master-detail[b-72j44yp2ng] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    min-height: 420px;
}

.mc10-list-panel[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc10-list-head[b-72j44yp2ng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid var(--g-border);
}

.mc10-list-head strong[b-72j44yp2ng] {
    font-size: 11px;
    color: var(--g-consult);
}

.mc10-list-scroll[b-72j44yp2ng] {
    flex: 1;
    overflow-y: auto;
    max-height: 460px;
}

.mc10-list-item[b-72j44yp2ng] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid var(--g-surface-sec);
    transition: background .1s;
}

.mc10-list-item:hover[b-72j44yp2ng] {
    background: var(--g-surface-sec);
}

.mc10-list-item.selected[b-72j44yp2ng] {
    background: var(--g-selected-bg);
    border-left: 3px solid var(--g-create);
    padding-left: 7px;
}

.mc10-list-code[b-72j44yp2ng] {
    font-size: 11px;
    font-weight: 600;
    color: var(--g-text);
    min-width: 64px;
}

.mc10-list-desc[b-72j44yp2ng] {
    font-size: 10px;
    color: var(--g-text-sec);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc10-list-footer[b-72j44yp2ng] {
    padding: 4px 10px;
    font-size: 10px;
    color: var(--g-text-muted);
    border-top: 1px solid var(--g-border);
    text-align: right;
}

.mc10-empty-list[b-72j44yp2ng] {
    padding: 24px 10px;
    text-align: center;
    color: var(--g-text-muted);
    font-size: 11px;
}

/* ── Detail Panel ──────────────────────────────────────────── */

.mc10-detail-panel[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.mc10-detail-empty[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 4px;
}

.mc10-empty-title[b-72j44yp2ng] {
    font-size: 13px;
    font-weight: 600;
    color: var(--g-text-sec);
}

.mc10-empty-sub[b-72j44yp2ng] {
    font-size: 11px;
    color: var(--g-text-muted);
}

.mc10-detail-head[b-72j44yp2ng] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-sub);
}

.mc10-detail-head strong[b-72j44yp2ng] {
    font-size: 12px;
    color: var(--g-consult);
}

.mc10-detail-form[b-72j44yp2ng] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mc10-detail-actions[b-72j44yp2ng] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding: 8px 12px;
    border-top: 1px solid var(--g-border);
}

/* ── Form layout ───────────────────────────────────────────── */

.mc10-form-row[b-72j44yp2ng] {
    display: grid;
    gap: 10px;
}

.mc10-form-row.two[b-72j44yp2ng]   { grid-template-columns: 1fr 1fr; }
.mc10-form-row.three[b-72j44yp2ng] { grid-template-columns: 1fr 1fr 1fr; }
.mc10-form-row.four[b-72j44yp2ng]  { grid-template-columns: 1fr 1fr 1fr 1fr; }

.mc10-form-group[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mc10-lbl[b-72j44yp2ng] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc10-inp[b-72j44yp2ng] {
    width: 100%;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.mc10-inp:focus[b-72j44yp2ng] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mc10-inp:disabled[b-72j44yp2ng] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
    cursor: not-allowed;
}

/* ── Inventory select coloring ─────────────────────────────── */

.mc10-inv-select.inv-yes[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    border-color: var(--g-ok);
    color: var(--g-ok);
    font-weight: 600;
}

.mc10-inv-select.inv-no[b-72j44yp2ng] {
    background: var(--g-warn-bg);
    border-color: var(--g-warn);
    color: var(--g-warn);
    font-weight: 600;
}

/* ── Toggle button ─────────────────────────────────────────── */

.mc10-toggle-btn[b-72j44yp2ng] {
    min-height: 24px;
    padding: 2px 10px;
    border: 1px solid var(--g-border-strong);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 2px;
}

.mc10-toggle-btn.toggle-active[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
    border-color: var(--g-ok);
}

.mc10-toggle-btn.toggle-inactive[b-72j44yp2ng] {
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    border-color: var(--g-border-strong);
}

.mc10-toggle-btn:hover[b-72j44yp2ng] {
    opacity: .85;
}

/* ── Preview box ───────────────────────────────────────────── */

.mc10-preview[b-72j44yp2ng] {
    margin: 4px 12px 8px;
    padding: 8px 10px;
    background: var(--g-surface-sub);
    border: 1px solid var(--g-border);
    border-radius: 3px;
}

.mc10-preview-title[b-72j44yp2ng] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 6px;
}

.mc10-preview-grid[b-72j44yp2ng] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.mc10-preview-grid > div[b-72j44yp2ng] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mc10-preview-label[b-72j44yp2ng] {
    font-size: 9px;
    font-weight: 600;
    color: var(--g-text-muted);
    text-transform: uppercase;
}

.mc10-preview-value[b-72j44yp2ng] {
    font-size: 11px;
    color: var(--g-text);
}

/* ── Dots ──────────────────────────────────────────────────── */

.mc10-dot[b-72j44yp2ng] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mc10-dot.dot-ok[b-72j44yp2ng]  { background: var(--status-dot-ok); }
.mc10-dot.dot-off[b-72j44yp2ng] { background: var(--g-border-strong); }

/* ── Chips & Badges ────────────────────────────────────────── */

.mc10-chip[b-72j44yp2ng] {
    display: inline-block;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 2px;
}

.mc10-chip.chip-ok[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.mc10-chip.chip-warn[b-72j44yp2ng] {
    background: var(--g-warn-bg);
    color: var(--g-warn);
}

.mc10-badge[b-72j44yp2ng] {
    display: inline-block;
    padding: 1px 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    border-radius: 2px;
}

.mc10-badge.badge-ok[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.mc10-badge.badge-off[b-72j44yp2ng] {
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
}

.mc10-basis-chip[b-72j44yp2ng] {
    display: inline-block;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'DM Mono', 'Consolas', monospace;
    background: var(--g-surface-sec);
    color: var(--g-consult);
    border-radius: 2px;
}

/* ── Panel (Tab 2) ─────────────────────────────────────────── */

.mc10-panel[b-72j44yp2ng] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.mc10-panel-head[b-72j44yp2ng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid var(--g-border);
}

.mc10-panel-head strong[b-72j44yp2ng] {
    font-size: 12px;
    color: var(--g-consult);
}

/* ── Table ─────────────────────────────────────────────────── */

.mc10-table-wrap[b-72j44yp2ng] {
    overflow-x: auto;
}

.mc10-table[b-72j44yp2ng] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.mc10-table thead th[b-72j44yp2ng] {
    text-align: left;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    background: var(--g-surface-sub);
    border-bottom: 1px solid var(--g-border-strong);
    white-space: nowrap;
}

.mc10-table thead th.th-narrow[b-72j44yp2ng] {
    width: 24px;
    text-align: center;
}

.mc10-table tbody td[b-72j44yp2ng] {
    padding: 4px 8px;
    border-bottom: 1px solid var(--g-surface-sec);
    vertical-align: middle;
}

.mc10-table tbody tr:hover[b-72j44yp2ng] {
    background: var(--g-surface-sub);
}

.mc10-table tbody tr.editing[b-72j44yp2ng] {
    background: var(--g-warn-bg);
}

.mc10-empty-row[b-72j44yp2ng] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 20px 8px !important;
    font-style: italic;
}

.mc10-table-footer[b-72j44yp2ng] {
    padding: 4px 10px;
    font-size: 10px;
    color: var(--g-text-muted);
    text-align: right;
    border-top: 1px solid var(--g-border);
}

/* ── Inline editing inputs ─────────────────────────────────── */

.mc10-inline-inp[b-72j44yp2ng] {
    width: 100%;
    min-height: 22px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 1px 5px;
    font: inherit;
    font-size: 11px;
}

.mc10-inline-inp:focus[b-72j44yp2ng] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mc10-inline-actions[b-72j44yp2ng] {
    display: flex;
    gap: 4px;
}

/* ── Action buttons ────────────────────────────────────────── */

.mc10-action-btn[b-72j44yp2ng] {
    padding: 2px 8px;
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid var(--g-border-strong);
    border-radius: 2px;
    cursor: pointer;
    background: var(--g-surface);
    color: var(--g-consult);
}

.mc10-action-btn:hover[b-72j44yp2ng] {
    background: var(--g-surface-sec);
}

.mc10-action-btn.edit[b-72j44yp2ng] {
    color: var(--g-create);
}

.mc10-action-btn.save[b-72j44yp2ng] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
    border-color: var(--g-ok);
}

.mc10-action-btn.cancel[b-72j44yp2ng] {
    color: var(--g-text-muted);
}

/* ── Buttons ───────────────────────────────────────────────── */

.mc10-btn[b-72j44yp2ng] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--g-border-strong);
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
}

.mc10-btn:disabled[b-72j44yp2ng] {
    opacity: .55;
    cursor: not-allowed;
}

.mc10-btn-primary[b-72j44yp2ng] {
    background: var(--g-create);
    color: var(--accent-contrast);
    border-color: var(--g-create);
}

.mc10-btn-primary:hover:not(:disabled)[b-72j44yp2ng] {
    background: var(--g-create);
}

.mc10-btn-secondary[b-72j44yp2ng] {
    background: var(--g-surface-sub);
    color: var(--g-consult);
}

.mc10-btn-secondary:hover:not(:disabled)[b-72j44yp2ng] {
    background: var(--g-surface-sec);
}

.mc10-btn-cancel[b-72j44yp2ng] {
    background: var(--g-surface);
    color: var(--g-text-sec);
}

.mc10-btn-cancel:hover:not(:disabled)[b-72j44yp2ng] {
    background: var(--g-surface-sub);
}

/* ── Footer ────────────────────────────────────────────────── */

.mc10-footer[b-72j44yp2ng] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0 0;
}

/* ── Mono font ─────────────────────────────────────────────── */

[b-72j44yp2ng] .mono {
    font-family: 'DM Mono', 'Consolas', monospace;
}
/* /Pages/CFG/PurchOrg/Costing/MC11_CostSchema.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MC11 - Esquema de costeo
   ═══════════════════════════════════════════════════════════════ */

.mc11[b-ldumu9j5l2] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

/* ── Messages ──────────────────────────────────────────────────── */

.mc11-message[b-ldumu9j5l2] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--g-border-strong);
}

.mc11-message-error[b-ldumu9j5l2] { background: var(--g-err-bg); color: var(--g-err); }
.mc11-message-success[b-ldumu9j5l2] { background: var(--g-ok-bg); color: var(--g-ok); }

/* ── Shell ─────────────────────────────────────────────────────── */

.mc11-shell[b-ldumu9j5l2] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

/* ── Head ──────────────────────────────────────────────────────── */

.mc11-head[b-ldumu9j5l2] {
    padding: 8px 12px;
    border-bottom: none;
    border-top: 3px solid var(--g-consult);
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.mc11-title[b-ldumu9j5l2] {
    font-size: 13px;
    font-weight: 700;
    color: var(--g-text);
}

.mc11-subtitle[b-ldumu9j5l2] {
    font-size: 10px;
    color: var(--g-text-muted);
    font-style: italic;
}

/* ── Tabs ──────────────────────────────────────────────────────── */

.mc11-tabs[b-ldumu9j5l2] {
    display: flex;
    gap: 2px;
    padding: 0 8px;
    border-bottom: 1px solid var(--g-border-strong);
}

.mc11-tab[b-ldumu9j5l2] {
    border: 1px solid transparent;
    border-bottom: none;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    padding: 6px 12px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.mc11-tab:hover[b-ldumu9j5l2] { background: var(--g-surface-sec); }

.mc11-tab.active[b-ldumu9j5l2] {
    background: var(--g-surface);
    color: var(--g-text);
    border-color: var(--g-border-strong);
    transform: translateY(1px);
}

/* ── Panel ─────────────────────────────────────────────────────── */

.mc11-panel[b-ldumu9j5l2] {
    padding: 10px 12px;
    min-height: 300px;
}

.mc11-loading[b-ldumu9j5l2],
.mc11-empty[b-ldumu9j5l2] {
    padding: 24px;
    text-align: center;
    color: var(--g-text-muted);
    font-size: 11px;
}

/* ── Labels / Controls ─────────────────────────────────────────── */

.mc11-label[b-ldumu9j5l2] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc11-control[b-ldumu9j5l2],
.mc11-grid-input[b-ldumu9j5l2] {
    width: 100%;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mc11-control:focus[b-ldumu9j5l2],
.mc11-grid-input:focus[b-ldumu9j5l2] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mc11-readonly[b-ldumu9j5l2] {
    display: inline-block;
    padding: 2px 6px;
    font-size: 11px;
    color: var(--g-text-sec);
    background: var(--g-surface-sub);
    min-height: 20px;
    line-height: 20px;
}

.mono[b-ldumu9j5l2] { font-family: 'Cascadia Mono', 'Consolas', monospace; }

/* ── Chip ──────────────────────────────────────────────────────── */

.mc11-chip[b-ldumu9j5l2] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    white-space: nowrap;
}

.mc11-chip.ok[b-ldumu9j5l2] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc11-chip.soft[b-ldumu9j5l2] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.mc11-chip.inactive-chip[b-ldumu9j5l2] { background: var(--g-err-bg); color: var(--g-err); }

/* ── Dot ───────────────────────────────────────────────────────── */

.mc11-dot[b-ldumu9j5l2] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mc11-dot.active[b-ldumu9j5l2] { background: var(--status-dot-ok); }
.mc11-dot.inactive[b-ldumu9j5l2] { background: var(--status-dot-muted); }

/* ── Buttons ───────────────────────────────────────────────────── */

.mc11-btn[b-ldumu9j5l2] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-consult);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.mc11-btn:hover[b-ldumu9j5l2] { background: var(--g-surface-sec); }
.mc11-btn.primary[b-ldumu9j5l2] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.mc11-btn.primary:hover[b-ldumu9j5l2] { background: var(--accent-hover); filter: brightness(0.92); }
.mc11-btn.small[b-ldumu9j5l2] { padding: 2px 8px; font-size: 10px; }
.mc11-btn:disabled[b-ldumu9j5l2] { opacity: .55; cursor: not-allowed; }

.mc11-btn-icon[b-ldumu9j5l2] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px;
    line-height: 1;
}

.mc11-btn-icon.danger[b-ldumu9j5l2] { color: var(--g-err); }
.mc11-btn-icon.danger:hover[b-ldumu9j5l2] { color: var(--danger-hover); }

.mc11-inline-group[b-ldumu9j5l2] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════════
   TAB 1: Master-Detail
   ═══════════════════════════════════════════════════════════════ */

.mc11-master-detail[b-ldumu9j5l2] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 12px;
    min-height: 340px;
}

/* ── List panel ── */

.mc11-list-panel[b-ldumu9j5l2] {
    border: 1px solid var(--g-border-strong);
    display: flex;
    flex-direction: column;
}

.mc11-list-header[b-ldumu9j5l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc11-list-title[b-ldumu9j5l2] {
    font-size: 11px;
    font-weight: 700;
    color: var(--g-consult);
}

.mc11-list-scroll[b-ldumu9j5l2] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.mc11-list-item[b-ldumu9j5l2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    cursor: pointer;
    border-bottom: 1px solid var(--g-border);
}

.mc11-list-item:hover[b-ldumu9j5l2] { background: var(--g-surface-sec); }

.mc11-list-item.selected[b-ldumu9j5l2] {
    background: var(--g-selected-bg);
    border-left: 3px solid var(--g-create);
}

.mc11-list-item-body[b-ldumu9j5l2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mc11-list-code[b-ldumu9j5l2] {
    font-size: 11px;
    font-weight: 700;
    color: var(--g-text);
    font-family: 'Cascadia Mono', 'Consolas', monospace;
}

.mc11-list-name[b-ldumu9j5l2] {
    font-size: 10px;
    color: var(--g-text-sec);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Detail panel ── */

.mc11-detail-panel[b-ldumu9j5l2] {
    border: 1px solid var(--g-border-strong);
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.mc11-detail-form[b-ldumu9j5l2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mc11-form-grid[b-ldumu9j5l2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.mc11-field[b-ldumu9j5l2] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
}

/* ── Preview ── */

.mc11-preview[b-ldumu9j5l2] {
    display: flex;
    gap: 16px;
    padding: 8px 10px;
    background: var(--g-surface-sub);
    border: 1px solid var(--g-border-strong);
    border-left: 3px solid var(--g-create);
}

.mc11-preview-item[b-ldumu9j5l2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mc11-preview-label[b-ldumu9j5l2] {
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc11-preview-value[b-ldumu9j5l2] {
    font-size: 12px;
    font-weight: 600;
    color: var(--g-text);
}

.mc11-detail-actions[b-ldumu9j5l2] {
    display: flex;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--g-border);
}

/* ═══════════════════════════════════════════════════════════════
   TAB 2: Schema Rules Grid
   ═══════════════════════════════════════════════════════════════ */

.mc11-rules-panel[b-ldumu9j5l2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mc11-rules-toolbar[b-ldumu9j5l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.w-schema-select[b-ldumu9j5l2] { width: 320px; }

.mc11-grid-wrap[b-ldumu9j5l2] {
    overflow-x: auto;
    border: 1px solid var(--g-border-strong);
}

.mc11-grid[b-ldumu9j5l2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.mc11-grid thead[b-ldumu9j5l2] { background: var(--g-surface-sub); }

.mc11-grid th[b-ldumu9j5l2] {
    padding: 5px 6px;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid var(--g-border-strong);
    white-space: nowrap;
}

.mc11-grid td[b-ldumu9j5l2] {
    padding: 4px 6px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
}

.mc11-grid tbody tr:hover[b-ldumu9j5l2] { background: var(--g-surface-sub); }
.mc11-grid tbody tr.row-inactive[b-ldumu9j5l2] { opacity: .55; }

.mc11-empty-cell[b-ldumu9j5l2] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 18px 6px !important;
}

.center[b-ldumu9j5l2] { text-align: center; }

/* Column widths */
.w-30[b-ldumu9j5l2] { width: 30px; }
.w-50[b-ldumu9j5l2] { width: 50px; }
.w-60[b-ldumu9j5l2] { width: 60px; }
.w-80[b-ldumu9j5l2] { width: 80px; }
.w-120[b-ldumu9j5l2] { width: 120px; }
.w-160[b-ldumu9j5l2] { width: 160px; }
.w-180[b-ldumu9j5l2] { width: 180px; }
.w-full[b-ldumu9j5l2] { width: 100%; }

/* Prorrateo override highlight */
.prorrateo-override[b-ldumu9j5l2] {
    background: var(--g-warn-bg) !important;
    border-color: var(--g-warn) !important;
}

.mc11-note[b-ldumu9j5l2] {
    font-size: 10px;
    color: var(--g-text-muted);
    padding: 4px 0;
    font-style: italic;
}

.mc11-rules-actions[b-ldumu9j5l2] {
    display: flex;
    gap: 8px;
    padding-top: 4px;
}

/* ── Footer ────────────────────────────────────────────────────── */

.mc11-footer[b-ldumu9j5l2] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 12px;
    border-top: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}
/* /Pages/CFG/PurchOrg/Costing/MC12_SchemaAssignment.razor.rz.scp.css */
.mc12[b-3q3s9242pe] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

/* ── Messages ── */

.mc12-msg[b-3q3s9242pe] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--g-border-strong);
}

.mc12-msg-error[b-3q3s9242pe] { background: var(--g-err-bg); color: var(--g-err); }
.mc12-msg-success[b-3q3s9242pe] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc12-msg-warn[b-3q3s9242pe] { background: var(--g-warn-bg); color: var(--g-warn); }

/* ── Shell ── */

.mc12-shell[b-3q3s9242pe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Head ── */

.mc12-head[b-3q3s9242pe] {
    padding: 6px 10px;
    border: 1px solid var(--g-border-strong);
    border-top: 3px solid var(--g-consult);
    background: var(--g-surface);
}

.mc12-head-row[b-3q3s9242pe] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.mc12-head-row label[b-3q3s9242pe] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ── Banner ── */

.mc12-banner[b-3q3s9242pe] {
    padding: 8px 12px;
    background: var(--g-selected-bg);
    border: 1px solid var(--g-info);
    color: var(--g-info);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
}

/* ── Card ── */

.mc12-card[b-3q3s9242pe] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 0;
}

.mc12-card-header[b-3q3s9242pe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--g-border);
}

.mc12-card-title[b-3q3s9242pe] {
    font-size: 12px;
    font-weight: 700;
    color: var(--g-consult);
    padding: 8px 12px;
}

.mc12-card-header .mc12-card-title[b-3q3s9242pe] {
    padding: 0;
}

/* ── Controls ── */

.mc12-control[b-3q3s9242pe],
.mc12-grid-input[b-3q3s9242pe] {
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.mc12-control[b-3q3s9242pe] {
    min-width: 220px;
}

.mc12-control:focus[b-3q3s9242pe],
.mc12-grid-input:focus[b-3q3s9242pe] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mono[b-3q3s9242pe] {
    font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
    font-size: 11px;
}

/* ── Grid ── */

.mc12-grid[b-3q3s9242pe] {
    width: 100%;
}

.mc12-grid-head[b-3q3s9242pe] {
    display: grid;
    grid-template-columns: 28px 1fr 120px 1fr 80px 60px 56px 90px 90px 36px;
    gap: 4px;
    padding: 4px 8px;
    background: var(--g-surface-sub);
    border-bottom: 1px solid var(--g-border);
}

.mc12-gh[b-3q3s9242pe] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 0;
}

.mc12-grid-row[b-3q3s9242pe] {
    display: grid;
    grid-template-columns: 28px 1fr 120px 1fr 80px 60px 56px 90px 90px 36px;
    gap: 4px;
    padding: 4px 8px;
    border-bottom: 1px solid var(--g-surface-sec);
    align-items: center;
}

.mc12-grid-row:hover[b-3q3s9242pe] {
    background: var(--g-surface-sub);
}

.mc12-grid-row.inactive[b-3q3s9242pe] {
    opacity: 0.55;
}

.mc12-gc[b-3q3s9242pe] {
    display: flex;
    align-items: center;
    min-height: 28px;
}

.mc12-gc.center[b-3q3s9242pe] {
    justify-content: center;
}

.mc12-grid-input[b-3q3s9242pe] {
    width: 100%;
}

/* ── Dots ── */

.mc12-dot[b-3q3s9242pe] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: auto;
}

.dot-active[b-3q3s9242pe] { background: var(--status-dot-ok); }
.dot-inactive[b-3q3s9242pe] { background: var(--status-dot-muted); }

/* ── Chips ── */

.mc12-chip[b-3q3s9242pe] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.mc12-chip.ok[b-3q3s9242pe] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc12-chip.soft[b-3q3s9242pe] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.mc12-chip.muted[b-3q3s9242pe] { background: var(--g-surface-sec); color: var(--g-text-muted); }
.mc12-chip.blue[b-3q3s9242pe] { background: var(--g-info-bg); color: var(--g-info); }
.mc12-chip.green[b-3q3s9242pe] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc12-chip.orange[b-3q3s9242pe] { background: var(--g-warn-bg); color: var(--g-warn); }

/* ── Buttons ── */

.mc12-btn[b-3q3s9242pe] {
    min-height: 26px;
    padding: 2px 12px;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
}

.mc12-btn:disabled[b-3q3s9242pe] {
    opacity: .55;
    cursor: not-allowed;
}

.mc12-btn-primary[b-3q3s9242pe] {
    background: var(--g-consult);
    color: var(--accent-contrast);
    border-color: var(--g-create);
}

.mc12-btn-primary:hover:not(:disabled)[b-3q3s9242pe] {
    background: var(--g-create);
}

.mc12-btn-icon[b-3q3s9242pe] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid var(--g-border-strong);
    color: var(--g-err);
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
}

.mc12-btn-icon:hover:not(:disabled)[b-3q3s9242pe] {
    background: var(--g-err-bg);
    border-color: var(--g-err-border);
}

.mc12-btn-icon:disabled[b-3q3s9242pe] {
    opacity: .4;
    cursor: not-allowed;
}

/* ── Simulator ── */

.mc12-sim-inputs[b-3q3s9242pe] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--g-border);
}

.mc12-sim-inputs label[b-3q3s9242pe] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc12-sim-result[b-3q3s9242pe] {
    padding: 10px 12px;
    font-size: 11px;
}

.mc12-sim-loading[b-3q3s9242pe] {
    color: var(--g-text-sec);
    font-style: italic;
}

.mc12-sim-ok[b-3q3s9242pe] {
    background: var(--g-ok-bg);
    border-top: 2px solid var(--g-ok);
}

.mc12-sim-warn[b-3q3s9242pe] {
    background: var(--g-warn-bg);
    border-top: 2px solid var(--g-warn);
    color: var(--g-warn);
    font-weight: 600;
}

.mc12-sim-row[b-3q3s9242pe] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 2px 0;
}

.mc12-sim-label[b-3q3s9242pe] {
    font-weight: 700;
    color: var(--g-text-sec);
    min-width: 130px;
}

.mc12-sim-codes[b-3q3s9242pe] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* ── Footer ── */

.mc12-footer[b-3q3s9242pe] {
    display: flex;
    justify-content: flex-end;
    padding: 6px 0;
}

/* ── Misc ── */

.mc12-loading[b-3q3s9242pe],
.mc12-empty[b-3q3s9242pe] {
    padding: 16px 12px;
    color: var(--g-text-sec);
    font-style: italic;
    font-size: 11px;
}
/* /Pages/CFG/Readiness/CFG90_ReadinessCockpit.razor.rz.scp.css */
/* CFG90 styles moved to wwwroot/css/cfg-readiness.css so CFG91-95 drill-downs
   can share the same visual language without duplicating scoped CSS. */
/* /Pages/CFG/Warehouse/WH14_WarehouseProcessConfig.razor.rz.scp.css */
.wh14-grid-3[b-kkgclzf45p]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}

@media (max-width: 1100px){
    .wh14-grid-3[b-kkgclzf45p]{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 720px){
    .wh14-grid-3[b-kkgclzf45p]{grid-template-columns:1fr}
}
/* /Pages/CFG/Warehouse/WH21_WarehouseProcessClasses.razor.rz.scp.css */
.whx-inline-check[b-jglusdxji8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-jglusdxji8] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

.whx-inline-check-filter[b-jglusdxji8] {
    align-self: flex-end;
    padding-bottom: 4px;
    font-size: 12px;
    color: var(--g-text-muted);
}
/* /Pages/CFG/Warehouse/WH22_WarehouseProcessDerivationRules.razor.rz.scp.css */
.whx-inline-check[b-ub9wwqgtuw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-ub9wwqgtuw] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

.whx-inline-check-filter[b-ub9wwqgtuw] {
    align-self: flex-end;
    padding-bottom: 4px;
    font-size: 12px;
    color: var(--g-text-muted);
}
/* /Pages/CFG/Warehouse/WH23_WarehouseProcessSimulation.razor.rz.scp.css */
.whx-inline-check[b-xufks1tlbq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-xufks1tlbq] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}
/* /Pages/CFG/Warehouse/WH25_PutawayStrategies.razor.rz.scp.css */
.whx-inline-check[b-fw85otej4o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-fw85otej4o] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

/* ===== Two-panel layout ===== */
.wh25-panels[b-fw85otej4o] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wh25-left-panel[b-fw85otej4o] {
    flex: 0 0 440px;
    min-width: 360px;
}

.wh25-right-panel[b-fw85otej4o] {
    flex: 1 1 auto;
    min-width: 0;
}

.wh25-placeholder[b-fw85otej4o] {
    color: var(--g-text-muted);
    font-size: 14px;
    padding: 32px 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 6px;
}

.rl-loading[b-fw85otej4o] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px 0;
}

/* ===== Steps section ===== */
.wh25-steps-section[b-fw85otej4o] {
    margin-top: 16px;
    border-top: 1px solid var(--g-border);
    padding-top: 12px;
}

.wh25-steps-header[b-fw85otej4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wh25-steps-empty[b-fw85otej4o] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 4px;
}

/* ===== Step list ===== */
.step-list[b-fw85otej4o] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.step-item[b-fw85otej4o] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid var(--g-border);
    padding: 10px 4px;
}

.step-item:last-child[b-fw85otej4o] {
    border-bottom: none;
}

.step-sequence[b-fw85otej4o] {
    flex: 0 0 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--g-accent);
    color: var(--accent-contrast);
    font-weight: 700;
    font-size: 14px;
    border-radius: 50%;
    margin-top: 4px;
}

.step-fields[b-fw85otej4o] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.step-field-row[b-fw85otej4o] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.step-field-name[b-fw85otej4o] {
    flex: 1 1 180px;
    min-width: 140px;
}

.step-field-method[b-fw85otej4o] {
    flex: 1 1 200px;
    min-width: 160px;
}

.step-field-onfail[b-fw85otej4o] {
    flex: 0 1 200px;
    min-width: 150px;
}

.step-checks[b-fw85otej4o] {
    gap: 16px;
}

/* ===== Step detail (advanced options) ===== */
.step-detail[b-fw85otej4o] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.step-detail .rl-form-group[b-fw85otej4o] {
    flex: 0 1 180px;
    min-width: 120px;
}

/* ===== Step actions (up/down/delete) ===== */
.step-actions[b-fw85otej4o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 auto;
    padding-top: 4px;
}

.step-actions .rl-btn-sm[b-fw85otej4o] {
    min-width: 28px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.4;
}
/* /Pages/CFG/Warehouse/WH26_PickingStrategies.razor.rz.scp.css */
.whx-inline-check[b-fhex3775pi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-fhex3775pi] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

/* ===== Two-panel layout ===== */
.wh26-panels[b-fhex3775pi] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wh26-left-panel[b-fhex3775pi] {
    flex: 0 0 480px;
    min-width: 380px;
}

.wh26-right-panel[b-fhex3775pi] {
    flex: 1 1 auto;
    min-width: 0;
}

.wh26-placeholder[b-fhex3775pi] {
    color: var(--g-text-muted);
    font-size: 14px;
    padding: 32px 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 6px;
}

.rl-loading[b-fhex3775pi] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px 0;
}

/* ===== Steps section ===== */
.wh26-steps-section[b-fhex3775pi] {
    margin-top: 16px;
    border-top: 1px solid var(--g-border);
    padding-top: 12px;
}

.wh26-steps-header[b-fhex3775pi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wh26-steps-empty[b-fhex3775pi] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 4px;
}

/* ===== Step list ===== */
.step-list[b-fhex3775pi] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.step-item[b-fhex3775pi] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid var(--g-border);
    padding: 10px 4px;
}

.step-item:last-child[b-fhex3775pi] {
    border-bottom: none;
}

.step-sequence[b-fhex3775pi] {
    flex: 0 0 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--g-accent);
    color: var(--accent-contrast);
    font-weight: 700;
    font-size: 14px;
    border-radius: 50%;
    margin-top: 4px;
}

.step-fields[b-fhex3775pi] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.step-field-row[b-fhex3775pi] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.step-field-name[b-fhex3775pi] {
    flex: 1 1 180px;
    min-width: 140px;
}

.step-field-method[b-fhex3775pi] {
    flex: 1 1 200px;
    min-width: 160px;
}

.step-field-onfail[b-fhex3775pi] {
    flex: 0 1 200px;
    min-width: 150px;
}

.step-field-st[b-fhex3775pi] {
    flex: 1 1 220px;
    min-width: 180px;
}

.step-field-role[b-fhex3775pi] {
    flex: 1 1 200px;
    min-width: 160px;
}

.step-checks[b-fhex3775pi] {
    gap: 16px;
}

/* ===== Step detail (advanced options) ===== */
.step-detail[b-fhex3775pi] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.step-detail .rl-form-group[b-fhex3775pi] {
    flex: 0 1 180px;
    min-width: 120px;
}

/* ===== Step actions (up/down/delete) ===== */
.step-actions[b-fhex3775pi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 auto;
    padding-top: 4px;
}

.step-actions .rl-btn-sm[b-fhex3775pi] {
    min-width: 28px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.4;
}
/* /Pages/CFG/Warehouse/WH30_FlowProfiles.razor.rz.scp.css */
.whx-inline-check[b-nxzjp2m7y2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-nxzjp2m7y2] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

/* ===== Two-panel layout ===== */
.wh30-panels[b-nxzjp2m7y2] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wh30-left-panel[b-nxzjp2m7y2] {
    flex: 0 0 480px;
    min-width: 380px;
}

.wh30-right-panel[b-nxzjp2m7y2] {
    flex: 1 1 auto;
    min-width: 0;
}

.wh30-placeholder[b-nxzjp2m7y2] {
    color: var(--g-text-muted);
    font-size: 14px;
    padding: 32px 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 6px;
}

.rl-loading[b-nxzjp2m7y2] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px 0;
}

/* ===== Direction badge ===== */
.wh30-dir-badge[b-nxzjp2m7y2] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--g-accent);
}

/* ===== Pipeline section ===== */
.wh30-pipeline-section[b-nxzjp2m7y2] {
    margin-top: 16px;
    border-top: 1px solid var(--g-border);
    padding-top: 12px;
}

.wh30-pipeline-header[b-nxzjp2m7y2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.wh30-pipeline-empty[b-nxzjp2m7y2] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 24px 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 4px;
}

/* ===== Visual Pipeline (horizontal chain) ===== */
.wh30-pipeline[b-nxzjp2m7y2] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    overflow-x: auto;
    padding: 12px 4px 16px;
}

.wh30-arrow[b-nxzjp2m7y2] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--g-text-muted);
    padding: 0 6px;
    min-height: 140px;
    user-select: none;
}

/* ===== Step Card ===== */
.wh30-step-card[b-nxzjp2m7y2] {
    flex: 0 0 200px;
    min-width: 200px;
    background: var(--g-surface-sec);
    border: 1.5px solid var(--g-border);
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wh30-step-card:hover[b-nxzjp2m7y2] {
    border-color: var(--g-accent);
}

.wh30-step-selected[b-nxzjp2m7y2] {
    border-color: var(--g-info);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.wh30-step-optional[b-nxzjp2m7y2] {
    border-style: dashed;
}

.wh30-step-title[b-nxzjp2m7y2] {
    font-size: 13px;
    font-weight: 700;
    color: var(--g-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wh30-step-flow[b-nxzjp2m7y2] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--g-text-muted);
}

.wh30-step-type[b-nxzjp2m7y2] {
    font-weight: 600;
    color: var(--g-text);
}

.wh30-step-flow-arrow[b-nxzjp2m7y2] {
    font-size: 11px;
    color: var(--g-text-muted);
}

/* ===== Role badges ===== */
.wh30-step-roles[b-nxzjp2m7y2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.wh30-role-badge[b-nxzjp2m7y2] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--g-info-bg);
    color: var(--g-info);
    text-transform: uppercase;
}

.wh30-role-badge-target[b-nxzjp2m7y2] {
    background: var(--g-info-bg);
    color: var(--g-info);
}

/* ===== Container badge ===== */
.wh30-step-container[b-nxzjp2m7y2] {
    margin-top: 2px;
}

.wh30-container-pill[b-nxzjp2m7y2] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
}

.wh30-cs-required[b-nxzjp2m7y2] {
    background: var(--g-warn-bg);
    color: var(--g-warn);
}

.wh30-cs-optional[b-nxzjp2m7y2] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.wh30-cs-inherit[b-nxzjp2m7y2] {
    background: var(--g-info-bg);
    color: var(--g-info);
}

/* ===== Step flags ===== */
.wh30-step-flags[b-nxzjp2m7y2] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.wh30-flag[b-nxzjp2m7y2] {
    font-size: 9px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    text-transform: lowercase;
}

.wh30-flag-opt[b-nxzjp2m7y2] {
    background: var(--g-warn-bg);
    color: var(--g-warn);
}

/* ===== Step card action bar ===== */
.wh30-step-actions[b-nxzjp2m7y2] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
}

.wh30-step-actions .rl-btn-sm[b-nxzjp2m7y2] {
    min-width: 26px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.3;
}

/* ===== Step editor (detail form below pipeline) ===== */
.wh30-step-editor[b-nxzjp2m7y2] {
    margin-top: 16px;
    border: 1.5px solid var(--g-info);
    border-radius: 8px;
    padding: 14px 16px;
    background: var(--g-selected-bg);
}

.wh30-step-editor-header[b-nxzjp2m7y2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--g-text);
}
/* /Pages/CFG/Warehouse/WH35_WarehouseTemplates.razor.rz.scp.css */
.whx-inline-check[b-rba68oujku] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-rba68oujku] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

/* ===== Two-panel layout ===== */
.wh35-panels[b-rba68oujku] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wh35-left-panel[b-rba68oujku] {
    flex: 0 0 540px;
    min-width: 420px;
}

.wh35-right-panel[b-rba68oujku] {
    flex: 1 1 auto;
    min-width: 0;
}

.wh35-placeholder[b-rba68oujku] {
    color: var(--g-text-muted);
    font-size: 14px;
    padding: 32px 16px;
    text-align: center;
    border: 1px dashed var(--g-border);
    border-radius: 6px;
}

.rl-loading[b-rba68oujku] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px 0;
}

/* ===== Badges ===== */
.wh35-type-badge[b-rba68oujku] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--g-bg-muted);
    color: var(--g-text);
}

.wh35-system-badge[b-rba68oujku] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--g-accent);
    color: var(--accent-contrast);
    margin-left: 8px;
    vertical-align: middle;
}

.wh35-role-badge[b-rba68oujku] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1px 6px;
    border-radius: 3px;
    background: var(--g-bg-muted);
    color: var(--g-text-muted);
}

.wh35-dir-badge[b-rba68oujku] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--g-info-bg);
    color: var(--g-info);
}

.wh35-default-badge[b-rba68oujku] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

/* ===== Sections ===== */
.wh35-section[b-rba68oujku] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--g-border);
}

.wh35-section-title[b-rba68oujku] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--g-text);
    margin-bottom: 8px;
}

/* ===== Flow Profile Card ===== */
.wh35-profile-card[b-rba68oujku] {
    padding: 8px 12px;
    margin-bottom: 8px;
    border: 1px solid var(--g-border);
    border-radius: 6px;
    background: var(--g-bg);
}

.wh35-profile-header[b-rba68oujku] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.wh35-profile-name[b-rba68oujku] {
    font-size: 13px;
    font-weight: 600;
    color: var(--g-text);
}

/* ===== Mini Pipeline ===== */
.wh35-mini-pipeline[b-rba68oujku] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.wh35-step-pill[b-rba68oujku] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--g-bg-muted);
    color: var(--g-text);
    border: 1px solid var(--g-border);
}

.wh35-arrow[b-rba68oujku] {
    font-size: 13px;
    color: var(--g-text-muted);
    flex-shrink: 0;
}

/* ===== Key-Value Grid ===== */
.wh35-kv-grid[b-rba68oujku] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 6px 16px;
}

.wh35-kv[b-rba68oujku] {
    display: flex;
    gap: 6px;
    font-size: 13px;
}

.wh35-kv-key[b-rba68oujku] {
    color: var(--g-text-muted);
    min-width: 120px;
    flex-shrink: 0;
}

.wh35-kv-val[b-rba68oujku] {
    font-weight: 600;
    color: var(--g-text);
}

/* ===== Apply Result ===== */
.wh35-apply-result[b-rba68oujku] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    background: var(--g-ok-bg);
    color: var(--g-ok);
    font-size: 13px;
    font-weight: 600;
}

/* ===== Small table ===== */
[b-rba68oujku] .or-table-sm {
    font-size: 12px;
}

[b-rba68oujku] .or-table-sm th,
[b-rba68oujku] .or-table-sm td {
    padding: 4px 8px;
}

/* ===== Read-only value ===== */
.rl-val[b-rba68oujku] {
    font-size: 14px;
    font-weight: 500;
    color: var(--g-text);
}
/* /Pages/CFG/Warehouse/WH36_WarehouseClone.razor.rz.scp.css */
.whx-inline-check[b-f3s0l4oge0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.whx-inline-check input[type="checkbox"][b-f3s0l4oge0] {
    accent-color: var(--g-accent);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
}

.rl-loading[b-f3s0l4oge0] {
    color: var(--g-text-muted);
    font-size: 13px;
    padding: 16px 0;
}

.wh36-form-wrap[b-f3s0l4oge0] {
    max-width: 600px;
}

/* ===== Confirmation overlay ===== */
.wh36-confirm-overlay[b-f3s0l4oge0] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.wh36-confirm-box[b-f3s0l4oge0] {
    background: var(--g-bg);
    border-radius: 8px;
    padding: 24px;
    max-width: 460px;
    width: 90%;
    box-shadow: var(--shadow-lg);
}

.wh36-confirm-title[b-f3s0l4oge0] {
    font-size: 16px;
    font-weight: 700;
    color: var(--g-text);
    margin-bottom: 12px;
}

.wh36-confirm-text[b-f3s0l4oge0] {
    font-size: 14px;
    color: var(--g-text);
    margin: 0 0 8px;
    line-height: 1.5;
}

.wh36-confirm-actions[b-f3s0l4oge0] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}

/* ===== Result panel ===== */
.wh36-result-panel[b-f3s0l4oge0] {
    margin-top: 16px;
    padding: 16px;
    border-radius: 6px;
    background: var(--g-ok-bg);
    border: 1px solid var(--g-ok);
}

.wh36-result-title[b-f3s0l4oge0] {
    font-size: 14px;
    font-weight: 700;
    color: var(--g-ok);
    margin-bottom: 12px;
}

.wh36-result-items[b-f3s0l4oge0] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.wh36-result-item[b-f3s0l4oge0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.wh36-result-count[b-f3s0l4oge0] {
    font-size: 22px;
    font-weight: 700;
    color: var(--g-ok);
}

.wh36-result-label[b-f3s0l4oge0] {
    font-size: 12px;
    color: var(--g-ok);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.3px;
}
/* /Pages/CFG/Warehouse/WH47_WarehouseReceivingChannels.razor.rz.scp.css */
.wh47-row[b-zmc59yjefs] {
    cursor: default;
}

/* Acciones inline minimalistas (links, no botones) */
.wh47-actions[b-zmc59yjefs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.wh47-th-actions[b-zmc59yjefs] {
    width: 1%;
    text-align: right;
}

.wh47-actions[b-zmc59yjefs] {
    justify-content: flex-end;
}

.wh47-link[b-zmc59yjefs] {
    background: none;
    border: none;
    padding: 2px 4px;
    margin: 0;
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: var(--g-text-sec);
    text-decoration: none;
    border-radius: 3px;
    transition: color .12s, background .12s;
}

.wh47-link:hover:not(:disabled)[b-zmc59yjefs] {
    text-decoration: underline;
    background: var(--g-surface-sub);
}

.wh47-link:disabled[b-zmc59yjefs] {
    cursor: wait;
    opacity: .5;
}

.wh47-link.view[b-zmc59yjefs] {
    color: var(--g-text-sec);
}

.wh47-link.edit[b-zmc59yjefs] {
    color: var(--g-create);
    font-weight: 600;
}

.wh47-link.activate[b-zmc59yjefs] {
    color: var(--g-ok);
    font-weight: 600;
}

.wh47-link.deactivate[b-zmc59yjefs] {
    color: var(--g-warn);
    font-weight: 600;
}

.wh47-sep[b-zmc59yjefs] {
    color: var(--g-border);
    font-size: 11px;
    user-select: none;
}

/* Boton Nuevo en filter bar */
.wh47-btn-new[b-zmc59yjefs] {
    background: transparent;
    color: var(--g-create);
    border: 1px solid var(--g-create);
}

.wh47-btn-new:hover[b-zmc59yjefs] {
    background: var(--g-create);
    color: var(--accent-contrast);
    filter: none;
}

/* Panel view: borde mas suave para indicar solo lectura */
.wh47-panel-view[b-zmc59yjefs] {
    border-color: var(--g-border) !important;
    border-top-color: var(--g-text-muted) !important;
}

.wh47-panel-view .or-edit-header[b-zmc59yjefs] {
    color: var(--g-text-muted);
}

/* Badge de modo en el header del panel */
.wh47-mode-badge[b-zmc59yjefs] {
    margin-left: auto;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    border-radius: 4px;
    text-transform: uppercase;
}

.wh47-mode-badge.view[b-zmc59yjefs] {
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    border: 1px solid var(--g-border);
}

.wh47-mode-badge.edit[b-zmc59yjefs] {
    background: var(--g-create);
    color: var(--accent-contrast);
}

.wh47-mode-badge.new[b-zmc59yjefs] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
    border: 1px solid var(--g-ok-border);
}

/* Fieldset wrapper para deshabilitar campos sin perder estilos */
.wh47-fieldset[b-zmc59yjefs] {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.wh47-fieldset[disabled] .rl-inp[b-zmc59yjefs] {
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    cursor: not-allowed;
    opacity: .85;
}

.wh47-fieldset[disabled] .sm-plat-item[b-zmc59yjefs] {
    cursor: not-allowed;
    opacity: .7;
}

.wh47-check-disabled[b-zmc59yjefs] {
    cursor: not-allowed !important;
    opacity: .7;
}
/* /Pages/Common/DocumentFlow.razor.rz.scp.css */
.dflow-page[b-0z5fatwp53]{ max-width:920px; margin:18px auto; padding:0 16px; }

.dflow-head[b-0z5fatwp53]{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.dflow-back[b-0z5fatwp53]{ flex:0 0 36px; height:36px; border:1px solid var(--border); background:var(--surface); color:var(--text-muted); border-radius:9px; font-size:18px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.dflow-back:hover[b-0z5fatwp53]{ color:var(--accent); border-color:var(--accent); }
.dflow-titles[b-0z5fatwp53]{ min-width:0; }
.dflow-title[b-0z5fatwp53]{ font-size:16px; font-weight:700; color:var(--text); }
.dflow-sub[b-0z5fatwp53]{ font-size:12.5px; color:var(--text-muted); }

.dflow-msg[b-0z5fatwp53]{ padding:22px; text-align:center; color:var(--text-muted); font-size:13px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }
.dflow-err[b-0z5fatwp53]{ color:var(--g-err); background:var(--g-err-bg); border-color:var(--g-err-border); }
/* /Pages/MM/ImportOperation/IM01_CreateImportOperation.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   IM01 - Crear / Modificar Operacion de Importacion
   SAP Fiori-inspired styling (consistent with MC01)
   ═══════════════════════════════════════════════════════════════ */

.im01[b-lo6keky13y] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.im01-shell[b-lo6keky13y],
.im01-head[b-lo6keky13y],
.im01-panel[b-lo6keky13y],
.im01-footer[b-lo6keky13y],
.im01-message[b-lo6keky13y] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.im01-shell[b-lo6keky13y] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Messages ── */

.im01-message[b-lo6keky13y] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.im01-message-error[b-lo6keky13y] { background: var(--g-err-bg); color: var(--g-err); }
.im01-message-success[b-lo6keky13y] { background: var(--g-ok-bg); color: var(--g-ok); }

/* ── Header bar ── */

.im01-head[b-lo6keky13y] {
    padding: 6px 10px;
    border-top: 3px solid var(--g-consult);
}

.im01-head-row[b-lo6keky13y] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.im01-head-title[b-lo6keky13y] {
    font-size: 13px;
    font-weight: 700;
    color: var(--g-text);
}

.im01-head-op[b-lo6keky13y] {
    font-size: 12px;
    font-weight: 600;
    color: var(--g-create);
    background: var(--g-selected-bg);
    padding: 2px 8px;
    border-radius: 3px;
}

.im01-head-date[b-lo6keky13y] {
    font-size: 10px;
    color: var(--g-text-muted);
}

/* ── Tabs ── */

.im01-tabs[b-lo6keky13y] {
    display: flex;
    gap: 2px;
    padding: 0 8px;
    border-bottom: 1px solid var(--g-border-strong);
}

.im01-tab[b-lo6keky13y] {
    border: 1px solid transparent;
    border-bottom: none;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.im01-tab.active[b-lo6keky13y] {
    background: var(--g-surface);
    color: var(--g-text);
    border-color: var(--g-border-strong);
    transform: translateY(1px);
}

.im01-tab.disabled[b-lo6keky13y] {
    opacity: .4;
    cursor: not-allowed;
}

/* ── Panel / Cards ── */

.im01-panel[b-lo6keky13y] { padding: 8px 10px; }

.im01-card[b-lo6keky13y] {
    border: 1px solid var(--g-border-strong);
    padding: 9px;
    background: var(--g-surface);
    margin-bottom: 8px;
}

.im01-card-title[b-lo6keky13y] {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--g-text);
}

/* ── Form grid ── */

.im01-form-grid[b-lo6keky13y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.im01-field[b-lo6keky13y] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.im01-field-span-2[b-lo6keky13y] { grid-column: span 2; }

.im01-label[b-lo6keky13y],
.im01-summary span[b-lo6keky13y] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ── Controls ── */

.im01-control[b-lo6keky13y],
.im01-grid-input[b-lo6keky13y] {
    width: 100%;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.im01-control:focus[b-lo6keky13y],
.im01-grid-input:focus[b-lo6keky13y] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.im01-control.readonly[b-lo6keky13y],
.im01-grid-input.readonly[b-lo6keky13y] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.im01-textarea[b-lo6keky13y] {
    min-height: 72px;
    resize: vertical;
}

/* ── Search bar (Tab 2) ── */

.im01-search-bar[b-lo6keky13y] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.im01-search-input[b-lo6keky13y] {
    flex: 1;
    max-width: 380px;
}

/* ── Note ── */

.im01-note[b-lo6keky13y] {
    font-size: 11px;
    color: var(--g-text-muted);
    margin-bottom: 8px;
}

/* ── Condition toolbar ── */

.im01-condition-toolbar[b-lo6keky13y] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

/* ── Grid / Table ── */

.im01-grid-wrap[b-lo6keky13y] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    max-height: 340px;
    background: var(--g-surface);
}

.im01-grid-wrap.compact[b-lo6keky13y] { max-height: 210px; }
.im01-grid-wrap-dist[b-lo6keky13y] { max-height: 420px; }

.im01-table[b-lo6keky13y] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.im01-table-conditions[b-lo6keky13y] { min-width: 1060px; }
.im01-table-dist[b-lo6keky13y] { min-width: 1400px; }

.im01-table thead th[b-lo6keky13y] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.im01-table td[b-lo6keky13y] {
    border-bottom: 1px solid var(--g-border);
    padding: 3px 5px;
    font-size: 11px;
    color: var(--g-text);
}

.im01-table tbody tr:hover[b-lo6keky13y] { background: var(--g-surface-sub); }

.im01-table .muted-row[b-lo6keky13y] {
    opacity: .55;
}

.im01-grid-input[b-lo6keky13y] {
    min-height: 24px;
    border: 1px solid transparent;
    background: transparent;
    padding: 3px 5px;
}

.im01-grid-input.readonly[b-lo6keky13y] { background: transparent; }
.im01-grid-input.num[b-lo6keky13y], .num[b-lo6keky13y] { text-align: right; }
.im01-table .tiny[b-lo6keky13y] { width: 28px; }
.im01-table .center[b-lo6keky13y], .center[b-lo6keky13y] { text-align: center; }

/* ── Chips ── */

.im01-chip[b-lo6keky13y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.im01-chip.ok[b-lo6keky13y] { background: var(--g-ok-bg); color: var(--g-ok); }
.im01-chip.muted[b-lo6keky13y] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.im01-chip.soft[b-lo6keky13y] { background: var(--g-info-bg); color: var(--g-info); }
.im01-chip.danger-chip[b-lo6keky13y] { background: var(--g-err-bg); color: var(--g-err); }

/* ── Summary strip ── */

.im01-summary[b-lo6keky13y] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.im01-summary > div[b-lo6keky13y] {
    padding: 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.im01-summary strong[b-lo6keky13y] {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--g-text);
}

/* ── Footer ── */

.im01-footer[b-lo6keky13y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    position: sticky;
    bottom: 0;
}

.im01-footer-msg[b-lo6keky13y] { color: var(--g-text-muted); font-size: 11px; }
.im01-footer-actions[b-lo6keky13y] { display: flex; gap: 8px; }

/* ── Buttons ── */

.im01-btn[b-lo6keky13y] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.im01-btn.primary[b-lo6keky13y] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.im01-btn.danger[b-lo6keky13y] { border-color: var(--g-err-border); color: var(--g-err); }
.im01-btn:disabled[b-lo6keky13y] { opacity: .55; cursor: not-allowed; }

.im01-btn-icon[b-lo6keky13y] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.im01-btn-icon:hover[b-lo6keky13y] { background: var(--g-surface-sec); }
.im01-btn-icon.danger[b-lo6keky13y] { border-color: var(--g-err-border); color: var(--g-err); }
.im01-btn-icon.danger:hover[b-lo6keky13y] { background: var(--g-err-bg); }
.im01-btn-icon:disabled[b-lo6keky13y] { opacity: .45; cursor: not-allowed; }

/* ── Monospace utility ── */

.mono[b-lo6keky13y] { font-family: "DM Mono", Consolas, Monaco, monospace; }
/* /Pages/MM/ImportOperation/IM03_DisplayImportOperation.razor.rz.scp.css */
.im03[b-w3ls75kv1e] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
    display: grid;
    gap: 10px;
}

.im03-message[b-w3ls75kv1e],
.im03-shell[b-w3ls75kv1e],
.im03-section[b-w3ls75kv1e] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.im03-message[b-w3ls75kv1e] {
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.im03-message-info[b-w3ls75kv1e] { background: var(--g-info-bg); color: var(--g-info); }
.im03-message-success[b-w3ls75kv1e] { background: var(--g-ok-bg); color: var(--g-ok); }
.im03-message-error[b-w3ls75kv1e] { background: var(--g-err-bg); color: var(--g-err); }

.im03-shell[b-w3ls75kv1e] {
    overflow: hidden;
}

.im03-head[b-w3ls75kv1e] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.im03-head-row[b-w3ls75kv1e] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.im03-head-row > label[b-w3ls75kv1e],
.im03-display-field > label[b-w3ls75kv1e] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.im03-head-row > label[b-w3ls75kv1e] {
    margin-right: -2px;
}

.im03-head-hint[b-w3ls75kv1e] {
    color: var(--g-text-sec);
    font-size: 11px;
}

.im03-control[b-w3ls75kv1e] {
    width: 100%;
    min-height: 28px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 3px 7px;
    font: inherit;
    font-size: 11px;
}

.im03-control:focus[b-w3ls75kv1e] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.w-op-number[b-w3ls75kv1e] {
    width: 220px;
}

.im03-btn[b-w3ls75kv1e] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.im03-btn.primary[b-w3ls75kv1e] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.im03-btn:disabled[b-w3ls75kv1e] {
    opacity: .55;
    cursor: not-allowed;
}

.im03-section[b-w3ls75kv1e] {
    margin: 12px;
    padding: 9px;
}

.im03-section-title[b-w3ls75kv1e] {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--g-text);
}

.im03-display-grid[b-w3ls75kv1e] {
    display: grid;
    gap: 10px 12px;
}

.im03-display-grid.cols-3[b-w3ls75kv1e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.im03-display-field[b-w3ls75kv1e] {
    display: grid;
    gap: 4px;
}

.im03-display-field.span-2[b-w3ls75kv1e] {
    grid-column: span 2;
}

.im03-display-value[b-w3ls75kv1e] {
    min-height: 28px;
    padding: 5px 2px 4px;
    border-bottom: 1px solid var(--g-border-strong);
    color: var(--g-text);
    background: transparent;
}

.im03-chip[b-w3ls75kv1e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.im03-chip.ok[b-w3ls75kv1e] { background: var(--g-ok-bg); color: var(--g-ok); }
.im03-chip.soft[b-w3ls75kv1e] { background: var(--g-info-bg); color: var(--g-info); }
.im03-chip.muted[b-w3ls75kv1e] { background: var(--g-surface-sec); color: var(--g-text-muted); }

.im03-summary[b-w3ls75kv1e] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.im03-grid-wrap[b-w3ls75kv1e] {
    overflow: auto;
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    max-height: 320px;
}

.im03-table[b-w3ls75kv1e] {
    width: 100%;
    border-collapse: collapse;
}

.im03-table.po-table[b-w3ls75kv1e] { min-width: 900px; }
.im03-table.cond-table[b-w3ls75kv1e] { min-width: 900px; }
.im03-table.alloc-table[b-w3ls75kv1e] { min-width: 1400px; }

.im03-table thead th[b-w3ls75kv1e] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.im03-table td[b-w3ls75kv1e] {
    padding: 6px;
    border-bottom: 1px solid var(--g-border);
    white-space: nowrap;
}

.im03-table tbody tr:hover[b-w3ls75kv1e] {
    background: var(--g-surface-sub);
}

.im03-empty[b-w3ls75kv1e] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 12px !important;
}

.im03-footer[b-w3ls75kv1e] {
    padding: 10px 12px;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
}

.mono[b-w3ls75kv1e] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

.num[b-w3ls75kv1e] {
    text-align: right;
}

@media (max-width: 1260px) {
    .im03-display-grid.cols-3[b-w3ls75kv1e] {
        grid-template-columns: 1fr;
    }

    .im03-display-field.span-2[b-w3ls75kv1e] {
        grid-column: span 1;
    }
}
/* /Pages/MM/Inventory/MB1C_StockLoad.razor.rz.scp.css */
/* MB1C — Carga de Stock sin Referencia.
   Patron visual MC01/VA01 (grilla ALV + header inline-group). Tokens only. */

.mb1c[b-qorl5xfrm5] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
    display: grid;
    gap: 12px;
}

.mono[b-qorl5xfrm5] { font-family: "DM Mono", Consolas, Monaco, monospace; }

.mb1c-titlebar h2[b-qorl5xfrm5] {
    margin: 0 0 2px;
    font-size: 18px;
    color: var(--g-text);
}

.mb1c-titlebar p[b-qorl5xfrm5] {
    margin: 0;
    font-size: 11px;
    color: var(--g-text-sec);
}

/* ---------- mensajes ---------- */
.mb1c-messages[b-qorl5xfrm5] { display: grid; gap: 6px; }

.mb1c-msg[b-qorl5xfrm5] {
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid;
}

.mb1c-msg-info[b-qorl5xfrm5] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb1c-msg-success[b-qorl5xfrm5] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb1c-msg-warning[b-qorl5xfrm5] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb1c-msg-error[b-qorl5xfrm5] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

/* ---------- cards ---------- */
.mb1c-card[b-qorl5xfrm5] {
    border: 1px solid var(--g-border-strong);
    border-radius: var(--radius-md);
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
    padding: 14px 16px;
    display: grid;
    gap: 12px;
}

.mb1c-card-title[b-qorl5xfrm5] {
    font-size: 12px;
    font-weight: 700;
    color: var(--g-text);
    display: flex;
    align-items: center;
    gap: 8px;
}

.mb1c-tag[b-qorl5xfrm5] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ---------- form grid (label fijo + control) ---------- */
.mb1c-form-grid[b-qorl5xfrm5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 26px;
}

.mb1c-field[b-qorl5xfrm5] {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.mb1c-field.mb1c-grow[b-qorl5xfrm5] { grid-column: 1 / -1; }

.mb1c-field > span[b-qorl5xfrm5] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb1c-inline[b-qorl5xfrm5] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

/* ---------- controles (sin spinners: nada de type=number) ---------- */
.mb1c-control[b-qorl5xfrm5] {
    width: 100%;
    min-height: 26px;
    border: 1px solid var(--g-border-strong);
    background: var(--field-bg);
    color: var(--g-text);
    padding: 3px 8px;
    font: inherit;
    font-size: 12px;
    border-radius: var(--radius-sm);
}

.mb1c-control:focus[b-qorl5xfrm5] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-soft);
}

.mb1c-control.w-code[b-qorl5xfrm5] { max-width: 110px; }
select.mb1c-control[b-qorl5xfrm5] { cursor: pointer; }

.mb1c-mini[b-qorl5xfrm5] {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    font-size: 11px;
    color: var(--g-text-sec);
    border-radius: var(--radius-sm);
}

.mb1c-chip[b-qorl5xfrm5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.mb1c-chip.ok[b-qorl5xfrm5] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb1c-chip.muted[b-qorl5xfrm5], .mb1c-chip.soft[b-qorl5xfrm5] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.mb1c-chip.bad[b-qorl5xfrm5] { background: var(--g-err-bg); color: var(--g-err); }
.mb1c-chip.pending[b-qorl5xfrm5] { background: var(--g-warn-bg); color: var(--g-warn); }

.mb1c-f4[b-qorl5xfrm5] {
    min-height: 26px;
    min-width: 30px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
}

.mb1c-f4:hover[b-qorl5xfrm5] { border-color: var(--accent); color: var(--g-text); }

/* ---------- grilla ALV ---------- */
.mb1c-grid-head[b-qorl5xfrm5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.mb1c-grid-head strong[b-qorl5xfrm5] { display: block; font-size: 12px; margin-bottom: 2px; }
.mb1c-grid-head span[b-qorl5xfrm5] { font-size: 11px; color: var(--g-text-muted); }
.mb1c-grid-meta[b-qorl5xfrm5] { display: flex; gap: 8px; align-items: center; }

.mb1c-grid-wrap[b-qorl5xfrm5] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    max-height: 380px;
    background: var(--g-surface);
    border-radius: var(--radius-sm);
}

.mb1c-grid-wrap:focus[b-qorl5xfrm5] { outline: none; }

.mb1c-items[b-qorl5xfrm5] {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    table-layout: fixed;
}

.mb1c-items thead th[b-qorl5xfrm5] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px 7px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.mb1c-items thead th.num[b-qorl5xfrm5] { text-align: right; }

.mb1c-items td[b-qorl5xfrm5] {
    border-bottom: 1px solid var(--g-border);
    padding: 0;
    overflow: hidden;
}

.mb1c-items td.tiny[b-qorl5xfrm5] { text-align: center; }
.mb1c-items tbody tr:hover[b-qorl5xfrm5] { background: var(--g-surface-sub); }
.mb1c-items tbody tr.mb1c-row-bad[b-qorl5xfrm5] { background: var(--g-err-bg); }

/* input de celda: borde transparente hasta foco (look ALV, sin cajitas) */
.mb1c-gi[b-qorl5xfrm5] {
    width: 100%;
    min-height: 26px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--g-text);
    padding: 4px 6px;
    font: inherit;
    font-size: 11px;
}

.mb1c-gi:focus[b-qorl5xfrm5] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-soft);
    background: var(--g-surface-sub);
}

.mb1c-gi.readonly[b-qorl5xfrm5] { background: transparent; color: var(--g-text-sec); }
.mb1c-gi.num[b-qorl5xfrm5] { text-align: right; }
.mb1c-desc[b-qorl5xfrm5] { font-size: 11px; }

select.mb1c-gi[b-qorl5xfrm5] { cursor: pointer; }

.mb1c-rowdot[b-qorl5xfrm5] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--g-text-muted);
}

.mb1c-rowdot.ok[b-qorl5xfrm5] { background: var(--g-ok); }
.mb1c-rowdot.danger[b-qorl5xfrm5] { background: var(--g-err); }
.mb1c-rowdot.empty[b-qorl5xfrm5] { background: var(--g-border-strong); }
.mb1c-rowdot.muted[b-qorl5xfrm5] { background: var(--g-text-muted); }
/* capturado pero aun no verificado (estilo MIGO: edita -> re-verifica) */
.mb1c-rowdot.pending[b-qorl5xfrm5] { background: var(--g-warn); }

.mb1c-btn-x[b-qorl5xfrm5] {
    border: none;
    background: transparent;
    color: var(--danger);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
}

.mb1c-btn-x:hover[b-qorl5xfrm5] { background: var(--g-danger-bg); }

.mb1c-hint-note[b-qorl5xfrm5] {
    margin: 0;
    font-size: 11px;
    color: var(--g-text-muted);
}

/* ---------- footer / acciones ---------- */
.mb1c-footer[b-qorl5xfrm5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.mb1c-footer-msg[b-qorl5xfrm5] { color: var(--g-text-muted); font-size: 11px; max-width: 620px; }
.mb1c-footer-actions[b-qorl5xfrm5] { display: flex; gap: 8px; }

.mb1c-btn[b-qorl5xfrm5] {
    padding: 8px 16px;
    border: 1px solid var(--g-border-strong);
    border-radius: var(--radius-sm);
    background: var(--g-surface);
    color: var(--g-text);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}

.mb1c-btn:hover:not(:disabled)[b-qorl5xfrm5] { border-color: var(--accent); }

.mb1c-btn:disabled[b-qorl5xfrm5] { opacity: .5; cursor: not-allowed; }

.mb1c-btn.primary[b-qorl5xfrm5] {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-contrast);
}

.mb1c-btn.primary:hover:not(:disabled)[b-qorl5xfrm5] { background: var(--accent-hover); border-color: var(--accent-hover); }

/* ---------- previa ---------- */
.mb1c-preview[b-qorl5xfrm5] {
    border: 1px solid var(--g-border-strong);
    border-radius: var(--radius-md);
    background: var(--g-surface);
    padding: 14px 16px;
    display: grid;
    gap: 10px;
}

.mb1c-preview.ok[b-qorl5xfrm5] { border-color: var(--g-ok-border); }
.mb1c-preview.warn[b-qorl5xfrm5] { border-color: var(--g-warn-border); }
.mb1c-preview h3[b-qorl5xfrm5] {
    margin: 0;
    font-size: 13px;
    color: var(--g-text);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.mb1c-preview.ok h3[b-qorl5xfrm5] { color: var(--g-ok); }
.mb1c-sum-counts[b-qorl5xfrm5] { display: inline-flex; gap: 6px; }

.mb1c-prevtable[b-qorl5xfrm5] { width: 100%; border-collapse: collapse; font-size: 11px; }

.mb1c-prevtable th[b-qorl5xfrm5] {
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 6px 8px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mb1c-prevtable th.num[b-qorl5xfrm5] { text-align: right; }
.mb1c-prevtable td[b-qorl5xfrm5] { padding: 6px 8px; border-bottom: 1px solid var(--g-border); }
.mb1c-prevtable td.num[b-qorl5xfrm5] { text-align: right; }
.mb1c-prevtable tr.mb1c-row-bad td[b-qorl5xfrm5] { color: var(--g-err); }

.mb1c-wm-note[b-qorl5xfrm5] {
    margin: 0;
    font-size: 11px;
    color: var(--g-warn);
    background: var(--g-warn-bg);
    border: 1px solid var(--g-warn-border);
    border-radius: var(--radius-sm);
    padding: 6px 10px;
}

.mb1c-wm-pending[b-qorl5xfrm5] { color: var(--g-warn); font-weight: 600; }

/* ---------- resultado ---------- */
.mb1c-result[b-qorl5xfrm5] {
    background: var(--g-ok-bg);
    border: 1px solid var(--g-ok-border);
    border-radius: var(--radius-md);
    color: var(--g-ok);
    font-weight: 600;
    padding: 12px 16px;
}
/* /Pages/MM/Inventory/MB51_MaterialDocumentList.razor.rz.scp.css */
.mb51[b-9pyb4wzcfs] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb51-shell[b-9pyb4wzcfs] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-message[b-9pyb4wzcfs] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb51-message-info[b-9pyb4wzcfs] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb51-message-success[b-9pyb4wzcfs] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb51-message-warning[b-9pyb4wzcfs] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb51-message-error[b-9pyb4wzcfs] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb51-head[b-9pyb4wzcfs] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb51-head h2[b-9pyb4wzcfs] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mb51-code[b-9pyb4wzcfs],
.mb51-filter-title[b-9pyb4wzcfs],
.mb51-field > label[b-9pyb4wzcfs],
.mb51-summary-strip span[b-9pyb4wzcfs] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb51-filter-screen[b-9pyb4wzcfs] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
}

.mb51-filter-title[b-9pyb4wzcfs] { margin-bottom: 4px; }
.mb51-filter-hint[b-9pyb4wzcfs] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb51-filter-form[b-9pyb4wzcfs] { display: grid; gap: 10px; }
.mb51-row[b-9pyb4wzcfs] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb51-field[b-9pyb4wzcfs] { display: grid; gap: 3px; }

.mb51-control[b-9pyb4wzcfs] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mb51-control:focus[b-9pyb4wzcfs] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.mb51-filter-actions[b-9pyb4wzcfs] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.mb51-results[b-9pyb4wzcfs] { padding: 12px; }

.mb51-results-bar[b-9pyb4wzcfs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb51-results-bar .mb51-summary-strip[b-9pyb4wzcfs] { flex: 1; margin-bottom: 0; }

.mb51-summary-strip[b-9pyb4wzcfs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.mb51-summary-strip > div[b-9pyb4wzcfs] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.mb51-summary-strip strong[b-9pyb4wzcfs] { color: var(--g-text); font-size: 12px; }

.mb51-table-wrap[b-9pyb4wzcfs] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-table-wrap[b-9pyb4wzcfs]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb51-table-wrap[b-9pyb4wzcfs]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb51-table-wrap[b-9pyb4wzcfs]::-webkit-scrollbar-track { background: var(--g-border); }

.mb51-table[b-9pyb4wzcfs] {
    width: max-content;
    min-width: 2350px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb51-table th[b-9pyb4wzcfs] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb51-table td[b-9pyb4wzcfs] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb51-table tbody tr:nth-child(odd) td[b-9pyb4wzcfs] { background: var(--g-surface-sub); }
.mb51-table tbody tr:nth-child(even) td[b-9pyb4wzcfs] { background: var(--g-surface-sub); }
.mb51-table tbody tr:hover td[b-9pyb4wzcfs] { background: var(--g-selected-bg); }
.mb51-empty-row[b-9pyb4wzcfs] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb51-chip[b-9pyb4wzcfs] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.mb51-chip.ok[b-9pyb4wzcfs] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb51-chip.soft[b-9pyb4wzcfs] { background: var(--g-info-bg); color: var(--g-info); }
.mb51-chip.warning[b-9pyb4wzcfs] { background: var(--g-warn-bg); color: var(--g-warn); }
.mb51-chip.error[b-9pyb4wzcfs] { background: var(--g-err-bg); color: var(--g-err); }

.mb51-btn[b-9pyb4wzcfs] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb51-btn.primary[b-9pyb4wzcfs] { background: var(--g-create); color: var(--accent-contrast); }
.mb51-btn.secondary[b-9pyb4wzcfs] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb51-btn:disabled[b-9pyb4wzcfs] { opacity: .4; cursor: not-allowed; }
.mb51-btn:hover:not(:disabled)[b-9pyb4wzcfs] { filter: brightness(.93); }

.mono[b-9pyb4wzcfs] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-9pyb4wzcfs] { text-align: center; }
.num[b-9pyb4wzcfs] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }

@media (max-width: 860px) {
    .mb51-row[b-9pyb4wzcfs] { grid-template-columns: 1fr; }
    .mb51-summary-strip[b-9pyb4wzcfs] { grid-template-columns: 1fr; }
}
/* /Pages/MM/Inventory/MB52_StockOverview.razor.rz.scp.css */
.mb52[b-gsix5mthdj] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb52-shell[b-gsix5mthdj] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb52-message[b-gsix5mthdj] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb52-message-info[b-gsix5mthdj] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb52-message-success[b-gsix5mthdj] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb52-message-warning[b-gsix5mthdj] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb52-message-error[b-gsix5mthdj] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb52-head[b-gsix5mthdj] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb52-head h2[b-gsix5mthdj] {
    margin: 2px 0 0;
    font-size: 18px;
    color: var(--g-text);
}

.mb52-code[b-gsix5mthdj],
.mb52-filter-title[b-gsix5mthdj],
.mb52-field > label[b-gsix5mthdj],
.mb52-summary-strip span[b-gsix5mthdj] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb52-filter-screen[b-gsix5mthdj] {
    padding: 20px 24px;
    max-width: 520px;
    margin: 0 auto;
}

.mb52-filter-title[b-gsix5mthdj] { margin-bottom: 4px; }
.mb52-filter-hint[b-gsix5mthdj] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb52-filter-form[b-gsix5mthdj] { display: grid; gap: 10px; }
.mb52-field[b-gsix5mthdj] { display: grid; gap: 3px; }
.mb52-field.checkbox[b-gsix5mthdj] { margin-top: 4px; }

.mb52-check[b-gsix5mthdj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    cursor: pointer;
}

.mb52-check input[type=checkbox][b-gsix5mthdj] { width: 14px; height: 14px; cursor: pointer; }
.mb52-filter-actions[b-gsix5mthdj] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.mb52-results[b-gsix5mthdj] { padding: 12px; }

.mb52-results-bar[b-gsix5mthdj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb52-results-bar .mb52-summary-strip[b-gsix5mthdj] { flex: 1; margin-bottom: 0; }

.mb52-summary-strip[b-gsix5mthdj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.mb52-summary-strip > div[b-gsix5mthdj] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.mb52-summary-strip strong[b-gsix5mthdj] { color: var(--g-text); font-size: 12px; }

.mb52-table-wrap[b-gsix5mthdj] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 240px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb52-table-wrap[b-gsix5mthdj]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb52-table-wrap[b-gsix5mthdj]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb52-table-wrap[b-gsix5mthdj]::-webkit-scrollbar-track { background: var(--g-border); }

.mb52-table[b-gsix5mthdj] {
    width: max-content;
    min-width: 2400px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb52-table th[b-gsix5mthdj] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb52-table td[b-gsix5mthdj] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb52-table tbody tr:nth-child(odd) td[b-gsix5mthdj] { background: var(--g-surface-sub); }
.mb52-table tbody tr:nth-child(even) td[b-gsix5mthdj] { background: var(--g-surface-sub); }
.mb52-table tbody tr:hover td[b-gsix5mthdj] { background: var(--g-selected-bg); }
.mb52-empty-row[b-gsix5mthdj] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb52-btn[b-gsix5mthdj] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb52-btn.primary[b-gsix5mthdj] { background: var(--g-create); color: var(--accent-contrast); }
.mb52-btn.secondary[b-gsix5mthdj] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb52-btn:disabled[b-gsix5mthdj] { opacity: .4; cursor: not-allowed; }
.mb52-btn:hover:not(:disabled)[b-gsix5mthdj] { filter: brightness(.93); }

.mono[b-gsix5mthdj] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-gsix5mthdj] { text-align: center; }
.num[b-gsix5mthdj] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-gsix5mthdj] { font-weight: 700; }

@media (max-width: 860px) {
    .mb52-summary-strip[b-gsix5mthdj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Delco pt 4 : ALV-like toolbar con iconos SAP style ── */
.mb52-icon-btn[b-gsix5mthdj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--g-border-strong, #B8CDD8);
    background: var(--g-surface, #fff);
    color: var(--g-text-sec, #3D6482);
    cursor: pointer;
    padding: 0;
    transition: all .15s ease;
}
.mb52-icon-btn:hover[b-gsix5mthdj] {
    background: var(--g-surface-sec, #EEF3F6);
    color: var(--g-text, #1A2B38);
    border-color: var(--g-text-sec, #3D6482);
}
.mb52-icon-btn:active[b-gsix5mthdj] { transform: translateY(1px); }
/* /Pages/MM/Inventory/MD04_StockRequirements.razor.rz.scp.css */
/* MD04 - Stock / Requirements List (MRP) */

.md04[b-zxaf1cyr9r] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.md04-shell[b-zxaf1cyr9r] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.md04-message[b-zxaf1cyr9r] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.md04-message-info[b-zxaf1cyr9r] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.md04-message-success[b-zxaf1cyr9r] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.md04-message-warning[b-zxaf1cyr9r] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.md04-message-error[b-zxaf1cyr9r] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.md04-head[b-zxaf1cyr9r] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.md04-head h2[b-zxaf1cyr9r] {
    margin: 2px 0 0;
    font-size: 18px;
    color: var(--g-text);
}

.md04-code[b-zxaf1cyr9r],
.md04-filter-title[b-zxaf1cyr9r],
.md04-field > label[b-zxaf1cyr9r] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ── Filter screen ── */

.md04-filter-screen[b-zxaf1cyr9r] {
    padding: 20px 24px;
    max-width: 720px;
    margin: 0 auto;
}

.md04-filter-title[b-zxaf1cyr9r] { margin-bottom: 4px; }
.md04-filter-hint[b-zxaf1cyr9r] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }

.md04-filter-form[b-zxaf1cyr9r] { display: grid; gap: 10px; }
.md04-row[b-zxaf1cyr9r] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.md04-field[b-zxaf1cyr9r] { display: grid; gap: 3px; }
.md04-field.required > label[b-zxaf1cyr9r]::after { content: ""; }

.md04-control[b-zxaf1cyr9r] {
    width: 100%;
    padding: 6px 8px;
    font-size: 12px;
    border: 1px solid var(--g-border);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    box-sizing: border-box;
}

.md04-control:focus[b-zxaf1cyr9r] {
    outline: none;
    border-color: var(--g-accent);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.md04-control.mono[b-zxaf1cyr9r],
.mono[b-zxaf1cyr9r] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 11.5px;
}

.md04-filter-actions[b-zxaf1cyr9r] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
}

.md04-check[b-zxaf1cyr9r] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    cursor: pointer;
    color: var(--g-text-sec);
}

.md04-check input[type=checkbox][b-zxaf1cyr9r] { width: 14px; height: 14px; cursor: pointer; }

/* ── Buttons ── */

.md04-btn[b-zxaf1cyr9r] {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.md04-btn.primary[b-zxaf1cyr9r] {
    background: var(--g-accent);
    color: var(--accent-contrast);
    border-color: var(--g-accent-strong);
}
.md04-btn.primary:hover:not(:disabled)[b-zxaf1cyr9r] { background: var(--g-accent-strong); }
.md04-btn.primary:disabled[b-zxaf1cyr9r] { opacity: .55; cursor: not-allowed; }

.md04-btn.secondary[b-zxaf1cyr9r] {
    background: var(--g-surface-sub);
    color: var(--g-text);
    border-color: var(--g-border);
}
.md04-btn.secondary:hover:not(:disabled)[b-zxaf1cyr9r] { background: var(--g-surface-sec); }
.md04-btn.secondary:disabled[b-zxaf1cyr9r] { opacity: .6; cursor: not-allowed; }

/* ── Cards ── */

.md04-summary[b-zxaf1cyr9r] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-sub);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.md04-summary-line[b-zxaf1cyr9r] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    color: var(--g-text);
    line-height: 1.4;
}

.md04-summary-line strong[b-zxaf1cyr9r] {
    font-weight: 700;
    color: var(--g-text);
}

.md04-summary-line .positive[b-zxaf1cyr9r] { color: var(--g-ok); }
.md04-summary-line .negative[b-zxaf1cyr9r] { color: var(--g-err); }
.md04-summary-line .card-success[b-zxaf1cyr9r] { color: var(--g-ok); }
.md04-summary-line .card-warning[b-zxaf1cyr9r] { color: var(--g-warn); }
.md04-summary-line .card-danger[b-zxaf1cyr9r]  { color: var(--g-err); }

.md04-sep[b-zxaf1cyr9r] {
    color: var(--g-text-sec);
    opacity: .6;
}

.md04-summary-hint[b-zxaf1cyr9r] {
    color: var(--g-text-sec);
    font-size: 12px;
    font-style: italic;
}

/* ── Results bar ── */

.md04-results[b-zxaf1cyr9r] { padding: 10px 12px; }

.md04-results-bar[b-zxaf1cyr9r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0 10px;
    border-bottom: 1px solid var(--g-border);
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.md04-results-bar .md04-summary-line[b-zxaf1cyr9r] {
    flex: 1;
}

/* ── Table ── */

.md04-table-wrap[b-zxaf1cyr9r] {
    border: 1px solid var(--g-border);
    border-radius: 4px;
    overflow: auto;
    max-height: calc(100vh - 320px);
    background: var(--g-surface);
}

.md04-table[b-zxaf1cyr9r] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
    white-space: nowrap;
}

.md04-table thead th[b-zxaf1cyr9r] {
    position: sticky;
    top: 0;
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 6px 8px;
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    z-index: 1;
}

.md04-table thead th.num[b-zxaf1cyr9r] { text-align: right; }

.md04-table tbody td[b-zxaf1cyr9r] {
    padding: 4px 8px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
}

.md04-table tbody td.num[b-zxaf1cyr9r] { text-align: right; }
.md04-table tbody td.ctr[b-zxaf1cyr9r] { text-align: center; }

.md04-table tbody tr:hover[b-zxaf1cyr9r] { background: var(--g-surface-sec); }

/* Row category hints */
.md04-table tr.row-stock td[b-zxaf1cyr9r] { background: var(--g-surface-sub); }
.md04-table tr.row-demand td[b-zxaf1cyr9r] { background: var(--g-err-bg); }
.md04-table tr.row-supply td[b-zxaf1cyr9r] { background: var(--g-ok-bg); }

.md04-table tr.row-stock:hover td[b-zxaf1cyr9r] { background: var(--g-surface-sec); }
.md04-table tr.row-demand:hover td[b-zxaf1cyr9r] { background: var(--g-err-bg); filter: brightness(0.96); }
.md04-table tr.row-supply:hover td[b-zxaf1cyr9r] { background: var(--g-ok-bg); filter: brightness(0.96); }

.md04-empty-row[b-zxaf1cyr9r] {
    text-align: center;
    padding: 24px 16px;
    color: var(--g-text-sec);
    font-style: italic;
    background: var(--g-surface-sub);
}

/* Qty colors */
.md04-table td.positive[b-zxaf1cyr9r] { color: var(--g-ok); font-weight: 600; }
.md04-table td.negative[b-zxaf1cyr9r] { color: var(--g-err); font-weight: 600; }

/* Running balance traffic lights */
.md04-table td.bal-green[b-zxaf1cyr9r]  { background: var(--g-ok-bg) !important; color: var(--g-ok); font-weight: 700; }
.md04-table td.bal-yellow[b-zxaf1cyr9r] { background: var(--g-warn-bg) !important; color: var(--g-warn); font-weight: 700; }
.md04-table td.bal-red[b-zxaf1cyr9r]    { background: var(--g-err-bg) !important; color: var(--g-err); font-weight: 700; }

/* MRP element chips */
.md04-chip[b-zxaf1cyr9r] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    border: 1px solid transparent;
}
.md04-chip.stock[b-zxaf1cyr9r]   { background: var(--g-surface-sec); color: var(--g-text-sec); border-color: var(--g-border-strong); }
.md04-chip.safety[b-zxaf1cyr9r]  { background: var(--g-warn-bg); color: var(--g-warn); border-color: var(--g-warn); }
.md04-chip.demand[b-zxaf1cyr9r]  { background: var(--g-err-bg); color: var(--g-err); border-color: var(--g-err); }
.md04-chip.supply[b-zxaf1cyr9r]  { background: var(--g-ok-bg); color: var(--g-ok); border-color: var(--g-ok); }

/* Responsive */
@media (max-width: 900px) {
    .md04-row[b-zxaf1cyr9r] { grid-template-columns: 1fr; }
}
/* /Pages/MM/Inventory/MIGO.razor.rz.scp.css */
/* ============================================================
   MIGO - SAP-like redesign
   Variables van del tema global de Goura (var(--g-*))
   ============================================================ */

.migo[b-ryxd99qk7t] {
    color: var(--g-text);
    font-size: 12px;
}

.migo.mm-transaction-page[b-ryxd99qk7t] { padding: 0; }

.migo .gtrx-body main[b-ryxd99qk7t] { min-width: 0; }

.migo-shell[b-ryxd99qk7t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: transparent;
}

.mono[b-ryxd99qk7t] { font-family: "DM Mono", Consolas, monospace; }

/* ============================================================
   1) COMMAND TOOLBAR (text-link SAP-like)
   ============================================================ */
.migo-cmdbar[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: var(--g-surface-sec);
    border: 1px solid var(--g-border-strong);
    font-size: 11.5px;
}

.migo-cmd[b-ryxd99qk7t] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: none;
    background: transparent;
    color: var(--g-text-sec);
    font: inherit;
    font-size: 11.5px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color .12s, color .12s;
}

.migo-cmd:hover:not(:disabled)[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
    color: var(--g-text);
}

.migo-cmd:disabled[b-ryxd99qk7t] {
    opacity: .45;
    cursor: not-allowed;
}

.migo-cmd-ico[b-ryxd99qk7t] {
    color: var(--g-text-muted);
    font-size: 12px;
}

.migo-cmd.primary[b-ryxd99qk7t] {
    color: var(--g-create);
    font-weight: 700;
}

.migo-cmd.primary .migo-cmd-ico[b-ryxd99qk7t] { color: var(--g-create); }

.migo-cmd.danger[b-ryxd99qk7t] {
    color: var(--g-err);
    font-weight: 700;
}

.migo-cmd.danger .migo-cmd-ico[b-ryxd99qk7t] { color: var(--g-err); }

.migo-cmd-sep[b-ryxd99qk7t] {
    width: 1px;
    height: 16px;
    background: var(--g-border-strong);
    margin: 0 4px;
}

.migo-cmdbar-right[b-ryxd99qk7t] {
    margin-left: auto;
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--g-text-sec);
    font-size: 11px;
}

.migo-cmdbar-right strong[b-ryxd99qk7t] { color: var(--g-text); }

/* ============================================================
   2) ACTION LINE (3 dropdowns + movement code chip)
   ============================================================ */
.migo-action-line[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    flex-wrap: wrap;
}

.migo-ddl[b-ryxd99qk7t] {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    border-radius: 3px;
    overflow: hidden;
}

.migo-ddl-key[b-ryxd99qk7t] {
    padding: 4px 8px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-weight: 700;
    font-size: 11px;
    border-right: 1px solid var(--g-border-strong);
    display: inline-flex;
    align-items: center;
    font-family: "DM Mono", Consolas, monospace;
}

.migo-ddl-select[b-ryxd99qk7t] {
    background: transparent;
    border: none;
    color: var(--g-text);
    font-size: 12px;
    padding: 4px 22px 4px 10px;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    min-width: 180px;
    background-image: linear-gradient(45deg, transparent 50%, var(--g-text-sec) 50%),
                      linear-gradient(135deg, var(--g-text-sec) 50%, transparent 50%);
    background-position: calc(100% - 12px) 50%, calc(100% - 8px) 50%;
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
}

.migo-ddl-select.mono[b-ryxd99qk7t] { font-family: "DM Mono", Consolas, monospace; }

.migo-ddl-select:focus[b-ryxd99qk7t] { outline: none; }

.migo-ddl-select:disabled[b-ryxd99qk7t] {
    color: var(--g-text-muted);
    cursor: not-allowed;
}

.migo-ddl-arrow[b-ryxd99qk7t] {
    color: var(--g-text-muted);
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
}

.migo-mov-code[b-ryxd99qk7t] {
    margin-left: auto;
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--g-create);
    border-radius: 3px;
    overflow: hidden;
}

.migo-mov-label[b-ryxd99qk7t] {
    padding: 4px 12px;
    background: transparent;
    color: var(--g-text);
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.migo-mov-num[b-ryxd99qk7t] {
    padding: 4px 14px;
    background: var(--g-create);
    color: var(--accent-contrast);
    font-weight: 800;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    font-family: "DM Mono", Consolas, monospace;
    letter-spacing: .05em;
}

/* ============================================================
   3) FOLDER (carpetas SAP con sub-tabs)
   ============================================================ */
.migo-folder[b-ryxd99qk7t] {
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
}

.migo-folder-head[b-ryxd99qk7t] {
    display: flex;
    align-items: stretch;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
}

.migo-folder-icon[b-ryxd99qk7t] {
    padding: 6px 10px;
    color: var(--g-create);
    font-size: 13px;
    border-right: 1px solid var(--g-border-strong);
    display: inline-flex;
    align-items: center;
}

.migo-folder-tabs[b-ryxd99qk7t] {
    display: flex;
    flex: 1;
    overflow-x: auto;
}

.migo-ftab[b-ryxd99qk7t] {
    padding: 6px 16px;
    font-size: 11.5px;
    color: var(--g-text-sec);
    cursor: pointer;
    border-right: 1px solid var(--g-border);
    position: relative;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.migo-ftab:hover[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
    color: var(--g-text);
}

.migo-ftab.active[b-ryxd99qk7t] {
    background: var(--g-surface);
    color: var(--g-text);
    font-weight: 700;
}

.migo-ftab.active[b-ryxd99qk7t]::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: var(--g-create);
}

.migo-ftab-count[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    padding: 1px 7px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
}

.migo-ftab.active .migo-ftab-count[b-ryxd99qk7t] {
    background: var(--g-create);
    color: var(--accent-contrast);
}

.migo-folder-actions[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    border-left: 1px solid var(--g-border);
    color: var(--g-text-muted);
}

.migo-folder-actions button[b-ryxd99qk7t] {
    background: transparent;
    border: none;
    color: var(--g-text-muted);
    cursor: pointer;
    padding: 4px 6px;
    font: inherit;
    font-size: 11px;
    border-radius: 2px;
}

.migo-folder-actions button:hover[b-ryxd99qk7t] { color: var(--g-text); background: var(--g-surface-sub); }

.migo-detail-pos[b-ryxd99qk7t] {
    color: var(--g-text-sec);
    font-size: 11px;
    padding: 0 6px;
}

.migo-detail-pos strong[b-ryxd99qk7t] { color: var(--g-create); font-weight: 700; }

.migo-folder-body[b-ryxd99qk7t] {
    padding: 12px 14px;
}

.migo-folder-body.tight[b-ryxd99qk7t] { padding: 0; }

.migo-folder-body.collapsed[b-ryxd99qk7t] { display: none; }

/* ============================================================
   4) FORM GRID (label + input rows)
   ============================================================ */
.migo-field-grid[b-ryxd99qk7t] {
    display: grid;
    gap: 6px 18px;
}

.migo-field-grid.cols-2[b-ryxd99qk7t] { grid-template-columns: 1fr 1fr; }
.migo-field-grid.cols-3[b-ryxd99qk7t] { grid-template-columns: 1fr 1fr 1fr; }
.migo-field-grid.cols-4[b-ryxd99qk7t] { grid-template-columns: 1fr 1fr 1fr 1fr; }

.migo-row[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 26px;
}

.migo-row label[b-ryxd99qk7t] {
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    width: 120px;
    flex-shrink: 0;
}

.migo-row-wide[b-ryxd99qk7t] {
    grid-column: 1 / -1;
}

.migo-row-wide label[b-ryxd99qk7t] { width: 120px; }

.migo-inp[b-ryxd99qk7t] {
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    color: var(--g-text);
    padding: 3px 6px;
    border-radius: 2px;
    font: inherit;
    font-size: 11.5px;
    flex: 1;
    min-width: 0;
}

.migo-inp:focus[b-ryxd99qk7t] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.migo-inp:disabled[b-ryxd99qk7t],
.migo-inp[readonly][b-ryxd99qk7t],
.migo-inp.dim[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
    cursor: default;
}

.migo-inp.mono[b-ryxd99qk7t] { font-family: "DM Mono", Consolas, monospace; }

.migo-inp.num[b-ryxd99qk7t] { text-align: right; }

.migo-inp.code[b-ryxd99qk7t] {
    flex: 0 0 80px;
    font-weight: 600;
}

.migo-inp.name[b-ryxd99qk7t] { flex: 1; }

.migo-inp select.migo-inp[b-ryxd99qk7t],
select.migo-inp[b-ryxd99qk7t] {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--g-text-sec) 50%),
                      linear-gradient(135deg, var(--g-text-sec) 50%, transparent 50%);
    background-position: calc(100% - 12px) 50%, calc(100% - 8px) 50%;
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    padding-right: 22px;
}

.migo-with-code[b-ryxd99qk7t] {
    display: flex;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.migo-text[b-ryxd99qk7t] {
    color: var(--g-text);
    font-size: 12px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.migo-text small[b-ryxd99qk7t] {
    color: var(--g-text-sec);
    margin-left: 6px;
    font-size: 11px;
}

.migo-text.mono[b-ryxd99qk7t] { font-family: "DM Mono", Consolas, monospace; }

.migo-hint[b-ryxd99qk7t] {
    color: var(--g-text-muted);
    font-size: 11px;
    font-style: italic;
}

.migo-cb[b-ryxd99qk7t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--g-text);
    font-size: 11.5px;
    width: auto !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer;
}

.migo-cb-box[b-ryxd99qk7t] {
    width: 13px;
    height: 13px;
    border: 1px solid var(--g-text-sec);
    border-radius: 2px;
    background: var(--g-surface-sub);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
}

.migo-cb-box.on[b-ryxd99qk7t] {
    background: var(--g-create);
    border-color: var(--g-create);
}

.migo-cb-box.on[b-ryxd99qk7t]::after {
    content: '✓';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--accent-contrast);
    font-size: 11px;
    font-weight: 800;
    line-height: 13px;
}

/* ============================================================
   5) LOAD BAR (linea de carga OC/IBD/MD)
   ============================================================ */
.migo-loadbar[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--g-surface-sub);
    border-bottom: 1px solid var(--g-border);
    flex-wrap: wrap;
}

.migo-loadbar-label[b-ryxd99qk7t] {
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.migo-loadbar-sep[b-ryxd99qk7t] {
    width: 1px;
    height: 18px;
    background: var(--g-border-strong);
}

.migo-loadbar-summary[b-ryxd99qk7t] {
    color: var(--g-text);
    font-size: 11.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.migo-loadbar-summary strong[b-ryxd99qk7t] {
    color: var(--g-create);
    font-weight: 700;
    font-family: "DM Mono", Consolas, monospace;
}

.migo-loadbar-hint[b-ryxd99qk7t] {
    color: var(--g-text-muted);
    font-size: 11px;
    font-style: italic;
    margin-left: auto;
}

/* ============================================================
   6) TABLE / GRID
   ============================================================ */
.migo-table-wrap[b-ryxd99qk7t] {
    overflow: auto;
    background: var(--g-surface);
    max-height: 360px;
}

.migo-table-wrap.compact[b-ryxd99qk7t] { max-height: 200px; }

.migo-table[b-ryxd99qk7t] {
    width: 100%;
    min-width: 1480px;
    border-collapse: collapse;
}

.migo-table.compact[b-ryxd99qk7t] { min-width: 920px; }

.migo-table thead th[b-ryxd99qk7t] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 8px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    border-right: 1px solid var(--g-border);
    text-align: left;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.migo-table thead th.num[b-ryxd99qk7t] { text-align: right; }

.migo-table tbody tr[b-ryxd99qk7t] { cursor: pointer; }

.migo-table tbody tr:hover[b-ryxd99qk7t] { background: var(--g-surface-sub); }

.migo-table tbody tr.selected[b-ryxd99qk7t] {
    background: var(--g-selected-bg);
    box-shadow: inset 2px 0 0 var(--g-create);
}

.migo-table tbody tr.selected:hover[b-ryxd99qk7t] { background: var(--g-selected-bg); }

.migo-table td[b-ryxd99qk7t] {
    border-bottom: 1px solid var(--g-border);
    border-right: 1px solid var(--g-border);
    padding: 3px 6px;
    vertical-align: middle;
    font-size: 11.5px;
}

.migo-table .center[b-ryxd99qk7t] { text-align: center; }
.migo-table .num[b-ryxd99qk7t] { text-align: right; }

.migo-table td .migo-inp[b-ryxd99qk7t] {
    padding: 2px 5px;
    font-size: 11px;
    min-height: 22px;
}

.migo-loc[b-ryxd99qk7t] {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.migo-loc .c[b-ryxd99qk7t] {
    color: var(--g-text);
    font-weight: 700;
    font-size: 11.5px;
    font-family: "DM Mono", Consolas, monospace;
}

.migo-loc .n[b-ryxd99qk7t] {
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 400;
    margin-top: 1px;
}

.receipt-qty[b-ryxd99qk7t] {
    background: var(--g-warn-bg) !important;
    border-color: var(--g-warn) !important;
}

.migo-flag-wrap[b-ryxd99qk7t] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

/* ============================================================
   7) CHIPS
   ============================================================ */
.migo-chip[b-ryxd99qk7t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

.migo-chip.ok[b-ryxd99qk7t] { background: var(--g-ok-bg); color: var(--g-ok); }
.migo-chip.soft[b-ryxd99qk7t] { background: var(--g-info-bg); color: var(--g-info); }
.migo-chip.flag[b-ryxd99qk7t] { background: var(--g-surface-sub); color: var(--g-text-sec); }
.migo-chip.error[b-ryxd99qk7t] { background: var(--g-err-bg); color: var(--g-err); }
.migo-chip.warn[b-ryxd99qk7t] { background: var(--g-warn-bg); color: var(--g-warn); }
.migo-chip.dir-in[b-ryxd99qk7t] { background: var(--g-ok-bg); color: var(--g-ok); }
.migo-chip.dir-out[b-ryxd99qk7t] { background: var(--g-err-bg); color: var(--g-err); }

.migo-status[b-ryxd99qk7t] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
}

.migo-status.ok[b-ryxd99qk7t] { background: var(--g-ok-bg); color: var(--g-ok); }
.migo-status.soft[b-ryxd99qk7t] { background: var(--g-info-bg); color: var(--g-info); }
.migo-status.muted[b-ryxd99qk7t] { background: var(--g-surface-sub); color: var(--g-text-muted); }

/* ============================================================
   8) GRID SUB-TOOLBAR
   ============================================================ */
.migo-grid-subbar[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    background: var(--g-surface-sec);
    border-top: 1px solid var(--g-border);
    flex-wrap: wrap;
}

.migo-mini[b-ryxd99qk7t] {
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    color: var(--g-text-sec);
    padding: 3px 10px;
    border-radius: 2px;
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.migo-mini:hover:not(:disabled)[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
    color: var(--g-text);
}

.migo-mini:disabled[b-ryxd99qk7t] {
    opacity: .45;
    cursor: not-allowed;
}

.migo-grid-subbar-right[b-ryxd99qk7t] {
    margin-left: auto;
    color: var(--g-text-sec);
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.migo-grid-subbar-right strong[b-ryxd99qk7t] { color: var(--g-text); }

/* ============================================================
   9) STATUS BAR
   ============================================================ */
.migo-statusbar[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    background: var(--g-surface-sec);
    border: 1px solid var(--g-border-strong);
    border-top: none;
    font-size: 10.5px;
    color: var(--g-text-sec);
    gap: 12px;
}

.migo-status-msg.ok[b-ryxd99qk7t] { color: var(--g-ok); }
.migo-status-msg.warn[b-ryxd99qk7t] { color: var(--g-warn); }
.migo-status-msg.err[b-ryxd99qk7t] { color: var(--g-err); }
.migo-status-msg.info[b-ryxd99qk7t] { color: var(--g-info); }

.migo-status-right[b-ryxd99qk7t] {
    margin-left: auto;
    display: flex;
    gap: 12px;
    color: var(--g-text-sec);
}

.migo-status-right strong[b-ryxd99qk7t] { color: var(--g-text); }

/* ============================================================
   10) SEARCH PANEL (only in reverse action)
   ============================================================ */
.migo-search-panel[b-ryxd99qk7t] {
    margin: 0 12px 8px;
    border: 1px solid var(--g-border);
    background: var(--g-surface-sub);
}

.migo-search-panel summary[b-ryxd99qk7t] {
    padding: 6px 10px;
    cursor: pointer;
    font-weight: 700;
    color: var(--g-text);
    font-size: 11.5px;
}

.migo-search-grid[b-ryxd99qk7t] {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.migo-search-actions[b-ryxd99qk7t] {
    display: flex;
    gap: 6px;
    padding: 0 10px 10px;
}

/* ============================================================
   11) LINKED REQUESTS / ALERTS
   ============================================================ */
.migo-linked-requests[b-ryxd99qk7t] {
    margin: 8px 12px;
    padding: 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    display: grid;
    gap: 8px;
}

.migo-linked-requests.result[b-ryxd99qk7t] { margin-top: 14px; }

.migo-linked-head[b-ryxd99qk7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.migo-linked-head strong[b-ryxd99qk7t] {
    color: var(--g-text);
    font-size: 11.5px;
}

.migo-chip-row[b-ryxd99qk7t] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.migo-chip-row.center[b-ryxd99qk7t] { justify-content: center; }

.migo-inline-alert[b-ryxd99qk7t] {
    margin: 8px 12px;
    padding: 8px 12px;
    border: 1px solid var(--g-warn);
    background: var(--g-warn-bg);
    color: var(--g-warn);
    font-size: 11.5px;
    font-weight: 600;
}

.migo-inline-alert.blocked[b-ryxd99qk7t] {
    border-color: var(--g-err);
    background: var(--g-err-bg);
    color: var(--g-err);
}

.migo-empty[b-ryxd99qk7t] {
    padding: 32px 20px;
    display: grid;
    gap: 6px;
    text-align: center;
    color: var(--g-text-muted);
}

.migo-empty strong[b-ryxd99qk7t] { color: var(--g-text); }

/* ============================================================
   12) FOOTER (botones secundarios fuera del shell)
   ============================================================ */
.migo-footer[b-ryxd99qk7t] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
}

.migo-footer-actions[b-ryxd99qk7t] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.migo-btn[b-ryxd99qk7t] {
    min-height: 30px;
    padding: 0 14px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 2px;
}

.migo-btn:hover:not(:disabled)[b-ryxd99qk7t] {
    background: var(--g-surface-sub);
}

.migo-btn.primary[b-ryxd99qk7t] {
    background: var(--g-create);
    color: var(--accent-contrast);
    border-color: var(--g-create);
}

.migo-btn.primary:hover:not(:disabled)[b-ryxd99qk7t] {
    background: var(--g-create);
    filter: brightness(1.1);
}

.migo-btn.secondary[b-ryxd99qk7t] { background: var(--g-surface); }

.migo-btn.danger[b-ryxd99qk7t] {
    background: var(--g-err);
    color: var(--accent-contrast);
    border-color: var(--g-err);
}

.migo-btn.tiny[b-ryxd99qk7t] {
    min-height: 26px;
    padding: 0 10px;
    font-size: 10.5px;
}

.migo-btn:disabled[b-ryxd99qk7t] {
    opacity: .45;
    cursor: not-allowed;
}

/* ============================================================
   13) MODALS (overlay + dialog)
   ============================================================ */
.migo-overlay[b-ryxd99qk7t] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1200;
}

.migo-modal[b-ryxd99qk7t] {
    width: min(980px, 100%);
    max-height: 82vh;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.migo-modal.result[b-ryxd99qk7t] {
    width: min(680px, 100%);
    padding: 20px;
    text-align: center;
}

.migo-modal-head[b-ryxd99qk7t],
.migo-modal-foot[b-ryxd99qk7t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
}

.migo-modal-foot[b-ryxd99qk7t] {
    border-bottom: none;
    border-top: 1px solid var(--g-border-strong);
    justify-content: flex-end;
}

.migo-modal-body[b-ryxd99qk7t] {
    overflow: auto;
    padding: 10px 12px;
}

.migo-modal-summary[b-ryxd99qk7t] {
    padding: 6px 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.migo-close[b-ryxd99qk7t] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    color: var(--g-text-sec);
}

.migo-log-row[b-ryxd99qk7t] {
    display: grid;
    grid-template-columns: 72px 140px 1fr;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--g-border);
}

.migo-log-row.error[b-ryxd99qk7t] { color: var(--g-err); }
.migo-log-row.warn[b-ryxd99qk7t] { color: var(--g-warn); }
.migo-log-row.ok[b-ryxd99qk7t] { color: var(--g-ok); }
.migo-log-row.info[b-ryxd99qk7t] { color: var(--g-info); }

.migo-log-tag[b-ryxd99qk7t],
.migo-log-scope[b-ryxd99qk7t] {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
}

.migo-result-icon[b-ryxd99qk7t] {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: var(--g-ok-bg);
    color: var(--g-ok);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
}

.migo-modal.result h3[b-ryxd99qk7t] {
    margin: 0 0 12px;
    color: var(--g-text);
}

.migo-result-grid[b-ryxd99qk7t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.migo-result-grid > div[b-ryxd99qk7t] {
    padding: 8px 10px;
    border: 1px solid var(--g-border);
    background: var(--g-surface-sub);
    display: grid;
    gap: 3px;
}

.migo-result-grid span[b-ryxd99qk7t] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.migo-result-grid strong[b-ryxd99qk7t] {
    color: var(--g-text);
    font-size: 12px;
}

/* ============================================================
   14) RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
    .migo-field-grid.cols-3[b-ryxd99qk7t] { grid-template-columns: 1fr 1fr; }
    .migo-search-grid[b-ryxd99qk7t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .migo-result-grid[b-ryxd99qk7t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .migo-cmdbar[b-ryxd99qk7t],
    .migo-action-line[b-ryxd99qk7t],
    .migo-loadbar[b-ryxd99qk7t],
    .migo-grid-subbar[b-ryxd99qk7t],
    .migo-statusbar[b-ryxd99qk7t] {
        flex-wrap: wrap;
    }

    .migo-field-grid.cols-2[b-ryxd99qk7t],
    .migo-field-grid.cols-3[b-ryxd99qk7t],
    .migo-field-grid.cols-4[b-ryxd99qk7t] {
        grid-template-columns: 1fr;
    }

    .migo-search-grid[b-ryxd99qk7t] { grid-template-columns: 1fr; }
    .migo-result-grid[b-ryxd99qk7t] { grid-template-columns: 1fr; }
    .migo-row-wide[b-ryxd99qk7t] { grid-column: auto; }
    .migo-log-row[b-ryxd99qk7t] { grid-template-columns: 1fr; gap: 4px; }
}
/* /Pages/MM/Inventory/MMBE_StockOverview.razor.rz.scp.css */
.mmbe[b-ptbmx98toy] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mmbe-shell[b-ptbmx98toy] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mmbe-message[b-ptbmx98toy] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mmbe-message-info[b-ptbmx98toy] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mmbe-message-success[b-ptbmx98toy] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mmbe-message-warning[b-ptbmx98toy] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mmbe-message-error[b-ptbmx98toy] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mmbe-head[b-ptbmx98toy] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mmbe-head h2[b-ptbmx98toy] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mmbe-code[b-ptbmx98toy],
.mmbe-filter-title[b-ptbmx98toy],
.mmbe-field > label[b-ptbmx98toy],
.mmbe-summary-strip span[b-ptbmx98toy],
.mmbe-mh-grid span[b-ptbmx98toy],
.mmbe-mh-title[b-ptbmx98toy],
.mmbe-field-group-title[b-ptbmx98toy] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mmbe-filter-screen[b-ptbmx98toy] { padding: 20px 24px; max-width: 560px; margin: 0 auto; }
.mmbe-filter-title[b-ptbmx98toy] { margin-bottom: 4px; }
.mmbe-filter-hint[b-ptbmx98toy] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 12px; }

.mmbe-rbac-hint[b-ptbmx98toy] {
    font-size: 11px;
    line-height: 1.45;
    color: var(--g-info);
    background: var(--g-info-bg);
    border: 1px solid var(--g-info-border);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 14px;
}
.mmbe-rbac-hint strong[b-ptbmx98toy] { color: var(--g-info); }

.mmbe-input[b-ptbmx98toy] {
    height: 30px;
    padding: 0 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    font-size: 12px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    outline: none;
    box-sizing: border-box;
    width: 100%;
}
.mmbe-input:focus[b-ptbmx98toy] { border-color: var(--g-text-sec); box-shadow: 0 0 0 2px var(--g-info-bg); }
.mmbe-input[b-ptbmx98toy]::placeholder { color: var(--g-text-muted); font-family: inherit; }
.mmbe-filter-form[b-ptbmx98toy] { display: grid; gap: 10px; }
.mmbe-field[b-ptbmx98toy] { display: grid; gap: 3px; }
.mmbe-field.required > label[b-ptbmx98toy]::after { content: ""; }

.mmbe-field-group[b-ptbmx98toy] {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
    display: grid;
    gap: 6px;
}

.mmbe-field-group-title[b-ptbmx98toy] { margin-bottom: 4px; }

.mmbe-check[b-ptbmx98toy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    cursor: pointer;
}
.mmbe-check input[type=checkbox][b-ptbmx98toy] { width: 14px; height: 14px; cursor: pointer; }
.mmbe-filter-actions[b-ptbmx98toy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.mmbe-results[b-ptbmx98toy] { padding: 12px; }

.mmbe-material-header[b-ptbmx98toy] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface) 100%);
}
.mmbe-mh-title[b-ptbmx98toy] { display: block; margin-bottom: 6px; }
.mmbe-mh-grid[b-ptbmx98toy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.mmbe-mh-grid > div[b-ptbmx98toy] { display: grid; gap: 2px; }
.mmbe-mh-grid strong[b-ptbmx98toy] { color: var(--g-text); font-size: 12px; }

.mmbe-results-bar[b-ptbmx98toy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mmbe-summary-strip[b-ptbmx98toy] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    gap: 6px;
}
.mmbe-summary-strip > div[b-ptbmx98toy] {
    padding: 6px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
    display: grid;
    gap: 2px;
    min-width: 0;
}
.mmbe-summary-strip > div.hi[b-ptbmx98toy] {
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface) 100%);
    border-color: var(--g-text-sec);
}
.mmbe-summary-strip strong[b-ptbmx98toy] { color: var(--g-text); font-size: 12px; }
.mmbe-summary-strip > div.hi strong[b-ptbmx98toy] { font-weight: 700; }

.mmbe-toolbar[b-ptbmx98toy] { display: flex; gap: 6px; align-items: center; }

.mmbe-table-wrap[b-ptbmx98toy] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 320px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}
.mmbe-table-wrap[b-ptbmx98toy]::-webkit-scrollbar { height: 10px; width: 10px; }
.mmbe-table-wrap[b-ptbmx98toy]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mmbe-table-wrap[b-ptbmx98toy]::-webkit-scrollbar-track { background: var(--g-border); }

.mmbe-table[b-ptbmx98toy] {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mmbe-table th[b-ptbmx98toy] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mmbe-table th.num-col[b-ptbmx98toy] { text-align: right; }
.mmbe-table th.ump-col[b-ptbmx98toy] { text-align: center; width: 64px; }
.mmbe-table th.tree-col[b-ptbmx98toy] { min-width: 360px; }

.mmbe-table td[b-ptbmx98toy] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}
.mmbe-table tbody tr:hover td[b-ptbmx98toy] { background: var(--g-selected-bg); }

.mmbe-empty-row[b-ptbmx98toy] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

/* ── Tree cell ── */
.tree-col[b-ptbmx98toy] { white-space: nowrap; }
.tree-cell[b-ptbmx98toy] { display: inline-flex; align-items: center; gap: 6px; }

.tree-toggle[b-ptbmx98toy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    color: var(--g-text-sec);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}
.tree-toggle:hover[b-ptbmx98toy] { background: var(--g-surface-sub); color: var(--g-text); }
.tree-toggle.empty[b-ptbmx98toy] { border-color: transparent; background: transparent; cursor: default; }

.tree-icon[b-ptbmx98toy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}
.tree-icon.lvl-total[b-ptbmx98toy] { background: #1A2B38; }
.tree-icon.lvl-material[b-ptbmx98toy] { background: #5B6B79; }
.tree-icon.lvl-company[b-ptbmx98toy] { background: #2563EB; }
.tree-icon.lvl-plant[b-ptbmx98toy] { background: #059669; }
.tree-icon.lvl-storagelocation[b-ptbmx98toy] { background: #D97706; }
.tree-icon.lvl-batch[b-ptbmx98toy] { background: #7C3AED; }
.tree-icon.lvl-specialstock[b-ptbmx98toy] { background: #DC2626; }

.tree-label[b-ptbmx98toy] { color: var(--g-text); }

/* ── Row stripes por nivel (SAP MMBE muy sutil) ── */
.row-total td[b-ptbmx98toy] { background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface) 100%); font-weight: 700; }
.row-material td[b-ptbmx98toy] { background: var(--g-surface-sub); font-weight: 700; }
.row-company td[b-ptbmx98toy] { font-weight: 600; }
.row-plant td[b-ptbmx98toy] { background: var(--g-surface-sub); }
.row-special td[b-ptbmx98toy] { color: var(--g-warn); }
.row-batch td[b-ptbmx98toy] { font-style: italic; color: var(--g-text-sec); }

.mmbe-btn[b-ptbmx98toy] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}
.mmbe-btn.primary[b-ptbmx98toy] { background: var(--g-create); color: var(--accent-contrast); }
.mmbe-btn.secondary[b-ptbmx98toy] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mmbe-btn:disabled[b-ptbmx98toy] { opacity: .4; cursor: not-allowed; }
.mmbe-btn:hover:not(:disabled)[b-ptbmx98toy] { filter: brightness(.93); }

.mono[b-ptbmx98toy] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-ptbmx98toy] { text-align: center; }
.num[b-ptbmx98toy] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-ptbmx98toy] { font-weight: 700; }

.mmbe-icon-btn[b-ptbmx98toy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--g-border-strong, #B8CDD8);
    background: var(--g-surface, #fff);
    color: var(--g-text-sec, #3D6482);
    cursor: pointer;
    padding: 0;
    transition: all .15s ease;
}
.mmbe-icon-btn:hover[b-ptbmx98toy] {
    background: var(--g-surface-sec, #EEF3F6);
    color: var(--g-text, #1A2B38);
    border-color: var(--g-text-sec, #3D6482);
}
.mmbe-icon-btn:active[b-ptbmx98toy] { transform: translateY(1px); }

@media (max-width: 860px) {
    .mmbe-summary-strip[b-ptbmx98toy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mmbe-mh-grid[b-ptbmx98toy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Pages/MM/Material/MM05_SearchMaterials.razor.rz.scp.css */
.mb52[b-pkfjhsl4mi] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb52-shell[b-pkfjhsl4mi] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb52-message[b-pkfjhsl4mi] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb52-message-info[b-pkfjhsl4mi] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb52-message-success[b-pkfjhsl4mi] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb52-message-warning[b-pkfjhsl4mi] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb52-message-error[b-pkfjhsl4mi] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb52-head[b-pkfjhsl4mi] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb52-head h2[b-pkfjhsl4mi] {
    margin: 2px 0 0;
    font-size: 18px;
    color: var(--g-text);
}

.mb52-code[b-pkfjhsl4mi],
.mb52-filter-title[b-pkfjhsl4mi],
.mb52-field > label[b-pkfjhsl4mi],
.mb52-summary-strip span[b-pkfjhsl4mi] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb52-filter-screen[b-pkfjhsl4mi] {
    padding: 20px 24px;
}

.mm05-filter-screen[b-pkfjhsl4mi] {
    max-width: 1080px;
    margin: 0 auto;
}

.mb52-filter-title[b-pkfjhsl4mi] { margin-bottom: 4px; }
.mb52-filter-hint[b-pkfjhsl4mi] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb52-filter-form[b-pkfjhsl4mi] { display: grid; gap: 10px; }

.mm05-filter-grid[b-pkfjhsl4mi] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 18px;
}

.mb52-field[b-pkfjhsl4mi] { display: grid; gap: 3px; }
.mb52-field.checkbox[b-pkfjhsl4mi] { margin-top: 4px; }

.mb52-control[b-pkfjhsl4mi] {
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    border-radius: 4px;
    box-sizing: border-box;
}

.mb52-control:focus[b-pkfjhsl4mi] { outline: 1px solid var(--g-accent, #3D6482); outline-offset: -1px; }

.mb52-filter-actions[b-pkfjhsl4mi] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.mb52-results[b-pkfjhsl4mi] { padding: 12px; }

.mb52-results-bar[b-pkfjhsl4mi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb52-results-bar .mb52-summary-strip[b-pkfjhsl4mi] { flex: 1; margin-bottom: 0; }

.mm05-pager[b-pkfjhsl4mi] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    flex-wrap: wrap;
}

.mm05-page-label[b-pkfjhsl4mi] {
    min-width: 96px;
    color: var(--g-text-sec);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.mm05-page-size[b-pkfjhsl4mi] {
    width: 70px;
    height: 28px;
}

.mb52-summary-strip[b-pkfjhsl4mi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.mb52-summary-strip > div[b-pkfjhsl4mi] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.mb52-summary-strip strong[b-pkfjhsl4mi] { color: var(--g-text); font-size: 12px; }

.mb52-table-wrap[b-pkfjhsl4mi] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 240px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb52-table-wrap[b-pkfjhsl4mi]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb52-table-wrap[b-pkfjhsl4mi]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb52-table-wrap[b-pkfjhsl4mi]::-webkit-scrollbar-track { background: var(--g-border); }

.mb52-table[b-pkfjhsl4mi] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mm05-table[b-pkfjhsl4mi] { min-width: 3200px; }

.mb52-table th[b-pkfjhsl4mi] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb52-table td[b-pkfjhsl4mi] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb52-table tbody tr:nth-child(odd) td[b-pkfjhsl4mi] { background: var(--g-surface-sub); }
.mb52-table tbody tr:nth-child(even) td[b-pkfjhsl4mi] { background: var(--g-surface-sub); }
.mb52-table tbody tr:hover td[b-pkfjhsl4mi] { background: var(--g-selected-bg); }
.mb52-empty-row[b-pkfjhsl4mi] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb52-btn[b-pkfjhsl4mi] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb52-btn.primary[b-pkfjhsl4mi] { background: var(--g-create); color: var(--accent-contrast); }
.mb52-btn.secondary[b-pkfjhsl4mi] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb52-btn:disabled[b-pkfjhsl4mi] { opacity: .4; cursor: not-allowed; }
.mb52-btn:hover:not(:disabled)[b-pkfjhsl4mi] { filter: brightness(.93); }

.mb52-chip[b-pkfjhsl4mi] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    border: 1px solid;
}
.mb52-chip.ok[b-pkfjhsl4mi] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb52-chip.warning[b-pkfjhsl4mi] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb52-chip.error[b-pkfjhsl4mi] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }
.mb52-chip.soft[b-pkfjhsl4mi] { background: var(--g-surface-sub); border-color: var(--g-border-strong); color: var(--g-text-sec); }

.mono[b-pkfjhsl4mi] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-pkfjhsl4mi] { text-align: center; }
.num[b-pkfjhsl4mi] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-pkfjhsl4mi] { font-weight: 700; }

.mm-link-btn[b-pkfjhsl4mi] {
    background: none;
    border: none;
    color: var(--g-link, #2A6F94);
    font-size: 11px;
    cursor: pointer;
    padding: 0 4px;
}
.mm-link-btn:hover[b-pkfjhsl4mi] { text-decoration: underline; }

.mb52-icon-btn[b-pkfjhsl4mi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--g-border-strong, #B8CDD8);
    background: var(--g-surface, #fff);
    color: var(--g-text-sec, #3D6482);
    cursor: pointer;
    padding: 0;
    transition: all .15s ease;
}
.mb52-icon-btn:hover[b-pkfjhsl4mi] {
    background: var(--g-surface-sec, #EEF3F6);
    color: var(--g-text, #1A2B38);
    border-color: var(--g-text-sec, #3D6482);
}
.mb52-icon-btn:active[b-pkfjhsl4mi] { transform: translateY(1px); }

@media (max-width: 1100px) {
    .mm05-filter-grid[b-pkfjhsl4mi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mb52-summary-strip[b-pkfjhsl4mi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .mm05-filter-grid[b-pkfjhsl4mi] { grid-template-columns: 1fr; }
}
/* /Pages/MM/PurchaseOrder/MC01_CreatePurchaseOrder.razor.rz.scp.css */
.mc01[b-es7qkwo821] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.mc01-message[b-es7qkwo821] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.mc01-shell[b-es7qkwo821] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

/* El loader branded scoped (GouraBusyOverlay / .g-busy) reemplaza al spinner+dim
   propio; se ancla a .mc01-shell (position:relative) y bloquea solo la transaccion. */

.mc01-head[b-es7qkwo821],
.mc01-panel[b-es7qkwo821],
.mc01-grid-card[b-es7qkwo821],
.mc01-footer[b-es7qkwo821] {
    background: var(--g-surface);
}

.mc01-readonly-fieldset[b-es7qkwo821] {
    border: 0;
    margin: 0;
    min-inline-size: 0;
    padding: 0;
}

.mc01-readonly-fieldset[disabled][b-es7qkwo821] {
    opacity: 1;
}

.mc01-message[b-es7qkwo821] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.mc01-message-error[b-es7qkwo821] { background: var(--g-err-bg); color: var(--g-err); }
.mc01-message-success[b-es7qkwo821] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc01-message-warn[b-es7qkwo821] { background: var(--g-warn-bg); color: var(--g-warn); }

.mc01-head[b-es7qkwo821] {
    padding: 6px 10px;
    border-top: 3px solid var(--g-consult);
}

.mc01-head-row[b-es7qkwo821] {
    display: grid;
    grid-template-columns: auto minmax(240px, 320px) auto minmax(110px, 126px) minmax(140px, 200px) max-content auto 118px;
    gap: 5px;
    align-items: center;
}

.mc01-head-row label[b-es7qkwo821],
.mc01-label[b-es7qkwo821],
.mc01-vendor-grid span[b-es7qkwo821],
.mc01-summary span[b-es7qkwo821] {
    font-size: 11px;
    font-weight: 500;
    color: var(--g-text-muted);
}

.mc01-control[b-es7qkwo821],
.mc01-grid-input[b-es7qkwo821] {
    width: 100%;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.mc01-control:focus[b-es7qkwo821],
.mc01-grid-input:focus[b-es7qkwo821],
.mc01-grid-wrap:focus[b-es7qkwo821] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mc01-control.readonly[b-es7qkwo821],
.mc01-grid-input.readonly[b-es7qkwo821] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.mc01-mini[b-es7qkwo821] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    font-size: 11px;
    color: var(--g-text-sec);
}

.mc01-tabs[b-es7qkwo821] {
    display: flex;
    gap: 4px;
    padding: 0 4px;
    border-bottom: 1px solid var(--g-border);
}

.mc01-tab[b-es7qkwo821] {
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--g-text-sec);
    padding: 8px 14px;
    margin-bottom: -1px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: color 150ms ease-out, border-bottom-color 150ms ease-out;
}

.mc01-tab:hover:not(.active)[b-es7qkwo821] { color: var(--g-text); }

.mc01-tab.active[b-es7qkwo821] {
    color: var(--g-text);
    border-bottom-color: var(--accent);
    font-weight: 600;
}

.mc01-panel[b-es7qkwo821] { padding: 8px 4px; }
.mc01-panel-grid[b-es7qkwo821] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mc01-card[b-es7qkwo821] { border: 1px solid var(--g-border); padding: 12px; background: var(--g-surface); }
.mc01-card-title[b-es7qkwo821] { margin-bottom: 10px; font-size: 14px; font-weight: 600; color: var(--g-text); }
.mc01-form-grid[b-es7qkwo821] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.mc01-form-grid.single[b-es7qkwo821] { grid-template-columns: 1fr; }
.mc01-costing-grid[b-es7qkwo821] { margin-bottom: 10px; }
.mc01-field[b-es7qkwo821] { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 8px; align-items: center; }
.mc01-data-grid[b-es7qkwo821] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; }
.mc01-data-grid .mc01-field[b-es7qkwo821] { grid-template-columns: 92px minmax(0, 1fr); gap: 6px; }
.mc01-field-tight[b-es7qkwo821] { grid-template-columns: 64px minmax(0, 1fr) !important; }
.mc01-field-span-2[b-es7qkwo821] { grid-column: span 2; }
.mc01-field-span-3[b-es7qkwo821] { grid-column: span 3; }
.mc01-inline-group[b-es7qkwo821] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mc01-textarea[b-es7qkwo821] { min-height: 72px; resize: vertical; }
.mc01-note[b-es7qkwo821] { font-size: 11px; color: var(--g-text-muted); margin-bottom: 8px; }
.mc01-form-grid.org-grid .mc01-field[b-es7qkwo821] { grid-template-columns: 110px minmax(0, 1fr); }
.mc01-condition-toolbar[b-es7qkwo821] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.mc01-condition-strip[b-es7qkwo821] {
    padding: 8px 10px 0;
}

.mc01-position-picker[b-es7qkwo821] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mc01-position-label[b-es7qkwo821] {
    font-size: 11px;
    font-weight: 500;
    color: var(--g-text-muted);
}

.mc01-position-select[b-es7qkwo821] {
    min-width: 220px;
    max-width: 340px;
}

.mc01-nav-btn[b-es7qkwo821] {
    min-width: 26px;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.mc01-nav-btn:disabled[b-es7qkwo821] {
    opacity: .45;
    cursor: not-allowed;
}

.mc01-condition-toolbar-meta[b-es7qkwo821] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mc01-vendor-box[b-es7qkwo821] {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc01-vendor-main[b-es7qkwo821] { display: flex; justify-content: space-between; gap: 10px; }
.mc01-vendor-main strong[b-es7qkwo821] { font-size: 14px; color: var(--g-text); }
.mc01-vendor-grid[b-es7qkwo821] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.mc01-grid-card[b-es7qkwo821] { padding: 8px 10px 10px; }
.mc01-grid-head[b-es7qkwo821] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.mc01-grid-head strong[b-es7qkwo821] { display: block; font-size: 12px; margin-bottom: 2px; }
.mc01-grid-head span[b-es7qkwo821], .mc01-hint[b-es7qkwo821] { font-size: 11px; color: var(--g-text-muted); }
.mc01-grid-meta[b-es7qkwo821] { display: flex; gap: 8px; align-items: center; }

.mc01-grid-wrap[b-es7qkwo821] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    max-height: 340px;
    background: var(--g-surface);
}

.mc01-grid-wrap.compact[b-es7qkwo821] { max-height: 210px; }

.mc01-table[b-es7qkwo821] { width: 100%; min-width: 1160px; border-collapse: collapse; }
.mc01-table.items[b-es7qkwo821] { min-width: 2490px; table-layout: fixed; }
.mc01-table thead th[b-es7qkwo821] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.mc01-table.items thead th[b-es7qkwo821] { position: sticky; }
.mc01-table.items th[b-es7qkwo821],
.mc01-table.items td[b-es7qkwo821] {
    overflow: hidden;
}

.mc01-table td[b-es7qkwo821] { border-bottom: 1px solid var(--g-border); padding: 0; }
.mc01-table tbody tr:hover[b-es7qkwo821] { background: var(--g-surface-sub); }
.mc01-table tbody tr.selected[b-es7qkwo821] { background: var(--g-selected-bg); }
.mc01-table tbody tr.deleted[b-es7qkwo821] { opacity: .45; }
.mc01-table tbody tr.deleted td[b-es7qkwo821] { text-decoration: line-through; }
.mc01-table tbody tr.closed[b-es7qkwo821] { background: var(--g-surface-sec); }

.mc01-grid-input[b-es7qkwo821] {
    min-height: 24px;
    border: 1px solid transparent;
    background: transparent;
    padding: 3px 5px;
}

.mc01-grid-input.readonly[b-es7qkwo821] { background: transparent; }
.mc01-grid-input.num[b-es7qkwo821] { text-align: right; }
.mc01-table .tiny[b-es7qkwo821] { width: 28px; }
.mc01-table .center[b-es7qkwo821] { text-align: center; }
.mc01-table.items .col-material[b-es7qkwo821],
.mc01-table.items .col-description[b-es7qkwo821] { min-width: 0; }

.mc01-resizable-th[b-es7qkwo821] {
    position: sticky;
    user-select: none;
}

.mc01-col-resizer[b-es7qkwo821] {
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 2;
    width: 7px;
    height: 100%;
    cursor: col-resize;
    touch-action: none;
}

.mc01-col-resizer[b-es7qkwo821]::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 3px;
    width: 1px;
    height: 60%;
    background: transparent;
}

.mc01-resizable-th:hover .mc01-col-resizer[b-es7qkwo821]::after,
.mc01-col-resizer:hover[b-es7qkwo821]::after {
    background: var(--g-create);
}

body.mc01-column-resizing[b-es7qkwo821] {
    cursor: col-resize;
    user-select: none;
}

.mc01-rowdot[b-es7qkwo821] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--status-dot-neutral);
}

.mc01-rowdot.ok[b-es7qkwo821] { background: var(--status-dot-ok); }
.mc01-rowdot.muted[b-es7qkwo821] { background: var(--status-dot-muted); }
.mc01-rowdot.danger[b-es7qkwo821] { background: var(--status-dot-danger); }
.mc01-rowdot.empty[b-es7qkwo821] { background: var(--status-dot-empty); }

.mc01-chip[b-es7qkwo821] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.mc01-chip.ok[b-es7qkwo821] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc01-chip.muted[b-es7qkwo821], .mc01-chip.soft[b-es7qkwo821] { background: var(--g-surface-sec); color: var(--g-text-sec); }

.mc01-summary[b-es7qkwo821] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.mc01-summary > div[b-es7qkwo821] {
    padding: 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc01-summary strong[b-es7qkwo821] {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--g-text);
}

.mc01-footer[b-es7qkwo821] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    position: sticky;
    bottom: 0;
}

.mc01-footer-msg[b-es7qkwo821] { color: var(--g-text-muted); font-size: 11px; }
.mc01-footer-actions[b-es7qkwo821] { display: flex; gap: 8px; }

.mc01-btn[b-es7qkwo821] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.mc01-btn.primary[b-es7qkwo821] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.mc01-btn.danger[b-es7qkwo821] { border-color: var(--g-err-border); color: var(--g-err); }
.mc01-btn:disabled[b-es7qkwo821] { opacity: .55; cursor: not-allowed; }
.mono[b-es7qkwo821] { font-family: "DM Mono", Consolas, Monaco, monospace; }

.w-po-type[b-es7qkwo821] { min-width: 220px; max-width: 280px; }
.w-code-xs[b-es7qkwo821] { max-width: 56px; }
.w-code-sm[b-es7qkwo821] { max-width: 84px; }
.w-code-md[b-es7qkwo821] { max-width: 98px; }
.w-date[b-es7qkwo821] { max-width: 126px; }
.w-name-sm[b-es7qkwo821] { max-width: 150px; }
.w-name-md[b-es7qkwo821] { min-width: 170px; max-width: 220px; }
.w-combo-sm[b-es7qkwo821] { max-width: 110px; }
.w-combo-md[b-es7qkwo821] { max-width: 160px; }
.w-text-md[b-es7qkwo821] { max-width: 170px; }

/* ── Validation Message Popup ── */

.mc01-overlay[b-es7qkwo821] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc01-msgbox[b-es7qkwo821] {
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    border-top: 3px solid var(--g-warn);
    box-shadow: var(--shadow-lg);
    width: 560px;
    max-width: 92vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

/* Wide variant for dialogs with rich tables (ej. modal vincular PO -> SO). */
.mc01-msgbox.wide[b-es7qkwo821] {
    width: 1180px;
    max-width: 95vw;
    max-height: 88vh;
    border-top-color: var(--g-create);
}

.mc01-msgbox.wide .mc01-msgbox-head[b-es7qkwo821] {
    padding: 12px 18px;
}

.mc01-msgbox.wide .mc01-msgbox-title[b-es7qkwo821] {
    font-size: 14px;
}

.mc01-msgbox.wide .mc01-msgbox-body[b-es7qkwo821] {
    padding: 14px 18px;
}

.mc01-msgbox.wide .mc01-msgbox-foot[b-es7qkwo821] {
    padding: 10px 18px;
    gap: 10px;
}

.mc01-msgbox.wide table.mc01-table[b-es7qkwo821] {
    font-size: 12px;
}

.mc01-msgbox.wide table.mc01-table th[b-es7qkwo821] {
    padding: 6px 10px;
    white-space: nowrap;
}

.mc01-msgbox.wide table.mc01-table td[b-es7qkwo821] {
    padding: 6px 10px;
    vertical-align: middle;
}

.mc01-msgbox-head[b-es7qkwo821] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
}

.mc01-msgbox-title[b-es7qkwo821] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 13px;
    color: var(--g-text);
}

.mc01-msgbox-close[b-es7qkwo821] {
    border: none;
    background: none;
    font-size: 20px;
    line-height: 1;
    color: var(--g-text-sec);
    cursor: pointer;
    padding: 0 4px;
}

.mc01-msgbox-close:hover[b-es7qkwo821] { color: var(--g-err); }

.mc01-msgbox-summary[b-es7qkwo821] {
    display: flex;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-sec);
}

.mc01-msgbox-badge[b-es7qkwo821] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 2px 8px;
    border-radius: 3px;
}

.mc01-msgbox-badge.error[b-es7qkwo821] { background: var(--g-err-bg); color: var(--g-err); }
.mc01-msgbox-badge.warn[b-es7qkwo821] { background: var(--g-warn-bg); color: var(--g-warn); }
.mc01-msgbox-badge.total[b-es7qkwo821] { background: var(--g-surface-sec); color: var(--g-text-sec); }

.mc01-msgbox-body[b-es7qkwo821] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.mc01-msgbox-body.padded[b-es7qkwo821] { padding: 16px; }

.mc01-msgbox-table[b-es7qkwo821] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.mc01-msgbox-table thead[b-es7qkwo821] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.mc01-msgbox-table th[b-es7qkwo821] {
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    padding: 5px 10px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
}

.mc01-msgbox-table td[b-es7qkwo821] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: top;
}

.mc01-msgbox-table .col-icon[b-es7qkwo821] { width: 28px; text-align: center; }
.mc01-msgbox-table .col-pos[b-es7qkwo821] { width: 60px; }

.mc01-msgbox-table tr.msg-error td[b-es7qkwo821] { background: var(--g-err-bg); }
.mc01-msgbox-table tr.msg-warn td[b-es7qkwo821] { background: var(--g-warn-bg); }
.mc01-msgbox-table tr.msg-error:hover td[b-es7qkwo821] { background: var(--g-err-bg); filter: brightness(0.96); }
.mc01-msgbox-table tr.msg-warn:hover td[b-es7qkwo821] { background: var(--g-warn-bg); filter: brightness(0.96); }

.mc01-dropship-cell[b-es7qkwo821] {
    min-width: 0;
}

.mc01-dropship-link[b-es7qkwo821] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
}

.mc01-dropship-link span[b-es7qkwo821] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc01-dropship-muted[b-es7qkwo821] {
    color: var(--g-text-muted);
    font-size: 11px;
}

.mc01-inline-action[b-es7qkwo821] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text-sec);
    border-radius: 3px;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 6px;
    text-transform: uppercase;
}

.mc01-inline-action:hover[b-es7qkwo821] {
    background: var(--g-surface-sec);
}

.mc01-inline-action:disabled[b-es7qkwo821] {
    cursor: not-allowed;
    opacity: .5;
}

.mc01-inline-action:disabled:hover[b-es7qkwo821] {
    background: var(--g-surface);
}

.mc01-inline-action.danger[b-es7qkwo821] {
    border-color: var(--g-err);
    color: var(--g-err);
}

.mc01-msgbox-foot[b-es7qkwo821] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-top: 1px solid var(--g-border-strong);
    background: var(--g-surface-sec);
}

@media (max-width: 1260px) {
    .mc01-head-row[b-es7qkwo821] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .mc01-field[b-es7qkwo821],
    .mc01-form-grid.org-grid .mc01-field[b-es7qkwo821] { grid-template-columns: 1fr; }
    .mc01-data-grid[b-es7qkwo821] { grid-template-columns: 1fr; }
    .mc01-data-grid .mc01-field[b-es7qkwo821] { grid-template-columns: 1fr; }
    .mc01-field-span-2[b-es7qkwo821],
    .mc01-field-span-3[b-es7qkwo821] { grid-column: auto; }
    .mc01-panel-grid[b-es7qkwo821], .mc01-form-grid[b-es7qkwo821], .mc01-vendor-grid[b-es7qkwo821], .mc01-summary[b-es7qkwo821] { grid-template-columns: 1fr; }
    .mc01-grid-head[b-es7qkwo821], .mc01-footer[b-es7qkwo821] { flex-direction: column; align-items: stretch; }
}
/* /Pages/MM/PurchaseOrder/MC02_ModifyPurchaseOrder.razor.rz.scp.css */
.mc02[b-k7r4puqmdt] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.mc02-access[b-k7r4puqmdt],
.mc02-message[b-k7r4puqmdt],
.mc02-empty[b-k7r4puqmdt] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.mc02-message[b-k7r4puqmdt] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.mc02-message-error[b-k7r4puqmdt] { background: var(--g-err-bg); color: var(--g-err); }
.mc02-message-success[b-k7r4puqmdt] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc02-message-info[b-k7r4puqmdt] { background: var(--g-info-bg); color: var(--g-info); }

.mc02-access[b-k7r4puqmdt] {
    margin-bottom: 8px;
    padding: 8px 10px;
    border-top: 3px solid var(--g-consult);
}

.mc02-access-row[b-k7r4puqmdt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mc02-access-row label[b-k7r4puqmdt] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc02-control[b-k7r4puqmdt] {
    width: 220px;
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.mc02-control:focus[b-k7r4puqmdt] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.mc02-btn[b-k7r4puqmdt] {
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.mc02-btn.primary[b-k7r4puqmdt] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.mc02-btn:disabled[b-k7r4puqmdt] {
    opacity: .55;
    cursor: not-allowed;
}

.mc02-chip[b-k7r4puqmdt] {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.mc02-chip.soft[b-k7r4puqmdt] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.mc02-empty[b-k7r4puqmdt] {
    padding: 16px;
    display: grid;
    gap: 4px;
    color: var(--g-text-sec);
}
/* /Pages/MM/PurchaseOrder/MC03_DisplayPurchaseOrder.razor.rz.scp.css */
.mc03[b-3ko23prdnd] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
    display: grid;
    gap: 10px;
}

.mc03-message[b-3ko23prdnd],
.mc03-shell[b-3ko23prdnd],
.mc03-section[b-3ko23prdnd],
.mc03-position-shell[b-3ko23prdnd] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.mc03-message[b-3ko23prdnd] {
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.mc03-message-info[b-3ko23prdnd] { background: var(--g-info-bg); color: var(--g-info); }
.mc03-message-success[b-3ko23prdnd] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc03-message-error[b-3ko23prdnd] { background: var(--g-err-bg); color: var(--g-err); }

.mc03-shell[b-3ko23prdnd] {
    overflow: hidden;
}

.mc03-head[b-3ko23prdnd] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc03-head-row[b-3ko23prdnd],
.mc03-position-bar[b-3ko23prdnd] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mc03-head-row > label[b-3ko23prdnd],
.mc03-position-picker > label[b-3ko23prdnd],
.mc03-display-field > label[b-3ko23prdnd],
.mc03-text-block > label[b-3ko23prdnd] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mc03-head-row > label[b-3ko23prdnd] {
    margin-right: -2px;
}

.mc03-head-hint[b-3ko23prdnd] {
    color: var(--g-text-sec);
    font-size: 11px;
}

.mc03-control[b-3ko23prdnd] {
    width: 100%;
    min-height: 28px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 3px 7px;
    font: inherit;
    font-size: 11px;
}

.mc03-control:focus[b-3ko23prdnd] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.w-po-number[b-3ko23prdnd] {
    width: 220px;
}

.mc03-btn[b-3ko23prdnd] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.mc03-btn.primary[b-3ko23prdnd] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.mc03-btn:disabled[b-3ko23prdnd] {
    opacity: .55;
    cursor: not-allowed;
}

.mc03-tabs[b-3ko23prdnd] {
    display: flex;
    gap: 1px;
    padding: 8px 10px 0;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    overflow-x: auto;
}

.mc03-tab[b-3ko23prdnd] {
    border: 1px solid var(--g-border-strong);
    border-bottom: none;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.mc03-tab.active[b-3ko23prdnd] {
    background: var(--g-surface);
    color: var(--g-text);
    font-weight: 700;
}

.mc03-panel[b-3ko23prdnd] {
    padding: 12px;
    display: grid;
    gap: 12px;
}

.mc03-panel-grid[b-3ko23prdnd] {
    display: grid;
    gap: 12px;
}

.mc03-section[b-3ko23prdnd] {
    padding: 9px;
}

.mc03-section-title[b-3ko23prdnd] {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--g-text);
}

.mc03-display-grid[b-3ko23prdnd] {
    display: grid;
    gap: 10px 12px;
}

.mc03-display-grid.cols-3[b-3ko23prdnd] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mc03-display-field[b-3ko23prdnd] {
    display: grid;
    gap: 4px;
}

.mc03-display-field.span-2[b-3ko23prdnd] {
    grid-column: span 2;
}

.mc03-display-field.tight[b-3ko23prdnd] {
    max-width: 160px;
}

.mc03-display-value[b-3ko23prdnd] {
    min-height: 28px;
    padding: 5px 2px 4px;
    border-bottom: 1px solid var(--g-border-strong);
    color: var(--g-text);
    background: transparent;
}

.mc03-inline-summary[b-3ko23prdnd] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.mc03-inline-summary.right[b-3ko23prdnd] {
    margin-bottom: 0;
    margin-left: auto;
    justify-content: flex-end;
}

.mc03-chip[b-3ko23prdnd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.mc03-chip.ok[b-3ko23prdnd] { background: var(--g-ok-bg); color: var(--g-ok); }
.mc03-chip.soft[b-3ko23prdnd] { background: var(--g-info-bg); color: var(--g-info); }
.mc03-chip.muted[b-3ko23prdnd] { background: var(--g-surface-sec); color: var(--g-text-muted); }

.mc03-text-grid[b-3ko23prdnd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.mc03-text-block[b-3ko23prdnd] {
    display: grid;
    gap: 4px;
}

.mc03-text-block > div[b-3ko23prdnd] {
    min-height: 72px;
    padding: 6px 2px;
    white-space: pre-wrap;
    border-bottom: 1px solid var(--g-border-strong);
    background: transparent;
    color: var(--g-text);
}

.mc03-note[b-3ko23prdnd] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.mc03-position-shell[b-3ko23prdnd] {
    margin: 0 12px 12px;
    overflow: hidden;
}

.mc03-position-bar[b-3ko23prdnd] {
    padding: 10px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.mc03-position-picker[b-3ko23prdnd] {
    display: grid;
    gap: 4px;
    min-width: 280px;
}

.mc03-grid-wrap[b-3ko23prdnd] {
    overflow: auto;
    background: var(--g-surface);
    max-height: 360px;
}

.mc03-grid-wrap.compact[b-3ko23prdnd] {
    border: 1px solid var(--g-border-strong);
    max-height: 240px;
}

.mc03-table[b-3ko23prdnd] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.mc03-table.items[b-3ko23prdnd] {
    min-width: 1700px;
}

.mc03-table thead th[b-3ko23prdnd] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.mc03-table td[b-3ko23prdnd] {
    padding: 6px;
    border-bottom: 1px solid var(--g-border);
    white-space: nowrap;
}

.mc03-table tbody tr[b-3ko23prdnd] {
    cursor: pointer;
}

.mc03-table tbody tr:hover[b-3ko23prdnd] {
    background: var(--g-surface-sub);
}

.mc03-table tbody tr.selected[b-3ko23prdnd] {
    background: var(--g-selected-bg);
}

.mc03-table tbody tr.deleted[b-3ko23prdnd] {
    opacity: .55;
}

.mc03-table tbody tr.closed[b-3ko23prdnd] {
    background: var(--g-surface-sec);
}

.mc03-empty[b-3ko23prdnd] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 12px !important;
}

.mono[b-3ko23prdnd] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

.num[b-3ko23prdnd] {
    text-align: right;
}

@media (max-width: 1260px) {
    .mc03-display-grid.cols-3[b-3ko23prdnd],
    .mc03-text-grid[b-3ko23prdnd],
    .mc03-panel-grid[b-3ko23prdnd] {
        grid-template-columns: 1fr;
    }

    .mc03-display-field.span-2[b-3ko23prdnd] {
        grid-column: span 1;
    }

    .mc03-inline-summary.right[b-3ko23prdnd] {
        margin-left: 0;
        justify-content: flex-start;
    }
}
/* /Pages/MM/PurchaseOrder/MC04_PurchaseOrderList.razor.rz.scp.css */
.mb51[b-8ub39193dv] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb51-shell[b-8ub39193dv] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-message[b-8ub39193dv] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb51-message-info[b-8ub39193dv] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb51-message-success[b-8ub39193dv] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb51-message-warning[b-8ub39193dv] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb51-message-error[b-8ub39193dv] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb51-head[b-8ub39193dv] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb51-head h2[b-8ub39193dv] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mb51-code[b-8ub39193dv],
.mb51-filter-title[b-8ub39193dv],
.mb51-field > label[b-8ub39193dv],
.mb51-summary-strip span[b-8ub39193dv] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb51-filter-screen[b-8ub39193dv] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
}

.mb51-filter-title[b-8ub39193dv] { margin-bottom: 4px; }
.mb51-filter-hint[b-8ub39193dv] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb51-filter-form[b-8ub39193dv] { display: grid; gap: 10px; }
.mb51-row[b-8ub39193dv] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb51-field[b-8ub39193dv] { display: grid; gap: 3px; }

.mb51-control[b-8ub39193dv] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mb51-control:focus[b-8ub39193dv] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.mb51-filter-actions[b-8ub39193dv] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; align-items: center; }

.mb51-results[b-8ub39193dv] { padding: 12px; }

.mb51-results-bar[b-8ub39193dv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb51-results-bar .mb51-summary-strip[b-8ub39193dv] { flex: 1; margin-bottom: 0; }

.mb51-summary-strip[b-8ub39193dv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mb51-summary-strip > div[b-8ub39193dv] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
    min-width: 100px;
}

.mb51-summary-strip strong[b-8ub39193dv] { color: var(--g-text); font-size: 12px; }

.mb51-table-wrap[b-8ub39193dv] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-table-wrap[b-8ub39193dv]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb51-table-wrap[b-8ub39193dv]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb51-table-wrap[b-8ub39193dv]::-webkit-scrollbar-track { background: var(--g-border); }

.mb51-table[b-8ub39193dv] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb51-table th[b-8ub39193dv] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb51-table td[b-8ub39193dv] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb51-table tbody tr:nth-child(odd) td[b-8ub39193dv] { background: var(--g-surface-sub); }
.mb51-table tbody tr:nth-child(even) td[b-8ub39193dv] { background: var(--g-surface-sub); }
.mb51-table tbody tr:hover td[b-8ub39193dv] { background: var(--g-selected-bg); cursor: pointer; }
.mb51-empty-row[b-8ub39193dv] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb51-chip[b-8ub39193dv] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.mb51-chip.info[b-8ub39193dv] { background: var(--g-info-bg); color: var(--g-info); }
.mb51-chip.soft[b-8ub39193dv] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb51-chip.warning[b-8ub39193dv] { background: var(--g-warn-bg); color: var(--g-warn); }
.mb51-chip.danger[b-8ub39193dv] { background: var(--g-err-bg); color: var(--g-err); }

.mb51-btn[b-8ub39193dv] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb51-btn.primary[b-8ub39193dv] { background: var(--g-create); color: var(--accent-contrast); }
.mb51-btn.secondary[b-8ub39193dv] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb51-btn:disabled[b-8ub39193dv] { opacity: .4; cursor: not-allowed; }
.mb51-btn:hover:not(:disabled)[b-8ub39193dv] { filter: brightness(.93); }

.mono[b-8ub39193dv] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-8ub39193dv] { text-align: center; }
.num[b-8ub39193dv] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.highlight[b-8ub39193dv] { color: var(--g-warn); font-weight: 600; }

@media (max-width: 860px) {
    .mb51-row[b-8ub39193dv] { grid-template-columns: 1fr; }
    .mb51-summary-strip[b-8ub39193dv] { grid-template-columns: 1fr; }
}
/* /Pages/SD/BP/BP10_ManageAddresses.razor.rz.scp.css */
.bp10-locked-group[b-nafgirmicl] {
    padding: 10px;
    border: 1px dashed var(--warning-lock-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--warning-lock-fill), var(--warning-lock-bg));
}

.bp10-locked-select[b-nafgirmicl] {
    border-color: var(--warning-lock-border);
    background: var(--warning-lock-fill);
    color: var(--warning-lock-text);
    cursor: not-allowed;
}

.bp10-locked-select:disabled[b-nafgirmicl] {
    opacity: 1;
}

.bp10-locked-hint[b-nafgirmicl] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--warning);
    letter-spacing: 0.02em;
}

.bp10-address-compact[b-nafgirmicl] {
    font-size: 0.94rem;
    line-height: 1.35;
}

.bp10-context-compact[b-nafgirmicl] {
    font-size: 0.8rem;
    line-height: 1.25;
    color: var(--text-muted);
    max-width: 320px;
}

.bp10-grid-scroll[b-nafgirmicl] {
    max-height: 390px;
    overflow: auto;
    scrollbar-width: thin;
}

.bp10-grid-scroll .or-table[b-nafgirmicl] {
    min-width: 100%;
}

.bp10-grid-scroll thead th[b-nafgirmicl] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-sunken);
    color: var(--text);
}

.bp10-cell-inline[b-nafgirmicl] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Pages/SD/BP/BP11_ManageContacts.razor.rz.scp.css */
.bp11-grid-scroll[b-1kwnikohcb] {
    max-height: 390px;
    overflow: auto;
    scrollbar-width: thin;
}

.bp11-grid-scroll .or-table[b-1kwnikohcb] {
    min-width: 100%;
}

.bp11-grid-scroll thead th[b-1kwnikohcb] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-sunken);
    color: var(--text);
}

.bp11-cell-inline[b-1kwnikohcb] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bp11-context-compact[b-1kwnikohcb] {
    font-size: 0.8rem;
    line-height: 1.25;
    color: var(--text-muted);
    max-width: 320px;
}

.bp11-locked-group[b-1kwnikohcb] {
    padding: 10px;
    border: 1px dashed var(--warning-lock-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--warning-lock-fill), var(--warning-lock-bg));
}

.bp11-locked-select[b-1kwnikohcb] {
    border-color: var(--warning-lock-border);
    background: var(--warning-lock-fill);
    color: var(--warning-lock-text);
    cursor: not-allowed;
}

.bp11-locked-select:disabled[b-1kwnikohcb] {
    opacity: 1;
}

.bp11-locked-hint[b-1kwnikohcb] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--warning);
    letter-spacing: 0.02em;
}
/* /Pages/SD/BP/BP20_CustomerExtension.razor.rz.scp.css */
.bp20-locked-group[b-h7bugqcyfh] {
    padding: 10px;
    border: 1px dashed var(--warning-lock-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--warning-lock-fill), var(--warning-lock-bg));
}

.bp20-locked-select[b-h7bugqcyfh] {
    border-color: var(--warning-lock-border);
    background: var(--warning-lock-fill);
    color: var(--warning-lock-text);
    cursor: not-allowed;
}

.bp20-locked-select:disabled[b-h7bugqcyfh] {
    opacity: 1;
}

.bp20-locked-hint[b-h7bugqcyfh] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--warning);
    letter-spacing: 0.02em;
}
/* /Pages/SD/Delivery/DL01_CreateDelivery.razor.rz.scp.css */
.dl01[b-j5kivgx25y] { padding: 10px 14px 16px; color: var(--g-text); font-size: 12px; }
.dl01-shell[b-j5kivgx25y], .dl01-head[b-j5kivgx25y], .dl01-panel[b-j5kivgx25y], .dl01-grid-card[b-j5kivgx25y], .dl01-footer[b-j5kivgx25y], .dl01-message[b-j5kivgx25y] { border: 1px solid var(--g-border-strong); background: var(--g-surface); }
.dl01-shell[b-j5kivgx25y] { display: flex; flex-direction: column; gap: 8px; }
.dl01-message[b-j5kivgx25y] { margin-bottom: 8px; padding: 8px 10px; font-size: 11px; font-weight: 600; }
.dl01-message-error[b-j5kivgx25y] { background: var(--g-err-bg); color: var(--g-err); }
.dl01-message-success[b-j5kivgx25y] { background: var(--g-ok-bg); color: var(--g-ok); }
.dl01-message-warning[b-j5kivgx25y] { background: var(--g-warn-bg); color: var(--g-warn); border-color: var(--g-warn) !important; }
.dl01-access[b-j5kivgx25y] { border: 1px solid var(--g-border-strong); background: var(--g-surface); border-top: 3px solid var(--g-consult); padding: 20px; max-width: 560px; }
.dl01-access-inner[b-j5kivgx25y] { display: flex; flex-direction: column; gap: 14px; }
.dl01-access-footer[b-j5kivgx25y] { display: flex; justify-content: flex-end; padding-top: 6px; }
.dl01-head[b-j5kivgx25y] { padding: 6px 10px; border-top: 3px solid var(--g-consult); }
.dl01-head-row[b-j5kivgx25y] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dl01-head-row label[b-j5kivgx25y] { font-size: 10px; font-weight: 700; color: var(--g-text-sec); text-transform: uppercase; letter-spacing: .04em; }
.dl01-control[b-j5kivgx25y], .dl01-grid-input[b-j5kivgx25y] { width: 100%; min-height: 24px; border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text); padding: 2px 6px; font: inherit; font-size: 11px; }
.dl01-control:focus[b-j5kivgx25y], .dl01-grid-input:focus[b-j5kivgx25y] { outline: none; border-color: var(--g-create); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.dl01-control.readonly[b-j5kivgx25y] { background: var(--g-surface-sub); color: var(--g-text-sec); }
.dl01-mini[b-j5kivgx25y] { min-height: 24px; display: inline-flex; align-items: center; padding: 0 8px; border: 1px solid var(--g-border-strong); background: var(--g-surface-sub); font-size: 11px; color: var(--g-text-sec); }
.dl01-tabs[b-j5kivgx25y] { display: flex; gap: 2px; padding: 0 8px; border-bottom: 1px solid var(--g-border-strong); }
.dl01-tab[b-j5kivgx25y] { border: 1px solid transparent; border-bottom: none; background: var(--g-surface-sec); color: var(--g-text-sec); padding: 6px 10px; font-size: 10px; font-weight: 700; cursor: pointer; }
.dl01-tab.active[b-j5kivgx25y] { background: var(--g-surface); color: var(--g-text); border-color: var(--g-border-strong); transform: translateY(1px); }
.dl01-panel[b-j5kivgx25y] { padding: 8px 10px; border: 1px solid var(--g-border-strong); background: var(--g-surface); }
.dl01-panel-grid[b-j5kivgx25y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dl01-card[b-j5kivgx25y] { border: 1px solid var(--g-border-strong); padding: 9px; background: var(--g-surface); }
.dl01-card-title[b-j5kivgx25y] { margin-bottom: 8px; font-size: 12px; font-weight: 700; color: var(--g-text); }
.dl01-form-grid[b-j5kivgx25y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.dl01-form-grid.single[b-j5kivgx25y] { grid-template-columns: 1fr; }
.dl01-field[b-j5kivgx25y] { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 8px; align-items: center; }
.dl01-label[b-j5kivgx25y] { font-size: 10px; font-weight: 700; color: var(--g-text-sec); text-transform: uppercase; letter-spacing: .04em; }
.dl01-inline-group[b-j5kivgx25y] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dl01-textarea[b-j5kivgx25y] { min-height: 72px; resize: vertical; }
.dl01-chip[b-j5kivgx25y] { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 999px; font-size: 9px; font-weight: 700; }
.dl01-chip.ok[b-j5kivgx25y] { background: var(--g-ok-bg); color: var(--g-ok); }
.dl01-chip.soft[b-j5kivgx25y] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.dl01-grid-card[b-j5kivgx25y] { padding: 8px 10px 10px; border: 1px solid var(--g-border-strong); background: var(--g-surface); }
.dl01-grid-head[b-j5kivgx25y] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.dl01-grid-head strong[b-j5kivgx25y] { font-size: 12px; }
.dl01-grid-head span[b-j5kivgx25y] { font-size: 11px; color: var(--g-text-muted); }
.dl01-grid-meta[b-j5kivgx25y] { display: flex; gap: 8px; align-items: center; }
.dl01-grid-wrap[b-j5kivgx25y] { overflow: auto; border: 1px solid var(--g-border-strong); max-height: 380px; background: var(--g-surface); }
.dl01-table[b-j5kivgx25y] { width: 100%; min-width: 1100px; border-collapse: collapse; }
.dl01-table.items[b-j5kivgx25y] { min-width: 1100px; }
.dl01-table thead th[b-j5kivgx25y] { position: sticky; top: 0; z-index: 1; padding: 5px 6px; background: var(--g-surface-sec); border-bottom: 1px solid var(--g-border-strong); text-align: left; font-size: 8px; font-weight: 700; text-transform: uppercase; color: var(--g-text-sec); letter-spacing: .04em; white-space: nowrap; }
.dl01-table td[b-j5kivgx25y] { border-bottom: 1px solid var(--g-border); padding: 0; }
.dl01-table tbody tr:hover[b-j5kivgx25y] { background: var(--g-surface-sub); }
.dl01-table tbody tr.selected[b-j5kivgx25y] { background: var(--g-selected-bg); }
.dl01-cell[b-j5kivgx25y] { padding: 4px 6px; font-size: 11px; white-space: nowrap; }
.dl01-cell.num[b-j5kivgx25y] { text-align: right; }
.dl01-cell-warn[b-j5kivgx25y] { color: var(--g-warn); font-weight: 600; }
.dl01-grid-input[b-j5kivgx25y] { min-height: 24px; border: 1px solid transparent; background: transparent; padding: 3px 5px; }
.dl01-grid-input.num[b-j5kivgx25y] { text-align: right; }
.dl01-grid-input:disabled[b-j5kivgx25y] { background: var(--g-surface-sub); color: var(--g-text-muted); }
.dl01-table .tiny[b-j5kivgx25y] { width: 36px; }
.dl01-table .center[b-j5kivgx25y] { text-align: center; }
.dl01-table.items .col-material[b-j5kivgx25y] { min-width: 120px; }
.dl01-table.items .col-description[b-j5kivgx25y] { min-width: 200px; }
.dl01-footer[b-j5kivgx25y] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid var(--g-border-strong); background: var(--g-surface); position: sticky; bottom: 0; }
.dl01-footer-msg[b-j5kivgx25y] { color: var(--g-text-muted); font-size: 11px; }
.dl01-footer-actions[b-j5kivgx25y] { display: flex; gap: 8px; }
.dl01-btn[b-j5kivgx25y] { border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text); padding: 6px 10px; font-size: 11px; font-weight: 700; cursor: pointer; }
.dl01-btn.primary[b-j5kivgx25y] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.dl01-btn.danger[b-j5kivgx25y] { border-color: var(--g-err-border); color: var(--g-err); }
.dl01-btn:disabled[b-j5kivgx25y] { opacity: .55; cursor: not-allowed; }
.mono[b-j5kivgx25y] { font-family: "DM Mono", Consolas, Monaco, monospace; }

.dl01-access-grid[b-j5kivgx25y] { max-width: 480px; }
.dl01-message-inset[b-j5kivgx25y] { margin: 8px 12px 0; }
.dl01-warn-list[b-j5kivgx25y] { margin: 4px 0 0 20px; padding: 0; font-size: 11px; }
.dl01-chip-note[b-j5kivgx25y] { margin-left: 8px; font-size: 10px; }
.dl01-chip-note.muted[b-j5kivgx25y] { opacity: .6; }
.dl01-wm-options[b-j5kivgx25y] { display: flex; flex-direction: column; gap: 10px; padding: 4px 2px; }
.dl01-wm-check[b-j5kivgx25y] { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; line-height: 1.3; }
.dl01-wm-check.locked[b-j5kivgx25y] { cursor: not-allowed; opacity: .72; }
.dl01-wm-check-box[b-j5kivgx25y] { margin-top: 2px; flex-shrink: 0; }
.dl01-wm-check-box:disabled[b-j5kivgx25y] { cursor: not-allowed; }
.dl01-wm-check-title-row[b-j5kivgx25y] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dl01-wm-check-title[b-j5kivgx25y] { font-size: 12px; }
.dl01-wm-check-sub[b-j5kivgx25y] { display: block; font-size: 10px; color: var(--g-text-sec); }
.dl01-lock-pill[b-j5kivgx25y] { display: inline-flex; align-items: center; gap: 4px; min-height: 18px; padding: 2px 6px; border: 1px solid var(--g-border-strong); background: var(--g-surface-sub); color: var(--g-text-sec); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.dl01-lock-pill svg[b-j5kivgx25y] { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.dl01-empty-cell[b-j5kivgx25y] { text-align: center; color: var(--g-text-muted); font-style: italic; white-space: normal; padding: 14px 6px; }

@media (max-width: 1260px) {
    .dl01-panel-grid[b-j5kivgx25y], .dl01-form-grid[b-j5kivgx25y] { grid-template-columns: 1fr; }
    .dl01-field[b-j5kivgx25y] { grid-template-columns: 1fr; }
    .dl01-footer[b-j5kivgx25y] { flex-direction: column; align-items: stretch; }
}
/* /Pages/SD/Delivery/DL02_ModifyDelivery.razor.rz.scp.css */
.dl02[b-3ukqsj0ach] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.dl02-message[b-3ukqsj0ach] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.dl02-message-error[b-3ukqsj0ach] {
    background: var(--g-err-bg);
    color: var(--g-err);
}

.dl02-message-success[b-3ukqsj0ach] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.dl02-access[b-3ukqsj0ach] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 10px;
    border-top: 3px solid var(--g-consult);
    margin-bottom: 8px;
}

.dl02-access-row[b-3ukqsj0ach] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dl02-access-row label[b-3ukqsj0ach] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.dl02-control[b-3ukqsj0ach] {
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.dl02-control:focus[b-3ukqsj0ach] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.dl02-access-num[b-3ukqsj0ach] {
    min-width: 140px;
}

.dl02-shell[b-3ukqsj0ach] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.dl02-shell.is-busy[b-3ukqsj0ach] {
    cursor: progress;
}

.dl02-head[b-3ukqsj0ach] {
    padding: 6px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    border-top: 3px solid var(--g-consult);
}

.dl02-head-row[b-3ukqsj0ach] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dl02-head-row label[b-3ukqsj0ach] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.dl02-mini[b-3ukqsj0ach] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    font-size: 11px;
    color: var(--g-text-sec);
}

.dl02-chip[b-3ukqsj0ach] {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.dl02-chip.ok[b-3ukqsj0ach] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.dl02-chip.soft[b-3ukqsj0ach] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.dl02-chip.warn[b-3ukqsj0ach] {
    background: var(--g-warn-bg);
    color: var(--g-warn);
}

.dl02-process-card[b-3ukqsj0ach] {
    padding: 8px 10px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.dl02-grid-card[b-3ukqsj0ach] {
    padding: 8px 10px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.dl02-grid-head[b-3ukqsj0ach] {
    margin-bottom: 8px;
}

.dl02-grid-head strong[b-3ukqsj0ach] {
    font-size: 12px;
}

.dl02-grid-head-spread[b-3ukqsj0ach] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dl02-process-grid[b-3ukqsj0ach] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
}

.dl02-process-field[b-3ukqsj0ach] {
    display: grid;
    gap: 4px;
}

.dl02-process-field label[b-3ukqsj0ach] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.dl02-grid-wrap[b-3ukqsj0ach] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    max-height: 380px;
    background: var(--g-surface);
}

.dl02-table[b-3ukqsj0ach] {
    width: 100%;
    min-width: 1000px;
    border-collapse: collapse;
}

.dl02-table thead th[b-3ukqsj0ach] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.dl02-table td[b-3ukqsj0ach] {
    border-bottom: 1px solid var(--g-border);
}

.dl02-table tbody tr:hover[b-3ukqsj0ach] {
    background: var(--g-surface-sub);
}

.dl02-cell[b-3ukqsj0ach] {
    padding: 4px 6px;
    font-size: 11px;
    white-space: nowrap;
}

.dl02-cell.num[b-3ukqsj0ach] {
    text-align: right;
}

.dl02-empty-cell[b-3ukqsj0ach] {
    text-align: center;
    color: var(--g-text-muted);
    font-style: italic;
    white-space: normal;
    padding: 14px 6px;
}

.dl02-footer[b-3ukqsj0ach] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.dl02-footer-msg[b-3ukqsj0ach] {
    color: var(--g-text-muted);
    font-size: 11px;
}

.dl02-footer-actions[b-3ukqsj0ach] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.dl02-btn[b-3ukqsj0ach] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.dl02-btn.primary[b-3ukqsj0ach] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.dl02-btn.danger[b-3ukqsj0ach] {
    border-color: var(--g-err-border);
    color: var(--g-err);
}

.dl02-btn:disabled[b-3ukqsj0ach] {
    opacity: .55;
    cursor: not-allowed;
}

.dl02-empty[b-3ukqsj0ach] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    padding: 30px;
    text-align: center;
}

.dl02-empty strong[b-3ukqsj0ach] {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--g-consult);
}

.dl02-empty span[b-3ukqsj0ach] {
    font-size: 12px;
    color: var(--g-text-muted);
}

.mono[b-3ukqsj0ach] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

@media (max-width: 1200px) {
    .dl02-process-grid[b-3ukqsj0ach] {
        grid-template-columns: 1fr;
    }
}

.dl02-overlay[b-3ukqsj0ach] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1200;
}

.dl02-popup[b-3ukqsj0ach] {
    width: min(600px, 95%);
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    padding: 1rem 1.2rem;
    box-shadow: var(--shadow-lg);
}

.dl02-docflow[b-3ukqsj0ach] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 0;
}

.dl02-docflow-node[b-3ukqsj0ach] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 12px;
    border: 1px solid var(--g-border);
    background: var(--g-surface-sub);
    min-width: 90px;
    text-align: center;
}

.dl02-docflow-active[b-3ukqsj0ach] {
    border-color: var(--g-create);
    background: var(--g-info-bg);
}

.dl02-docflow-type[b-3ukqsj0ach] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: 0.05em;
}

.dl02-docflow-num[b-3ukqsj0ach] {
    font-size: 11px;
    font-weight: 600;
}

.dl02-docflow-status[b-3ukqsj0ach] {
    font-size: 9px;
    padding: 1px 6px;
}

.dl02-docflow-arrow[b-3ukqsj0ach] {
    font-size: 16px;
    color: var(--g-text-sec);
    font-weight: 700;
}

.dl02-flow-empty[b-3ukqsj0ach] {
    padding: 12px;
    color: var(--g-text-sec);
}

.dl02-docflow-qty[b-3ukqsj0ach] {
    font-size: 9px;
    color: var(--g-text-sec);
}

/* El loader branded scoped (GouraBusyOverlay / .g-busy) reemplaza la card propia;
   se ancla a .dl02-shell (position:relative) y bloquea solo la transaccion. */
/* /Pages/SD/Delivery/DL03_DisplayDelivery.razor.rz.scp.css */
.dl03[b-y914ub8hau] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.dl03-message[b-y914ub8hau] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.dl03-message-error[b-y914ub8hau] {
    background: var(--g-err-bg);
    color: var(--g-err);
}

.dl03-message-success[b-y914ub8hau] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.dl03-access[b-y914ub8hau] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 10px;
    border-top: 3px solid var(--g-consult);
    margin-bottom: 8px;
}

.dl03-access-row[b-y914ub8hau] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dl03-access-row label[b-y914ub8hau] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.dl03-control[b-y914ub8hau] {
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.dl03-control:focus[b-y914ub8hau] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.dl03-access-org[b-y914ub8hau] {
    min-width: 180px;
}

.dl03-access-num[b-y914ub8hau] {
    min-width: 140px;
}

.dl03-tabs[b-y914ub8hau] {
    display: flex;
    gap: 2px;
    padding: 0 8px;
    border-bottom: 1px solid var(--g-border-strong);
}

.dl03-tab[b-y914ub8hau] {
    border: 1px solid transparent;
    border-bottom: none;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.dl03-tab.active[b-y914ub8hau] {
    background: var(--g-surface);
    color: var(--g-text);
    border-color: var(--g-border-strong);
    transform: translateY(1px);
}

.dl03-panel[b-y914ub8hau] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.dl03-panel-grid[b-y914ub8hau] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dl03-card[b-y914ub8hau] {
    border: 1px solid var(--g-border-strong);
    padding: 9px;
    background: var(--g-surface);
}

.dl03-card-title[b-y914ub8hau] {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--g-text);
}

.dl03-form-grid[b-y914ub8hau] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.dl03-form-grid.single[b-y914ub8hau] {
    grid-template-columns: 1fr;
}

.dl03-field[b-y914ub8hau] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.dl03-label[b-y914ub8hau] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.dl03-value[b-y914ub8hau] {
    font-size: 11px;
    color: var(--g-text);
    padding: 2px 6px;
    background: var(--g-surface-sub);
    border: 1px solid var(--g-border);
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}

.dl03-chip[b-y914ub8hau] {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.dl03-chip.ok[b-y914ub8hau] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.dl03-chip.soft[b-y914ub8hau] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.dl03-grid-card[b-y914ub8hau] {
    padding: 8px 10px 10px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    margin-top: 8px;
}

.dl03-grid-head[b-y914ub8hau] {
    margin-bottom: 8px;
}

.dl03-grid-head strong[b-y914ub8hau] {
    font-size: 12px;
}

.dl03-grid-wrap[b-y914ub8hau] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    max-height: 380px;
    background: var(--g-surface);
}

.dl03-table[b-y914ub8hau] {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
}

.dl03-table thead th[b-y914ub8hau] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.dl03-table td[b-y914ub8hau] {
    border-bottom: 1px solid var(--g-border);
}

.dl03-table tbody tr:hover[b-y914ub8hau] {
    background: var(--g-surface-sub);
}

.dl03-cell[b-y914ub8hau] {
    padding: 4px 6px;
    font-size: 11px;
    white-space: nowrap;
}

.dl03-cell.num[b-y914ub8hau] {
    text-align: right;
}

.dl03-empty-cell[b-y914ub8hau] {
    text-align: center;
    color: var(--g-text-muted);
    font-style: italic;
    white-space: normal;
    padding: 14px 6px;
}

.dl03-btn[b-y914ub8hau] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.dl03-btn.primary[b-y914ub8hau] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.dl03-btn:disabled[b-y914ub8hau] {
    opacity: .55;
    cursor: not-allowed;
}

.dl03-empty[b-y914ub8hau] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    padding: 30px;
    text-align: center;
}

.dl03-empty strong[b-y914ub8hau] {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--g-consult);
}

.dl03-empty span[b-y914ub8hau] {
    font-size: 12px;
    color: var(--g-text-muted);
}

.mono[b-y914ub8hau] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

@media (max-width: 1260px) {
    .dl03-panel-grid[b-y914ub8hau],
    .dl03-form-grid[b-y914ub8hau] {
        grid-template-columns: 1fr;
    }

    .dl03-field[b-y914ub8hau] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SD/Delivery/DL05_DeliveryList.razor.rz.scp.css */
.mb51[b-j1680x4e4h] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb51-shell[b-j1680x4e4h] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-message[b-j1680x4e4h] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb51-message-info[b-j1680x4e4h] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb51-message-success[b-j1680x4e4h] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb51-message-warning[b-j1680x4e4h] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb51-message-error[b-j1680x4e4h] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb51-head[b-j1680x4e4h] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb51-head h2[b-j1680x4e4h] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mb51-code[b-j1680x4e4h],
.mb51-filter-title[b-j1680x4e4h],
.mb51-field > label[b-j1680x4e4h],
.mb51-summary-strip span[b-j1680x4e4h] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb51-filter-screen[b-j1680x4e4h] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
}

.mb51-filter-title[b-j1680x4e4h] { margin-bottom: 4px; }
.mb51-filter-hint[b-j1680x4e4h] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb51-filter-form[b-j1680x4e4h] { display: grid; gap: 10px; }
.mb51-row[b-j1680x4e4h] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb51-field[b-j1680x4e4h] { display: grid; gap: 3px; }

.mb51-control[b-j1680x4e4h] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mb51-control:focus[b-j1680x4e4h] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.mb51-filter-actions[b-j1680x4e4h] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; align-items: center; }

.mb51-results[b-j1680x4e4h] { padding: 12px; }

.mb51-results-bar[b-j1680x4e4h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb51-results-bar .mb51-summary-strip[b-j1680x4e4h] { flex: 1; margin-bottom: 0; }

.mb51-summary-strip[b-j1680x4e4h] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mb51-summary-strip > div[b-j1680x4e4h] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
    min-width: 100px;
}

.mb51-summary-strip strong[b-j1680x4e4h] { color: var(--g-text); font-size: 12px; }

.mb51-table-wrap[b-j1680x4e4h] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-table-wrap[b-j1680x4e4h]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb51-table-wrap[b-j1680x4e4h]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb51-table-wrap[b-j1680x4e4h]::-webkit-scrollbar-track { background: var(--g-border); }

.mb51-table[b-j1680x4e4h] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb51-table th[b-j1680x4e4h] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb51-table td[b-j1680x4e4h] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb51-table tbody tr:nth-child(odd) td[b-j1680x4e4h] { background: var(--g-surface-sub); }
.mb51-table tbody tr:nth-child(even) td[b-j1680x4e4h] { background: var(--g-surface-sub); }
.mb51-table tbody tr:hover td[b-j1680x4e4h] { background: var(--g-selected-bg); cursor: pointer; }
.mb51-empty-row[b-j1680x4e4h] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb51-chip[b-j1680x4e4h] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.mb51-chip.info[b-j1680x4e4h] { background: var(--g-info-bg); color: var(--g-info); }
.mb51-chip.soft[b-j1680x4e4h] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb51-chip.warning[b-j1680x4e4h] { background: var(--g-warn-bg); color: var(--g-warn); }
.mb51-chip.danger[b-j1680x4e4h] { background: var(--g-err-bg); color: var(--g-err); }

.mb51-btn[b-j1680x4e4h] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb51-btn.primary[b-j1680x4e4h] { background: var(--g-create); color: var(--accent-contrast); }
.mb51-btn.secondary[b-j1680x4e4h] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb51-btn:disabled[b-j1680x4e4h] { opacity: .4; cursor: not-allowed; }
.mb51-btn:hover:not(:disabled)[b-j1680x4e4h] { filter: brightness(.93); }

.mono[b-j1680x4e4h] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-j1680x4e4h] { text-align: center; }
.num[b-j1680x4e4h] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.highlight[b-j1680x4e4h] { color: var(--g-warn); font-weight: 600; }

@media (max-width: 860px) {
    .mb51-row[b-j1680x4e4h] { grid-template-columns: 1fr; }
    .mb51-summary-strip[b-j1680x4e4h] { grid-template-columns: 1fr; }
}
/* /Pages/SD/Delivery/OBD02_Modify3PLDelivery.razor.rz.scp.css */
/* OBD02 — toolbar de acciones estilo SAP (iconos arriba) + fila seleccionada del grid.
   Scoped: solo aplica a los elementos que renderiza OBD02. */

.obd-toolbar[b-hmpxxxecgt] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 6px;
    margin: 0 0 8px;
    border: 1px solid var(--g-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--surface) 92%, var(--g-border));
    position: sticky;
    top: 0;
    z-index: 6;
}

.obd-tool[b-hmpxxxecgt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--g-text);
    background: var(--surface);
    border: 1px solid var(--g-border);
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease, filter .12s ease;
}

.obd-tool svg[b-hmpxxxecgt] { flex: 0 0 auto; }
.obd-tool:hover:not(:disabled)[b-hmpxxxecgt] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); }
.obd-tool:disabled[b-hmpxxxecgt] { opacity: .42; cursor: not-allowed; }

.obd-tool.primary[b-hmpxxxecgt] { background: var(--accent); border-color: var(--accent); color: #fff; }
.obd-tool.primary:hover:not(:disabled)[b-hmpxxxecgt] { filter: brightness(1.06); background: var(--accent); }

.obd-tool.post[b-hmpxxxecgt] { color: var(--g-ok, #2e7d32); border-color: color-mix(in srgb, var(--g-ok, #2e7d32) 45%, var(--g-border)); }
.obd-tool.post:hover:not(:disabled)[b-hmpxxxecgt] { background: color-mix(in srgb, var(--g-ok, #2e7d32) 12%, var(--surface)); border-color: var(--g-ok, #2e7d32); }

.obd-tool.danger[b-hmpxxxecgt] { color: var(--g-err, #c62828); border-color: color-mix(in srgb, var(--g-err, #c62828) 45%, var(--g-border)); }
.obd-tool.danger:hover:not(:disabled)[b-hmpxxxecgt] { background: color-mix(in srgb, var(--g-err, #c62828) 12%, var(--surface)); border-color: var(--g-err, #c62828); }

.obd-tool.sm[b-hmpxxxecgt] { padding: 4px 9px; font-size: 12px; font-weight: 500; }
.obd-tool.icon[b-hmpxxxecgt] { padding: 6px; }   /* solo icono (cuadrado), p.ej. flujo de documentos */

.obd-tool-sep[b-hmpxxxecgt] { width: 1px; align-self: stretch; background: var(--g-border); margin: 2px 4px; }

/* Indicador + resalte de fila seleccionada (especificidad > regla global de la tabla). */
.obd-rowsel[b-hmpxxxecgt] { color: var(--accent); font-weight: 700; }
.mc01-table tbody tr.selected[b-hmpxxxecgt] { background: color-mix(in srgb, var(--accent) 12%, transparent); cursor: default; }

/* GI parcial: resalta el saldo pendiente de despachar (Picked − Despachado > 0). */
.mc01-grid-input.obd-saldo[b-hmpxxxecgt] {
    color: var(--g-warn, #b26a00);
    font-weight: 700;
    background: color-mix(in srgb, var(--g-warn, #b26a00) 9%, transparent);
}
/* /Pages/SD/Delivery/OBD05_3PLDeliveryList.razor.rz.scp.css */
/* OBD05 — vista dual (cabecera/posición) con estética estilo ZSF10.
   Scoped: aplica solo a lo que renderiza OBD05. 100% tokens de tema. */

/* Toggle segmentado cabecera/posición */
.obd05-toggle[b-n449hymvne] { display: inline-flex; gap: 0; border: 1px solid var(--g-border); border-radius: 8px; overflow: hidden; }
.obd05-tog[b-n449hymvne] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 14px; font-size: 12.5px; font-weight: 600;
    color: var(--g-text-sec); background: var(--surface);
    border: 0; border-right: 1px solid var(--g-border); cursor: pointer;
    transition: background .12s ease, color .12s ease;
}
.obd05-tog:last-child[b-n449hymvne] { border-right: 0; }
.obd05-tog:hover[b-n449hymvne] { background: color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.obd05-tog.on[b-n449hymvne] { background: var(--accent); color: #fff; }
.obd05-tog-n[b-n449hymvne] {
    font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 999px;
    background: color-mix(in srgb, var(--g-text) 12%, transparent);
}
.obd05-tog.on .obd05-tog-n[b-n449hymvne] { background: rgba(255,255,255,.25); }

/* Filas con doble click (abren OBD03) con hover suave, pero el texto debe poder copiarse. */
.obd05-table tbody tr.obd05-row[b-n449hymvne] { cursor: default; transition: background .1s ease; user-select: text; }
.obd05-table tbody tr.obd05-row:hover[b-n449hymvne] { background: color-mix(in srgb, var(--accent) 9%, transparent); }
.obd05-table tbody tr.obd05-row td[b-n449hymvne] { cursor: text; user-select: text; vertical-align: top; }

/* Sub-texto (nombre debajo del código) — denso pero legible */
.obd05-sub[b-n449hymvne] { font-size: 10.5px; color: var(--g-text-muted); margin-top: 1px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Badge de owner (brand) con punto, como ZSF10 */
.obd05-owner[b-n449hymvne] { display: inline-flex; align-items: center; gap: 5px; font-family: var(--mono, monospace); font-size: 12px; }
.obd05-owner .pin[b-n449hymvne] { width: 7px; height: 7px; border-radius: 999px; background: var(--accent); flex: 0 0 auto; }

/* Badge de conteo de matdocs (N por posición → granularidad GI parcial) */
.obd05-badge[b-n449hymvne] {
    display: inline-block; min-width: 16px; text-align: center;
    font-size: 10.5px; font-weight: 700; padding: 0 5px; margin-right: 5px;
    border-radius: 999px; background: var(--g-warn-bg, color-mix(in srgb, orange 25%, transparent)); color: var(--g-warn, #b26a00);
}

/* Statline un poco más aireada */
.obd05-statline[b-n449hymvne] { gap: 18px; }
.obd05-head[b-n449hymvne] { align-items: center; }
/* /Pages/SD/Delivery/OBD09_Cancel3PLDelivery.razor.rz.scp.css */
.obd09-access[b-uaye1b3sw2] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 8px 10px;
}

.obd09-access-row[b-uaye1b3sw2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.obd09-access-row label[b-uaye1b3sw2] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.obd09-access-row .mc01-control[b-uaye1b3sw2] {
    width: 220px;
    flex: 0 0 220px;
}

.obd09-toolbar[b-uaye1b3sw2] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 6px;
    margin: 0 0 8px;
    border: 1px solid var(--g-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--surface) 92%, var(--g-border));
    position: sticky;
    top: 0;
    z-index: 6;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--g-border) 65%, transparent);
}

.obd09-tool[b-uaye1b3sw2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--g-text);
    background: var(--surface);
    border: 1px solid var(--g-border);
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease, filter .12s ease;
}

.obd09-tool svg[b-uaye1b3sw2] {
    flex: 0 0 auto;
}

.obd09-tool:focus-visible[b-uaye1b3sw2] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.obd09-tool:hover:not(:disabled)[b-uaye1b3sw2] {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 10%, var(--surface));
}

.obd09-tool:disabled[b-uaye1b3sw2] {
    opacity: .42;
    cursor: not-allowed;
}

.obd09-tool.danger[b-uaye1b3sw2] {
    color: var(--g-err, #c62828);
    border-color: color-mix(in srgb, var(--g-err, #c62828) 45%, var(--g-border));
}

.obd09-tool.danger:hover:not(:disabled)[b-uaye1b3sw2] {
    background: color-mix(in srgb, var(--g-err, #c62828) 12%, var(--surface));
    border-color: var(--g-err, #c62828);
}

.obd09-tool.icon[b-uaye1b3sw2] {
    padding: 6px;
}

.obd09-tool-sep[b-uaye1b3sw2] {
    width: 1px;
    align-self: stretch;
    background: var(--g-border);
    margin: 2px 4px;
}

.obd09-reason-row[b-uaye1b3sw2] {
    display: grid;
    grid-template-columns: 120px minmax(240px, 1fr);
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.obd09-reason-row label[b-uaye1b3sw2] {
    font-size: 12px;
    font-weight: 600;
    color: var(--g-text-sec);
}

.obd09-preview[b-uaye1b3sw2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 8px 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--g-border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--accent) 8%, var(--surface));
    color: var(--g-text);
    font-size: 12.5px;
}

.obd09-grid-meta[b-uaye1b3sw2] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.obd09-control-grid[b-uaye1b3sw2] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.obd09-control-grid .mc01-field[b-uaye1b3sw2] {
    grid-template-columns: 96px minmax(0, 1fr);
}

.obd09-gi-table[b-uaye1b3sw2] {
    min-width: 980px;
}

.obd09-gi-table input[type="checkbox"][b-uaye1b3sw2] {
    width: 14px;
    height: 14px;
    accent-color: var(--accent);
    vertical-align: middle;
}

.obd09-action-state[b-uaye1b3sw2] {
    font-size: 11px;
    font-weight: 700;
    color: var(--g-text-sec);
}

.obd09-action-state.ready[b-uaye1b3sw2] {
    color: var(--g-warn);
}

.obd09-action-state.blocked[b-uaye1b3sw2],
.obd09-action-state.muted[b-uaye1b3sw2] {
    color: var(--g-text-muted);
}

.obd09-preview span[b-uaye1b3sw2] {
    color: var(--g-text-sec);
}

.obd09-modal-backdrop[b-uaye1b3sw2] {
    position: fixed;
    inset: 0;
    z-index: 990;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: color-mix(in srgb, var(--bg) 55%, transparent);
    backdrop-filter: blur(2px);
}

.obd09-modal[b-uaye1b3sw2] {
    width: min(560px, 100%);
    background: var(--surface);
    border: 1px solid var(--g-border);
    border-radius: 8px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}

.obd09-modal-head[b-uaye1b3sw2] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--g-border);
    font-weight: 700;
}

.obd09-modal-body[b-uaye1b3sw2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    font-size: 12.5px;
    color: var(--g-text-sec);
}

.obd09-modal-actions[b-uaye1b3sw2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--g-border);
}

@media (max-width: 1100px) {
    .obd09-control-grid[b-uaye1b3sw2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obd09-access-row[b-uaye1b3sw2],
    .obd09-reason-row[b-uaye1b3sw2] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .obd09-access-row .mc01-control[b-uaye1b3sw2] {
        width: 100%;
        flex-basis: auto;
    }

    .obd09-control-grid[b-uaye1b3sw2] {
        grid-template-columns: 1fr;
    }

    .obd09-grid-meta[b-uaye1b3sw2] {
        justify-content: flex-start;
    }

    .obd09-tool[b-uaye1b3sw2] {
        min-height: 32px;
    }
}
/* /Pages/SD/Delivery/ObdAtpPopup.razor.rz.scp.css */
/* CSS scoped del ATP popup de OBD01.
   Las clases base (.va01-overlay, .va01-msgbox*, .va01-atp-pill, .va01-btn,
   .mono) viven en wwwroot/css/va01-shared.css (global, compartidas).
   Aqui solo las reglas del overlay "busy" / atenuado, que en VA01 estan
   scoped a Va01AtpPopup.razor.css y NO se heredan por aislamiento de CSS. */

.va01-atp-msgbox[b-opuf7drudr] {
    position: relative;
    overflow: hidden;
}

.va01-atp-msgbox.is-busy .va01-msgbox-body[b-opuf7drudr],
.va01-atp-msgbox.is-busy .va01-msgbox-foot[b-opuf7drudr] {
    opacity: .48;
}

.va01-atp-msgbox .va01-msgbox-close:disabled[b-opuf7drudr] {
    cursor: not-allowed;
    opacity: .45;
}

.va01-atp-busy[b-opuf7drudr] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--g-surface) 78%, transparent);
}

.va01-atp-busy-card[b-opuf7drudr] {
    display: grid;
    justify-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 12px;
    font-weight: 700;
}
/* /Pages/SD/SalesOrder/SD20_BackorderProcessing.razor.rz.scp.css */
/* SD20 Backorder Processing — sigue el patrón mb51 compartido */

/* ─── Base mb51 ───────────────────────────────────────────────────────── */
.mb51[b-nfj044p2mu] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb51-shell[b-nfj044p2mu] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-message[b-nfj044p2mu] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb51-message-info[b-nfj044p2mu] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb51-message-success[b-nfj044p2mu] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb51-message-warning[b-nfj044p2mu] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb51-message-error[b-nfj044p2mu] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb51-head[b-nfj044p2mu] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb51-head h2[b-nfj044p2mu] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mb51-code[b-nfj044p2mu],
.mb51-filter-title[b-nfj044p2mu],
.mb51-field > label[b-nfj044p2mu],
.mb51-summary-strip span[b-nfj044p2mu] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb51-filter-screen[b-nfj044p2mu] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
}

.mb51-filter-title[b-nfj044p2mu] { margin-bottom: 4px; }
.mb51-filter-hint[b-nfj044p2mu] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb51-filter-form[b-nfj044p2mu] { display: grid; gap: 10px; }
.mb51-row[b-nfj044p2mu] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb51-field[b-nfj044p2mu] { display: grid; gap: 3px; }

.mb51-control[b-nfj044p2mu] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mb51-control:focus[b-nfj044p2mu] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }

.mb51-filter-actions[b-nfj044p2mu] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.mb51-results[b-nfj044p2mu] { padding: 12px; }

.mb51-results-bar[b-nfj044p2mu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb51-results-bar .mb51-summary-strip[b-nfj044p2mu] { flex: 1; margin-bottom: 0; }

.mb51-summary-strip[b-nfj044p2mu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.mb51-summary-strip > div[b-nfj044p2mu] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.mb51-summary-strip strong[b-nfj044p2mu] { color: var(--g-text); font-size: 13px; font-family: "DM Mono", Consolas, Monaco, monospace; }

.mb51-table-wrap[b-nfj044p2mu] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 320px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-table-wrap[b-nfj044p2mu]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb51-table-wrap[b-nfj044p2mu]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb51-table-wrap[b-nfj044p2mu]::-webkit-scrollbar-track { background: var(--g-border); }

.mb51-table[b-nfj044p2mu] {
    width: max-content;
    min-width: 1500px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb51-table th[b-nfj044p2mu] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb51-table td[b-nfj044p2mu] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb51-table tbody tr:nth-child(odd) td[b-nfj044p2mu] { background: var(--g-surface-sub); }
.mb51-table tbody tr:nth-child(even) td[b-nfj044p2mu] { background: var(--g-surface-sub); }
.mb51-table tbody tr:hover td[b-nfj044p2mu] { background: var(--g-selected-bg); }
.mb51-empty-row[b-nfj044p2mu] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb51-chip[b-nfj044p2mu] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.mb51-chip.ok[b-nfj044p2mu] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb51-chip.info[b-nfj044p2mu] { background: var(--g-info-bg); color: var(--g-info); }
.mb51-chip.soft[b-nfj044p2mu] { background: var(--g-surface-sec); color: var(--g-text-muted); }
.mb51-chip.warning[b-nfj044p2mu] { background: var(--g-warn-bg); color: var(--g-warn); }
.mb51-chip.error[b-nfj044p2mu], .mb51-chip.danger[b-nfj044p2mu] { background: var(--g-err-bg); color: var(--g-err); }

.mb51-btn[b-nfj044p2mu] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb51-btn.primary[b-nfj044p2mu] { background: var(--g-create); color: var(--accent-contrast); }
.mb51-btn.secondary[b-nfj044p2mu] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb51-btn:disabled[b-nfj044p2mu] { opacity: .4; cursor: not-allowed; }
.mb51-btn:hover:not(:disabled)[b-nfj044p2mu] { filter: brightness(.93); }

.mono[b-nfj044p2mu] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-nfj044p2mu] { text-align: center; }
.num[b-nfj044p2mu] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }

/* ─── SD20 específico ─────────────────────────────────────────────────── */

.sd20-hint[b-nfj044p2mu] {
    display: block;
    font-size: 10px;
    color: var(--g-text-muted);
    padding-left: 2px;
}

.sd20-check[b-nfj044p2mu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--g-text-sec);
    padding-top: 8px;
}

.sd20-check input[b-nfj044p2mu] { margin: 0; }

/* Card Disponible/Usado — tonos según overrun */
.sd20-budget-ok[b-nfj044p2mu] {
    border-color: var(--g-ok) !important;
    background: var(--g-ok-bg) !important;
}
.sd20-budget-ok strong[b-nfj044p2mu] { color: var(--g-ok); }

.sd20-budget-bad[b-nfj044p2mu] {
    border-color: var(--g-err) !important;
    background: var(--g-err-bg) !important;
    animation: sd20-pulse-b-nfj044p2mu 1.4s ease-in-out infinite;
}
.sd20-budget-bad strong[b-nfj044p2mu] { color: var(--g-err); }

@keyframes sd20-pulse-b-nfj044p2mu {
    0%, 100% { box-shadow: 0 0 0 0 var(--g-danger-bg); }
    50% { box-shadow: 0 0 0 3px var(--g-danger-bg); }
}

/* Barra de contexto material/centro/lote — compacta, sin saturar */
.sd20-ctx[b-nfj044p2mu] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 8px 12px;
    margin-bottom: 10px;
    border: 1px solid var(--g-border);
    border-radius: 6px;
    background: var(--g-surface-sub);
    font-size: 11px;
    align-items: center;
}

.sd20-ctx-item[b-nfj044p2mu] { display: inline-flex; align-items: baseline; gap: 6px; }
.sd20-ctx-item label[b-nfj044p2mu] {
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .05em;
}
.sd20-ctx-item .code[b-nfj044p2mu] { font-family: "DM Mono", Consolas, Monaco, monospace; color: var(--g-text); }
.sd20-ctx-item .name[b-nfj044p2mu] { color: var(--g-text-sec); }
.sd20-ctx-counter[b-nfj044p2mu] { margin-left: auto; font-size: 11px; color: var(--g-text-sec); }
.sd20-ctx-counter strong[b-nfj044p2mu] { color: var(--g-text); font-family: "DM Mono", Consolas, Monaco, monospace; }

/* Filas editadas y validación por-linea */
.sd20-row-touched td[b-nfj044p2mu] {
    background: var(--g-warn-bg) !important;
    box-shadow: inset 3px 0 0 var(--g-warn);
}
.sd20-row-touched:hover td[b-nfj044p2mu] { background: var(--g-warn-bg) !important; filter: brightness(0.94); }

.sd20-link[b-nfj044p2mu] {
    color: var(--g-create);
    cursor: pointer;
    text-decoration: underline dotted;
    font-weight: 600;
}
.sd20-link:hover[b-nfj044p2mu] { color: var(--g-consult); text-decoration-style: solid; }

.sd20-sub[b-nfj044p2mu] { display: block; font-size: 10px; color: var(--g-text-muted); margin-top: 1px; }

/* Input editable inline */
.sd20-qty-cell[b-nfj044p2mu] { min-width: 120px; }
.sd20-qty-input[b-nfj044p2mu] {
    width: 104px;
    height: 26px;
    padding: 2px 6px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    font-size: 11px;
    text-align: right;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    box-sizing: border-box;
}
.sd20-qty-input:focus[b-nfj044p2mu] { outline: none; border-color: var(--g-create); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.sd20-qty-input.sd20-qty-bad[b-nfj044p2mu] { border-color: var(--g-err); background: var(--g-err-bg); }
.sd20-qty-error[b-nfj044p2mu] { font-size: 9px; color: var(--g-err); margin-top: 2px; white-space: nowrap; }

/* Delta pos/neg */
.sd20-delta-pos[b-nfj044p2mu] { color: var(--g-ok); font-weight: 700; }
.sd20-delta-neg[b-nfj044p2mu] { color: var(--g-err); font-weight: 700; }
.sd20-delta-dash[b-nfj044p2mu] { color: var(--g-text-muted); }

/* Footer: Reason + Toolbar */
.sd20-footer[b-nfj044p2mu] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: flex-end;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--g-border);
    border-radius: 6px;
    background: var(--g-surface-sub);
}

.sd20-reason[b-nfj044p2mu] { display: grid; gap: 4px; max-width: 720px; }
.sd20-reason-label[b-nfj044p2mu] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.sd20-reason textarea[b-nfj044p2mu] {
    resize: vertical;
    min-height: 46px;
    font-family: inherit;
    font-size: 11px;
    padding: 6px 8px;
}

.sd20-actions[b-nfj044p2mu] { display: flex; gap: 6px; align-items: center; }

/* ─── Fila clickeable y seleccionada ──────────────────────────────────── */
.sd20-row-click[b-nfj044p2mu] { cursor: pointer; }

.sd20-row-selected td[b-nfj044p2mu] {
    background: var(--g-info-bg) !important;
    box-shadow: inset 3px 0 0 var(--g-create);
}
.sd20-row-selected:hover td[b-nfj044p2mu] { background: var(--g-info-bg) !important; }

.sd20-row-invalid td[b-nfj044p2mu] { background: var(--g-err-bg) !important; }
.sd20-row-invalid.sd20-row-selected td[b-nfj044p2mu] {
    background: var(--g-err-bg) !important;
    box-shadow: inset 3px 0 0 var(--g-err);
    filter: brightness(0.96);
}

.sd20-qty-touched[b-nfj044p2mu] {
    font-weight: 700;
    color: var(--g-create);
}

/* Summary de 4 cards (SAP-like sin softlocks) — override del grid default */
.mb51-summary-strip.sd20-summary-4[b-nfj044p2mu] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ─── Cross-lock warning (SAP enqueue awareness) ──────────────────────── */
.sd20-crosslock[b-nfj044p2mu] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid var(--g-warn);
    border-radius: 6px;
    background: var(--g-warn-bg);
    font-size: 11px;
    color: var(--g-warn);
}

.sd20-crosslock-head[b-nfj044p2mu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.sd20-crosslock-icon[b-nfj044p2mu] {
    font-size: 14px;
    color: var(--g-warn);
}

.sd20-crosslock-list[b-nfj044p2mu] {
    margin: 0;
    padding-left: 22px;
    display: grid;
    gap: 3px;
}

.sd20-crosslock-list li[b-nfj044p2mu] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* ─── Panel detalle (estilo CO06) ─────────────────────────────────────── */
.sd20-detail[b-nfj044p2mu] {
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface) 0%, var(--g-surface-sub) 100%);
}

.sd20-detail-empty[b-nfj044p2mu] {
    padding: 14px;
    border-style: dashed;
    background: var(--g-surface-sub);
}

.sd20-detail-placeholder[b-nfj044p2mu] {
    text-align: center;
    font-size: 11px;
    color: var(--g-text-muted);
    font-style: italic;
}

.sd20-detail-head[b-nfj044p2mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--g-border);
}

.sd20-detail-title[b-nfj044p2mu] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--g-text);
}

.sd20-detail-tag[b-nfj044p2mu] {
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 2px 6px;
    background: var(--g-surface-sec);
    border-radius: 4px;
}

.sd20-detail-close[b-nfj044p2mu] {
    height: 24px;
    width: 24px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text-muted);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.sd20-detail-close:hover[b-nfj044p2mu] { color: var(--g-err); border-color: var(--g-err); }

.sd20-detail-grid[b-nfj044p2mu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) auto;
    gap: 12px 16px;
    align-items: end;
}

.sd20-detail-field[b-nfj044p2mu] { display: grid; gap: 4px; }

.sd20-detail-field label[b-nfj044p2mu] {
    font-size: 9px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.sd20-detail-value[b-nfj044p2mu] {
    font-size: 14px;
    color: var(--g-text);
    padding: 6px 8px;
    border: 1px solid var(--g-border);
    border-radius: 4px;
    background: var(--g-surface-sub);
    min-height: 22px;
}

.sd20-detail-field-input[b-nfj044p2mu] { grid-column: span 2; }

.sd20-detail-qty[b-nfj044p2mu] {
    width: 100%;
    height: 34px;
    padding: 4px 8px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    border: 2px solid var(--g-create);
    border-radius: 4px;
    background: var(--g-surface);
    box-sizing: border-box;
}
.sd20-detail-qty:focus[b-nfj044p2mu] { outline: none; box-shadow: 0 0 0 3px var(--g-focus-ring); }
.sd20-detail-qty.sd20-qty-bad[b-nfj044p2mu] { border-color: var(--g-err); background: var(--g-err-bg); }

.sd20-detail-actions[b-nfj044p2mu] {
    grid-column: -2 / -1;
    display: flex;
    gap: 6px;
    justify-self: end;
    padding-bottom: 1px;
}

/* Responsive */
@media (max-width: 1100px) {
    .mb51-row[b-nfj044p2mu] { grid-template-columns: 1fr; }
    .mb51-summary-strip[b-nfj044p2mu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd20-footer[b-nfj044p2mu] { grid-template-columns: 1fr; }
    .sd20-reason[b-nfj044p2mu] { max-width: 100%; }
    .sd20-actions[b-nfj044p2mu] { justify-content: flex-end; }
    .sd20-detail-grid[b-nfj044p2mu] { grid-template-columns: repeat(2, 1fr); }
    .sd20-detail-field-input[b-nfj044p2mu] { grid-column: span 2; }
    .sd20-detail-actions[b-nfj044p2mu] { grid-column: 1 / -1; justify-self: stretch; justify-content: flex-end; }
}
/* /Pages/SD/SalesOrder/Va01AtpPopup.razor.rz.scp.css */
/* CSS scoped del ATP popup SAP-like.
   Todas las reglas eran utilitarios compartidos (.va01-overlay, .va01-msgbox*,
   .va01-btn, .mono) y se movieron a wwwroot/css/va01-shared.css para evitar
   duplicacion con Va01ValidationPopup. Este archivo se conserva vacio para
   futuros estilos especificos del ATP popup. */

.va01-atp-msgbox[b-lzarn4n4oo] {
    position: relative;
    overflow: hidden;
}

.va01-atp-msgbox.is-busy .va01-msgbox-body[b-lzarn4n4oo],
.va01-atp-msgbox.is-busy .va01-msgbox-foot[b-lzarn4n4oo] {
    opacity: .48;
}

.va01-atp-msgbox .va01-msgbox-close:disabled[b-lzarn4n4oo] {
    cursor: not-allowed;
    opacity: .45;
}

.va01-atp-busy[b-lzarn4n4oo] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--g-surface) 78%, transparent);
}

.va01-atp-busy-card[b-lzarn4n4oo] {
    display: grid;
    justify-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 12px;
    font-weight: 700;
}
/* /Pages/SD/SalesOrder/Va01HeaderStrip.razor.rz.scp.css */
/* CSS scoped del head strip SAP-like.
   Copia las reglas de VA01_CreateSalesOrder.razor.css que aplican aqui
   para que el componente sea autocontenido. */

.va01-head[b-mj38y8w9rw] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 8px 10px 6px;
    border-top: 3px solid var(--g-create);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface) 70%);
}

.va01-head-grid[b-mj38y8w9rw] {
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(420px, 1.65fr) minmax(170px, .7fr);
    grid-template-areas:
        "order soldto date"
        "shipto shipto net";
    gap: 8px 16px;
    align-items: end;
}

.va01-head-cell[b-mj38y8w9rw] {
    min-width: 0;
}

.va01-head-order[b-mj38y8w9rw] { grid-area: order; }
.va01-head-soldto[b-mj38y8w9rw] { grid-area: soldto; }
.va01-head-date[b-mj38y8w9rw] { grid-area: date; }
.va01-head-shipto[b-mj38y8w9rw] { grid-area: shipto; }
.va01-head-net[b-mj38y8w9rw] {
    grid-area: net;
    width: 100%;
    max-width: 190px;
    justify-self: end;
}

.va01-head-caption[b-mj38y8w9rw] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.va01-head-fieldline[b-mj38y8w9rw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.va01-head-fieldline-wide .va01-head-name-input[b-mj38y8w9rw] {
    flex: 1 1 auto;
    min-width: 0;
}

.va01-head-order-input[b-mj38y8w9rw] {
    max-width: 120px;
}

.va01-head-name-input[b-mj38y8w9rw] {
    min-width: 0;
}

.va01-head-net-input[b-mj38y8w9rw] {
    text-align: right;
    font-weight: 700;
}

.va01-head-org-pill[b-mj38y8w9rw] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 999px;
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.va01-head-status[b-mj38y8w9rw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    min-width: 74px;
    padding: 0 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.va01-head-status.ok[b-mj38y8w9rw] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
    border-color: var(--g-ok);
}

.va01-head-status.muted[b-mj38y8w9rw] {
    background: var(--g-surface-sec);
    color: var(--g-text-muted);
    border-color: var(--g-border-strong);
}

.va01-head-btn[b-mj38y8w9rw] {
    background: none;
    border: 1px solid var(--g-border-strong);
    color: var(--g-text);
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 14px;
}

.va01-head-btn:hover[b-mj38y8w9rw] {
    background: var(--g-surface-sec);
    border-color: var(--g-create);
}

.w-date[b-mj38y8w9rw] { max-width: 126px; }
/* /Pages/SD/SalesOrder/Va01ItemsGrid.razor.rz.scp.css */
/* CSS scoped del items grid SAP-like.
   Reglas extraidas de VA01_CreateSalesOrder.razor.css que aplican a los elementos
   del items grid para que el componente sea autocontenido. */

.va01-grid-wrap[b-667v34iile] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
    min-height: 280px;
    max-height: 520px;
    background: var(--g-surface);
}

.va01-grid-wrap:focus[b-667v34iile],
.va01-grid-input:focus[b-667v34iile] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.va01-grid-input[b-667v34iile] {
    width: 100%;
    min-height: 24px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--g-text);
    padding: 3px 5px;
    font: inherit;
    font-size: 11px;
}

.va01-grid-input.readonly[b-667v34iile] { background: transparent; color: var(--g-text-sec); }
.va01-grid-input.num[b-667v34iile] { text-align: right; }

.va01-table[b-667v34iile] { width: 100%; min-width: 1160px; border-collapse: collapse; }
.va01-table.items[b-667v34iile] { min-width: 2450px; }
.va01-table thead th[b-667v34iile] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.va01-table td[b-667v34iile] { border-bottom: 1px solid var(--g-border); padding: 0; }
.va01-table tbody tr:hover[b-667v34iile] { background: var(--g-surface-sub); }
.va01-table tbody tr.selected[b-667v34iile] { background: var(--g-selected-bg); }
.va01-table tbody tr.deleted[b-667v34iile] { opacity: .45; }
.va01-table tbody tr.closed[b-667v34iile] { background: var(--g-surface-sec); }

.va01-table .tiny[b-667v34iile] { width: 28px; }
.va01-table .center[b-667v34iile] { text-align: center; }
.va01-table .right[b-667v34iile] { text-align: right; }
.va01-grid-input.va01-lineno[b-667v34iile] { width: 40px; }
.va01-empty-cell[b-667v34iile] { padding: 14px 6px; text-align: center; color: var(--g-text-muted); font-style: italic; }

/* Per-column widths SAP-like ALV: codigos angostos, descripcion ancha, montos legibles */
.va01-table.items .col-cat-pos[b-667v34iile]     { min-width: 110px; width: 110px; }
.va01-table.items .col-material[b-667v34iile]    { min-width: 140px; width: 140px; }
.va01-table.items .col-description[b-667v34iile] { min-width: 240px; width: 240px; }
.va01-table.items .col-qty[b-667v34iile]         { min-width: 80px;  width: 80px;  }
.va01-table.items .col-uom[b-667v34iile]         { min-width: 56px;  width: 56px;  }
.va01-table.items .col-date[b-667v34iile]        { min-width: 130px; width: 130px; }
.va01-table.items .col-price[b-667v34iile]       { min-width: 90px;  width: 90px;  }
.va01-table.items .col-amount[b-667v34iile]      { min-width: 100px; width: 100px; }
.va01-table.items .col-plant[b-667v34iile]       { min-width: 70px;  width: 70px;  }
.va01-table.items .col-plant-name[b-667v34iile]  { min-width: 140px; width: 140px; }
.va01-table.items .col-sloc[b-667v34iile]        { min-width: 70px;  width: 70px;  }
.va01-table.items .col-sloc-name[b-667v34iile]   { min-width: 140px; width: 140px; }
.va01-table.items .col-batch[b-667v34iile]       { min-width: 80px;  width: 80px;  }
.va01-table.items .col-priority[b-667v34iile]    { min-width: 78px;  width: 78px;  }
.va01-table.items .col-route[b-667v34iile]       { min-width: 76px;  width: 76px;  }
.va01-table.items .col-validation[b-667v34iile]  { min-width: 180px; width: 200px; }
.va01-table.items .col-flow[b-667v34iile]        { min-width: 110px; width: 110px; }
.va01-table.items .col-cust-mat[b-667v34iile]    { min-width: 90px;  width: 90px;  }
.va01-table.items .col-remarks[b-667v34iile]     { min-width: 140px; width: 160px; }
.va01-table.items .col-atp-qty[b-667v34iile]     { min-width: 80px;  width: 80px;  }
.va01-table.items .col-atp-date[b-667v34iile]    { min-width: 56px;  width: 56px;  }
.va01-table.items .col-atp-status[b-667v34iile]  { min-width: 60px;  width: 60px;  }

/* Fe.entrega validation visual states */
.va01-grid-input.date-missing[b-667v34iile] { border: 1px solid var(--g-warn); background: var(--g-warn-bg); }
.va01-grid-input.date-past[b-667v34iile]    { border: 1px solid var(--g-err);  background: var(--g-err-bg);  color: var(--g-err); }
.va01-grid-input.date-invalid[b-667v34iile] { border: 1px solid var(--g-err);  background: var(--g-err-bg); }

.va01-rowdot[b-667v34iile] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--status-dot-neutral);
}

.va01-rowdot.ok[b-667v34iile] { background: var(--status-dot-ok); }
.va01-rowdot.muted[b-667v34iile] { background: var(--status-dot-muted); }
.va01-rowdot.danger[b-667v34iile] { background: var(--status-dot-danger); }
.va01-rowdot.empty[b-667v34iile] { background: var(--status-dot-empty); }
.va01-rowdot.pending[b-667v34iile] {
    background: var(--status-dot-pending, #f5c542);
    animation: va01-dot-pulse-b-667v34iile 1s ease-in-out infinite;
}
@keyframes va01-dot-pulse-b-667v34iile {
    0%, 100% { opacity: 0.35; }
    50%      { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .va01-rowdot.pending[b-667v34iile] { animation: none; }
}

/* ── Rechazo de posicion (mig 250, estilo SAP ABGRU) ── */
.va01-table tbody tr.rejected[b-667v34iile] { opacity: .55; }
.va01-table tbody tr.rejected td:not(:first-child)[b-667v34iile] { pointer-events: none; }      /* linea muerta: no editable */
.va01-table tbody tr.rejected input[b-667v34iile],
.va01-table tbody tr.rejected select[b-667v34iile] { text-decoration: line-through; color: var(--g-text-muted); }
.va01-reject-mark[b-667v34iile] { font-size: 11px; cursor: help; }
.va01-reject-btn[b-667v34iile] {
    border: 1px solid var(--g-border);
    background: transparent;
    color: var(--g-text-muted);
    border-radius: 4px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 5px;
    cursor: pointer;
}
.va01-reject-btn:hover[b-667v34iile] { color: var(--g-err); border-color: var(--g-err); }
/* /Pages/SD/SalesOrder/Va01PartnerPanel.razor.rz.scp.css */
/* CSS scoped del partner panel SAP-like.
   Reglas extraidas de VA01_CreateSalesOrder.razor.css que aplican aqui
   para que el componente sea autocontenido. */

.va01-mini[b-c0q5d6x3hy] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    font-size: 11px;
    color: var(--g-text-sec);
}

.va01-address-label[b-c0q5d6x3hy] {
    margin-top: 2px;
    padding: 3px 8px;
    background: var(--g-surface-sub);
    border: 1px solid var(--g-border);
    font-size: 10px;
    color: var(--g-text-sec);
    font-style: italic;
}

.va01-partner-field[b-c0q5d6x3hy] {
    align-items: start;
}

.va01-partner-stack[b-c0q5d6x3hy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.va01-inline-group-partner[b-c0q5d6x3hy] {
    flex-wrap: nowrap;
    min-width: 0;
}

.va01-partner-name[b-c0q5d6x3hy] {
    flex: 0 1 220px;
    min-width: 150px;
}

.va01-address-inline[b-c0q5d6x3hy] {
    margin-top: 0;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.va01-shipto-picker[b-c0q5d6x3hy] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.va01-shipto-label[b-c0q5d6x3hy] {
    margin-bottom: 0;
}

.va01-shipto-select[b-c0q5d6x3hy] {
    font-size: 10px;
}

.va01-shipto-reload[b-c0q5d6x3hy] {
    width: fit-content;
    margin-top: 2px;
    font-size: 10px;
    background: none;
    border: 1px solid var(--g-border);
    color: var(--g-text-muted);
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
}

.w-name-md[b-c0q5d6x3hy] { min-width: 170px; max-width: 220px; }

.va01-partner-empty[b-c0q5d6x3hy] { color: var(--g-text-muted); font-size: 11px; }

@media (max-width: 1260px) {
    .va01-field[b-c0q5d6x3hy] { grid-template-columns: 1fr; }
    .va01-field-span-2[b-c0q5d6x3hy] { grid-column: auto; }
    .va01-form-grid[b-c0q5d6x3hy] { grid-template-columns: 1fr; }
    .va01-inline-group-partner[b-c0q5d6x3hy] { flex-wrap: wrap; }
    .va01-partner-name[b-c0q5d6x3hy],
    .va01-address-inline[b-c0q5d6x3hy] { flex-basis: 100%; min-width: 0; }
    .va01-shipto-picker[b-c0q5d6x3hy] { grid-template-columns: 1fr; }
}
/* /Pages/SD/SalesOrder/Va01ValidationPopup.razor.rz.scp.css */
/* CSS scoped del validation popup SAP-like.
   Copia las reglas de VA01_CreateSalesOrder.razor.css que aplican aqui
   para que el componente sea autocontenido. */

.va01-msgbox-summary[b-zzy5dmyxui] {
    display: flex;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-sub);
}

.va01-msgbox-badge[b-zzy5dmyxui] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 2px 8px;
    border-radius: 3px;
}

.va01-msgbox-badge.error[b-zzy5dmyxui] { background: var(--g-err-bg); color: var(--g-err); }
.va01-msgbox-badge.warn[b-zzy5dmyxui] { background: var(--g-warn-bg); color: var(--g-warn); }
.va01-msgbox-badge.total[b-zzy5dmyxui] { background: var(--g-surface-sec); color: var(--g-text-sec); }

.va01-msgbox-table .col-icon[b-zzy5dmyxui] { width: 28px; text-align: center; }
.va01-msgbox-table .col-pos[b-zzy5dmyxui] { width: 60px; }
/* /Pages/SD/SalesOrder/VA01_CreateSalesOrder.razor.rz.scp.css */
.va01[b-o1u41mn2po] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.va01-shell[b-o1u41mn2po],
.va01-panel[b-o1u41mn2po],
.va01-grid-card[b-o1u41mn2po],
.va01-footer[b-o1u41mn2po],
.va01-message[b-o1u41mn2po] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.va01-shell[b-o1u41mn2po] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.va01-readonly-fieldset[b-o1u41mn2po] {
    border: 0;
    margin: 0;
    min-inline-size: 0;
    padding: 0;
}

.va01-readonly-fieldset[disabled][b-o1u41mn2po],
.va01-panel[disabled][b-o1u41mn2po] {
    opacity: 1;
}

.va01-message[b-o1u41mn2po] {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.va01-message-error[b-o1u41mn2po] { background: var(--g-err-bg); color: var(--g-err); }
.va01-message-success[b-o1u41mn2po] { background: var(--g-ok-bg); color: var(--g-ok); }
.va01-message-warn[b-o1u41mn2po] { background: var(--g-warn-bg); color: var(--g-warn); }

.va01-access[b-o1u41mn2po] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    border-top: 3px solid var(--g-consult);
    padding: 20px;
    max-width: 560px;
}

.va01-access.wide[b-o1u41mn2po] { max-width: min(100%, 1580px); }

.va01-access-inner[b-o1u41mn2po] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.va01-access-footer[b-o1u41mn2po] {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
}

.va01-tabs[b-o1u41mn2po] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 10px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
}

.va01-tab[b-o1u41mn2po] {
    margin: 0 2px 0 0;
    border: 1px solid var(--g-border-strong);
    border-bottom: none;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    color: var(--g-text-sec);
    padding: 6px 11px 5px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.va01-tab.active[b-o1u41mn2po] {
    background: var(--g-surface);
    color: var(--g-text);
    border-color: var(--g-border-strong);
    border-top: 2px solid var(--g-create);
    padding-top: 5px;
    transform: translateY(1px);
}

.va01-panel[b-o1u41mn2po] { padding: 12px 14px; margin: 0; min-inline-size: 0; }
.va01-panel-grid[b-o1u41mn2po] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 14px; }
.va01-panel-grid--asymmetric[b-o1u41mn2po] { grid-template-columns: minmax(0, 2.4fr) minmax(280px, 1fr); }

.va01-return-panel[b-o1u41mn2po] {
    border: 0;
    border-bottom: 1px solid var(--g-border-strong);
    margin: 0;
    padding: 8px 10px;
    background: var(--g-surface-sub);
}

.va01-return-row[b-o1u41mn2po] {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(180px, 260px) auto minmax(220px, 1fr);
    gap: 8px;
    align-items: end;
}

.va01-return-reason[b-o1u41mn2po] { min-width: 0; }

.va01-return-disposition[b-o1u41mn2po] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
}

.va01-disp-chip[b-o1u41mn2po] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    font-weight: 600;
}

.va01-disp-chip.warn[b-o1u41mn2po] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.va01-disp-chip.ok[b-o1u41mn2po] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.va01-disp-chip.info[b-o1u41mn2po] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.va01-disp-chip.muted[b-o1u41mn2po] { color: var(--g-text-muted); }

.va01-source-select[b-o1u41mn2po] {
    margin-top: 12px;
    border-top: 1px solid var(--g-border-strong);
    padding-top: 10px;
}

.va01-source-select-head[b-o1u41mn2po] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.va01-source-select-head strong[b-o1u41mn2po] {
    display: block;
    font-size: 12px;
}

.va01-source-select-head span[b-o1u41mn2po] {
    color: var(--g-text-muted);
    font-size: 11px;
}

.va01-source-count[b-o1u41mn2po] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    padding: 3px 8px;
}

.va01-source-table-wrap[b-o1u41mn2po] {
    overflow-x: auto;
    border: 1px solid var(--g-border-strong);
}

.va01-source-table[b-o1u41mn2po] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: var(--g-surface);
}

.va01-source-table th[b-o1u41mn2po],
.va01-source-table td[b-o1u41mn2po] {
    border-bottom: 1px solid var(--g-border);
    padding: 6px 8px;
    text-align: left;
    vertical-align: middle;
}

.va01-source-table th[b-o1u41mn2po] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.va01-source-table tr.selected td[b-o1u41mn2po] {
    background: var(--g-surface-sub);
}

.va01-source-table tr.invalid td[b-o1u41mn2po] {
    background: var(--g-err-bg);
    color: var(--g-err);
}

.va01-source-table tr.disabled[b-o1u41mn2po] {
    opacity: .6;
}

.va01-source-table .muted[b-o1u41mn2po] {
    color: var(--g-text-muted);
}

.va01-source-qty[b-o1u41mn2po] {
    width: 96px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text);
    padding: 5px 7px;
}

@media (max-width: 880px) {
    .va01-panel-grid--asymmetric[b-o1u41mn2po] { grid-template-columns: 1fr; }
    .va01-return-row[b-o1u41mn2po] { grid-template-columns: 1fr; }
}

.va01-textarea[b-o1u41mn2po] { min-height: 84px; resize: vertical; }
.va01-empty-state[b-o1u41mn2po] {
    padding: 10px;
    border: 1px dashed var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text-muted);
    font-size: 11px;
}

.va01-grid-card[b-o1u41mn2po] { padding: 8px 10px 10px; }
.va01-grid-head[b-o1u41mn2po] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.va01-grid-head strong[b-o1u41mn2po] { display: block; font-size: 12px; margin-bottom: 2px; }
.va01-grid-head span[b-o1u41mn2po] { font-size: 11px; color: var(--g-text-muted); }
.va01-grid-meta[b-o1u41mn2po] { display: flex; gap: 8px; align-items: center; }

.va01-summary[b-o1u41mn2po] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.va01-summary > div[b-o1u41mn2po] {
    padding: 8px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.va01-summary strong[b-o1u41mn2po] {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--g-text);
}

.va01-footer[b-o1u41mn2po] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    position: sticky;
    bottom: 0;
}

.va01-footer-msg[b-o1u41mn2po] { color: var(--g-text-muted); font-size: 11px; }
.va01-footer-actions[b-o1u41mn2po] { display: flex; gap: 8px; }

.va01-btn.primary[b-o1u41mn2po] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.va01-btn.danger[b-o1u41mn2po] { border-color: var(--g-err-border); color: var(--g-err); }
.va01-btn:disabled[b-o1u41mn2po] { opacity: .55; cursor: not-allowed; }

.w-doc-type[b-o1u41mn2po] { min-width: 160px; max-width: 220px; }
.w-code-sm[b-o1u41mn2po] { max-width: 84px; }
.va01-back-btn[b-o1u41mn2po] { font-size: 12px; }
.va01-back-row[b-o1u41mn2po] { margin-bottom: 6px; }
.va01-doctype-field[b-o1u41mn2po] { margin-bottom: 12px; }
.va01-access-grid[b-o1u41mn2po] { max-width: 480px; }
.va01-return-access-grid[b-o1u41mn2po] { max-width: 100%; }
.va01-return-load-action[b-o1u41mn2po] { align-self: end; }
.va01-return-load-action .va01-btn[b-o1u41mn2po] { width: 100%; }

@media (max-width: 720px) {
    .va01-field[b-o1u41mn2po] { grid-template-columns: 1fr; gap: 4px; }
    .va01-field-span-2[b-o1u41mn2po] { grid-column: auto; }
    .va01-summary[b-o1u41mn2po] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .va01-grid-head[b-o1u41mn2po], .va01-footer[b-o1u41mn2po] { flex-direction: column; align-items: stretch; }
    .va01-return-disposition[b-o1u41mn2po] { align-items: flex-start; flex-direction: column; }
}
/* /Pages/SD/SalesOrder/VA02_ModifySalesOrder.razor.rz.scp.css */
.va02[b-xgqcdvl6l2] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
}

.va02-message[b-xgqcdvl6l2] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.va02-message-error[b-xgqcdvl6l2] {
    background: var(--g-err-bg);
    color: var(--g-err);
}

.va02-message-success[b-xgqcdvl6l2] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.va02-access[b-xgqcdvl6l2] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 10px;
    border-top: 3px solid var(--g-consult);
    margin-bottom: 8px;
}

.va02-access-row[b-xgqcdvl6l2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.va02-access-row label[b-xgqcdvl6l2] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.va02-control[b-xgqcdvl6l2] {
    min-height: 24px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 2px 6px;
    font: inherit;
    font-size: 11px;
}

.va02-control:focus[b-xgqcdvl6l2] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.va02-access-num[b-xgqcdvl6l2] {
    min-width: 140px;
}

.va02-btn[b-xgqcdvl6l2] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.va02-btn.primary[b-xgqcdvl6l2] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.va02-btn:disabled[b-xgqcdvl6l2] {
    opacity: .55;
    cursor: not-allowed;
}

.va02-chip[b-xgqcdvl6l2] {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.va02-chip.soft[b-xgqcdvl6l2] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.va02-empty[b-xgqcdvl6l2] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    padding: 30px;
    text-align: center;
}

.va02-empty strong[b-xgqcdvl6l2] {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--g-consult);
}

.va02-empty span[b-xgqcdvl6l2] {
    font-size: 12px;
    color: var(--g-text-muted);
}

.mono[b-xgqcdvl6l2] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}
/* /Pages/SD/SalesOrder/VA03_DisplaySalesOrder.razor.rz.scp.css */
.va03[b-dq8g3j9buq] { padding: 10px 14px 16px; color: var(--g-text); font-size: 12px; }
.va03-message[b-dq8g3j9buq] { border: 1px solid var(--g-border-strong); background: var(--g-surface); margin-bottom: 8px; padding: 8px 10px; font-size: 11px; font-weight: 600; }
.va03-message-error[b-dq8g3j9buq] { background: var(--g-err-bg); color: var(--g-err); }
.va03-message-success[b-dq8g3j9buq] { background: var(--g-ok-bg); color: var(--g-ok); }
.va03-access[b-dq8g3j9buq] { border: 1px solid var(--g-border-strong); background: var(--g-surface); padding: 10px; border-top: 3px solid var(--g-consult); margin-bottom: 8px; }
.va03-access-row[b-dq8g3j9buq] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.va03-access-row label[b-dq8g3j9buq] { font-size: 10px; font-weight: 700; color: var(--g-text-sec); text-transform: uppercase; }
.va03-control[b-dq8g3j9buq] { min-height: 24px; border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text); padding: 2px 6px; font: inherit; font-size: 11px; }
.va03-control:focus[b-dq8g3j9buq] { outline: none; border-color: var(--g-create); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.va03-access-num[b-dq8g3j9buq] { min-width: 140px; }
.va03-btn[b-dq8g3j9buq] { border: 1px solid var(--g-border-strong); background: var(--g-surface); color: var(--g-text); padding: 6px 10px; font-size: 11px; font-weight: 700; cursor: pointer; }
.va03-btn.primary[b-dq8g3j9buq] { background: var(--g-create); border-color: var(--g-create); color: var(--accent-contrast); }
.va03-btn:disabled[b-dq8g3j9buq] { opacity: .55; cursor: not-allowed; }
.va03-chip[b-dq8g3j9buq] { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 999px; font-size: 9px; font-weight: 700; }
.va03-chip.soft[b-dq8g3j9buq] { background: var(--g-surface-sec); color: var(--g-text-sec); }
.va03-tabs[b-dq8g3j9buq] { display: flex; gap: 2px; padding: 0 8px; border-bottom: 1px solid var(--g-border-strong); }
.va03-tab[b-dq8g3j9buq] { border: 1px solid transparent; border-bottom: none; background: var(--g-surface-sec); color: var(--g-text-sec); padding: 6px 10px; font-size: 10px; font-weight: 700; cursor: pointer; }
.va03-tab.active[b-dq8g3j9buq] { background: var(--g-surface); color: var(--g-text); border-color: var(--g-border-strong); transform: translateY(1px); }
.va03-panel[b-dq8g3j9buq] { padding: 8px 10px; border: 1px solid var(--g-border-strong); background: var(--g-surface); }
.va03-panel-grid[b-dq8g3j9buq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.va03-card[b-dq8g3j9buq] { border: 1px solid var(--g-border-strong); padding: 9px; background: var(--g-surface); }
.va03-card-title[b-dq8g3j9buq] { margin-bottom: 8px; font-size: 12px; font-weight: 700; color: var(--g-text); }
.va03-form-grid[b-dq8g3j9buq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.va03-form-grid.single[b-dq8g3j9buq] { grid-template-columns: 1fr; }
.va03-field[b-dq8g3j9buq] { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 8px; align-items: center; }
.va03-field-span-2[b-dq8g3j9buq] { grid-column: span 2; }
.va03-label[b-dq8g3j9buq] { font-size: 10px; font-weight: 700; color: var(--g-text-sec); text-transform: uppercase; letter-spacing: .04em; }
.va03-value[b-dq8g3j9buq] { font-size: 11px; color: var(--g-text); padding: 2px 6px; background: var(--g-surface-sub); border: 1px solid var(--g-border-strong); min-height: 24px; display: inline-flex; align-items: center; }
.va03-value-wrap[b-dq8g3j9buq] { white-space: normal; align-items: flex-start; line-height: 1.35; }
.va03-partner-addr[b-dq8g3j9buq] { font-size: 10px; color: var(--g-text-muted); margin-top: 2px; }
.va03-summary[b-dq8g3j9buq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.va03-summary > div[b-dq8g3j9buq] { padding: 8px; border: 1px solid var(--g-border-strong); background: var(--g-surface-sub); }
.va03-summary span[b-dq8g3j9buq] { font-size: 10px; font-weight: 700; color: var(--g-text-sec); text-transform: uppercase; }
.va03-summary strong[b-dq8g3j9buq] { display: block; margin-top: 3px; font-size: 12px; color: var(--g-text); }
.va03-grid-card[b-dq8g3j9buq] { padding: 8px 10px 10px; border: 1px solid var(--g-border-strong); background: var(--g-surface); margin-top: 8px; }
.va03-grid-head[b-dq8g3j9buq] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.va03-grid-head strong[b-dq8g3j9buq] { font-size: 12px; }
.va03-grid-wrap[b-dq8g3j9buq] { overflow: auto; border: 1px solid var(--g-border-strong); max-height: 380px; background: var(--g-surface); }
.va03-table[b-dq8g3j9buq] { width: 100%; min-width: 1400px; border-collapse: collapse; }
.va03-table.items[b-dq8g3j9buq] { min-width: 1400px; }
.va03-table.items.va03-va01-order[b-dq8g3j9buq] { min-width: 2380px; }
.va03-table thead th[b-dq8g3j9buq] { position: sticky; top: 0; z-index: 1; padding: 5px 6px; background: var(--g-surface-sec); border-bottom: 1px solid var(--g-border-strong); text-align: left; font-size: 8px; font-weight: 700; text-transform: uppercase; color: var(--g-text-sec); letter-spacing: .04em; white-space: nowrap; }
.va03-table td[b-dq8g3j9buq] { border-bottom: 1px solid var(--g-border); }
.va03-table tbody tr:hover[b-dq8g3j9buq] { background: var(--g-surface-sub); }
.va03-table tbody tr.selected[b-dq8g3j9buq] { background: var(--g-selected-bg); }
.va03-table tbody tr.closed[b-dq8g3j9buq] { background: var(--g-surface-sec); opacity: .6; }
.va03-cell[b-dq8g3j9buq] { padding: 4px 6px; font-size: 11px; white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.va03-cell.num[b-dq8g3j9buq] { text-align: right; }
.va03-empty-cell[b-dq8g3j9buq] { text-align: center; color: var(--g-text-muted); font-style: italic; white-space: normal; max-width: none; overflow: visible; padding: 14px 6px; }
.va03-cell.center[b-dq8g3j9buq], .va03-table .center[b-dq8g3j9buq] { text-align: center; }
.va03-table .tiny[b-dq8g3j9buq] { width: 28px; min-width: 28px; max-width: 28px; }
.va03-table.items .col-material[b-dq8g3j9buq] { min-width: 120px; }
.va03-table.items .col-description[b-dq8g3j9buq] { min-width: 200px; }
.va03-table.items .col-qty[b-dq8g3j9buq],
.va03-table.items .col-price[b-dq8g3j9buq],
.va03-table.items .col-amount[b-dq8g3j9buq],
.va03-table.items .col-atp-qty[b-dq8g3j9buq] { min-width: 86px; text-align: right; }
.va03-table.items .col-uom[b-dq8g3j9buq] { min-width: 54px; }
.va03-table.items .col-date[b-dq8g3j9buq],
.va03-table.items .col-atp-date[b-dq8g3j9buq] { min-width: 92px; }
.va03-table.items .col-plant[b-dq8g3j9buq],
.va03-table.items .col-sloc[b-dq8g3j9buq],
.va03-table.items .col-batch[b-dq8g3j9buq],
.va03-table.items .col-priority[b-dq8g3j9buq],
.va03-table.items .col-route[b-dq8g3j9buq],
.va03-table.items .col-atp-status[b-dq8g3j9buq] { min-width: 78px; }
.va03-table.items .col-validation[b-dq8g3j9buq],
.va03-table.items .col-flow[b-dq8g3j9buq],
.va03-table.items .col-cust-mat[b-dq8g3j9buq],
.va03-table.items .col-remarks[b-dq8g3j9buq] { min-width: 120px; }
.va03-rowdot[b-dq8g3j9buq] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--g-border-strong); }
.va03-rowdot.ok[b-dq8g3j9buq] { background: var(--g-ok); }
.va03-rowdot.partial[b-dq8g3j9buq] { background: var(--g-warn); }
.va03-rowdot.open[b-dq8g3j9buq] { background: var(--g-create); }
.va03-rowdot.off[b-dq8g3j9buq] { background: var(--g-text-muted); }
.va03-atp-pill[b-dq8g3j9buq] { display: inline-flex; min-width: 36px; justify-content: center; padding: 2px 6px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.va03-atp-pill.ok[b-dq8g3j9buq] { background: var(--g-ok-bg); color: var(--g-ok); }
.va03-atp-pill.partial[b-dq8g3j9buq] { background: var(--g-warn-bg); color: var(--g-warn); }
.va03-atp-pill.none[b-dq8g3j9buq] { background: var(--g-err-bg); color: var(--g-err); }
.va03-empty[b-dq8g3j9buq] { border: 1px solid var(--g-border-strong); background: var(--g-surface-sub); padding: 30px; text-align: center; }
.va03-empty strong[b-dq8g3j9buq] { display: block; margin-bottom: 6px; font-size: 14px; color: var(--g-consult); }
.va03-empty span[b-dq8g3j9buq] { font-size: 12px; color: var(--g-text-muted); }
.mono[b-dq8g3j9buq] { font-family: "DM Mono", Consolas, Monaco, monospace; }

@media (max-width: 1260px) {
    .va03-panel-grid[b-dq8g3j9buq], .va03-form-grid[b-dq8g3j9buq], .va03-summary[b-dq8g3j9buq] { grid-template-columns: 1fr; }
    .va03-field[b-dq8g3j9buq] { grid-template-columns: 1fr; }
    .va03-field-span-2[b-dq8g3j9buq] { grid-column: auto; }
}
/* /Pages/SD/SalesOrder/VA05_SalesOrderList.razor.rz.scp.css */
.mb51[b-f9lbt2parg] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.mb51-shell[b-f9lbt2parg] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-message[b-f9lbt2parg] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.mb51-message-info[b-f9lbt2parg] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.mb51-message-success[b-f9lbt2parg] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.mb51-message-warning[b-f9lbt2parg] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.mb51-message-error[b-f9lbt2parg] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.mb51-head[b-f9lbt2parg] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb51-head h2[b-f9lbt2parg] { margin: 2px 0 0; font-size: 18px; color: var(--g-text); }

.mb51-code[b-f9lbt2parg],
.mb51-filter-title[b-f9lbt2parg],
.mb51-field > label[b-f9lbt2parg],
.mb51-summary-strip span[b-f9lbt2parg] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mb51-filter-screen[b-f9lbt2parg] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
}

.mb51-filter-title[b-f9lbt2parg] { margin-bottom: 4px; }
.mb51-filter-hint[b-f9lbt2parg] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.mb51-filter-form[b-f9lbt2parg] { display: grid; gap: 10px; }
.mb51-row[b-f9lbt2parg] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb51-field[b-f9lbt2parg] { display: grid; gap: 3px; }

.mb51-control[b-f9lbt2parg] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.mb51-control:focus[b-f9lbt2parg] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.mb51-filter-actions[b-f9lbt2parg] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; align-items: center; }
.va05-check-label[b-f9lbt2parg] { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--g-text-muted); }
.va05-view-toggle[b-f9lbt2parg] { display: flex; gap: 4px; align-items: center; }
.va05-pager-row[b-f9lbt2parg] { display: flex; gap: 8px; align-items: center; justify-content: flex-end; padding: 8px 0; font-size: 12px; }
.va05-page-size[b-f9lbt2parg] { width: 80px; }

.mb51-results[b-f9lbt2parg] { padding: 12px; }

.mb51-results-bar[b-f9lbt2parg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mb51-results-bar .mb51-summary-strip[b-f9lbt2parg] { flex: 1; margin-bottom: 0; }

.mb51-summary-strip[b-f9lbt2parg] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mb51-summary-strip > div[b-f9lbt2parg] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
    min-width: 100px;
}

.mb51-summary-strip strong[b-f9lbt2parg] { color: var(--g-text); font-size: 12px; }

.mb51-table-wrap[b-f9lbt2parg] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.mb51-table-wrap[b-f9lbt2parg]::-webkit-scrollbar { height: 10px; width: 10px; }
.mb51-table-wrap[b-f9lbt2parg]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.mb51-table-wrap[b-f9lbt2parg]::-webkit-scrollbar-track { background: var(--g-border); }

.mb51-table[b-f9lbt2parg] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.mb51-table th[b-f9lbt2parg] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.mb51-table td[b-f9lbt2parg] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.mb51-table tbody tr:nth-child(odd) td[b-f9lbt2parg] { background: var(--g-surface-sub); }
.mb51-table tbody tr:nth-child(even) td[b-f9lbt2parg] { background: var(--g-surface-sub); }
.mb51-table tbody tr:hover td[b-f9lbt2parg] { background: var(--g-selected-bg); cursor: pointer; }
.mb51-empty-row[b-f9lbt2parg] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.mb51-chip[b-f9lbt2parg] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.mb51-chip.info[b-f9lbt2parg] { background: var(--g-info-bg); color: var(--g-info); }
.mb51-chip.soft[b-f9lbt2parg] { background: var(--g-ok-bg); color: var(--g-ok); }
.mb51-chip.warning[b-f9lbt2parg] { background: var(--g-warn-bg); color: var(--g-warn); }
.mb51-chip.danger[b-f9lbt2parg] { background: var(--g-err-bg); color: var(--g-err); }

.mb51-btn[b-f9lbt2parg] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.mb51-btn.primary[b-f9lbt2parg] { background: var(--g-create); color: var(--accent-contrast); }
.mb51-btn.secondary[b-f9lbt2parg] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.mb51-btn:disabled[b-f9lbt2parg] { opacity: .4; cursor: not-allowed; }
.mb51-btn:hover:not(:disabled)[b-f9lbt2parg] { filter: brightness(.93); }

.mono[b-f9lbt2parg] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-f9lbt2parg] { text-align: center; }
.num[b-f9lbt2parg] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.highlight[b-f9lbt2parg] { color: var(--g-warn); font-weight: 600; }

@media (max-width: 860px) {
    .mb51-row[b-f9lbt2parg] { grid-template-columns: 1fr; }
    .mb51-summary-strip[b-f9lbt2parg] { grid-template-columns: 1fr; }
}
/* /Pages/WM/Monitoring/LX03_BinStockOverview.razor.rz.scp.css */
.lx03[b-atwor4gpf9] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.lx03-message[b-atwor4gpf9] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.lx03-message-success[b-atwor4gpf9] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.lx03-message-warning[b-atwor4gpf9] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.lx03-message-error[b-atwor4gpf9] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.lx03-filter-screen[b-atwor4gpf9] {
    padding: 20px 24px;
    max-width: 820px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lx03-filter-title[b-atwor4gpf9] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.lx03-filter-hint[b-atwor4gpf9] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.lx03-filter-form[b-atwor4gpf9] { display: grid; gap: 10px; }
.lx03-row[b-atwor4gpf9] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.lx03-field[b-atwor4gpf9] { display: grid; gap: 3px; }

.lx03-field > label[b-atwor4gpf9] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lx03-field.checkbox[b-atwor4gpf9] { margin-top: 4px; }

.lx03-check[b-atwor4gpf9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    cursor: pointer;
}

.lx03-check input[type=checkbox][b-atwor4gpf9] { width: 14px; height: 14px; cursor: pointer; }
.lx03-filter-actions[b-atwor4gpf9] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.lx03-results[b-atwor4gpf9] {
    padding: 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lx03-results-bar[b-atwor4gpf9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.lx03-results-actions[b-atwor4gpf9] { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

.lx03-summary-strip[b-atwor4gpf9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
    flex: 1;
}

.lx03-summary-strip > div[b-atwor4gpf9] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.lx03-summary-strip span[b-atwor4gpf9] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.lx03-summary-strip strong[b-atwor4gpf9] { color: var(--g-text); font-size: 12px; }

.lx03-table-wrap[b-atwor4gpf9] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.lx03-table-wrap[b-atwor4gpf9]::-webkit-scrollbar { height: 10px; width: 10px; }
.lx03-table-wrap[b-atwor4gpf9]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.lx03-table-wrap[b-atwor4gpf9]::-webkit-scrollbar-track { background: var(--g-border); }

.lx03-table[b-atwor4gpf9] {
    width: max-content;
    min-width: 3200px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.lx03-table th[b-atwor4gpf9] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.lx03-table td[b-atwor4gpf9] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.lx03-table tbody tr:nth-child(odd) td[b-atwor4gpf9] { background: var(--g-surface-sub); }
.lx03-table tbody tr:nth-child(even) td[b-atwor4gpf9] { background: var(--g-surface-sub); }
.lx03-table tbody tr:hover td[b-atwor4gpf9] { background: var(--g-selected-bg); }
.lx03-empty-row[b-atwor4gpf9] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.lx03-chip[b-atwor4gpf9] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.lx03-chip.ok[b-atwor4gpf9] { background: var(--g-ok-bg); color: var(--g-ok); }
.lx03-chip.warning[b-atwor4gpf9] { background: var(--g-warn-bg); color: var(--g-warn); }
.lx03-chip.error[b-atwor4gpf9] { background: var(--g-err-bg); color: var(--g-err); }
.lx03-chip.soft[b-atwor4gpf9] { background: var(--g-info-bg); color: var(--g-info); }

.lx03-btn[b-atwor4gpf9] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.lx03-btn.primary[b-atwor4gpf9] { background: var(--g-create); color: var(--accent-contrast); }
.lx03-btn.secondary[b-atwor4gpf9] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.lx03-btn:disabled[b-atwor4gpf9] { opacity: .4; cursor: not-allowed; }
.lx03-btn:hover:not(:disabled)[b-atwor4gpf9] { filter: brightness(.93); }

.mono[b-atwor4gpf9] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-atwor4gpf9] { text-align: center; }
.num[b-atwor4gpf9] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-atwor4gpf9] { font-weight: 700; }

@media (max-width: 860px) {
    .lx03-row[b-atwor4gpf9] { grid-template-columns: 1fr; }
    .lx03-summary-strip[b-atwor4gpf9] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
    .lx03-summary-strip[b-atwor4gpf9] { grid-template-columns: 1fr; }
    .lx03-filter-screen[b-atwor4gpf9],
    .lx03-results[b-atwor4gpf9] { padding: 12px; }
}
/* /Pages/WM/Reconciliation/WM40_ReconciliationReport.razor.rz.scp.css */
.wm40[b-q6vj1iilsd] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.wm40-message[b-q6vj1iilsd] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.wm40-message-success[b-q6vj1iilsd] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.wm40-message-warning[b-q6vj1iilsd] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.wm40-message-error[b-q6vj1iilsd] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.wm40-filter-screen[b-q6vj1iilsd] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.wm40-filter-title[b-q6vj1iilsd] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.wm40-filter-hint[b-q6vj1iilsd] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.wm40-filter-form[b-q6vj1iilsd] { display: grid; gap: 10px; }
.wm40-row[b-q6vj1iilsd] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wm40-field[b-q6vj1iilsd] { display: grid; gap: 3px; }

.wm40-field > label[b-q6vj1iilsd] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wm40-control[b-q6vj1iilsd] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.wm40-control:focus[b-q6vj1iilsd] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.wm40-filter-actions[b-q6vj1iilsd] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.wm40-results[b-q6vj1iilsd] {
    padding: 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.wm40-results-bar[b-q6vj1iilsd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.wm40-results-actions[b-q6vj1iilsd] { display: flex; gap: 6px; }

.wm40-summary-strip[b-q6vj1iilsd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
    flex: 1;
}

.wm40-summary-strip > div[b-q6vj1iilsd] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.wm40-summary-strip > div > span[b-q6vj1iilsd] { font-size: 10px; color: var(--g-text-sec); text-transform: uppercase; letter-spacing: .04em; }
.wm40-summary-strip > div > strong[b-q6vj1iilsd] { font-size: 16px; font-weight: 700; }

.wm40-btn[b-q6vj1iilsd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border: 1px solid var(--g-border-strong);
    border-radius: 5px;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
}

.wm40-btn.primary[b-q6vj1iilsd] { background: var(--g-accent); color: var(--accent-contrast); border-color: transparent; }
.wm40-btn.primary:hover[b-q6vj1iilsd] { background: var(--g-consult); }
.wm40-btn.primary:disabled[b-q6vj1iilsd] { opacity: .55; cursor: not-allowed; }
.wm40-btn.secondary[b-q6vj1iilsd] { background: var(--g-surface); color: var(--g-text); }
.wm40-btn.secondary:hover[b-q6vj1iilsd] { background: var(--g-surface-sub); }

.wm40-btn-sm[b-q6vj1iilsd] {
    padding: 3px 8px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-accent);
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

.wm40-btn-sm:hover[b-q6vj1iilsd] { background: var(--g-surface-sub); }

.wm40-table-wrap[b-q6vj1iilsd] { overflow-x: auto; }

.wm40-table[b-q6vj1iilsd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    white-space: nowrap;
}

.wm40-table th[b-q6vj1iilsd] {
    padding: 6px 8px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--g-text-sec);
    border-bottom: 2px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    position: sticky;
    top: 0;
}

.wm40-table td[b-q6vj1iilsd] {
    padding: 5px 8px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
}

.wm40-table tr:hover td[b-q6vj1iilsd] { background: var(--g-surface-sub); }
.wm40-table .mono[b-q6vj1iilsd] { font-family: 'Consolas', 'SF Mono', monospace; }
.wm40-table .num[b-q6vj1iilsd] { text-align: right; font-family: 'Consolas', 'SF Mono', monospace; }
.wm40-table .ctr[b-q6vj1iilsd] { text-align: center; }
.wm40-table .bold[b-q6vj1iilsd] { font-weight: 700; }
.wm40-empty-row[b-q6vj1iilsd] { text-align: center; color: var(--g-text-sec); padding: 24px !important; }

.delta-highlight[b-q6vj1iilsd] { color: var(--g-err); }

.wm40-chip[b-q6vj1iilsd] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.wm40-chip.ok[b-q6vj1iilsd] { background: var(--g-ok-bg); color: var(--g-ok); }
.wm40-chip.warning[b-q6vj1iilsd] { background: var(--g-warn-bg); color: var(--g-warn); }
.wm40-chip.error[b-q6vj1iilsd] { background: var(--g-err-bg); color: var(--g-err); }
.wm40-chip.soft[b-q6vj1iilsd] { background: var(--g-surface-sub); color: var(--g-text-sec); }

/* Modal */
.wm40-modal-overlay[b-q6vj1iilsd] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.wm40-modal[b-q6vj1iilsd] {
    background: var(--g-surface);
    border-radius: 10px;
    width: 480px;
    max-width: 90vw;
    box-shadow: var(--shadow-lg);
}

.wm40-modal-header[b-q6vj1iilsd] {
    padding: 14px 20px;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid var(--g-border);
}

.wm40-modal-body[b-q6vj1iilsd] { padding: 16px 20px; }
.wm40-modal-detail[b-q6vj1iilsd] { display: flex; gap: 6px; align-items: baseline; margin-bottom: 6px; font-size: 11px; }
.wm40-modal-detail > span[b-q6vj1iilsd] { color: var(--g-text-sec); min-width: 70px; }

.wm40-modal-footer[b-q6vj1iilsd] {
    padding: 12px 20px;
    border-top: 1px solid var(--g-border);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}
/* /Pages/WM/Reconciliation/WM41_ExceptionDocuments.razor.rz.scp.css */
.wm41[b-dd23cuvtka] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.wm41-message[b-dd23cuvtka] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.wm41-message-success[b-dd23cuvtka] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.wm41-message-warning[b-dd23cuvtka] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.wm41-message-error[b-dd23cuvtka] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.wm41-filter-screen[b-dd23cuvtka] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.wm41-filter-title[b-dd23cuvtka] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.wm41-filter-hint[b-dd23cuvtka] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.wm41-filter-form[b-dd23cuvtka] { display: grid; gap: 10px; }
.wm41-row[b-dd23cuvtka] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wm41-field[b-dd23cuvtka] { display: grid; gap: 3px; }

.wm41-field > label[b-dd23cuvtka] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wm41-control[b-dd23cuvtka] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.wm41-control:focus[b-dd23cuvtka] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.wm41-filter-actions[b-dd23cuvtka] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.wm41-results[b-dd23cuvtka] {
    padding: 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.wm41-results-bar[b-dd23cuvtka] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.wm41-results-actions[b-dd23cuvtka] { display: flex; gap: 6px; }

.wm41-summary-strip[b-dd23cuvtka] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
    flex: 1;
}

.wm41-summary-strip > div[b-dd23cuvtka] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.wm41-summary-strip > div > span[b-dd23cuvtka] { font-size: 10px; color: var(--g-text-sec); text-transform: uppercase; letter-spacing: .04em; }
.wm41-summary-strip > div > strong[b-dd23cuvtka] { font-size: 16px; font-weight: 700; }

.wm41-btn[b-dd23cuvtka] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border: 1px solid var(--g-border-strong);
    border-radius: 5px;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
}

.wm41-btn.primary[b-dd23cuvtka] { background: var(--g-accent); color: var(--accent-contrast); border-color: transparent; }
.wm41-btn.primary:hover[b-dd23cuvtka] { background: var(--g-consult); }
.wm41-btn.primary:disabled[b-dd23cuvtka] { opacity: .55; cursor: not-allowed; }
.wm41-btn.secondary[b-dd23cuvtka] { background: var(--g-surface); color: var(--g-text); }
.wm41-btn.secondary:hover[b-dd23cuvtka] { background: var(--g-surface-sub); }

.wm41-btn-sm[b-dd23cuvtka] {
    padding: 3px 8px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-accent);
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

.wm41-btn-sm:hover[b-dd23cuvtka] { background: var(--g-surface-sub); }

.wm41-table-wrap[b-dd23cuvtka] { overflow-x: auto; }

.wm41-table[b-dd23cuvtka] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    white-space: nowrap;
}

.wm41-table th[b-dd23cuvtka] {
    padding: 6px 8px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--g-text-sec);
    border-bottom: 2px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    position: sticky;
    top: 0;
}

.wm41-table td[b-dd23cuvtka] {
    padding: 5px 8px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
}

.wm41-table tr:hover td[b-dd23cuvtka] { background: var(--g-surface-sub); }
.wm41-table .mono[b-dd23cuvtka] { font-family: 'Consolas', 'SF Mono', monospace; }
.wm41-table .num[b-dd23cuvtka] { text-align: right; font-family: 'Consolas', 'SF Mono', monospace; }
.wm41-table .ctr[b-dd23cuvtka] { text-align: center; }
.wm41-table .bold[b-dd23cuvtka] { font-weight: 700; }
.wm41-empty-row[b-dd23cuvtka] { text-align: center; color: var(--g-text-sec); padding: 24px !important; }

.delta-highlight[b-dd23cuvtka] { color: var(--g-err); }

.wm41-chip[b-dd23cuvtka] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.wm41-chip.ok[b-dd23cuvtka] { background: var(--g-ok-bg); color: var(--g-ok); }
.wm41-chip.warning[b-dd23cuvtka] { background: var(--g-warn-bg); color: var(--g-warn); }
.wm41-chip.error[b-dd23cuvtka] { background: var(--g-err-bg); color: var(--g-err); }
.wm41-chip.soft[b-dd23cuvtka] { background: var(--g-surface-sub); color: var(--g-text-sec); }

/* Modal */
.wm41-modal-overlay[b-dd23cuvtka] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.wm41-modal[b-dd23cuvtka] {
    background: var(--g-surface);
    border-radius: 10px;
    width: 480px;
    max-width: 90vw;
    box-shadow: var(--shadow-lg);
}

.wm41-modal-header[b-dd23cuvtka] {
    padding: 14px 20px;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid var(--g-border);
}

.wm41-modal-body[b-dd23cuvtka] { padding: 16px 20px; }
.wm41-modal-detail[b-dd23cuvtka] { display: flex; gap: 6px; align-items: baseline; margin-bottom: 6px; font-size: 11px; }
.wm41-modal-detail > span[b-dd23cuvtka] { color: var(--g-text-sec); min-width: 70px; }

.wm41-modal-footer[b-dd23cuvtka] {
    padding: 12px 20px;
    border-top: 1px solid var(--g-border);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}
/* /Pages/WM/StockStatus/LQ01_StockStatusChange.razor.rz.scp.css */
.lq01[b-btrkqvnhig] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.lq01-message[b-btrkqvnhig] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.lq01-message-success[b-btrkqvnhig] { background: var(--g-ok-bg); border-color: var(--g-ok); color: var(--g-ok); }
.lq01-message-warning[b-btrkqvnhig] { background: var(--g-warn-bg); border-color: var(--g-warn); color: var(--g-warn); }
.lq01-message-error[b-btrkqvnhig] { background: var(--g-err-bg); border-color: var(--g-err); color: var(--g-err); }

/* Filter Screen */
.lq01-filter-screen[b-btrkqvnhig] {
    padding: 20px 24px;
    max-width: 720px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lq01-filter-title[b-btrkqvnhig] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.lq01-filter-hint[b-btrkqvnhig] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.lq01-filter-form[b-btrkqvnhig] { display: grid; gap: 10px; }
.lq01-row[b-btrkqvnhig] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.lq01-field[b-btrkqvnhig] { display: grid; gap: 3px; }

.lq01-field > label[b-btrkqvnhig] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lq01-field.checkbox[b-btrkqvnhig] { margin-top: 4px; }

.lq01-check[b-btrkqvnhig] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    cursor: pointer;
}

.lq01-check input[type=checkbox][b-btrkqvnhig] { width: 14px; height: 14px; cursor: pointer; }
.lq01-filter-actions[b-btrkqvnhig] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

/* Results Screen */
.lq01-results[b-btrkqvnhig] {
    padding: 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lq01-results-bar[b-btrkqvnhig] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.lq01-results-actions[b-btrkqvnhig] { display: flex; gap: 6px; }

.lq01-summary-strip[b-btrkqvnhig] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
    flex: 1;
}

.lq01-summary-strip > div[b-btrkqvnhig] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.lq01-summary-strip span[b-btrkqvnhig] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.lq01-summary-strip strong[b-btrkqvnhig] { color: var(--g-text); font-size: 12px; }

/* Table */
.lq01-table-wrap[b-btrkqvnhig] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 340px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lq01-table-wrap[b-btrkqvnhig]::-webkit-scrollbar { height: 10px; width: 10px; }
.lq01-table-wrap[b-btrkqvnhig]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.lq01-table-wrap[b-btrkqvnhig]::-webkit-scrollbar-track { background: var(--g-border); }

.lq01-table[b-btrkqvnhig] {
    width: max-content;
    min-width: 1820px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.lq01-table th[b-btrkqvnhig] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.lq01-table td[b-btrkqvnhig] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.lq01-table tbody tr:nth-child(odd) td[b-btrkqvnhig] { background: var(--g-surface-sub); }
.lq01-table tbody tr:nth-child(even) td[b-btrkqvnhig] { background: var(--g-surface-sub); }
.lq01-table tbody tr:hover td[b-btrkqvnhig] { background: var(--g-selected-bg); }
.lq01-table tbody tr.selected td[b-btrkqvnhig] { background: var(--g-selected-bg); }
.lq01-table tbody tr.blocked td[b-btrkqvnhig] { opacity: .5; }
.lq01-empty-row[b-btrkqvnhig] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

/* Inline edit columns */
.col-edit[b-btrkqvnhig] { width: 110px; }
.col-edit-wide[b-btrkqvnhig] { width: 200px; }
.col-edit-note[b-btrkqvnhig] { width: 240px; }
.col-sel[b-btrkqvnhig] { width: 36px; text-align: center; }
.col-sel input[type="checkbox"][b-btrkqvnhig] { cursor: pointer; transform: scale(1.1); accent-color: var(--g-accent); }

.lq01-inline-select[b-btrkqvnhig] {
    height: 24px;
    padding: 0 4px;
    font-size: 11px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    width: 100px;
}

.lq01-inline-select.wide[b-btrkqvnhig] { width: 190px; font-family: inherit; }

.lq01-qty-input[b-btrkqvnhig] {
    width: 80px;
    height: 24px;
    padding: 2px 6px;
    font-size: 11px;
    font-family: "DM Mono", Consolas, Monaco, monospace;
    text-align: right;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
}

.lq01-qty-input.invalid[b-btrkqvnhig] {
    border-color: var(--g-err);
    background: var(--g-err-bg);
}

.lq01-note-input[b-btrkqvnhig] {
    width: 230px;
    height: 24px;
    padding: 2px 6px;
    font-size: 11px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
}

.lq01-no-reason[b-btrkqvnhig] {
    font-size: 10px;
    color: var(--g-text-muted);
}

.lq01-warn-icon[b-btrkqvnhig] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: 800;
    color: var(--g-warn);
    background: var(--g-warn-bg);
    border-radius: 50%;
    cursor: help;
}

/* Chips */
.lq01-chip[b-btrkqvnhig] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.lq01-chip.free[b-btrkqvnhig] { background: var(--g-ok-bg); color: var(--g-ok); }
.lq01-chip.blocked[b-btrkqvnhig] { background: var(--g-err-bg); color: var(--g-err); }
.lq01-chip.quality[b-btrkqvnhig] { background: var(--g-warn-bg); color: var(--g-warn); }
.lq01-chip.soft[b-btrkqvnhig] { background: var(--g-info-bg); color: var(--g-info); }

/* Execute section */
.lq01-execute-section[b-btrkqvnhig] {
    margin-top: 12px;
    padding: 12px 16px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    display: grid;
    gap: 10px;
}

/* WM options block (status-change flow) */
.lq01-wm-options-box[b-btrkqvnhig] { border-top: 1px solid var(--g-border); padding: 10px 12px; }
.lq01-wm-head[b-btrkqvnhig] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.lq01-wm-title[b-btrkqvnhig] { font-size: 12px; }
.lq01-chip-note[b-btrkqvnhig] { font-size: 10px; }
.lq01-chip-note.muted[b-btrkqvnhig] { opacity: .6; }
.lq01-wm-grid[b-btrkqvnhig] { display: flex; flex-wrap: wrap; gap: 18px; row-gap: 10px; }
.lq01-wm-check[b-btrkqvnhig] { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; line-height: 1.3; max-width: 260px; }
.lq01-wm-check-box[b-btrkqvnhig] { margin-top: 2px; flex-shrink: 0; }
.lq01-wm-check-title[b-btrkqvnhig] { font-size: 12px; }
.lq01-wm-check-sub[b-btrkqvnhig] { display: block; font-size: 10px; color: var(--g-text-sec); }

.lq01-confirm-bar[b-btrkqvnhig] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--g-warn-bg);
    border: 1px solid var(--g-warn);
    border-radius: 6px;
    font-size: 11px;
}

.lq01-confirm-bar span[b-btrkqvnhig] { flex: 1; }

.lq01-execute-bar[b-btrkqvnhig] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.lq01-ready-info[b-btrkqvnhig] {
    font-size: 11px;
    color: var(--g-text-sec);
}

/* Buttons */
.lq01-btn[b-btrkqvnhig] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.lq01-btn.primary[b-btrkqvnhig] { background: var(--g-create); color: var(--accent-contrast); }
.lq01-btn.secondary[b-btrkqvnhig] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.lq01-btn:disabled[b-btrkqvnhig] { opacity: .4; cursor: not-allowed; }
.lq01-btn:hover:not(:disabled)[b-btrkqvnhig] { filter: brightness(.93); }

.mono[b-btrkqvnhig] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-btrkqvnhig] { text-align: center; }
.num[b-btrkqvnhig] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-btrkqvnhig] { font-weight: 700; }

@media (max-width: 860px) {
    .lq01-row[b-btrkqvnhig] { grid-template-columns: 1fr; }
    .lq01-summary-strip[b-btrkqvnhig] { grid-template-columns: repeat(2, 1fr); }
}
/* /Pages/WM/WarehouseRequests/WM01_RequestRelease.razor.rz.scp.css */
.wm01[b-470nlnerx8] {
    padding: 10px 14px 16px;
    color: var(--g-text);
    font-size: 12px;
    display: grid;
    gap: 10px;
}

.wm01-message[b-470nlnerx8],
.wm01-shell[b-470nlnerx8],
.wm01-filter-panel[b-470nlnerx8],
.wm01-pane[b-470nlnerx8] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
}

.wm01-message[b-470nlnerx8] {
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
}

.wm01-message-info[b-470nlnerx8] { background: var(--g-info-bg); color: var(--g-info); }
.wm01-message-success[b-470nlnerx8] { background: var(--g-ok-bg); color: var(--g-ok); }
.wm01-message-warning[b-470nlnerx8] { background: var(--g-warn-bg); color: var(--g-warn); }
.wm01-message-error[b-470nlnerx8] { background: var(--g-err-bg); color: var(--g-err); }

.wm01-head[b-470nlnerx8] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
}

.wm01-head h2[b-470nlnerx8] {
    margin: 2px 0 4px;
    font-size: 18px;
    color: var(--g-text);
}

.wm01-head p[b-470nlnerx8] {
    margin: 0;
    color: var(--g-text-sec);
}

.wm01-code[b-470nlnerx8],
.wm01-filter-title[b-470nlnerx8],
.wm01-section-title[b-470nlnerx8],
.wm01-field > label[b-470nlnerx8] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wm01-filter-panel[b-470nlnerx8] {
    margin: 12px;
    padding: 12px;
}

.wm01-filter-grid[b-470nlnerx8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 10px;
}

.wm01-field[b-470nlnerx8] {
    display: grid;
    gap: 4px;
}

.wm01-control[b-470nlnerx8] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
}

.wm01-control:focus[b-470nlnerx8] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.wm01-filter-actions[b-470nlnerx8],
.wm01-pane-head[b-470nlnerx8] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.wm01-filter-actions[b-470nlnerx8] {
    justify-content: flex-end;
    margin-top: 12px;
}

.wm01-btn[b-470nlnerx8] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 7px 12px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.wm01-btn.primary[b-470nlnerx8] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.wm01-btn:disabled[b-470nlnerx8] {
    opacity: .55;
    cursor: not-allowed;
}

.wm01-workspace[b-470nlnerx8] {
    display: grid;
    gap: 12px;
    padding: 0 12px 12px;
}

.wm01-pane[b-470nlnerx8] {
    padding: 12px;
    min-width: 0;
}

.wm01-inline-strip[b-470nlnerx8] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    padding: 8px 10px;
    margin: 10px 0;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.wm01-inline-strip strong[b-470nlnerx8] {
    color: var(--g-text);
}

.wm01-table-wrap[b-470nlnerx8] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
}

.wm01-table-wrap.header[b-470nlnerx8] {
    max-height: 260px;
}

.wm01-table-wrap.detail[b-470nlnerx8] {
    max-height: 320px;
}

.wm01-table[b-470nlnerx8] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.wm01-table.detail[b-470nlnerx8] {
    min-width: 1500px;
}

.wm01-table thead th[b-470nlnerx8] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .04em;
    white-space: nowrap;
}

.wm01-table td[b-470nlnerx8] {
    padding: 6px;
    border-bottom: 1px solid var(--g-border);
    white-space: nowrap;
}

.wm01-table tbody tr[b-470nlnerx8] {
    cursor: pointer;
}

.wm01-table tbody tr:hover[b-470nlnerx8] {
    background: var(--g-surface-sub);
}

.wm01-table tbody tr.selected[b-470nlnerx8] {
    background: var(--g-selected-bg);
}

.wm01-empty[b-470nlnerx8],
.wm01-empty-row[b-470nlnerx8] {
    color: var(--g-text-muted);
}

.wm01-empty[b-470nlnerx8] {
    padding: 18px;
    border: 1px dashed var(--g-border-strong);
    background: var(--g-surface-sub);
    display: grid;
    gap: 4px;
}

.wm01-empty-row[b-470nlnerx8] {
    text-align: center;
    padding: 12px !important;
}

.wm01-chip[b-470nlnerx8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    background: var(--g-selected-bg);
    color: var(--g-text-sec);
}

.wm01-chip.ok[b-470nlnerx8] { background: var(--g-ok-bg); color: var(--g-ok); }
.wm01-chip.soft[b-470nlnerx8] { background: var(--g-selected-bg); color: var(--g-text-sec); }
.wm01-chip.warning[b-470nlnerx8] { background: var(--g-warn-bg); color: var(--g-warn); }
.wm01-chip.error[b-470nlnerx8] { background: var(--g-err-bg); color: var(--g-err); }

.mono[b-470nlnerx8] {
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

.center[b-470nlnerx8] {
    text-align: center;
}

.num[b-470nlnerx8] {
    text-align: right;
}

@media (max-width: 1180px) {
    .wm01-filter-grid[b-470nlnerx8] {
        grid-template-columns: 1fr;
    }

    .wm01-pane-head[b-470nlnerx8] {
        flex-direction: column;
        align-items: stretch;
    }
}


/* ── Popup confirmacion liberacion ── */
.wm01-overlay[b-470nlnerx8] { position: fixed; inset: 0; background: var(--overlay-scrim); z-index: 9000; display: flex; align-items: center; justify-content: center; }
.wm01-confirm-popup[b-470nlnerx8] { background: var(--g-surface); border: 1px solid var(--g-text-muted); box-shadow: var(--shadow-lg); width: 420px; max-width: 95vw; }
.wm01-confirm-head[b-470nlnerx8] { padding: 8px 12px; background: var(--g-consult); color: var(--accent-contrast); font-size: 12px; font-weight: 700; }
.wm01-confirm-body[b-470nlnerx8] { padding: 14px 16px; }
.wm01-confirm-body p[b-470nlnerx8] { margin: 0 0 6px; }
.wm01-confirm-foot[b-470nlnerx8] { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--g-border-strong); background: var(--g-surface-sub); }
/* /Pages/WM/WarehouseTasks/LT01_TransferTaskCreate.razor.rz.scp.css */
.wm01[b-320nma901n] {
    padding: 12px;
    background: var(--g-surface-sub);
    color: var(--g-text);
    font-size: 12px;
    display: grid;
    gap: 10px;
}

.wm01-message[b-320nma901n],
.wm01-shell[b-320nma901n],
.wm01-filter-panel[b-320nma901n],
.wm01-pane[b-320nma901n] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.wm01-message[b-320nma901n] {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid;
}

.wm01-message-info[b-320nma901n] { background: var(--g-info-bg); border-color: var(--g-info-border); color: var(--g-info); }
.wm01-message-success[b-320nma901n] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.wm01-message-warning[b-320nma901n] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.wm01-message-error[b-320nma901n] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.wm01-head[b-320nma901n] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
}

.wm01-head h2[b-320nma901n] { margin: 2px 0 4px; font-size: 18px; color: var(--g-text); }
.wm01-head p[b-320nma901n] { margin: 0; color: var(--g-text-sec); }

.wm01-code[b-320nma901n],
.wm01-filter-title[b-320nma901n],
.wm01-section-title[b-320nma901n],
.wm01-field > label[b-320nma901n] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wm01-filter-panel[b-320nma901n] { margin: 12px; padding: 12px; }

.wm01-filter-grid[b-320nma901n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 10px;
}

.wm01-field[b-320nma901n] { display: grid; gap: 4px; }

.wm01-control[b-320nma901n] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.wm01-control:focus[b-320nma901n] { outline: none; border-color: var(--g-create); box-shadow: 0 0 0 2px var(--g-focus-ring); }

.wm01-filter-actions[b-320nma901n],
.wm01-pane-head[b-320nma901n] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.wm01-filter-actions[b-320nma901n] { justify-content: flex-end; margin-top: 12px; }

.wm01-btn[b-320nma901n] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.wm01-btn.primary[b-320nma901n] { background: var(--g-create); color: var(--accent-contrast); }
.wm01-btn.secondary[b-320nma901n] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.wm01-btn:disabled[b-320nma901n] { opacity: .4; cursor: not-allowed; }
.wm01-btn:hover:not(:disabled)[b-320nma901n] { filter: brightness(.93); }

.wm01-workspace[b-320nma901n] { display: grid; gap: 12px; padding: 0 12px 12px; }
.wm01-pane[b-320nma901n] { padding: 12px; min-width: 0; }

.wm01-inline-strip[b-320nma901n] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    padding: 8px 10px;
    margin: 10px 0;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    color: var(--g-text-sec);
}

.wm01-inline-strip strong[b-320nma901n] { color: var(--g-text); }

.wm01-table-wrap[b-320nma901n] {
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.wm01-table-wrap[b-320nma901n]::-webkit-scrollbar { height: 10px; width: 10px; }
.wm01-table-wrap[b-320nma901n]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.wm01-table-wrap[b-320nma901n]::-webkit-scrollbar-track { background: var(--g-border); }

.wm01-table-wrap.header[b-320nma901n] { max-height: 260px; }
.wm01-table-wrap.detail[b-320nma901n] { max-height: 320px; }

.wm01-table[b-320nma901n] {
    width: max-content;
    min-width: 1080px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.wm01-table.detail[b-320nma901n] { min-width: 1500px; }

.wm01-table th[b-320nma901n] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.wm01-table td[b-320nma901n] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.wm01-table tbody tr[b-320nma901n] { cursor: pointer; }
.wm01-table tbody tr:nth-child(odd) td[b-320nma901n] { background: var(--g-surface-sub); }
.wm01-table tbody tr:nth-child(even) td[b-320nma901n] { background: var(--g-surface-sub); }
.wm01-table tbody tr:hover td[b-320nma901n] { background: var(--g-selected-bg); }
.wm01-table tbody tr.selected td[b-320nma901n] { background: var(--g-selected-bg) !important; }

.wm01-empty[b-320nma901n],
.wm01-empty-row[b-320nma901n] { color: var(--g-text-muted); }

.wm01-empty[b-320nma901n] {
    padding: 18px;
    border: 1px dashed var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
    display: grid;
    gap: 4px;
}

.wm01-empty-row[b-320nma901n] { text-align: center; padding: 14px !important; }

.wm01-chip[b-320nma901n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    background: var(--g-selected-bg);
    color: var(--g-text-sec);
}

.wm01-chip.ok[b-320nma901n] { background: var(--g-ok-bg); color: var(--g-ok); }
.wm01-chip.soft[b-320nma901n] { background: var(--g-selected-bg); color: var(--g-text-sec); }
.wm01-chip.warning[b-320nma901n] { background: var(--g-warn-bg); color: var(--g-warn); }
.wm01-chip.error[b-320nma901n] { background: var(--g-err-bg); color: var(--g-err); }

.mono[b-320nma901n] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.center[b-320nma901n] { text-align: center; }
.num[b-320nma901n] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }

@media (max-width: 1180px) {
    .wm01-filter-grid[b-320nma901n] { grid-template-columns: 1fr; }
    .wm01-pane-head[b-320nma901n] { flex-direction: column; align-items: stretch; }
}

.wm01-overlay[b-320nma901n] { position: fixed; inset: 0; background: var(--overlay-scrim); z-index: 9000; display: flex; align-items: center; justify-content: center; }
.wm01-confirm-popup[b-320nma901n] { position: relative; overflow: hidden; background: var(--g-surface); border: 1px solid var(--g-text-muted); box-shadow: var(--shadow-lg); width: 460px; max-width: 95vw; border-radius: 8px; }
.wm01-confirm-popup.is-busy .wm01-confirm-body[b-320nma901n],
.wm01-confirm-popup.is-busy .wm01-confirm-foot[b-320nma901n] { opacity: .48; }
.wm01-confirm-head[b-320nma901n] { padding: 8px 12px; background: var(--g-consult); color: var(--accent-contrast); font-size: 12px; font-weight: 700; border-radius: 8px 8px 0 0; }
.wm01-confirm-body[b-320nma901n] { padding: 14px 16px; }
.wm01-confirm-body p[b-320nma901n] { margin: 0 0 6px; font-size: 12px; }
.wm01-confirm-foot[b-320nma901n] { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--g-border-strong); background: var(--g-surface-sub); border-radius: 0 0 8px 8px; }
.wm01-confirm-busy[b-320nma901n] { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; background: color-mix(in srgb, var(--g-surface) 78%, transparent); }
.wm01-confirm-busy-card[b-320nma901n] { display: grid; justify-items: center; gap: 8px; color: var(--g-text); font-size: 12px; font-weight: 700; }

/* LT01 movement card styles */

.wm01-table.detail tbody tr[b-320nma901n] {
    cursor: pointer;
}

.wm01-movement-card[b-320nma901n] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--g-border-strong);
    background: linear-gradient(180deg, var(--g-selected-bg) 0%, var(--g-surface-sub) 100%);
}

.wm01-movement-grid[b-320nma901n] {
    display: grid;
    gap: 1rem;
}

.wm01-movement-block[b-320nma901n] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface-sub);
    padding: 0.85rem;
}

.wm01-movement-label[b-320nma901n] {
    margin-bottom: 0.75rem;
    color: var(--g-text-sec);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wm01-movement-fields[b-320nma901n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.wm01-inline-edit[b-320nma901n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}
/* /Pages/WM/WarehouseTasks/LT03_CreateTransferOrderForDelivery.razor.rz.scp.css */
.lt03-shell[b-hd95w991pw] {
    display: grid;
    gap: 0.75rem;
    font-size: 0.82rem;
}

.lt03-access[b-hd95w991pw],
.lt03-summary-card[b-hd95w991pw],
.lt03-process-card[b-hd95w991pw],
.lt03-visual-card[b-hd95w991pw],
.lt03-preview-card[b-hd95w991pw],
.lt03-empty-state[b-hd95w991pw] {
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    padding: 1rem 1.1rem;
}

.lt03-access-grid[b-hd95w991pw],
.lt03-summary-grid[b-hd95w991pw],
.lt03-item-card[b-hd95w991pw] {
    display: grid;
    gap: 0.9rem;
}

.lt03-access-grid[b-hd95w991pw] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.lt03-summary-grid[b-hd95w991pw],
.lt03-item-card[b-hd95w991pw] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.lt03-field[b-hd95w991pw],
.lt03-summary-grid > div[b-hd95w991pw],
.lt03-item-card > div[b-hd95w991pw] {
    display: grid;
    gap: 0.35rem;
}

.lt03-field label[b-hd95w991pw],
.lt03-summary-grid label[b-hd95w991pw],
.lt03-item-card label[b-hd95w991pw] {
    color: var(--g-text-sec);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lt03-control[b-hd95w991pw] {
    min-height: 34px;
    border: 1px solid var(--g-border-strong);
    padding: 0.4rem 0.6rem;
    font-size: 0.82rem;
    background: var(--g-surface);
    color: var(--g-text);
    font: inherit;
}

.lt03-control:focus[b-hd95w991pw] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.lt03-inline-pick[b-hd95w991pw] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 0.65rem;
}

.lt03-access-actions[b-hd95w991pw],
.lt03-head-actions[b-hd95w991pw],
.lt03-process-actions[b-hd95w991pw],
.lt03-popup-actions[b-hd95w991pw] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.lt03-summary-head[b-hd95w991pw],
.lt03-process-head[b-hd95w991pw],
.lt03-visual-head[b-hd95w991pw],
.lt03-preview-head[b-hd95w991pw],
.lt03-candidate-head[b-hd95w991pw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.9rem;
    flex-wrap: wrap;
}

.lt03-section-title[b-hd95w991pw] {
    color: var(--g-create);
    font-weight: 800;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
}

.lt03-btn[b-hd95w991pw] {
    min-height: 32px;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    cursor: pointer;
    font: inherit;
}

.lt03-btn.primary[b-hd95w991pw] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.lt03-btn.secondary[b-hd95w991pw] {
    background: var(--g-surface-sub);
}

.lt03-btn:disabled[b-hd95w991pw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.lt03-message[b-hd95w991pw] {
    margin-bottom: 0.75rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--g-border-strong);
}

.lt03-message-success[b-hd95w991pw] { background: var(--g-ok-bg); color: var(--g-ok); }
.lt03-message-error[b-hd95w991pw] { background: var(--g-err-bg); color: var(--g-err); }
.lt03-message-warning[b-hd95w991pw] { background: var(--g-warn-bg); color: var(--g-warn); }
.lt03-message-info[b-hd95w991pw] { background: var(--g-info-bg); color: var(--g-info); }

.lt03-chip[b-hd95w991pw] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.lt03-chip.ok[b-hd95w991pw] { background: var(--g-ok-bg); color: var(--g-ok); }
.lt03-chip.warning[b-hd95w991pw] { background: var(--g-warn-bg); color: var(--g-warn); }
.lt03-chip.soft[b-hd95w991pw] { background: var(--g-surface-sec); color: var(--g-text-sec); }

.lt03-inline-strip[b-hd95w991pw],
.lt03-candidate-meta[b-hd95w991pw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    color: var(--g-text-sec);
    font-size: 0.78rem;
}

.lt03-table-wrap[b-hd95w991pw] {
    overflow: auto;
    border: 1px solid var(--g-border-strong);
}

.lt03-table[b-hd95w991pw] {
    width: 100%;
    border-collapse: collapse;
}

.lt03-table th[b-hd95w991pw],
.lt03-table td[b-hd95w991pw] {
    padding: 0.4rem 0.55rem;
    border-bottom: 1px solid var(--g-border);
    text-align: left;
}

.lt03-table th[b-hd95w991pw] {
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lt03-empty-row[b-hd95w991pw] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 1rem;
}

.lt03-empty-state[b-hd95w991pw] {
    display: grid;
    gap: 0.35rem;
    background: var(--g-surface-sub);
}

.lt03-note[b-hd95w991pw] {
    margin-top: 0.85rem;
    padding: 0.8rem 0.9rem;
    border: 1px dashed var(--g-border-strong);
    background: var(--g-surface-sub);
    color: var(--g-text-sec);
}

.lt03-overlay[b-hd95w991pw] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1200;
}

.lt03-popup[b-hd95w991pw] {
    width: min(440px, 100%);
    background: var(--g-surface);
    border: 1px solid var(--g-border-strong);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.lt03-popup-text[b-hd95w991pw] {
    margin: 0;
    color: var(--g-text-sec);
    line-height: 1.45;
}

.mono[b-hd95w991pw] { font-family: Consolas, "Courier New", monospace; }
.num[b-hd95w991pw] { text-align: right; }
/* /Pages/WM/WarehouseTasks/LT10_BinStockTransfer.razor.rz.scp.css */
.lt10[b-inmfkxgrf4] {
    padding: 12px;
    background: var(--g-surface-sub);
    color: var(--g-text);
    font-size: 12px;
}

.lt10-filter[b-inmfkxgrf4],
.lt10-results[b-inmfkxgrf4] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.lt10-filter[b-inmfkxgrf4] {
    margin: 12px auto;
    padding: 16px;
    max-width: 940px;
}

.lt10-results[b-inmfkxgrf4] {
    margin: 12px;
    padding: 12px;
}

.lt10-title[b-inmfkxgrf4],
.lt10-field > label[b-inmfkxgrf4] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lt10-filter-grid[b-inmfkxgrf4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 12px;
}

.lt10-field[b-inmfkxgrf4] {
    display: grid;
    gap: 4px;
}

.lt10-field.checkbox[b-inmfkxgrf4] {
    align-content: end;
    min-height: 50px;
}

.lt10-control[b-inmfkxgrf4] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.lt10-control:focus[b-inmfkxgrf4] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.lt10-actions[b-inmfkxgrf4],
.lt10-toolbar[b-inmfkxgrf4],
.lt10-toolbar-actions[b-inmfkxgrf4],
.lt10-move-bar[b-inmfkxgrf4] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.lt10-actions[b-inmfkxgrf4] {
    justify-content: flex-end;
    margin-top: 14px;
}

.lt10-toolbar[b-inmfkxgrf4] {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.lt10-toolbar-actions[b-inmfkxgrf4] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.lt10-summary[b-inmfkxgrf4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    flex: 1;
    min-width: 420px;
}

.lt10-summary > div[b-inmfkxgrf4] {
    display: grid;
    gap: 3px;
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
}

.lt10-summary span[b-inmfkxgrf4],
.lt10-created span[b-inmfkxgrf4] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.lt10-summary strong[b-inmfkxgrf4],
.lt10-created strong[b-inmfkxgrf4] {
    color: var(--g-text);
}

.lt10-move-bar[b-inmfkxgrf4] {
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
}

.lt10-move-bar .lt10-field[b-inmfkxgrf4] {
    width: min(260px, 100%);
}

.lt10-check[b-inmfkxgrf4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--g-text);
    font-size: 11px;
    cursor: pointer;
}

.lt10-check input[b-inmfkxgrf4],
.lt10-table input[type=checkbox][b-inmfkxgrf4] {
    width: 14px;
    height: 14px;
}

.lt10-rf-note[b-inmfkxgrf4] {
    font-size: 11px;
    color: var(--g-text-sec);
    font-style: italic;
    margin-right: auto;
}

.lt10-summary strong.accent[b-inmfkxgrf4] {
    color: var(--g-accent);
}

.lt10-table .col-edit[b-inmfkxgrf4] {
    width: 116px;
}

.lt10-dest[b-inmfkxgrf4],
.lt10-qty[b-inmfkxgrf4] {
    width: 100%;
    height: 24px;
    padding: 2px 6px;
    font-size: 11px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    box-sizing: border-box;
}

.lt10-qty[b-inmfkxgrf4] {
    text-align: right;
}

.lt10-dest:focus[b-inmfkxgrf4],
.lt10-qty:focus[b-inmfkxgrf4] {
    outline: none;
    border-color: var(--g-create);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.lt10-dest.invalid[b-inmfkxgrf4],
.lt10-qty.invalid[b-inmfkxgrf4] {
    border-color: var(--g-err-border);
    background: var(--g-err-bg);
    color: var(--g-text);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--g-err-bg) 70%, transparent);
}

.lt10-cell-error[b-inmfkxgrf4] {
    margin-top: 4px;
    max-width: 180px;
    color: var(--g-err);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
}

.lt10-btn[b-inmfkxgrf4] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}

.lt10-btn.primary[b-inmfkxgrf4] {
    background: var(--g-create);
    color: var(--accent-contrast);
}

.lt10-btn.secondary[b-inmfkxgrf4] {
    background: var(--g-surface);
    border-color: var(--g-border-strong);
    color: var(--g-text);
}

.lt10-btn:disabled[b-inmfkxgrf4] {
    opacity: .4;
    cursor: not-allowed;
}

.lt10-btn:hover:not(:disabled)[b-inmfkxgrf4] {
    filter: brightness(.93);
}

.lt10-table-wrap[b-inmfkxgrf4] {
    overflow: auto;
    max-height: calc(100vh - 285px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.lt10-table-wrap[b-inmfkxgrf4]::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.lt10-table-wrap[b-inmfkxgrf4]::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
    border-radius: 999px;
}

.lt10-table-wrap[b-inmfkxgrf4]::-webkit-scrollbar-track {
    background: var(--g-border);
}

.lt10-table[b-inmfkxgrf4] {
    width: max-content;
    min-width: 1500px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.lt10-table th[b-inmfkxgrf4] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.lt10-table td[b-inmfkxgrf4] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.lt10-table .select[b-inmfkxgrf4] {
    width: 34px;
    text-align: center;
}

.lt10-table tbody tr:nth-child(odd) td[b-inmfkxgrf4],
.lt10-table tbody tr:nth-child(even) td[b-inmfkxgrf4] {
    background: var(--g-surface-sub);
}

.lt10-table tbody tr:hover td[b-inmfkxgrf4],
.lt10-table tbody tr.selected td[b-inmfkxgrf4] {
    background: var(--g-selected-bg);
}

.lt10-table tbody tr.has-issue td[b-inmfkxgrf4] {
    background: var(--g-err-bg);
}

.lt10-table tbody tr.has-issue:hover td[b-inmfkxgrf4],
.lt10-table tbody tr.has-issue.selected td[b-inmfkxgrf4] {
    background: color-mix(in srgb, var(--g-err-bg) 75%, var(--g-selected-bg));
}

.lt10-empty-row[b-inmfkxgrf4] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 14px !important;
}

.lt10-chip[b-inmfkxgrf4] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.lt10-chip.ok[b-inmfkxgrf4] { background: var(--g-ok-bg); color: var(--g-ok); }
.lt10-chip.warning[b-inmfkxgrf4] { background: var(--g-warn-bg); color: var(--g-warn); }
.lt10-chip.error[b-inmfkxgrf4] { background: var(--g-err-bg); color: var(--g-err); }
.lt10-chip.soft[b-inmfkxgrf4] { background: var(--g-info-bg); color: var(--g-info); }

.lt10-disp-zero[b-inmfkxgrf4] {
    color: var(--g-err);
}

.lt10-created[b-inmfkxgrf4] {
    display: grid;
    gap: 3px;
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: var(--g-surface-sub);
}

.mono[b-inmfkxgrf4] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-inmfkxgrf4] { text-align: center; }
.num[b-inmfkxgrf4] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-inmfkxgrf4] { font-weight: 700; }

@media (max-width: 920px) {
    .lt10-filter-grid[b-inmfkxgrf4],
    .lt10-summary[b-inmfkxgrf4] {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .lt10-move-bar[b-inmfkxgrf4] {
        justify-content: stretch;
    }

    .lt10-move-bar .lt10-field[b-inmfkxgrf4],
    .lt10-move-bar .lt10-btn[b-inmfkxgrf4] {
        width: 100%;
    }
}
/* /Pages/WM/WarehouseTasks/LT12_WarehouseTaskExecution.razor.rz.scp.css */
/* ── LT12 Warehouse Task Execution ── SAP-like 2-view (filtros + master-detail orders/tasks) ── */

.lt12[b-lpunjqp5q6] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

/* ── Filter screen (vista 1, centrada estilo LT22) ── */
.lt12-filter-screen[b-lpunjqp5q6] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lt12-filter-title[b-lpunjqp5q6] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.lt12-filter-hint[b-lpunjqp5q6] {
    font-size: 11px;
    color: var(--g-text-sec);
    margin-bottom: 16px;
}

.lt12-filter-form[b-lpunjqp5q6] { display: grid; gap: 10px; }
.lt12-row[b-lpunjqp5q6] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lt12-field[b-lpunjqp5q6] { display: grid; gap: 3px; }

.lt12-field > label[b-lpunjqp5q6] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lt12-field.checkbox[b-lpunjqp5q6] {
    align-self: end;
}

.lt12-req[b-lpunjqp5q6] {
    color: var(--g-err);
    font-weight: 700;
}

.lt12-check[b-lpunjqp5q6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    font-size: 11px;
    color: var(--g-text);
    cursor: pointer;
    user-select: none;
}

.lt12-check input[type="checkbox"][b-lpunjqp5q6] {
    width: 14px;
    height: 14px;
    accent-color: var(--g-create);
    cursor: pointer;
}

.lt12-control[b-lpunjqp5q6] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.lt12-control:focus[b-lpunjqp5q6] {
    outline: none;
    border-color: var(--g-info);
    box-shadow: 0 0 0 2px var(--g-focus-ring);
}

.lt12-filter-actions[b-lpunjqp5q6] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}

/* ── Results section (vista 2) ── */
.lt12-results[b-lpunjqp5q6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lt12-results-bar[b-lpunjqp5q6] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
}

.lt12-summary-strip[b-lpunjqp5q6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    flex: 1;
    min-width: 320px;
}

.lt12-summary-strip > div[b-lpunjqp5q6] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    display: grid;
    gap: 3px;
}

.lt12-summary-strip span[b-lpunjqp5q6] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lt12-summary-strip strong[b-lpunjqp5q6] {
    color: var(--g-text);
    font-size: 14px;
    font-weight: 700;
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

.lt12-results-actions[b-lpunjqp5q6] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

/* Separador visual entre las acciones de tarea y el gestor de layout */
.lt12-toolbar-sep[b-lpunjqp5q6] {
    width: 1px;
    align-self: stretch;
    margin: 2px 2px;
    background: var(--g-border-strong);
}

/* ── Master-detail panels ── */
.lt12-section[b-lpunjqp5q6] {
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    overflow: hidden;
}

.lt12-section-header[b-lpunjqp5q6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
}

.lt12-section-title[b-lpunjqp5q6] {
    font-size: 11px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lt12-section-meta[b-lpunjqp5q6] {
    font-size: 11px;
    color: var(--g-text-sec);
}

.lt12-section-meta strong[b-lpunjqp5q6] {
    color: var(--g-text);
    font-family: "DM Mono", Consolas, Monaco, monospace;
}

/* Tablas: orders (compacta, alta) y tasks (ancha) */
.lt12-table-wrap[b-lpunjqp5q6] {
    overflow-x: auto;
    overflow-y: auto;
    background: var(--g-surface);
}

.lt12-table-wrap.orders[b-lpunjqp5q6] { max-height: calc(40vh - 80px); min-height: 180px; }
.lt12-table-wrap.tasks[b-lpunjqp5q6] { max-height: calc(60vh - 80px); min-height: 220px; }
.lt12-table-wrap.tasks-only[b-lpunjqp5q6] { max-height: calc(100vh - 280px); min-height: 240px; }

.lt12-table-wrap[b-lpunjqp5q6]::-webkit-scrollbar { height: 10px; width: 10px; }
.lt12-table-wrap[b-lpunjqp5q6]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.lt12-table-wrap[b-lpunjqp5q6]::-webkit-scrollbar-track { background: var(--g-border); }

.lt12-table[b-lpunjqp5q6] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.lt12-table.tasks[b-lpunjqp5q6] { min-width: 2400px; }

.lt12-table th[b-lpunjqp5q6] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.lt12-table td[b-lpunjqp5q6] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.lt12-table tbody tr td[b-lpunjqp5q6] { background: var(--g-surface); }
.lt12-table tbody tr:nth-child(even) td[b-lpunjqp5q6] { background: var(--g-surface-sub); }
.lt12-table tbody tr:hover td[b-lpunjqp5q6] { background: var(--g-selected-bg); cursor: pointer; }
.lt12-table tr.selected td[b-lpunjqp5q6] { background: var(--g-selected-bg) !important; box-shadow: inset 3px 0 0 var(--g-create); }

.lt12-table .mono[b-lpunjqp5q6] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.lt12-table .num[b-lpunjqp5q6] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.lt12-table .ctr[b-lpunjqp5q6] { text-align: center; }
.lt12-table .col-check[b-lpunjqp5q6] { width: 32px; text-align: center; padding: 4px 0; }
.lt12-table .col-check input[b-lpunjqp5q6] { cursor: pointer; }

.lt12-empty-row[b-lpunjqp5q6] {
    text-align: center;
    color: var(--g-text-muted);
    padding: 14px !important;
    font-style: italic;
}

.lt12-col-description[b-lpunjqp5q6] {
    min-width: 280px;
    max-width: 380px;
    white-space: normal !important;
    line-height: 1.4;
    font-weight: 500;
}

/* ── Chips / Badges ── */
.lt12-chip[b-lpunjqp5q6] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

.lt12-chip.soft[b-lpunjqp5q6] { background: var(--g-info-bg); color: var(--g-info); }
.lt12-chip.warn[b-lpunjqp5q6] { background: var(--g-warn-bg); color: var(--g-warn); }
.lt12-chip.ok[b-lpunjqp5q6] { background: var(--g-ok-bg); color: var(--g-ok); }
.lt12-chip.error[b-lpunjqp5q6] { background: var(--g-err-bg); color: var(--g-err); }

/* ── Buttons (texto + icon + icon-only) ── */
.lt12-btn[b-lpunjqp5q6] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.lt12-btn.primary[b-lpunjqp5q6] { background: var(--g-create); color: var(--accent-contrast); }
.lt12-btn.secondary[b-lpunjqp5q6] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.lt12-btn.danger[b-lpunjqp5q6] { background: var(--g-err); color: var(--accent-contrast); }
.lt12-btn:disabled[b-lpunjqp5q6] { opacity: .4; cursor: not-allowed; }
.lt12-btn:hover:not(:disabled)[b-lpunjqp5q6] { filter: brightness(.93); }

.lt12-icon-btn[b-lpunjqp5q6] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.lt12-icon-btn:hover:not(:disabled)[b-lpunjqp5q6] {
    background: var(--g-selected-bg);
    border-color: var(--g-info);
    color: var(--g-info);
}

.lt12-icon-btn.primary[b-lpunjqp5q6] {
    background: var(--g-create);
    border-color: var(--g-create);
    color: var(--accent-contrast);
}

.lt12-icon-btn.primary:hover:not(:disabled)[b-lpunjqp5q6] {
    filter: brightness(.93);
    background: var(--g-create);
    color: var(--accent-contrast);
}

.lt12-icon-btn.danger[b-lpunjqp5q6] {
    background: var(--g-surface);
    border-color: var(--g-err);
    color: var(--g-err);
}

.lt12-icon-btn.danger:hover:not(:disabled)[b-lpunjqp5q6] {
    background: var(--g-err);
    color: var(--accent-contrast);
}

.lt12-icon-btn.success[b-lpunjqp5q6] {
    background: var(--g-surface);
    border-color: var(--g-ok);
    color: var(--g-ok);
}

.lt12-icon-btn.success:hover:not(:disabled)[b-lpunjqp5q6] {
    background: var(--g-ok);
    color: var(--accent-contrast);
}

.lt12-icon-btn:disabled[b-lpunjqp5q6] {
    opacity: .35;
    cursor: not-allowed;
}

.lt12-icon-btn svg[b-lpunjqp5q6] { display: block; }

/* Selection summary (debajo del grid de tasks) */
.lt12-selection-bar[b-lpunjqp5q6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: var(--g-surface-sub);
    border-top: 1px solid var(--g-border);
    font-size: 11px;
    color: var(--g-text-sec);
}

.lt12-selection-bar .lt12-check[b-lpunjqp5q6] { height: auto; }
.lt12-selection-bar strong[b-lpunjqp5q6] { color: var(--g-text); font-family: "DM Mono", Consolas, Monaco, monospace; }

/* ── Empty state (sin order seleccionada) ── */
.lt12-empty-state[b-lpunjqp5q6] {
    padding: 32px 16px;
    text-align: center;
    color: var(--g-text-muted);
    font-size: 12px;
    background: var(--g-surface-sub);
}

.lt12-empty-state svg[b-lpunjqp5q6] {
    display: block;
    margin: 0 auto 8px;
    color: var(--g-text-muted);
    opacity: .5;
}

/* ── Overlay / Popup (assign / unassign) ── */
.lt12-overlay[b-lpunjqp5q6] {
    position: fixed;
    inset: 0;
    background: var(--overlay-scrim);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lt12-popup[b-lpunjqp5q6] {
    background: var(--g-surface);
    border-radius: 8px;
    padding: 16px;
    min-width: 320px;
    max-width: 460px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--g-border-strong);
}

.lt12-popup-title[b-lpunjqp5q6] {
    font-size: 13px;
    font-weight: 700;
    color: var(--g-text);
    margin-bottom: 10px;
}

.lt12-popup-text[b-lpunjqp5q6] {
    font-size: 12px;
    color: var(--g-text);
    margin: 8px 0 12px;
    line-height: 1.5;
}

.lt12-form-grid[b-lpunjqp5q6] {
    display: grid;
    gap: 10px;
}

.lt12-popup-actions[b-lpunjqp5q6] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 12px;
}

/* ── Utility ── */
.mono[b-lpunjqp5q6] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-lpunjqp5q6] { text-align: center; }
.num[b-lpunjqp5q6] { text-align: right; }
.bold[b-lpunjqp5q6] { font-weight: 700; }

/* ── Responsive ── */
@media (max-width: 960px) {
    .lt12-row[b-lpunjqp5q6] { grid-template-columns: 1fr; }
    .lt12-summary-strip[b-lpunjqp5q6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lt12-table-wrap.orders[b-lpunjqp5q6] { max-height: 30vh; }
    .lt12-table-wrap.tasks[b-lpunjqp5q6] { max-height: 50vh; }
}

@media (max-width: 600px) {
    .lt12-summary-strip[b-lpunjqp5q6] { grid-template-columns: 1fr 1fr; }
    .lt12-results-bar[b-lpunjqp5q6] { flex-direction: column; }
    .lt12-results-actions[b-lpunjqp5q6] { width: 100%; justify-content: flex-end; }
}
/* /Pages/WM/WarehouseTasks/LT22_BinMovementTrace.razor.rz.scp.css */
.lt22[b-iarx2y4e23] {
    padding: 12px;
    background: var(--g-surface-sec);
    color: var(--g-text);
    font-size: 12px;
}

.lt22-message[b-iarx2y4e23] {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid;
}

.lt22-message-success[b-iarx2y4e23] { background: var(--g-ok-bg); border-color: var(--g-ok-border); color: var(--g-ok); }
.lt22-message-warning[b-iarx2y4e23] { background: var(--g-warn-bg); border-color: var(--g-warn-border); color: var(--g-warn); }
.lt22-message-error[b-iarx2y4e23] { background: var(--g-err-bg); border-color: var(--g-err-border); color: var(--g-err); }

.lt22-filter-screen[b-iarx2y4e23] {
    padding: 20px 24px;
    max-width: 640px;
    margin: 0 auto;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lt22-filter-title[b-iarx2y4e23] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.lt22-filter-hint[b-iarx2y4e23] { font-size: 11px; color: var(--g-text-sec); margin-bottom: 16px; }
.lt22-filter-form[b-iarx2y4e23] { display: grid; gap: 10px; }
.lt22-row[b-iarx2y4e23] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lt22-field[b-iarx2y4e23] { display: grid; gap: 3px; }

.lt22-field > label[b-iarx2y4e23] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lt22-control[b-iarx2y4e23] {
    width: 100%;
    min-height: 30px;
    border: 1px solid var(--g-border-strong);
    border-radius: 4px;
    background: var(--g-surface);
    color: var(--g-text);
    padding: 4px 8px;
    font: inherit;
    font-size: 11px;
    box-sizing: border-box;
}

.lt22-control:focus[b-iarx2y4e23] { outline: none; border-color: var(--g-info); box-shadow: 0 0 0 2px var(--g-focus-ring); }
.lt22-filter-actions[b-iarx2y4e23] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.lt22-results[b-iarx2y4e23] {
    padding: 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
}

.lt22-results-bar[b-iarx2y4e23] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.lt22-results-actions[b-iarx2y4e23] { display: flex; gap: 6px; }

.lt22-summary-strip[b-iarx2y4e23] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
    flex: 1;
}

.lt22-summary-strip > div[b-iarx2y4e23] {
    padding: 8px 10px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sub) 100%);
    display: grid;
    gap: 3px;
}

.lt22-summary-strip span[b-iarx2y4e23] {
    font-size: 10px;
    font-weight: 700;
    color: var(--g-text-sec);
    text-transform: uppercase;
}

.lt22-summary-strip strong[b-iarx2y4e23] { color: var(--g-text); font-size: 12px; }

.lt22-table-wrap[b-iarx2y4e23] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid var(--g-border-strong);
    border-radius: 8px;
    background: var(--g-surface);
    box-shadow: inset 0 1px 0 var(--surface-highlight);
}

.lt22-table-wrap[b-iarx2y4e23]::-webkit-scrollbar { height: 10px; width: 10px; }
.lt22-table-wrap[b-iarx2y4e23]::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.lt22-table-wrap[b-iarx2y4e23]::-webkit-scrollbar-track { background: var(--g-border); }

.lt22-table[b-iarx2y4e23] {
    width: max-content;
    min-width: 2800px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.lt22-table th[b-iarx2y4e23] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    background: linear-gradient(180deg, var(--g-surface-sub) 0%, var(--g-surface-sec) 100%);
    border-bottom: 1px solid var(--g-border-strong);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--g-text-sec);
    letter-spacing: .05em;
    white-space: nowrap;
}

.lt22-table td[b-iarx2y4e23] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--g-text);
}

.lt22-table tbody tr:nth-child(odd) td[b-iarx2y4e23] { background: var(--g-surface-sub); }
.lt22-table tbody tr:nth-child(even) td[b-iarx2y4e23] { background: var(--g-surface-sub); }
.lt22-table tbody tr:hover td[b-iarx2y4e23] { background: var(--g-selected-bg); }
.lt22-empty-row[b-iarx2y4e23] { text-align: center; color: var(--g-text-muted); padding: 14px !important; }

.lt22-chip[b-iarx2y4e23] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.lt22-chip.ok[b-iarx2y4e23] { background: var(--g-ok-bg); color: var(--g-ok); }
.lt22-chip.warning[b-iarx2y4e23] { background: var(--g-warn-bg); color: var(--g-warn); }
.lt22-chip.error[b-iarx2y4e23] { background: var(--g-err-bg); color: var(--g-err); }
.lt22-chip.soft[b-iarx2y4e23] { background: var(--g-info-bg); color: var(--g-info); }

.lt22-btn[b-iarx2y4e23] {
    height: 28px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}

.lt22-btn.primary[b-iarx2y4e23] { background: var(--g-create); color: var(--accent-contrast); }
.lt22-btn.secondary[b-iarx2y4e23] { background: var(--g-surface); border-color: var(--g-border-strong); color: var(--g-text); }
.lt22-btn:disabled[b-iarx2y4e23] { opacity: .4; cursor: not-allowed; }
.lt22-btn:hover:not(:disabled)[b-iarx2y4e23] { filter: brightness(.93); }

.mono[b-iarx2y4e23] { font-family: "DM Mono", Consolas, Monaco, monospace; }
.ctr[b-iarx2y4e23] { text-align: center; }
.num[b-iarx2y4e23] { text-align: right; font-family: "DM Mono", Consolas, Monaco, monospace; }
.bold[b-iarx2y4e23] { font-weight: 700; }

@media (max-width: 860px) {
    .lt22-row[b-iarx2y4e23] { grid-template-columns: 1fr; }
    .lt22-summary-strip[b-iarx2y4e23] { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
/* /Shared/Components/DropshipDocumentFlowPanel.razor.rz.scp.css */
.ds-flow[b-sufu6igchx] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    margin: 10px 0 14px;
}

.ds-flow-head[b-sufu6igchx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-sec);
}

.ds-flow-head strong[b-sufu6igchx] {
    color: var(--g-text);
    font-size: 13px;
}

.ds-flow-head span[b-sufu6igchx],
.ds-flow-muted[b-sufu6igchx],
.ds-flow-empty[b-sufu6igchx] {
    color: var(--g-text-muted);
    font-size: 11px;
}

.ds-flow-empty[b-sufu6igchx] {
    padding: 18px 12px;
    text-align: center;
    font-style: italic;
}

.ds-flow-wrap[b-sufu6igchx] {
    overflow: auto;
}

.ds-flow-table[b-sufu6igchx] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
    font-size: 12px;
}

.ds-flow-table th[b-sufu6igchx] {
    background: var(--g-surface-sec);
    border-bottom: 1px solid var(--g-border-strong);
    color: var(--g-text-sec);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 7px 9px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.ds-flow-table td[b-sufu6igchx] {
    border-bottom: 1px solid var(--g-border);
    color: var(--g-text);
    padding: 7px 9px;
    vertical-align: top;
}

.ds-flow-table tbody tr:hover td[b-sufu6igchx] {
    background: var(--g-surface-sec);
}

.ds-flow-node.level-0 td[b-sufu6igchx] {
    background: color-mix(in srgb, var(--g-surface-sec) 74%, transparent);
    font-weight: 600;
}

.ds-flow-node.level-1 .ds-flow-doc[b-sufu6igchx] {
    padding-left: 18px;
}

.ds-flow-node.level-2 .ds-flow-doc[b-sufu6igchx] {
    padding-left: 38px;
}

.ds-flow-doc[b-sufu6igchx] {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    min-width: 0;
}

.ds-flow-tree-mark[b-sufu6igchx] {
    color: var(--g-text-muted);
    font-family: var(--g-mono-font, ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace);
    min-width: 18px;
}

.ds-flow-doc-type[b-sufu6igchx] {
    white-space: nowrap;
}

.ds-flow-table .num[b-sufu6igchx] {
    text-align: right;
}

.ds-flow-chip[b-sufu6igchx],
.ds-flow-status[b-sufu6igchx] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    margin: 0 3px 3px 0;
    padding: 3px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ds-flow-chip[b-sufu6igchx] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}

.ds-flow-status.ok[b-sufu6igchx] {
    background: var(--g-ok-bg);
    color: var(--g-ok);
}

.ds-flow-status.warn[b-sufu6igchx] {
    background: var(--g-warn-bg);
    color: var(--g-warn);
}

.ds-flow-status.pending[b-sufu6igchx] {
    background: var(--g-err-bg);
    color: var(--g-err);
}

.ds-flow-status.neutral[b-sufu6igchx] {
    background: var(--g-surface-sec);
    color: var(--g-text-sec);
}
/* /Shared/Components/GouraDocumentFlow.razor.rz.scp.css */
/* GouraDocumentFlow — Belegfluss. Tokens themes.css + color-mix para tints/rings
   DERIVADOS del color de estado: nítido y con contraste en los 6 temas (claro y
   oscuro), sin depender de los *-bg crudos (turbios en algunos temas). */

.gdf-wrap[b-zbevw9mesh]{ background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; }

.gdf-toolbar[b-zbevw9mesh]{ display:flex; align-items:center; gap:10px; padding:11px 16px; background:var(--surface-sunken); border-bottom:1px solid var(--border); flex-wrap:wrap; }
.gdf-legend[b-zbevw9mesh]{ display:flex; gap:15px; flex-wrap:wrap; font-size:12px; color:var(--text-muted); }
.gdf-legend span[b-zbevw9mesh]{ display:inline-flex; align-items:center; gap:7px; font-weight:500; }
.gdf-dot[b-zbevw9mesh]{ width:9px; height:9px; border-radius:50%; background:var(--st,var(--text-muted)); box-shadow:0 0 0 3px color-mix(in srgb, var(--st,var(--text-muted)) 16%, transparent); }
.gdf-fill[b-zbevw9mesh]{ flex:1 1 auto; min-width:6px; }
.gdf-lnk[b-zbevw9mesh]{ border:1px solid var(--border); background:var(--surface); color:var(--text-muted); border-radius:8px; padding:6px 11px; font-size:12px; font-weight:600; cursor:pointer; transition:color .15s ease, border-color .15s ease, background .15s ease; }
.gdf-lnk:hover[b-zbevw9mesh]{ color:var(--accent); border-color:color-mix(in srgb, var(--accent) 45%, var(--border)); background:color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.gdf-body[b-zbevw9mesh]{ padding:14px 16px 18px; }
.gdf-empty[b-zbevw9mesh]{ color:var(--text-muted); font-size:13px; text-align:center; padding:24px; }

/* estado -> color vivo; los tints/rings se derivan con color-mix (ver .gdf-ic / .gdf-bdg) */
.gdf-st-done[b-zbevw9mesh]{ --st:var(--g-ok); }
.gdf-st-progress[b-zbevw9mesh]{ --st:var(--g-warn); }
.gdf-st-pending[b-zbevw9mesh]{ --st:var(--text-muted); }
.gdf-st-info[b-zbevw9mesh]{ --st:var(--g-info); }
.gdf-st-error[b-zbevw9mesh]{ --st:var(--g-err); }

/* arbol */
ul.gdf-tree[b-zbevw9mesh], ul.gdf-tree ul[b-zbevw9mesh]{ list-style:none; margin:0; padding:0; }
ul.gdf-tree ul[b-zbevw9mesh]{ margin-left:15px; }
ul.gdf-tree li[b-zbevw9mesh]{ position:relative; padding-left:26px; }
ul.gdf-tree li[b-zbevw9mesh]::before{ content:""; position:absolute; left:0; top:0; bottom:0; border-left:1.5px solid var(--border); }
ul.gdf-tree li[b-zbevw9mesh]::after{ content:""; position:absolute; left:0; top:24px; width:18px; border-top:1.5px solid var(--border); }
ul.gdf-tree li:last-child[b-zbevw9mesh]::before{ height:24px; }
ul.gdf-tree > li[b-zbevw9mesh]{ padding-left:0; }
ul.gdf-tree > li[b-zbevw9mesh]::before, ul.gdf-tree > li[b-zbevw9mesh]::after{ display:none; }
li.gdf-collapsed > ul[b-zbevw9mesh]{ display:none; }

.gdf-node[b-zbevw9mesh]{ display:flex; align-items:center; gap:11px; min-height:40px; padding:4px 8px 4px 4px; border-radius:10px; margin:2px 0; transition:background .12s ease; }
/* hover universal: mezcla hacia --text -> oscurece en temas claros, aclara en oscuros */
.gdf-node:hover[b-zbevw9mesh]{ background:color-mix(in srgb, var(--text) 6%, var(--surface)); }

.gdf-tw[b-zbevw9mesh]{ flex:0 0 18px; height:18px; display:inline-flex; align-items:center; justify-content:center; border:none; background:transparent; color:var(--text-muted); cursor:pointer; padding:0; border-radius:5px; transition:background .12s ease, color .12s ease; }
.gdf-tw:hover[b-zbevw9mesh]{ background:color-mix(in srgb, var(--text) 10%, var(--surface)); color:var(--text); }
.gdf-tw svg[b-zbevw9mesh]{ width:13px; height:13px; transform:rotate(90deg); transition:transform .15s ease; }
li.gdf-collapsed > .gdf-node .gdf-tw svg[b-zbevw9mesh]{ transform:rotate(0deg); }
.gdf-tw.gdf-leaf[b-zbevw9mesh]{ visibility:hidden; cursor:default; }

/* chip de icono por tipo de documento: tint + ring derivados del color de estado */
.gdf-ic[b-zbevw9mesh]{ flex:0 0 32px; height:32px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
         color:var(--st,var(--text-muted));
         background:color-mix(in srgb, var(--st,var(--text-muted)) 13%, var(--surface));
         border:1px solid color-mix(in srgb, var(--st,var(--text-muted)) 30%, var(--surface)); }
.gdf-ic svg[b-zbevw9mesh]{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }

.gdf-lbl[b-zbevw9mesh]{ display:flex; align-items:baseline; gap:9px; min-width:0; }
.gdf-ty[b-zbevw9mesh]{ font-weight:600; color:var(--text); white-space:nowrap; }
.gdf-no[b-zbevw9mesh]{ font-family:ui-monospace, SFMono-Regular, 'Consolas', Menlo, monospace; font-size:12.5px; color:var(--text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.gdf-dt[b-zbevw9mesh]{ font-family:ui-monospace, SFMono-Regular, 'Consolas', Menlo, monospace; font-size:12px; color:var(--text-muted); white-space:nowrap; }
.gdf-bdg[b-zbevw9mesh]{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; padding:3px 10px; border-radius:999px; white-space:nowrap;
          color:var(--st,var(--text-muted));
          background:color-mix(in srgb, var(--st,var(--text-muted)) 12%, var(--surface));
          border:1px solid color-mix(in srgb, var(--st,var(--text-muted)) 26%, var(--surface)); }
.gdf-bdg i[b-zbevw9mesh]{ width:7px; height:7px; border-radius:50%; background:currentColor; }
.gdf-open[b-zbevw9mesh]{ flex:0 0 28px; height:28px; border:none; background:transparent; color:var(--text-muted); border-radius:7px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; opacity:0; transition:opacity .12s ease, background .12s ease, color .12s ease; }
.gdf-node:hover .gdf-open[b-zbevw9mesh]{ opacity:1; }
.gdf-open:hover[b-zbevw9mesh]{ background:color-mix(in srgb, var(--accent) 14%, var(--surface)); color:var(--accent); }
.gdf-open svg[b-zbevw9mesh]{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

@media(max-width:560px){ .gdf-dt[b-zbevw9mesh]{ display:none; } }
/* /Shared/Components/GouraDocumentFlowOverlay.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   GouraDocumentFlowOverlay — overlay SCOPED del flujo de documentos.
   position:absolute -> se ancla al contenedor relativo de la transaccion
   (.ws-txn-instance-body / root de pagina), NUNCA al viewport completo, asi el
   flujo queda contenido en la ventana de la transaccion (nav/tabs/topbar libres).
   Token-only (themes.css). Las sombras rgba siguen el mismo patron que
   .zsf10-modal / loading.css (sombras, no color de tema).
   ═══════════════════════════════════════════════════════════════════════════ */
.gdfo-ov[b-yasvbp0nso] {
    position: absolute;
    inset: 0;
    z-index: 70;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 38px 16px 16px;
    overflow: auto;
    background: color-mix(in srgb, var(--g-nav) 58%, transparent);
    -webkit-backdrop-filter: blur(5px) saturate(115%);
            backdrop-filter: blur(5px) saturate(115%);
    animation: gdfoIn-b-yasvbp0nso .2s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes gdfoIn-b-yasvbp0nso {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.gdfo-panel[b-yasvbp0nso] {
    width: min(780px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--g-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .4);
}

.gdfo-head[b-yasvbp0nso] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding: 13px 16px;
    border-bottom: 1px solid var(--g-border);
    background: var(--surface);
}

.gdfo-titles[b-yasvbp0nso] { flex: 1; min-width: 0; }
.gdfo-title[b-yasvbp0nso] { font-size: 15px; font-weight: 700; color: var(--g-text); }
.gdfo-sub[b-yasvbp0nso] {
    font-size: 12px;
    color: var(--g-text-muted);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gdfo-x[b-yasvbp0nso] {
    appearance: none;
    cursor: pointer;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid var(--g-border);
    background: var(--surface);
    color: var(--g-text-sec);
    font-size: 14px;
    line-height: 1;
    transition: border-color .15s ease, color .15s ease;
}
.gdfo-x:hover[b-yasvbp0nso] { border-color: var(--g-err); color: var(--g-err); }

.gdfo-body[b-yasvbp0nso] {
    padding: 6px 12px 12px;
    overflow: auto;
}
.gdfo-msg[b-yasvbp0nso] { padding: 18px; font-size: 13px; color: var(--g-text-muted); }
.gdfo-err[b-yasvbp0nso] { color: var(--g-err); }
/* /Shared/SmartCombo.razor.rz.scp.css */
/* SmartCombo: auto-colapsa a input readonly cuando hay 1 sola opcion. */

.smart-combo-empty[b-w2vy8xhuxl] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    color: var(--g-text-muted, #888);
    font-size: 11px;
    font-style: italic;
    border: 1px dashed var(--g-border-strong, #2d3e50);
    background: var(--g-surface-sub, transparent);
}

.smart-combo-locked[b-w2vy8xhuxl] {
    background: var(--g-surface-sub, #1a2233);
    color: var(--g-text-sec, #c0c0c0);
    cursor: default;
}
/* /Shared/Transactions/GouraTransactionMessages.razor.rz.scp.css */
.gtrx-messages[b-ia781f71c6] {
    display: grid;
    gap: 6px;
    margin: 0 0 12px;
}

.gtrx-message[b-ia781f71c6] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-left-width: 3px;
    background: var(--surface);
    color: var(--text);
    font-size: 12px;
}

.gtrx-message.info[b-ia781f71c6] {
    border-left-color: var(--accent);
}

.gtrx-message.success[b-ia781f71c6] {
    border-left-color: var(--success);
}

.gtrx-message.warning[b-ia781f71c6] {
    border-left-color: var(--warning);
}

.gtrx-message.error[b-ia781f71c6] {
    border-left-color: var(--danger);
}

.gtrx-message-scope[b-ia781f71c6] {
    min-width: 42px;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

/* /Shared/Transactions/GouraTransactionPlaceholder.razor.rz.scp.css */
.gtrx-placeholder-chip[b-grvwfedyc1] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    border: 1px solid var(--border);
    background: var(--surface-highlight);
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.gtrx-placeholder-body[b-grvwfedyc1] {
    display: grid;
    gap: 6px;
    min-height: 110px;
    padding: 18px;
    border: 1px dashed var(--border);
    background: var(--surface);
}

.gtrx-placeholder-body strong[b-grvwfedyc1] {
    color: var(--accent);
    font-size: 20px;
}

.gtrx-placeholder-body span[b-grvwfedyc1] {
    color: var(--text-muted);
}

/* /Shared/Transactions/GouraTransactionShell.razor.rz.scp.css */
.gtrx-shell[b-9w89tmos1s] {
    display: grid;
    gap: 12px;
    width: 100%;
    color: var(--text);
    position: relative;
}

.gtrx-shell.busy[b-9w89tmos1s] {
    cursor: progress;
}

/* El overlay de carga branded (GouraBusyOverlay / .g-busy) se ancla a .gtrx-shell
   (position:relative) → queda scoped a la transaccion. Reemplaza al spinner chico
   para unificar la "G" en todas las pantallas que pasan IsBusy= al shell. */

.gtrx-head[b-9w89tmos1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.gtrx-head-main[b-9w89tmos1s] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.gtrx-code[b-9w89tmos1s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 30px;
    padding: 0 9px;
    border: 1px solid var(--border);
    background: var(--surface-highlight);
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
}

.gtrx-head h2[b-9w89tmos1s] {
    margin: 0;
    color: var(--text);
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0;
}

.gtrx-head p[b-9w89tmos1s] {
    margin: 2px 0 0;
    color: var(--text-muted);
    font-size: 12px;
}

.gtrx-head-meta[b-9w89tmos1s],
.gtrx-toolbar[b-9w89tmos1s],
.gtrx-footer[b-9w89tmos1s] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gtrx-head-meta span[b-9w89tmos1s] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    border: 1px solid var(--border);
    background: var(--surface-highlight);
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.gtrx-toolbar[b-9w89tmos1s],
.gtrx-status[b-9w89tmos1s],
.gtrx-footer[b-9w89tmos1s] {
    padding: 8px 10px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.gtrx-body[b-9w89tmos1s] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.gtrx-body.single[b-9w89tmos1s] {
    grid-template-columns: minmax(0, 1fr);
}

.gtrx-body.with-aside[b-9w89tmos1s] {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
}

.gtrx-body main[b-9w89tmos1s],
.gtrx-body aside[b-9w89tmos1s] {
    min-width: 0;
}

@media (max-width: 900px) {
    .gtrx-head[b-9w89tmos1s] {
        align-items: flex-start;
        flex-direction: column;
    }

    .gtrx-body.with-aside[b-9w89tmos1s] {
        grid-template-columns: minmax(0, 1fr);
    }
}