/* _content/Rubik.P2P.Web/Components/GateEntry/AsnQuantityActionDialog.razor.rz.scp.css */
.dialog-intro[b-rke68tc3ar] { margin:0 0 14px; color:#66758c; }
.quantity-grid[b-rke68tc3ar] { display:grid; grid-template-columns:minmax(190px,1.5fr) 90px repeat(2,minmax(105px,1fr)); align-items:center; gap:12px; padding:9px 4px; border-bottom:1px solid #edf0f4; }
.quantity-grid.header[b-rke68tc3ar] { padding-top:0; color:#77859a; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.45px; }
.line-name[b-rke68tc3ar] { display:flex; min-width:0; flex-direction:column; }
.line-name strong[b-rke68tc3ar] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.line-name small[b-rke68tc3ar] { margin-top:2px; color:#78869a; }
.quantity-grid[b-rke68tc3ar]  .mud-input-control { margin:0; }
@media (max-width:600px) { .quantity-grid[b-rke68tc3ar] { grid-template-columns:1fr 80px; }.quantity-grid.header[b-rke68tc3ar] { display:none; }.quantity-grid[b-rke68tc3ar]  .mud-input-control { grid-column:1/-1; } }
/* _content/Rubik.P2P.Web/Components/GateEntry/AsnRegister.razor.rz.scp.css */
.asn-register[b-xl0ldp1rnj] { padding:24px; color:#14243b; background:#f5f7fb; border-radius:16px; }
header[b-xl0ldp1rnj] { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px; margin-bottom:20px; background:white; border:1px solid #dfe6ef; border-left:4px solid #2764e7; border-radius:12px; }
h1[b-xl0ldp1rnj] { font-size:24px; font-weight:700; margin:0 0 4px; }
p[b-xl0ldp1rnj], small[b-xl0ldp1rnj] { color:#66758c; }
.page-links[b-xl0ldp1rnj] { display:flex; gap:8px; }
form[b-xl0ldp1rnj] { display:flex; align-items:center; gap:16px; max-width:700px; padding:20px; background:white; border:1px solid #dfe6ef; border-radius:12px; margin-bottom:20px; }
form[b-xl0ldp1rnj]  .mud-input-control { flex:1; }
.table-wrap[b-xl0ldp1rnj] { overflow:auto; border:1px solid #dfe6ef; border-radius:12px; background:white; }
table[b-xl0ldp1rnj] { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
th[b-xl0ldp1rnj] { padding:14px; font-size:11px; text-transform:uppercase; color:#66758c; background:#edf3fb; white-space:nowrap; }
td[b-xl0ldp1rnj] { padding:16px 14px; border-top:1px solid #edf0f4; }
tbody tr[b-xl0ldp1rnj] { cursor:pointer; }
tbody tr:hover[b-xl0ldp1rnj] { background:#f0f5ff; }
a[b-xl0ldp1rnj] { color:#2059cc; font-weight:700; white-space:nowrap; }
a:focus-visible[b-xl0ldp1rnj] { outline:2px solid #2764e7; outline-offset:4px; }
small[b-xl0ldp1rnj] { display:block; margin-top:3px; }
.milestone[b-xl0ldp1rnj] { display:inline-block; padding:5px 8px; border-radius:6px; color:#226444; background:#eaf7ef; white-space:nowrap; }
footer[b-xl0ldp1rnj] { display:flex; align-items:center; justify-content:space-between; padding:12px 0; }
.empty[b-xl0ldp1rnj] { text-align:center; padding:48px; background:white; border:1px dashed #ccd6e4; border-radius:12px; }
.match-hint[b-xl0ldp1rnj] { margin:12px 0; }
@media(max-width:760px) { .asn-register[b-xl0ldp1rnj] { padding:12px; } header[b-xl0ldp1rnj] { flex-direction:column; align-items:flex-start; } form[b-xl0ldp1rnj] { align-items:stretch; flex-direction:column; } }

/* Match the Bony creation page, including links rendered as buttons. */
.asn-register[b-xl0ldp1rnj]  .mud-button-root { opacity:1; }
.asn-register[b-xl0ldp1rnj]  .mud-button-root .mud-button-label,
.asn-register[b-xl0ldp1rnj]  .mud-button-root .mud-button-icon { color:inherit; }
.asn-register[b-xl0ldp1rnj]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled) {
    color:#fff !important; background-color:#245dde !important;
    box-shadow:0 3px 8px rgba(36,93,222,.2);
}
.asn-register[b-xl0ldp1rnj]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover { background-color:#1c4bb8 !important; }
.asn-register[b-xl0ldp1rnj]  .mud-button-outlined:not(:disabled):not(.mud-disabled) {
    color:#2458c5 !important; border-color:#9cb8f2 !important; background-color:#fff !important;
}
.asn-register[b-xl0ldp1rnj]  .mud-button-outlined:not(:disabled):not(.mud-disabled):hover { background-color:#edf3ff !important; border-color:#2458c5 !important; }
.asn-register[b-xl0ldp1rnj]  .mud-button-text:not(:disabled):not(.mud-disabled) { color:#334155 !important; }
.asn-register[b-xl0ldp1rnj]  .mud-button-text-primary:not(:disabled):not(.mud-disabled) { color:#2458c5 !important; }
.asn-register[b-xl0ldp1rnj]  .mud-button-text:not(:disabled):not(.mud-disabled):hover { background-color:#edf3ff !important; }
.asn-register[b-xl0ldp1rnj]  .mud-button-root:disabled,
.asn-register[b-xl0ldp1rnj]  .mud-button-root.mud-disabled {
    color:#64748b !important; background-color:#e8edf4 !important;
    border-color:#cbd5e1 !important; box-shadow:none !important; cursor:not-allowed;
}
.asn-register[b-xl0ldp1rnj]  .mud-button-root:focus-visible { outline:3px solid #245dde; outline-offset:3px; }

.asn-register[b-xl0ldp1rnj]  .mud-button-root { min-height:38px; border-radius:8px; font-weight:700; }
.asn-register form[b-xl0ldp1rnj]  .mud-input-label { color:#52647e; }
.asn-register form[b-xl0ldp1rnj]  .mud-input-control:focus-within .mud-input-label { color:#2458c5 !important; }
.asn-register form[b-xl0ldp1rnj]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color:#245dde !important; }
/* _content/Rubik.P2P.Web/Components/GateEntry/BonyVendorManage.razor.rz.scp.css */
.vendor-page[b-rl9f2s98le] { width: 100%; max-width: none; min-height: calc(100dvh - 80px); margin: 0; padding: 20px 20px 24px; box-sizing: border-box; background: #f5f7fb; color: #243044; }
.vendor-heading[b-rl9f2s98le] { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 18px; }
.vendor-eyebrow[b-rl9f2s98le] { color: #b72f35; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.vendor-heading h1[b-rl9f2s98le] { font-size: clamp(24px, 2.2vw, 30px); font-weight: 700; letter-spacing: -.035em; margin: 7px 0 8px; }
.vendor-heading p[b-rl9f2s98le], .vendor-panel p[b-rl9f2s98le] { color: #738094; font-size: 14px; margin: 0; line-height: 1.6; }
.vendor-total[b-rl9f2s98le] { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e5e8ee; padding: 14px 18px; border-radius: 14px; font-size: 13px; color: #738094; white-space: nowrap; }
.vendor-total strong[b-rl9f2s98le] { color: #243044; font-size: 20px; margin-right: 5px; }
.vendor-total[b-rl9f2s98le]  .mud-icon-root { color: #b72f35; }
.vendor-panel[b-rl9f2s98le] { background: #fff; border: 1px solid #e5e8ee; border-radius: 14px; padding: 20px; margin-bottom: 18px; box-shadow: 0 5px 22px rgba(27, 42, 65, .045); }
.vendor-section-heading[b-rl9f2s98le] { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.vendor-section-icon[b-rl9f2s98le] { width: 44px; height: 44px; display: grid; place-items: center; background: #fff0f0; color: #b72f35; border-radius: 12px; flex-shrink: 0; }
.vendor-panel h2[b-rl9f2s98le] { font-size: 18px; font-weight: 650; margin: 0 0 4px; letter-spacing: -.02em; }
.vendor-actions[b-rl9f2s98le] { display: flex; justify-content: flex-end; align-items: center; gap: 12px; border-top: 1px solid #eef0f4; margin-top: 16px; padding-top: 12px; }
.vendor-page[b-rl9f2s98le]  .mud-button-root { border-radius: 9px; text-transform: none; font-weight: 600; padding: 10px 20px; }
.vendor-page[b-rl9f2s98le]  .vendor-save { box-shadow: none; }
.vendor-page[b-rl9f2s98le]  .mud-input-outlined-border { border-radius: 10px; }
.vendor-page[b-rl9f2s98le]  .mud-input-helper-text { margin-top: 7px; font-size: 12px; }
.vendor-page[b-rl9f2s98le]  .vendor-email-select input,
.vendor-page[b-rl9f2s98le]  .vendor-email-select .mud-input-label { color: #000; }
.vendor-progress[b-rl9f2s98le] { margin-bottom: 18px; }
.vendor-records[b-rl9f2s98le] { padding: 0; overflow: hidden; }
.vendor-records-heading[b-rl9f2s98le] { padding: 18px 20px 14px; }
.vendor-count[b-rl9f2s98le] { display: inline-block; vertical-align: middle; margin-left: 8px; background: #f1f3f7; border-radius: 7px; padding: 3px 8px; font-size: 12px; color: #657287; }
.vendor-page[b-rl9f2s98le]  .vendor-table .mud-table-head .mud-table-cell { background: #f8f9fc; color: #738094; font-size: 12px; font-weight: 600; border-top: 1px solid #edf0f5; padding: 12px 20px; }
.vendor-page[b-rl9f2s98le]  .vendor-table .mud-table-body .mud-table-cell { padding: 12px 20px; border-bottom: 1px solid #eef0f4; color: #344157; font-size: 14px; }
.vendor-page[b-rl9f2s98le]  .vendor-table .mud-table-body .mud-table-row { cursor: pointer; }
.vendor-page[b-rl9f2s98le]  .vendor-table .mud-table-body .mud-table-row:hover { background: #fff8f8; }
.vendor-email[b-rl9f2s98le] { display: flex; align-items: center; gap: 12px; overflow-wrap: anywhere; }
.vendor-avatar[b-rl9f2s98le] { width: 32px; height: 32px; display: grid; place-items: center; background: #f0f3f8; color: #7c8a9e; border-radius: 50%; flex-shrink: 0; }
.vendor-code[b-rl9f2s98le] { display: inline-block; background: #f3f5f8; color: #45546b; border: 1px solid #e8ecf2; padding: 5px 10px; border-radius: 7px; font-size: 12px; font-weight: 600; letter-spacing: .03em; }
.vendor-empty[b-rl9f2s98le] { padding: 24px 20px; text-align: center; color: #8996a8; }
.vendor-empty h3[b-rl9f2s98le] { font-size: 16px; margin: 10px 0 5px; color: #45546b; }
@media (max-width: 600px) {
    .vendor-page[b-rl9f2s98le] { padding: 20px 12px 32px; }
    .vendor-heading[b-rl9f2s98le] { align-items: flex-start; flex-direction: column; gap: 16px; }
    .vendor-panel[b-rl9f2s98le] { padding: 20px 16px; border-radius: 14px; }
    .vendor-records[b-rl9f2s98le] { padding: 0; }
    .vendor-records-heading[b-rl9f2s98le] { padding: 20px 16px; }
    .vendor-actions[b-rl9f2s98le] { gap: 8px; }
}
/* _content/Rubik.P2P.Web/Components/GateEntry/CreateAdvancedShippingNote.razor.rz.scp.css */
.asn-page[b-5cnlci9fpg] {
    --navy: #000;
    --blue: #2764e7;
    --blue-soft: #edf3ff;
    --ink-muted: #000;
    --mud-palette-text-primary: #000;
    --mud-palette-text-secondary: #000;
    --mud-palette-text-disabled: #000;
    position: relative;
    container: asn / inline-size;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 8px;
    color: var(--navy);
    background-color: #f5f7fb;
    background-image: radial-gradient(circle at 1px 1px, rgba(66, 85, 112, .10) 1px, transparent 0);
    background-size: 22px 22px;
    border-radius: 18px;
}

.asn-page[b-5cnlci9fpg]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(245,247,251,.48) 48%, rgba(235,241,251,.8));
}

.asn-page > *[b-5cnlci9fpg] { position: relative; z-index: 1; }

/* Only the details scroll; the actions always retain their own visible space. */
.asn-content[b-5cnlci9fpg] { min-height:0; overflow:auto; scrollbar-gutter:stable; padding:2px 4px 8px; scroll-padding-block:12px; }
.asn-content:focus-visible[b-5cnlci9fpg] { outline:2px solid var(--blue); outline-offset:-2px; }
.asn-content > *[b-5cnlci9fpg] { min-width:0; max-width:100%; }

.asn-header[b-5cnlci9fpg] { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:10px; padding:13px 20px; color:var(--navy); background:rgba(255,255,255,.96); border:1px solid #dfe6f0; border-left:4px solid var(--blue); border-radius:13px; box-shadow:0 5px 18px rgba(33,52,82,.06); }
.asn-header h1[b-5cnlci9fpg] { margin:2px 0; font-size:20px; line-height:1.2; font-weight:750; }.asn-header p[b-5cnlci9fpg] { margin:0; color:var(--ink-muted); font-size:12px; }.asn-header .eyebrow[b-5cnlci9fpg] { color:#000; font-size:9px; }
.asn-reference[b-5cnlci9fpg] { display:flex; flex-direction:column; align-items:flex-end; padding-left:20px; border-left:1px solid #e1e6ed; }.asn-reference small[b-5cnlci9fpg] { color:#000; font-size:9px; font-weight:800; letter-spacing:.7px; }.asn-reference strong[b-5cnlci9fpg] { margin-top:2px; font-size:13px; }

.eyebrow[b-5cnlci9fpg] { display:flex; align-items:center; gap:7px; font-weight:800; letter-spacing:1.4px; }


.customer-step[b-5cnlci9fpg], .form-card[b-5cnlci9fpg], .customer-banner[b-5cnlci9fpg] { background:rgba(255,255,255,.96); border:1px solid #e0e6ef; border-radius:16px; box-shadow:0 8px 28px rgba(30,50,80,.075); }
.step-panel[b-5cnlci9fpg] { display:none; }
.customer-step.step-panel.visible[b-5cnlci9fpg] { display:grid; }
.customer-banner.step-panel.visible[b-5cnlci9fpg] { display:flex; }
.form-card.step-panel.visible[b-5cnlci9fpg] { display:block; }
.customer-step[b-5cnlci9fpg] { display:grid; grid-template-columns:minmax(230px,1fr) minmax(320px,.9fr); align-items:center; gap:14px; padding:14px 22px; border-top:3px solid #83aafc; }
.section-heading > span[b-5cnlci9fpg] { display:grid; place-items:center; width:38px; height:38px; color:var(--blue); font-weight:800; background:var(--blue-soft); border:1px solid #d8e5ff; border-radius:12px; flex:0 0 auto; }
.step-copy h2[b-5cnlci9fpg], .section-heading h2[b-5cnlci9fpg] { margin:0 0 3px; font-size:18px; font-weight:730; }.step-copy p[b-5cnlci9fpg], .section-heading p[b-5cnlci9fpg] { margin:0; color:var(--ink-muted); }
.customer-search[b-5cnlci9fpg] { max-width:540px; width:100%; justify-self:end; }.customer-search[b-5cnlci9fpg]  .mud-input-outlined-border { border-color:#ced7e5; border-radius:11px; }.customer-search[b-5cnlci9fpg]  .mud-input-control { background:#fbfcfe; border-radius:11px; }

.empty-state[b-5cnlci9fpg] { min-height:118px; margin-top:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(255,255,255,.7); border:1px dashed #bfcce0; border-radius:14px; box-shadow:inset 0 1px 0 white; }
.empty-state h3[b-5cnlci9fpg] { margin:8px 0 2px; font-size:16px; }.empty-state p[b-5cnlci9fpg] { margin:0; color:#000; font-size:12px; }
.empty-icon[b-5cnlci9fpg] { width:38px; height:38px; display:grid; place-items:center; color:var(--blue); background:linear-gradient(145deg,#f0f5ff,#dce9ff); border:1px solid #d2e1fd; border-radius:11px; }.empty-icon[b-5cnlci9fpg]  .mud-icon-root { font-size:21px; }

.customer-banner[b-5cnlci9fpg] { display:flex; align-items:center; gap:12px; margin-top:10px; padding:9px 16px; border-left:4px solid var(--blue); }.customer-banner > div[b-5cnlci9fpg] { display:flex; flex-direction:column; flex:1; }.customer-banner span[b-5cnlci9fpg] { color:#000; font-size:12px; }.customer-banner[b-5cnlci9fpg]  .mud-avatar-root { width:38px; height:38px; box-shadow:0 5px 12px rgba(39,100,231,.2); }
.form-card[b-5cnlci9fpg] { margin-top:10px; padding:18px 22px; }.form-card:hover[b-5cnlci9fpg] { box-shadow:0 11px 34px rgba(30,50,80,.10); }
.section-heading[b-5cnlci9fpg] { display:flex; align-items:center; gap:13px; margin-bottom:23px; }
.form-card[b-5cnlci9fpg]  .mud-input-control { background:#fbfcfe; border-radius:9px; }.form-card[b-5cnlci9fpg]  .mud-input-outlined-border { border-color:#d5dde8; border-radius:9px; }.form-card[b-5cnlci9fpg]  .mud-input-adornment-start { color:#000; }
.asn-attachments[b-5cnlci9fpg] { margin-top:20px; padding-top:17px; border-top:1px solid #e2e7ef; }
.attachment-heading[b-5cnlci9fpg] { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.attachment-heading > .mud-icon-root[b-5cnlci9fpg] { color:var(--blue); }
.attachment-heading h3[b-5cnlci9fpg] { margin:0; font-size:15px; }
.attachment-heading p[b-5cnlci9fpg] { margin:2px 0 0; color:var(--ink-muted); font-size:11px; }
.items-header[b-5cnlci9fpg] { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.items-header .section-heading[b-5cnlci9fpg] { margin-bottom:18px; }
.items-header[b-5cnlci9fpg]  .mud-button-root { border-radius:9px; font-weight:700; }
.items-empty[b-5cnlci9fpg] { padding:42px; text-align:center; color:#000; background:#f8fafc; border:1px dashed #c6d1df; border-radius:11px; }
.table-scroll[b-5cnlci9fpg] { overflow-x:auto; border:1px solid #e2e7ee; border-radius:11px; }
.items-table[b-5cnlci9fpg] { width:100%; table-layout:fixed; border-collapse:collapse; min-width:1900px; background:white; }
.items-table th[b-5cnlci9fpg] { padding:12px 10px; text-align:left; color:#000; font-size:11px; text-transform:uppercase; letter-spacing:.5px; background:#f5f7fa; border-bottom:1px solid #dfe4eb; }
.items-table th:first-child[b-5cnlci9fpg] { width:64px; }
.items-table th:nth-child(2)[b-5cnlci9fpg] { width:10%; }
.items-table th:nth-child(3)[b-5cnlci9fpg] { width:16%; }
.items-table th:nth-child(4)[b-5cnlci9fpg] { width:140px; }
.items-table th:nth-child(5)[b-5cnlci9fpg] { width:130px; }
.items-table th:nth-child(6)[b-5cnlci9fpg], .items-table th:nth-child(7)[b-5cnlci9fpg], .items-table th:nth-child(8)[b-5cnlci9fpg] { width:160px; }
.items-table th:nth-child(9)[b-5cnlci9fpg], .items-table th:nth-child(10)[b-5cnlci9fpg], .items-table th:nth-child(11)[b-5cnlci9fpg] { width:120px; }
.items-table th[b-5cnlci9fpg] { overflow-wrap:anywhere; }
.items-table td[b-5cnlci9fpg] { display:table-cell; padding:12px 10px; vertical-align:middle; border-bottom:1px solid #edf0f4; }
.items-table td strong[b-5cnlci9fpg] { display:block; overflow-wrap:anywhere; }
.items-table .po-amount[b-5cnlci9fpg] { text-align:right; font-variant-numeric:tabular-nums; }
.items-table small[b-5cnlci9fpg] { display:block; margin-top:2px; color:#000; }
.items-table tr:last-child td[b-5cnlci9fpg] { border-bottom:0; }
.items-table[b-5cnlci9fpg]  .mud-input-control { width:100%; margin:0; }
.items-table[b-5cnlci9fpg]  .mud-input-root { min-width:0; }
.items-summary[b-5cnlci9fpg] { display:flex; justify-content:flex-end; gap:28px; padding:17px 4px 0; color:#000; }.items-summary strong[b-5cnlci9fpg] { color:var(--navy); }
.invoice-po-total[b-5cnlci9fpg] { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 20px; margin-top:16px; padding:12px; color:#000; background:#f0f5ff; border:1px solid #d8e5ff; border-radius:9px; }
.invoice-po-total span[b-5cnlci9fpg] { font-size:12px; }

/* The item-heavy steps trade decorative whitespace for working space. */
.asn-page.po-items-mode[b-5cnlci9fpg], .asn-page.timeline-mode[b-5cnlci9fpg] { padding-top:8px; }
.po-items-mode .asn-header[b-5cnlci9fpg], .timeline-mode .asn-header[b-5cnlci9fpg] { padding-block:9px; }
.po-items-mode .asn-header h1[b-5cnlci9fpg], .timeline-mode .asn-header h1[b-5cnlci9fpg] { font-size:18px; }
.timeline-mode .asn-header .eyebrow[b-5cnlci9fpg], .timeline-mode .asn-header p[b-5cnlci9fpg] { display:none; }
.po-items-mode .customer-banner[b-5cnlci9fpg] { margin-top:6px; padding-block:6px; }
.po-items-card[b-5cnlci9fpg] { min-height:0; height:auto; flex-direction:column; margin-top:7px; padding:16px; overflow:visible; }
.po-items-card > *[b-5cnlci9fpg] { width:100%; }
.po-items-card .items-header[b-5cnlci9fpg] { flex:0 0 auto; }
.po-items-card .section-heading[b-5cnlci9fpg] { margin-bottom:10px; }
.po-items-card .table-scroll[b-5cnlci9fpg] { max-height:none; flex:0 0 auto; }
.po-items-card .items-empty[b-5cnlci9fpg] { flex:1 1 auto; display:grid; place-items:center; min-height:140px; padding:20px; }
.po-items-card .items-summary[b-5cnlci9fpg] { flex:0 0 auto; padding-top:10px; }

.timeline-panel[b-5cnlci9fpg] { max-width:1240px; margin:10px auto 0; padding:0; background:transparent; }
.workflow-layout[b-5cnlci9fpg] { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr); gap:14px; height:calc(100vh - 275px); min-height:470px; }
.action-workspace[b-5cnlci9fpg], .timeline-rail[b-5cnlci9fpg] { min-height:0; background:rgba(255,255,255,.97); border:1px solid #dfe6ef; border-radius:15px; box-shadow:0 8px 28px rgba(30,50,80,.08); }
.action-workspace[b-5cnlci9fpg] { display:flex; flex-direction:column; padding:12px 16px; text-align:center; }.workspace-heading[b-5cnlci9fpg] { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; margin-bottom:8px; }.workspace-heading > span[b-5cnlci9fpg] { width:34px; height:34px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#3978ef,#2056c7); border-radius:10px; box-shadow:0 5px 12px rgba(39,100,231,.18); }.workspace-heading h2[b-5cnlci9fpg], .rail-heading h2[b-5cnlci9fpg] { margin:0; font-size:16px; }.workspace-heading p[b-5cnlci9fpg], .rail-heading p[b-5cnlci9fpg] { margin:1px 0 0; color:var(--ink-muted); font-size:10px; }
.workspace-heading .view-attachments[b-5cnlci9fpg] { position:absolute; right:0; border-radius:9px; font-size:10px; font-weight:700; }
.asn-summary[b-5cnlci9fpg] { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; overflow:hidden; text-align:left; background:#fbfcfe; border:1px solid #dfe6ef; border-radius:12px; }
.summary-title[b-5cnlci9fpg] { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; background:#f1f5fb; border-bottom:1px solid #dfe6ef; }.summary-title > div[b-5cnlci9fpg] { display:flex; flex-direction:column; }.summary-title small[b-5cnlci9fpg], .summary-facts small[b-5cnlci9fpg] { color:#000; font-size:8px; font-weight:800; letter-spacing:.55px; }.summary-title strong[b-5cnlci9fpg] { margin-top:1px; font-size:11px; }
.summary-facts[b-5cnlci9fpg] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-bottom:1px solid #e4e9f0; }.summary-facts > div[b-5cnlci9fpg] { display:flex; min-width:0; flex-direction:column; padding:5px 9px; border-right:1px solid #e8ecf2; border-bottom:1px solid #e8ecf2; }.summary-facts > div:nth-child(3n)[b-5cnlci9fpg] { border-right:0; }.summary-facts strong[b-5cnlci9fpg] { overflow:hidden; margin-top:1px; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.summary-lines[b-5cnlci9fpg] { min-height:54px; flex:1 1 auto; overflow:auto; }
.summary-table[b-5cnlci9fpg] { width:100%; table-layout:fixed; border-collapse:collapse; background:white; }
.summary-table th[b-5cnlci9fpg] { padding:6px 11px; text-align:left; color:#000; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; background:#f7f9fc; border-bottom:1px solid #dfe5ed; }
.summary-table th:nth-child(1)[b-5cnlci9fpg] { width:23%; }.summary-table th:nth-child(2)[b-5cnlci9fpg] { width:32%; }.summary-table th:nth-child(3)[b-5cnlci9fpg] { width:28%; }.summary-table th:nth-child(4)[b-5cnlci9fpg] { width:17%; }
.summary-table td[b-5cnlci9fpg] { padding:6px 10px; vertical-align:middle; border-bottom:1px solid #edf0f4; }.summary-table tbody tr:last-child td[b-5cnlci9fpg] { border-bottom:0; }.summary-table td strong[b-5cnlci9fpg], .summary-table td small[b-5cnlci9fpg] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.summary-table td strong[b-5cnlci9fpg] { color:#000; font-size:9px; }.summary-table td small[b-5cnlci9fpg] { margin-top:1px; color:#000; font-size:8px; }
.current-action[b-5cnlci9fpg] { display:grid; flex-shrink:0; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:8px; padding:9px 12px; text-align:left; background:linear-gradient(115deg,#eef4ff,#f8faff); border:1px solid #cadbfd; border-radius:12px; box-shadow:0 5px 14px rgba(39,100,231,.08); }.current-owner[b-5cnlci9fpg] { display:flex; min-width:0; align-items:center; gap:7px; padding-right:14px; color:#345b91; border-right:1px solid #cfdbed; }.current-owner > span[b-5cnlci9fpg], .current-action-copy[b-5cnlci9fpg] { display:flex; min-width:0; flex-direction:column; }.current-owner small[b-5cnlci9fpg], .current-action-copy > small[b-5cnlci9fpg] { color:#000; font-size:8px; font-weight:800; letter-spacing:.5px; }.current-owner strong[b-5cnlci9fpg] { font-size:10px; }.current-action-copy h3[b-5cnlci9fpg] { overflow:hidden; margin:1px 0; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.current-action-copy p[b-5cnlci9fpg] { overflow:hidden; margin:0; color:#000; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.current-action[b-5cnlci9fpg]  .mud-button-root { min-width:155px; min-height:38px; border-radius:9px; font-size:10px; font-weight:750; }.all-complete[b-5cnlci9fpg] { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:10px; color:#258052; }.all-complete > div[b-5cnlci9fpg] { display:flex; flex-direction:column; }.all-complete small[b-5cnlci9fpg] { color:#000; font-size:9px; }
.current-action[b-5cnlci9fpg]  .mud-button-label { display:flex; align-items:center; justify-content:center; gap:8px; }
.action-buttons[b-5cnlci9fpg] { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.action-buttons[b-5cnlci9fpg]  .mud-button-root { min-width:142px; }
.action-loader[b-5cnlci9fpg] { flex-shrink:0; }
.timeline-rail[b-5cnlci9fpg] { display:flex; flex-direction:column; padding:16px 16px 12px; }.rail-heading[b-5cnlci9fpg] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:12px; border-bottom:1px solid #e7ebf1; }.rail-list[b-5cnlci9fpg] { flex:1; overflow:auto; padding:12px 3px 0 0; scrollbar-width:thin; }.rail-item[b-5cnlci9fpg] { position:relative; display:grid; grid-template-columns:auto 1fr; gap:10px; min-height:57px; padding-bottom:9px; }.rail-item[b-5cnlci9fpg]::before { content:""; position:absolute; left:14px; top:28px; bottom:0; width:2px; background:#dce3ec; }.rail-item:last-child[b-5cnlci9fpg]::before { display:none; }.rail-marker[b-5cnlci9fpg] { position:relative; z-index:1; width:29px; height:29px; display:grid; place-items:center; color:#000; font-size:10px; font-weight:800; background:#edf1f6; border:2px solid white; border-radius:50%; box-shadow:0 0 0 1px #dce3ec; }.rail-item.complete .rail-marker[b-5cnlci9fpg] { color:white; background:#2da568; box-shadow:0 0 0 1px #2da568; }.rail-item.complete[b-5cnlci9fpg]::before { background:#82d2a6; }.rail-item > div:last-child[b-5cnlci9fpg] { display:flex; min-width:0; flex-direction:column; padding-top:1px; }.rail-item strong[b-5cnlci9fpg] { font-size:11px; }.rail-item small[b-5cnlci9fpg] { margin-top:1px; color:#000; font-size:9px; }.rail-item em[b-5cnlci9fpg] { overflow:hidden; margin-top:3px; color:#238052; font-size:9px; font-style:normal; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.timeline-title[b-5cnlci9fpg] { display:flex; min-width:0; align-items:baseline; justify-content:space-between; gap:8px; }
.timeline-title strong[b-5cnlci9fpg] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rail-item time[b-5cnlci9fpg] { flex-shrink:0; color:#000; font-size:8px; font-weight:650; }

.sticky-actions[b-5cnlci9fpg] { flex:0 0 auto; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin:8px 0 0; padding:8px 12px; background:rgba(255,255,255,.97); border:1px solid #d7dfeb; border-radius:13px; box-shadow:0 2px 12px rgba(20,42,75,.12); }
.po-items-mode .sticky-actions[b-5cnlci9fpg], .timeline-mode .sticky-actions[b-5cnlci9fpg] { margin-top:8px; padding-block:7px; }
.po-items-mode .sticky-buttons[b-5cnlci9fpg]  .mud-button-root, .timeline-mode .sticky-buttons[b-5cnlci9fpg]  .mud-button-root { min-height:38px; }
.timeline-mode .workspace-heading[b-5cnlci9fpg] { margin-bottom:5px; }
.timeline-mode .workspace-heading > span[b-5cnlci9fpg] { width:30px; height:30px; }
.timeline-mode .summary-title[b-5cnlci9fpg] { padding-block:5px; }
.timeline-mode .summary-facts[b-5cnlci9fpg] { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
.timeline-mode .summary-facts > div[b-5cnlci9fpg] { padding-block:4px; border-bottom:0; }
.timeline-mode .summary-facts > div:nth-child(3n)[b-5cnlci9fpg] { border-right:1px solid #e8ecf2; }
.timeline-mode .summary-facts > div:last-child[b-5cnlci9fpg] { border-right:0; }
.timeline-mode .summary-lines[b-5cnlci9fpg] { min-height:190px; }
.timeline-mode .current-action[b-5cnlci9fpg] { margin-top:5px; padding-block:6px; }
.timeline-mode .sticky-actions[b-5cnlci9fpg] { margin-top:5px; }
.action-status[b-5cnlci9fpg] { display:flex; align-items:center; gap:11px; flex:1 1 220px; min-width:0; overflow-wrap:anywhere; }.action-status > div[b-5cnlci9fpg] { display:flex; flex-direction:column; }.action-status strong[b-5cnlci9fpg] { font-size:13px; }.action-status small[b-5cnlci9fpg] { margin-top:2px; color:#000; font-size:11px; }
.status-icon[b-5cnlci9fpg] { width:34px; height:34px; display:grid; place-items:center; color:#000; background:#eef1f5; border-radius:10px; }.status-icon.ready[b-5cnlci9fpg] { color:#218052; background:#e8f8ef; }
.sticky-buttons[b-5cnlci9fpg] { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; min-width:0; }.sticky-buttons[b-5cnlci9fpg]  .mud-button-root { min-height:42px; padding-inline:14px; border-radius:9px; font-weight:700; }

@media (max-width: 900px) { .asn-page[b-5cnlci9fpg] { padding:10px; }.asn-header[b-5cnlci9fpg] { align-items:flex-start; }.customer-step[b-5cnlci9fpg] { grid-template-columns:1fr; }.customer-search[b-5cnlci9fpg] { grid-column:1/-1; max-width:none; }.items-header[b-5cnlci9fpg] { align-items:stretch; flex-direction:column; }.customer-banner[b-5cnlci9fpg] { align-items:flex-start; flex-wrap:wrap; }.items-summary[b-5cnlci9fpg] { justify-content:space-between; }.form-card[b-5cnlci9fpg] { padding:21px 17px; }.po-items-card[b-5cnlci9fpg] { height:auto; min-height:0; padding:13px 17px; overflow:visible; }.sticky-actions[b-5cnlci9fpg] { margin-bottom:0; }.action-status small[b-5cnlci9fpg] { max-width:250px; } }
@media (max-width: 620px) { .sticky-actions[b-5cnlci9fpg] { align-items:stretch; flex-direction:column; }.sticky-buttons[b-5cnlci9fpg] { width:100%; }.sticky-buttons[b-5cnlci9fpg]  .mud-button-root { flex:1; }.action-status[b-5cnlci9fpg] { width:100%; } }
@media (max-width: 520px) { .asn-page[b-5cnlci9fpg] { margin:0; padding:4px; border-radius:0; }.asn-header[b-5cnlci9fpg] { flex-direction:column; }.asn-reference[b-5cnlci9fpg] { width:100%; align-items:flex-start; padding:8px 0 0; border-left:0; border-top:1px solid #e1e6ed; } }
@media (max-width: 1100px) { .workflow-layout[b-5cnlci9fpg] { grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); } }
@media (max-width: 1200px) { .timeline-mode .summary-facts[b-5cnlci9fpg] { grid-template-columns:repeat(3,minmax(0,1fr)); }.timeline-mode .summary-facts > div[b-5cnlci9fpg] { border-bottom:1px solid #e8ecf2; }.timeline-mode .summary-facts > div:nth-child(3n)[b-5cnlci9fpg] { border-right:0; } }
@media (max-width: 760px) { .workflow-layout[b-5cnlci9fpg] { display:flex; height:auto; flex-direction:column; }.action-workspace[b-5cnlci9fpg], .timeline-rail[b-5cnlci9fpg] { max-height:480px; }.timeline-rail[b-5cnlci9fpg] { min-height:360px; } }
@media (max-width: 1050px) { .current-action[b-5cnlci9fpg] { grid-template-columns:1fr auto; }.current-owner[b-5cnlci9fpg] { display:none; }.action-buttons[b-5cnlci9fpg] { flex-direction:column; }.action-buttons[b-5cnlci9fpg]  .mud-button-root { width:100%; } }
@media (max-width: 900px) { .workspace-heading[b-5cnlci9fpg] { justify-content:flex-start; padding-right:135px; text-align:left; } }

/* Keep the B1 workflow in the same shipment/timeline shell as the existing ASN. */
/* Explicit action colors keep the Bony page readable with the tenant's neutral theme. */
.bony-asn[b-5cnlci9fpg]  .mud-button-root { opacity:1; }
.bony-asn[b-5cnlci9fpg]  .mud-button-root .mud-button-label,
.bony-asn[b-5cnlci9fpg]  .mud-button-root .mud-button-icon { color:inherit; }
.bony-asn[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled) {
    color:#fff !important; background-color:#245dde !important;
    box-shadow:0 3px 8px rgba(36,93,222,.2);
}
.bony-asn[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover { background-color:#1c4bb8 !important; }
.bony-asn[b-5cnlci9fpg]  .mud-button-outlined:not(:disabled):not(.mud-disabled) {
    color:#2458c5 !important; border-color:#9cb8f2 !important; background-color:#fff !important;
}
.bony-asn[b-5cnlci9fpg]  .mud-button-outlined:not(:disabled):not(.mud-disabled):hover { background-color:#edf3ff !important; border-color:#2458c5 !important; }
.bony-asn[b-5cnlci9fpg]  .mud-button-text:not(:disabled):not(.mud-disabled) { color:#000 !important; }
.bony-asn[b-5cnlci9fpg]  .mud-button-text-primary:not(:disabled):not(.mud-disabled) { color:#2458c5 !important; }
.bony-asn[b-5cnlci9fpg]  .mud-button-text:not(:disabled):not(.mud-disabled):hover { background-color:#edf3ff !important; }
.bony-asn[b-5cnlci9fpg]  .mud-button-root:disabled,
.bony-asn[b-5cnlci9fpg]  .mud-button-root.mud-disabled {
    color:#000 !important; background-color:#e8edf4 !important;
    border-color:#cbd5e1 !important; box-shadow:none !important; cursor:not-allowed;
}
.bony-asn[b-5cnlci9fpg]  .mud-button-root:focus-visible { outline:3px solid #245dde; outline-offset:3px; }
.bony-asn .header-actions[b-5cnlci9fpg]  .mud-button-root { min-height:36px; border-radius:8px; padding-inline:12px; font-weight:700; }
.bony-asn .asn-header > div:first-child[b-5cnlci9fpg] { min-width:0; }
.header-actions[b-5cnlci9fpg] { display:flex; flex-wrap:wrap; gap:4px; margin-left:auto; }
.bony-asn .asn-reference[b-5cnlci9fpg] { min-width:0; max-width:280px; }
.bony-asn .asn-reference strong[b-5cnlci9fpg] { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bony-timeline .summary-title[b-5cnlci9fpg] { gap:12px; }
.bony-timeline .summary-title > div[b-5cnlci9fpg] { min-width:0; }
.bony-timeline .summary-title strong[b-5cnlci9fpg] { overflow-wrap:anywhere; }
.bony-timeline .workspace-heading[b-5cnlci9fpg] { justify-content:flex-start; text-align:left; padding:4px 0 8px; }
.bony-timeline .rail-item[b-5cnlci9fpg] { min-height:76px; }
.bony-timeline .rail-item.pending .rail-marker[b-5cnlci9fpg] { color:white; background:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.bony-timeline .timeline-title[b-5cnlci9fpg] { flex-wrap:wrap; gap:2px 8px; }
.bony-timeline .timeline-title strong[b-5cnlci9fpg] { white-space:normal; }
.bony-timeline .current-action-copy p[b-5cnlci9fpg] { white-space:normal; }
@media (max-width: 1200px) {
    .bony-asn .asn-header[b-5cnlci9fpg] { flex-wrap:wrap; gap:10px; }
    .bony-asn .asn-reference[b-5cnlci9fpg] { max-width:240px; }
}
@media (max-width: 760px) {
    .bony-timeline .action-workspace[b-5cnlci9fpg] { min-height:350px; max-height:none; }
    .bony-timeline .timeline-rail[b-5cnlci9fpg] { min-height:460px; max-height:none; }
    .bony-timeline .current-action[b-5cnlci9fpg] { grid-template-columns:1fr; }
    .bony-timeline .action-buttons[b-5cnlci9fpg] { align-items:stretch; }
    .bony-asn .asn-reference[b-5cnlci9fpg] { max-width:100%; }
    .header-actions[b-5cnlci9fpg] { margin-left:0; }
}
/* Bony: prioritize the shipment workspace and keep milestones in a compact rail. */
.bony-timeline .workflow-layout[b-5cnlci9fpg] { grid-template-columns:minmax(0, 3fr) minmax(240px, 1fr); }
.bony-timeline .timeline-rail[b-5cnlci9fpg] { padding:14px 12px; }
.bony-timeline .timeline-title[b-5cnlci9fpg] { flex-direction:column; align-items:flex-start; gap:3px; }
.bony-timeline .rail-item[b-5cnlci9fpg] { gap:8px; }
.bony-timeline .rail-item time[b-5cnlci9fpg] { font-size:10px; }
.bony-timeline .rail-item em[b-5cnlci9fpg] { white-space:normal; overflow-wrap:anywhere; }
.bony-timeline .summary-title small[b-5cnlci9fpg],
.bony-timeline .summary-facts small[b-5cnlci9fpg],
.bony-timeline .summary-table th[b-5cnlci9fpg] { font-size:10px; color:#000; }
.bony-timeline .summary-title strong[b-5cnlci9fpg] { font-size:13px; }
.bony-timeline .summary-facts strong[b-5cnlci9fpg],
.bony-timeline .summary-table td strong[b-5cnlci9fpg] { font-size:11px; }
.bony-timeline .summary-table td small[b-5cnlci9fpg] { font-size:10px; color:#000; }
.bony-timeline .summary-table td[b-5cnlci9fpg] { padding:8px 10px; }
.bony-timeline .summary-table td small[b-5cnlci9fpg] { white-space:normal; overflow-wrap:anywhere; }
.bony-timeline .workspace-heading p[b-5cnlci9fpg] { font-size:11px; }
@media (max-width:1000px) and (min-width:761px) {
    .bony-timeline .workflow-layout[b-5cnlci9fpg] { grid-template-columns:minmax(0, 1fr) 240px; }
}

/* The demo shares Bony's visual treatment, while retaining its simulated milestones. */
.demo-asn .workspace-heading[b-5cnlci9fpg] { padding-right:145px; }
.demo-asn .bony-timeline .rail-list[b-5cnlci9fpg] { overflow:auto; }
@media (max-width:760px) {
    .demo-asn .workspace-heading[b-5cnlci9fpg] { flex-wrap:wrap; padding-right:0; }
    .demo-asn .workspace-heading .view-attachments[b-5cnlci9fpg] { position:static; margin-left:auto; }
}

/* Let every PO row participate in the page's continuous vertical flow. */
.po-search[b-5cnlci9fpg] { margin-bottom:12px; }
.selected-po-line[b-5cnlci9fpg] { background:#f0f5ff; }
.asn-page[b-5cnlci9fpg]  .mud-input-label,
.asn-page[b-5cnlci9fpg]  .mud-input-helper-text,
.asn-page[b-5cnlci9fpg]  .mud-table-cell,
.asn-page[b-5cnlci9fpg]  .mud-input-root { color:#000; }
.asn-page[b-5cnlci9fpg]  .mud-input-label { color:#000 !important; }
.asn-page[b-5cnlci9fpg]  input::placeholder,
.asn-page[b-5cnlci9fpg]  textarea::placeholder { color:#000; opacity:1; }

/* Size the ASN to its workspace, including laptops with the navigation drawer open. */
.asn-page > *[b-5cnlci9fpg], .form-card[b-5cnlci9fpg], .table-scroll[b-5cnlci9fpg], .items-table td[b-5cnlci9fpg] { min-width:0; max-width:100%; }
.asn-header[b-5cnlci9fpg], .customer-banner[b-5cnlci9fpg], .items-summary[b-5cnlci9fpg] { flex-wrap:wrap; }
.asn-header > div[b-5cnlci9fpg], .customer-banner > div[b-5cnlci9fpg] { min-width:0; overflow-wrap:anywhere; }
.customer-banner > div[b-5cnlci9fpg] { flex-basis:160px; }
.items-table[b-5cnlci9fpg]  .mud-picker { width:100%; min-width:0; }
.items-table[b-5cnlci9fpg]  .mud-input { min-width:0; }
.asn-attachments[b-5cnlci9fpg] { min-width:0; max-width:100%; overflow-x:auto; }
.asn-attachments[b-5cnlci9fpg]  .mud-table-toolbar { min-height:44px; height:auto; padding:8px 12px; }
.asn-attachments[b-5cnlci9fpg]  .mud-table-cell { overflow-wrap:anywhere; }

@container asn (max-width: 1250px) {
    .customer-step[b-5cnlci9fpg] { grid-template-columns:1fr; }
    .customer-search[b-5cnlci9fpg] { max-width:none; }
    .sticky-actions[b-5cnlci9fpg] { align-items:flex-start; }
    .asn-page[b-5cnlci9fpg]  .asn-fields > .mud-grid-item-md-4 { max-width:50%; flex-basis:50%; }
    .workflow-layout[b-5cnlci9fpg], .bony-timeline .workflow-layout[b-5cnlci9fpg] { display:flex; flex-direction:column; height:auto; min-height:0; }
    .action-workspace[b-5cnlci9fpg], .timeline-rail[b-5cnlci9fpg] { min-width:0; max-height:none; }
    .bony-timeline .timeline-rail[b-5cnlci9fpg] { min-height:0; }
}
@container asn (max-width: 700px) {
    .items-table tr[b-5cnlci9fpg] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .items-table .po-item[b-5cnlci9fpg] { grid-column:span 2; }
    .items-table td[data-label="Batch / lot"][b-5cnlci9fpg], .items-table td[data-label="Expiry"][b-5cnlci9fpg], .items-table td[data-label="Package"][b-5cnlci9fpg] { grid-column:auto; }
    .asn-page[b-5cnlci9fpg]  .asn-fields > .mud-grid-item { max-width:100%; flex-basis:100%; }
    .sticky-actions[b-5cnlci9fpg], .asn-header[b-5cnlci9fpg] { flex-direction:column; align-items:stretch; }
    .action-status[b-5cnlci9fpg] { flex-basis:auto; }
    .sticky-buttons[b-5cnlci9fpg] { width:100%; }
    .sticky-buttons[b-5cnlci9fpg]  .mud-button-root { flex:1 1 0; min-width:0; min-height:40px; padding-inline:6px; font-size:12px; }
    .sticky-buttons[b-5cnlci9fpg]  .mud-button-icon { display:none; }
    .asn-header[b-5cnlci9fpg] { padding:10px 12px; gap:8px; }
    .asn-header h1[b-5cnlci9fpg] { font-size:18px; }
    .asn-header .eyebrow[b-5cnlci9fpg], .asn-header p[b-5cnlci9fpg] { display:none; }
    .asn-reference[b-5cnlci9fpg] { flex-direction:row; align-items:baseline; gap:8px; padding:0; border:0; }
    .customer-banner[b-5cnlci9fpg] { gap:8px; padding:8px 12px; }
    .customer-banner > div[b-5cnlci9fpg] { flex-basis:130px; }
    .customer-banner[b-5cnlci9fpg]  .mud-avatar, .customer-banner[b-5cnlci9fpg]  .mud-chip { display:none; }
    .action-status small[b-5cnlci9fpg] { display:none; }
    .status-icon[b-5cnlci9fpg] { width:24px; height:24px; flex-shrink:0; }
    .asn-attachments[b-5cnlci9fpg]  .mud-table-head { display:none; }
    .asn-attachments[b-5cnlci9fpg]  .mud-table-body { display:block; }
    .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-row { display:grid; grid-template-columns:minmax(0,1fr); padding:10px; border-bottom:1px solid #dfe4eb; }
    .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-cell { display:block; min-width:0; padding:4px 0; border:0; }
    .asn-attachments[b-5cnlci9fpg]  .mud-table-cell[data-label]::before { content:attr(data-label); display:block; font-weight:700; margin-bottom:3px; }
    .asn-attachments[b-5cnlci9fpg]  .mud-stack { flex-wrap:wrap; gap:6px; }
}
@container asn (max-width: 380px) {
    .items-table tr[b-5cnlci9fpg] { grid-template-columns:minmax(0,1fr); }
    .items-table .po-item[b-5cnlci9fpg], .items-table .po-reference[b-5cnlci9fpg] { grid-column:auto; }
}

@media (max-height: 480px) {
    .action-status[b-5cnlci9fpg] { display:none; }
    .sticky-buttons[b-5cnlci9fpg] { margin-left:auto; }
}

/* Keep vendor names legible in both the field and the detached autocomplete popup. */
.asn-page[b-5cnlci9fpg]  .vendor-search input { color:#000 !important; -webkit-text-fill-color:#000 !important; font-weight:700; }
.vendor-option[b-5cnlci9fpg] { display:flex; flex-direction:column; gap:2px; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.vendor-option strong[b-5cnlci9fpg] { color:#000; font-weight:700; }
.vendor-option span[b-5cnlci9fpg] { color:#000; font-size:.85rem; }

/* The receiving destination popup is rendered outside the page container. */
.asn-page[b-5cnlci9fpg]  .customer-search input { color:#000 !important; -webkit-text-fill-color:#000 !important; font-weight:700; }
.asn-page[b-5cnlci9fpg]  .customer-search .mud-input-label { color:#000 !important; }
.customer-option[b-5cnlci9fpg] { color:#000; font-weight:700; white-space:normal; overflow-wrap:anywhere; }

.po-items-card .table-scroll.po-items-scrollable[b-5cnlci9fpg] { max-height:var(--po-list-height); overflow-y:auto; }
.po-items-scrollable .items-table th[b-5cnlci9fpg] { position:sticky; top:0; z-index:1; }
/* _content/Rubik.P2P.Web/Components/Reports/GateStockReport.razor.rz.scp.css */
.stock-report[b-77wqj6ly6h] { background: #fff; border: 1px solid #dce5e7; border-radius: 8px; padding: 20px 22px 12px; color: #20343a; }
.report-heading[b-77wqj6ly6h] { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 14px; }
.report-eyebrow[b-77wqj6ly6h] { color: #627b82; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }
.report-heading h1[b-77wqj6ly6h] { color: #173b45; font-size: 27px; font-weight: 600; line-height: 1.3; margin: 3px 0; }
.report-heading p[b-77wqj6ly6h] { color: #667d83; margin: 0; font-size: 13px; }
.report-date-range[b-77wqj6ly6h] { width: 350px; max-width: 100%; margin-left: auto; }
.report-toolbar[b-77wqj6ly6h] { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.report-search[b-77wqj6ly6h] { flex: 1; max-width: 480px; min-width: 220px; }
.report-actions[b-77wqj6ly6h] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.report-summary[b-77wqj6ly6h] { display: flex; flex-wrap: wrap; gap: 24px; padding: 14px 0; font-size: 12px; color: #667d83; border-bottom: 1px solid #e1e8ea; }
.report-summary strong[b-77wqj6ly6h] { color: #173b45; font-size: 16px; font-variant-numeric: tabular-nums; margin-right: 4px; }
.report-updated[b-77wqj6ly6h] { margin-left: auto; align-self: center; }
.report-empty[b-77wqj6ly6h] { padding: 48px 20px; text-align: center; color: #70858a; }
.report-footnote[b-77wqj6ly6h] { color: #75888d; font-size: 11px; padding-top: 10px; }
.export-progress[b-77wqj6ly6h] { display: flex; gap: 12px; align-items: center; padding: 12px 0; font-size: 13px; }
.stock-report[b-77wqj6ly6h]  .stock-grid .mud-table-container { min-height: 280px; }
.stock-report[b-77wqj6ly6h]  .stock-grid thead th { background: #eef4f5; color: #173b45; font-weight: 600; white-space: nowrap; }
.stock-report[b-77wqj6ly6h]  .stock-grid td { font-size: 12px; }
.stock-report[b-77wqj6ly6h]  .stock-grid .mud-toolbar { padding-left: 0; }
.stock-report-expanded[b-77wqj6ly6h] { position: fixed; inset: 12px; z-index: 1250; overflow: auto; box-shadow: 0 12px 45px #20343a33; }
@media (max-width: 1000px) {
    .report-toolbar[b-77wqj6ly6h] { flex-wrap: wrap; gap: 8px; }
    .report-search[b-77wqj6ly6h] { flex-basis: 100%; max-width: none; min-width: 0; }
    .report-actions[b-77wqj6ly6h] { margin-left: auto; }
    .report-heading[b-77wqj6ly6h] { flex-wrap: wrap; }
    .stock-report[b-77wqj6ly6h] { padding: 14px; }
    .report-summary[b-77wqj6ly6h] { gap: 12px; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqComparison.razor.rz.scp.css */
.rfq-comparison[b-pm9up57k3j] { min-width: 0; }
.selection-summary[b-pm9up57k3j] { overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-surface); box-shadow: 0 4px 18px #10243b08; }
.summary-heading[b-pm9up57k3j], .summary-material-heading[b-pm9up57k3j], .selected-supplier[b-pm9up57k3j], .summary-total[b-pm9up57k3j], .prepare-order-bar[b-pm9up57k3j], .history-title[b-pm9up57k3j], .revision-heading[b-pm9up57k3j], .revision-total[b-pm9up57k3j] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.summary-heading[b-pm9up57k3j] { padding: 20px 22px; border-bottom: 1px solid var(--mud-palette-lines-default); flex-wrap: wrap; }
.section-title[b-pm9up57k3j], .summary-badges[b-pm9up57k3j], .revision-badges[b-pm9up57k3j], .revision-vendor[b-pm9up57k3j], .supplier-allocation[b-pm9up57k3j], .total-note[b-pm9up57k3j] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.summary-badges[b-pm9up57k3j], .revision-badges[b-pm9up57k3j], .supplier-allocation[b-pm9up57k3j] { flex-wrap: wrap; }
.section-icon[b-pm9up57k3j], .vendor-icon[b-pm9up57k3j] { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; background: #edf6f5; color: #16665f; }
h3[b-pm9up57k3j], h4[b-pm9up57k3j], p[b-pm9up57k3j] { margin: 0; }
h3[b-pm9up57k3j] { font-size: 16px; font-weight: 700; line-height: 1.5; }
h4[b-pm9up57k3j] { font-size: 14px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.section-title p[b-pm9up57k3j], .prepare-order-bar p[b-pm9up57k3j] { color: var(--mud-palette-text-secondary); font-size: 12px; margin-top: 3px; }
.status-badge[b-pm9up57k3j], .version-badge[b-pm9up57k3j], .history-count[b-pm9up57k3j] { display: inline-flex; align-items: center; gap: 6px; border-radius: 6px; padding: 5px 9px; font-size: 11px; font-weight: 650; line-height: 1.4; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); }
.status-badge.is-complete[b-pm9up57k3j] { background: #eaf7f0; color: #176341; }
.status-badge.is-pending[b-pm9up57k3j] { background: #fff5df; color: #805413; }
.summary-materials[b-pm9up57k3j] { padding: 0 22px; }
.summary-material[b-pm9up57k3j] { padding: 16px 0; }
.summary-material + .summary-material[b-pm9up57k3j] { border-top: 1px solid var(--mud-palette-lines-default); }
.summary-material-heading[b-pm9up57k3j] { align-items: flex-start; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.material-code[b-pm9up57k3j] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.selected-supplier[b-pm9up57k3j] { padding: 10px 12px; border-radius: 8px; background: var(--mud-palette-background-gray); font-size: 12px; }
.selected-supplier + .selected-supplier[b-pm9up57k3j] { margin-top: 6px; }
.supplier-allocation[b-pm9up57k3j] { gap: 8px; }
.supplier-allocation[b-pm9up57k3j]  .mud-icon-root { color: var(--mud-palette-text-secondary); }
.allocation-calculation[b-pm9up57k3j] { color: var(--mud-palette-text-secondary); }
.allocation-amount[b-pm9up57k3j] { flex-shrink: 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.unallocated-note[b-pm9up57k3j] { font-size: 12px; color: var(--mud-palette-text-secondary); padding: 4px 0; }
.summary-total[b-pm9up57k3j] { padding: 20px 22px; background: linear-gradient(115deg, #13273d, #1e4852); color: #f4f8ff; flex-wrap: wrap; }
.total-note[b-pm9up57k3j] { gap: 12px; }
.total-note[b-pm9up57k3j]  .mud-icon-root { color: #a8e5d6; }
.total-note strong[b-pm9up57k3j] { display: block; font-size: 12px; font-weight: 600; }
.total-note span[b-pm9up57k3j] { display: block; color: #c3d5df; font-size: 11px; margin-top: 4px; }
.total-amount[b-pm9up57k3j] { margin-left: auto; text-align: right; }
.total-amount > span[b-pm9up57k3j] { color: #c3d5df; font-size: 11px; }
.total-amount strong[b-pm9up57k3j] { display: block; font-size: 26px; font-weight: 700; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }
.total-amount small[b-pm9up57k3j] { color: #b7eadc; font-size: 13px; letter-spacing: 0; }
.prepare-order-bar[b-pm9up57k3j] { flex-wrap: wrap; padding: 4px 2px; }
.prepare-order-bar > div[b-pm9up57k3j] { flex: 1 1 260px; }
.prepare-order-bar strong[b-pm9up57k3j] { font-size: 13px; font-weight: 650; }
[b-pm9up57k3j] .prepare-order-button { min-height: 44px; padding: 10px 20px; font-weight: 650; }
[b-pm9up57k3j] .quotation-history { border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; overflow: hidden; }
[b-pm9up57k3j] .quotation-history .mud-expand-panel { background: var(--mud-palette-surface); }
[b-pm9up57k3j] .quotation-history .mud-expand-panel-header { padding: 18px 22px; }
[b-pm9up57k3j] .quotation-history .mud-expand-panel-content { padding: 0 20px 20px; }
.history-title[b-pm9up57k3j] { width: 100%; flex-wrap: wrap; padding-right: 12px; }
.history-count[b-pm9up57k3j] { border: 1px solid var(--mud-palette-lines-default); }
.quotation-revisions[b-pm9up57k3j] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr)); align-items: start; gap: 16px; }
.quotation-revision[b-pm9up57k3j] { min-width: 0; border: 1px solid var(--mud-palette-lines-default); border-top: 3px solid var(--mud-palette-lines-default); border-radius: 10px; overflow: hidden; container: quotation / inline-size; }
.latest-revision[b-pm9up57k3j] { border-top-color: #398779; }
.revision-heading[b-pm9up57k3j] { align-items: flex-start; flex-wrap: wrap; padding: 16px; background: var(--mud-palette-background-gray); gap: 12px; }
.revision-vendor[b-pm9up57k3j] { flex: 1 1 220px; }
.vendor-icon[b-pm9up57k3j] { width: 36px; height: 36px; border-radius: 9px; background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); }
.revision-vendor time[b-pm9up57k3j] { display: block; margin-top: 3px; font-size: 11px; color: var(--mud-palette-text-secondary); }
.revision-badges[b-pm9up57k3j] { gap: 6px; }
.version-badge[b-pm9up57k3j] { border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.revision-table-container[b-pm9up57k3j] { padding: 0 16px; }
.revision-table[b-pm9up57k3j] { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }
.revision-table th[b-pm9up57k3j] { font-size: 10px; font-weight: 650; color: var(--mud-palette-text-secondary); padding: 12px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.revision-table td[b-pm9up57k3j] { vertical-align: top; padding: 13px 8px; overflow-wrap: anywhere; }
.revision-table tbody tr + tr td[b-pm9up57k3j] { border-top: 1px solid var(--mud-palette-lines-default); }
.revision-table th:first-child[b-pm9up57k3j], .revision-table td:first-child[b-pm9up57k3j] { padding-left: 0; width: 32%; }
.revision-table th:last-child[b-pm9up57k3j], .revision-table td:last-child[b-pm9up57k3j] { padding-right: 0; }
.revision-material-code[b-pm9up57k3j], .revision-remarks[b-pm9up57k3j], .revision-price > span[b-pm9up57k3j] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; margin-top: 3px; }
.revision-remarks[b-pm9up57k3j] { white-space: pre-wrap; }
.revision-price strong[b-pm9up57k3j] { font-size: 13px; font-variant-numeric: tabular-nums; }
.revision-total[b-pm9up57k3j] { padding: 12px 16px; border-top: 1px solid var(--mud-palette-lines-default); font-size: 12px; background: var(--mud-palette-background-gray); flex-wrap: wrap; }
.revision-total span[b-pm9up57k3j] { color: var(--mud-palette-text-secondary); }
.revision-total strong[b-pm9up57k3j] { font-size: 14px; font-variant-numeric: tabular-nums; }
@container quotation (max-width: 480px) {
    .revision-table[b-pm9up57k3j], .revision-table tbody[b-pm9up57k3j] { display: block; }
    .revision-table thead[b-pm9up57k3j] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .revision-table tr[b-pm9up57k3j] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px 0; }
    .revision-table tbody tr + tr[b-pm9up57k3j] { border-top: 1px solid var(--mud-palette-lines-default); }
    .revision-table td[b-pm9up57k3j], .revision-table td:first-child[b-pm9up57k3j], .revision-table td:last-child[b-pm9up57k3j] { display: block; width: auto; padding: 0; border: 0; }
    .revision-table tbody tr + tr td[b-pm9up57k3j] { border: 0; }
    .revision-table td:first-child[b-pm9up57k3j] { grid-column: 1 / -1; }
    .revision-table td[b-pm9up57k3j]::before { content: attr(data-label); display: block; color: var(--mud-palette-text-secondary); font-size: 10px; margin-bottom: 3px; }
}
@media (max-width: 600px) {
    .summary-heading[b-pm9up57k3j], .summary-total[b-pm9up57k3j] { padding: 16px; }
    .summary-materials[b-pm9up57k3j] { padding: 0 16px; }
    .summary-badges[b-pm9up57k3j] { gap: 6px; }
    .selected-supplier[b-pm9up57k3j] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .allocation-amount[b-pm9up57k3j] { align-self: flex-end; }
    .total-amount[b-pm9up57k3j] { width: 100%; }
    [b-pm9up57k3j] .prepare-order-button { width: 100%; }
    [b-pm9up57k3j] .quotation-history .mud-expand-panel-header { padding: 16px; }
    [b-pm9up57k3j] .quotation-history .mud-expand-panel-content { padding: 0 12px 12px; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqEnquiryEditor.razor.rz.scp.css */
.editor-heading[b-f1v57myacp], .section-heading[b-f1v57myacp] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.editor-heading[b-f1v57myacp] { padding: 18px 22px; background: var(--mud-palette-background-gray); border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; }
.selected-material-heading[b-f1v57myacp] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.selected-material-heading[b-f1v57myacp]  .material-summary { flex: 1; min-width: 0; }
.section-kicker[b-f1v57myacp] { display: block; font-size: 11px; font-weight: 750; letter-spacing: 1.2px; color: var(--mud-palette-primary); margin-bottom: 6px; }
.material-picker[b-f1v57myacp] { padding: 22px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
.material-meta[b-f1v57myacp] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.manual-material[b-f1v57myacp] { margin-top: 18px; padding: 20px; background: var(--mud-palette-background-gray); border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; }
.empty-materials[b-f1v57myacp] { display: flex; align-items: center; flex-direction: column; gap: 10px; text-align: center; padding: 36px 20px; border: 1px dashed var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background-gray); }
[b-f1v57myacp] .material-card { border-left: 3px solid var(--mud-palette-primary); box-shadow: 0 3px 12px #10243b06; }
.editor-actions[b-f1v57myacp] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 18px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background-gray); }
@media (max-width: 650px) { .editor-heading[b-f1v57myacp], .section-heading[b-f1v57myacp] { align-items: flex-start; flex-direction: column; } .material-picker[b-f1v57myacp] { padding: 12px; } }
.editor-heading[b-f1v57myacp] { padding: 10px 14px; }
.editor-heading[b-f1v57myacp]  .mud-typography-h5 { font-size: 20px; }
.editor-heading[b-f1v57myacp]  .mud-typography-body1 { font-size: 12px; }
.section-heading[b-f1v57myacp]  .mud-typography-h6 { font-size: 17px; }
.section-kicker[b-f1v57myacp] { font-size: 9px; margin-bottom: 4px; }
.material-picker[b-f1v57myacp] { padding: 14px; }
[b-f1v57myacp] .rfq-editor { padding: 14px !important; gap: 12px; }
[b-f1v57myacp] .material-card { padding: 12px !important; }
.selected-material-heading[b-f1v57myacp] { padding-bottom: 6px; }
.vendor-invitation-panel[b-f1v57myacp], .enquiry-management-panel[b-f1v57myacp] { padding: 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background-gray); }
.vendor-invitation-form[b-f1v57myacp] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 12px 0; }
.enquiry-management-actions[b-f1v57myacp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 12px; }
.enquiry-action-card[b-f1v57myacp] { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); }
[b-f1v57myacp] .rfq-editor-action-button { min-height: 44px; padding: 10px 18px; font-size: 14px; font-weight: 700; line-height: 1.4; }
[b-f1v57myacp] .rfq-cancel-button { border-width: 2px; color: var(--mud-palette-error-darken); border-color: currentColor; }
[b-f1v57myacp] .rfq-cancel-button:hover { border-width: 2px; }
@media (max-width: 700px) {
    .vendor-invitation-form[b-f1v57myacp], .enquiry-management-actions[b-f1v57myacp] { grid-template-columns: minmax(0, 1fr); }
    .vendor-invitation-panel[b-f1v57myacp], .enquiry-management-panel[b-f1v57myacp], .enquiry-action-card[b-f1v57myacp] { padding: 12px; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqMaterialDetails.razor.rz.scp.css */
.material-details[b-tq6dk4nk9k] { text-align: left; width: min(400px, calc(100vw - 64px)); max-height: 360px; overflow: auto; padding: 18px; border-radius: 10px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); border: 1px solid var(--mud-palette-lines-default); font-size: 13px; font-weight: 400; }
.detail-eyebrow[b-tq6dk4nk9k] { display: block; font-size: 10px; letter-spacing: 1.4px; color: var(--mud-palette-primary); font-weight: 750; margin-bottom: 7px; }
.detail-title[b-tq6dk4nk9k] { display: block; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap; }
dl[b-tq6dk4nk9k] { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 9px 12px; margin: 15px 0 0; padding-top: 13px; border-top: 1px solid var(--mud-palette-lines-default); }
dt[b-tq6dk4nk9k] { color: var(--mud-palette-text-secondary); } dd[b-tq6dk4nk9k] { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
/* _content/Rubik.P2P.Web/Components/Rfq/RfqMaterialSummary.razor.rz.scp.css */
.material-summary[b-zsjkrtth6l] { min-width: 0; max-width: 100%; }
[b-zsjkrtth6l] .material-tooltip-root { display: block; max-width: 100%; }
.material-trigger[b-zsjkrtth6l] { display: flex; align-items: flex-start; gap: 12px; padding: 6px 2px; width: 100%; max-width: 480px; border: 0; background: transparent; color: var(--mud-palette-text-primary); text-align: left; cursor: help; border-radius: 8px; font: inherit; }
.material-trigger:hover[b-zsjkrtth6l] { background: var(--mud-palette-action-default-hover); }
.material-trigger:focus-visible[b-zsjkrtth6l] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }
.material-symbol[b-zsjkrtth6l] { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 9px; color: var(--mud-palette-primary); background: var(--mud-palette-primary-hover); }
.material-copy[b-zsjkrtth6l] { display: flex; flex-direction: column; min-width: 0; gap: 3px; }
.material-copy strong[b-zsjkrtth6l] { font-size: 14px; font-weight: 650; }
.material-copy strong[b-zsjkrtth6l], .material-code[b-zsjkrtth6l], .material-spec[b-zsjkrtth6l] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-code[b-zsjkrtth6l] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.material-spec[b-zsjkrtth6l] { font-size: 12px; color: var(--mud-palette-text-secondary); max-width: 360px; }
.material-dot[b-zsjkrtth6l] { padding: 0 5px; opacity: .6; }
.material-info[b-zsjkrtth6l] { color: var(--mud-palette-text-secondary); opacity: .6; margin-left: auto; flex-shrink: 0; }
.expanded-details[b-zsjkrtth6l] { margin-top: 8px; }
@media (max-width: 600px) { .material-trigger[b-zsjkrtth6l] { max-width: calc(100vw - 100px); } .material-symbol[b-zsjkrtth6l] { display: none; } }
/* _content/Rubik.P2P.Web/Components/Rfq/RfqWorkspace.razor.rz.scp.css */
.rfq-hero[b-ql37r4b73n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px;
    margin-bottom: 20px;
    border: 1px solid #243a56;
    border-radius: 18px;
    background: radial-gradient(ellipse at 92% 0%, #235967 0%, transparent 58%), linear-gradient(115deg, #101f35, #1b304c);
    color: #f4f8ff;
    box-shadow: 0 12px 30px #10243b18;
}
.rfq-eyebrow[b-ql37r4b73n] { display: block; color: var(--mud-palette-primary); font-size: 10px; font-weight: 750; letter-spacing: 1.7px; margin-bottom: 8px; }
.rfq-hero .rfq-eyebrow[b-ql37r4b73n] { color: #9cddd5; display: flex; align-items: center; gap: 8px; }
.rfq-live-dot[b-ql37r4b73n] { width: 6px; height: 6px; border-radius: 50%; background: #6ee7bf; }
.rfq-journey[b-ql37r4b73n] { display: flex; gap: 12px; flex-wrap: wrap; color: #c2d0e0; font-size: 11px; margin-top: 22px; letter-spacing: .2px; }
.rfq-hero[b-ql37r4b73n]  .mud-button-filled-primary { background: #b4f3df; color: #11382e; box-shadow: none; font-weight: 750; padding: 12px 22px; }
.rfq-hero[b-ql37r4b73n]  .mud-button-filled-primary:hover { background: #cef9eb; }
.rfq-hero[b-ql37r4b73n]  h1 { font-weight: 750; letter-spacing: -.7px; }
.rfq-hero[b-ql37r4b73n]  .rfq-hero-description { color: #b9c9da; margin-top: 8px; font-size: 14px; }
.rfq-metrics[b-ql37r4b73n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.rfq-metric[b-ql37r4b73n] { display: flex; flex-direction: column; gap: 5px; padding: 16px 20px; background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; box-shadow: 0 3px 9px #10243b05; }
.metric-top[b-ql37r4b73n] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rfq-metric .metric-icon[b-ql37r4b73n] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: var(--mud-palette-primary); background: var(--mud-palette-primary-hover); }
.metric-draft .metric-icon[b-ql37r4b73n] { color: #9b640c; background: #fdf2dc; }
.metric-open .metric-icon[b-ql37r4b73n] { color: #2366aa; background: #eaf3ff; }
.metric-award .metric-icon[b-ql37r4b73n] { color: #187855; background: #e8f7ef; }
.register-heading[b-ql37r4b73n] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 24px 0; }
.rfq-metric span[b-ql37r4b73n] { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.rfq-metric strong[b-ql37r4b73n] { font-size: 30px; line-height: 1.3; color: var(--mud-palette-primary); font-variant-numeric: tabular-nums; }
.rfq-metric small[b-ql37r4b73n] { color: var(--mud-palette-text-secondary); font-size: 12px; }
[b-ql37r4b73n] .rfq-tabs { background: var(--mud-palette-surface); border-radius: 16px; overflow: hidden; box-shadow: 0 5px 24px #10243b08; }
[b-ql37r4b73n] .rfq-tab-content { min-height: 360px; }
[b-ql37r4b73n] .rfq-tabs .mud-tab { text-transform: none; font-weight: 650; min-height: 60px; }
[b-ql37r4b73n] .mud-table-head .mud-table-cell { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); font-weight: 700; white-space: nowrap; }
[b-ql37r4b73n] .mud-button-root { text-transform: none; border-radius: 8px; }
[b-ql37r4b73n] .mud-paper-outlined { border-radius: 12px; }
[b-ql37r4b73n] .mud-input-outlined-border { border-radius: 8px; }
[b-ql37r4b73n] .mud-secondary-text { color: var(--mud-palette-text-secondary) !important; }
[b-ql37r4b73n] .rfq-section-banner { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background-gray); }
[b-ql37r4b73n] .rfq-section-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--mud-palette-primary-hover); color: var(--mud-palette-primary); }
[b-ql37r4b73n] .rfq-section-label { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; letter-spacing: 1.2px; font-weight: 700; margin-bottom: 3px; }
[b-ql37r4b73n] .rfq-offer-card { box-shadow: 0 3px 12px #10243b05; }
[b-ql37r4b73n] .rfq-comparison-table th { background: var(--mud-palette-background-gray); padding: 18px; }
[b-ql37r4b73n] .rfq-comparison-table td { padding: 18px; vertical-align: top; min-width: 230px; }
[b-ql37r4b73n] .rfq-comparison-table td:first-child { min-width: 260px; max-width: 350px; }
[b-ql37r4b73n] .rfq-selection-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-background-gray); }
[b-ql37r4b73n] .rfq-selection-toolbar > div:first-child { flex: 1 1 320px; }
[b-ql37r4b73n] .rfq-offer-selection { margin-bottom: 8px; }
[b-ql37r4b73n] .rfq-offer-selection .mud-checkbox { margin-left: -8px; }
[b-ql37r4b73n] .rfq-offer-selected { background: var(--mud-palette-success-hover); box-shadow: inset 3px 0 0 var(--mud-palette-success); }
@media (max-width: 800px) { .rfq-metrics[b-ql37r4b73n] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rfq-hero[b-ql37r4b73n] { align-items: flex-start; flex-direction: column; padding: 22px; } }
@media (max-width: 450px) { .rfq-metric[b-ql37r4b73n] { padding: 16px; } .rfq-metric small[b-ql37r4b73n] { display: none; } }

/* Keep the navigation visible and scroll the active screen, not a tall hero. */
.rfq-scope[b-ql37r4b73n] { height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px); min-height: 380px; min-width: 0; }
[b-ql37r4b73n] .rfq-workspace { padding: 0; height: 100%; display: flex; flex-direction: column; min-width: 0; }
.rfq-hero[b-ql37r4b73n] { padding: 14px 20px; margin-bottom: 10px; border-radius: 12px; flex-shrink: 0; }
.rfq-hero[b-ql37r4b73n]  h1 { font-size: 23px; line-height: 1.25; }
.rfq-hero[b-ql37r4b73n]  .rfq-hero-description { font-size: 12px; margin-top: 4px; }
.rfq-hero .rfq-eyebrow[b-ql37r4b73n] { font-size: 9px; margin-bottom: 5px; }
.rfq-journey[b-ql37r4b73n] { display: none; }
.rfq-hero[b-ql37r4b73n]  .mud-button-filled-primary { padding: 8px 16px; font-size: 13px; }
.rfq-metrics[b-ql37r4b73n] { gap: 10px; margin-bottom: 8px; flex-shrink: 0; }
.rfq-metric[b-ql37r4b73n] { position: relative; padding: 10px 14px; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 10px; }
.metric-top[b-ql37r4b73n] { gap: 10px; }
.rfq-metric strong[b-ql37r4b73n] { font-size: 23px; }
.rfq-metric small[b-ql37r4b73n] { display: none; }
.rfq-metric .metric-icon[b-ql37r4b73n] { width: 26px; height: 26px; order: -1; }
.rfq-metric span[b-ql37r4b73n] { font-size: 12px; }
.rfq-preview-note[b-ql37r4b73n] { flex-shrink: 0; padding: 3px 4px 9px; font-size: 11px; color: var(--mud-palette-text-secondary); }
[b-ql37r4b73n] .rfq-tabs { flex: 1; min-height: 0; display: flex; flex-direction: column; border-radius: 12px; }
[b-ql37r4b73n] .rfq-tabs > .mud-tabs-panels { flex: 1; min-height: 0; overflow: hidden; }
[b-ql37r4b73n] .rfq-tabs .mud-tab-panel { height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
[b-ql37r4b73n] .rfq-tabs .mud-tabs-toolbar { flex-shrink: 0; }
[b-ql37r4b73n] .rfq-tabs .mud-tab { min-height: 46px; padding: 8px 14px; font-size: 12px; }
[b-ql37r4b73n] .rfq-tab-content { min-height: 0; }
[b-ql37r4b73n] .rfq-section-banner { padding: 10px 14px; }
[b-ql37r4b73n] .rfq-section-banner .mud-typography-h6 { font-size: 17px; }
[b-ql37r4b73n] .rfq-comparison-table td { min-width: 200px; padding: 12px; }
.register-heading[b-ql37r4b73n] { padding: 14px 16px 0; }
[b-ql37r4b73n] .mud-table-container { max-width: 100%; }
@media (max-width: 700px) {
    .rfq-scope[b-ql37r4b73n] { height: auto; min-height: 0; }
    .rfq-hero[b-ql37r4b73n] { flex-direction: row; align-items: center; gap: 10px; padding: 12px; }
    .rfq-hero[b-ql37r4b73n]  h1 { font-size: 20px; }
    .rfq-hero[b-ql37r4b73n]  .rfq-hero-description { display: none; }
    .rfq-hero[b-ql37r4b73n]  .mud-button-root { white-space: nowrap; padding: 8px 10px; }
    [b-ql37r4b73n] .rfq-tabs > .mud-tabs-panels { overflow: visible; }
    [b-ql37r4b73n] .rfq-tabs .mud-tab-panel { height: auto; overflow: visible; }
}
/* _content/Rubik.P2P.Web/Components/Shared/NavMenu.razor.rz.scp.css */
/* Bony-only active navigation must remain readable with its neutral theme. */
.bony-asn-nav[b-6yrk5qie12]  .mud-nav-link.active {
    color:#2458c5 !important;
    background-color:#eaf1ff !important;
    font-weight:700;
}
.bony-asn-nav[b-6yrk5qie12]  .mud-nav-link.active .mud-nav-link-icon,
.bony-asn-nav[b-6yrk5qie12]  .mud-nav-link.active .mud-nav-link-text { color:inherit !important; }
.bony-asn-nav[b-6yrk5qie12]  .mud-nav-link:hover { background-color:#f0f5ff; }
.bony-asn-nav[b-6yrk5qie12]  .mud-nav-link:focus-visible { outline:2px solid #245dde; outline-offset:-2px; }