/* _content/Rubik.P2P.Web/Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-z85oxzkpkj] {
    --login-ink: #293449;
    --login-muted: #68758a;
    --login-accent: #ad4561;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 36px 20px;
    background: radial-gradient(ellipse at 22% 18%, #f3dfe8 0, transparent 48%),
                radial-gradient(ellipse at 82% 86%, #dce7f3 0, transparent 46%),
                linear-gradient(135deg, #f8f1f4, #f4f5f8 55%, #edf1f7);
    color: var(--login-ink);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.login-page[b-z85oxzkpkj]::before,
.login-page[b-z85oxzkpkj]::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 390px;
    height: 390px;
    border: 1px solid #ffffffb3;
    border-radius: 80px;
    background: linear-gradient(145deg, #ffffff70, #ffffff0a);
    box-shadow: inset 0 1px 0 #ffffffb3, 0 24px 70px #54607506;
}
.login-page[b-z85oxzkpkj]::before { top: calc(50% - 310px); left: calc(50% - 530px); transform: rotate(-24deg); }
.login-page[b-z85oxzkpkj]::after { right: calc(50% - 540px); bottom: calc(50% - 340px); transform: rotate(24deg); }

.login-card[b-z85oxzkpkj] {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 464px;
    padding: 34px 36px 26px;
    border: 1px solid #ffffff;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 0 0 7px #ffffff55, 0 28px 65px -20px #3d456034, 0 5px 15px #37455b08;
}
.login-card[b-z85oxzkpkj]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 36px;
    right: 36px;
    height: 3px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #bd526d, #d398ab 55%, #a5b8cf);
}

.login-heading[b-z85oxzkpkj] { margin-bottom: 26px; padding-bottom: 24px; border-bottom: 1px solid #edf0f4; text-align: center; }
.login-brand[b-z85oxzkpkj] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.brand-mark[b-z85oxzkpkj] { display: grid; grid-template-columns: repeat(2, 10px); gap: 4px; flex: 0 0 auto; padding: 13px; border: 1px solid #b84c69; border-radius: 14px; background: linear-gradient(140deg, #c45e79, #a8405c); box-shadow: 0 7px 14px #b14b6226, inset 0 1px 0 #ffffff42; }
.brand-logo[b-z85oxzkpkj] { display: block; width: 168px; max-width: 100%; height: auto; }
.brand-mark i[b-z85oxzkpkj] { display: block; width: 10px; height: 10px; border-radius: 3px; background: #fff; }
.brand-mark i:nth-child(2)[b-z85oxzkpkj], .brand-mark i:nth-child(3)[b-z85oxzkpkj] { background: #eac3cf; }
.login-heading h1[b-z85oxzkpkj] { margin: 0; color: var(--login-ink); font-size: 30px; font-weight: 700; letter-spacing: -.9px; line-height: 1.25; }
.login-heading p[b-z85oxzkpkj] { margin: 10px 0 0; color: var(--login-muted); font-size: 13px; line-height: 1.6; }
.login-status:empty[b-z85oxzkpkj] { display: none; }
.login-status[b-z85oxzkpkj]  .mud-alert { margin-bottom: 18px; border-radius: 10px; font-size: 13px; overflow-wrap: anywhere; }

.login-field[b-z85oxzkpkj] { margin-bottom: 18px; }
.login-field > label[b-z85oxzkpkj] { display: block; margin-bottom: 8px; color: #44516a; font-size: 12px; font-weight: 600; }
.login-input-wrap[b-z85oxzkpkj] { position: relative; }
.login-input-wrap > svg[b-z85oxzkpkj] { position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; stroke: #8290a5; stroke-width: 1.6; stroke-linecap: round; pointer-events: none; transition: stroke .18s; }
.login-input-wrap:focus-within > svg[b-z85oxzkpkj] { stroke: var(--login-accent); }
.login-input-wrap[b-z85oxzkpkj]  .login-textbox { box-sizing: border-box; display: block; width: 100%; min-width: 0; height: 50px; border: 1px solid #dfe5ed; border-radius: 11px; background: #f7f9fc; color: var(--login-ink); padding: 0 14px 0 44px; font: inherit; font-size: 13px; outline: none; box-shadow: inset 0 1px 2px #29344903; transition: border-color .18s, box-shadow .18s, background-color .18s; }
.login-input-wrap[b-z85oxzkpkj]  .login-textbox::placeholder { color: #788397; opacity: 1; }
.login-input-wrap[b-z85oxzkpkj]  .login-textbox:hover { border-color: #b9c4d3; background: #f9fafc; }
.login-input-wrap[b-z85oxzkpkj]  .login-textbox:focus { border-color: var(--login-accent); background: #fff; box-shadow: 0 0 0 4px #ad456112; }
.login-input-wrap[b-z85oxzkpkj]  .login-textbox.invalid { border-color: #b93246; }
.login-field[b-z85oxzkpkj]  .validation-message { margin-top: 6px; color: #aa2c3f; font-size: 12px; line-height: 1.5; }
.login-options[b-z85oxzkpkj] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; margin: 0 0 20px; font-size: 12px; }
.remember-option[b-z85oxzkpkj] { display: inline-flex; align-items: center; gap: 8px; color: #5e6b80; cursor: pointer; min-height: 32px; }
.remember-option[b-z85oxzkpkj]  input { width: 16px; height: 16px; margin: 0; accent-color: var(--login-accent); cursor: pointer; }
.forgot-link[b-z85oxzkpkj] { color: #a23c58; text-decoration: none; font-weight: 600; padding: 8px 0; }
.forgot-link:hover[b-z85oxzkpkj] { color: #842d46; text-decoration: underline; text-underline-offset: 4px; }
.forgot-link:focus-visible[b-z85oxzkpkj], .login-submit:focus-visible[b-z85oxzkpkj], .remember-option[b-z85oxzkpkj]  input:focus-visible { outline: 3px solid #ad4561; outline-offset: 4px; }
.login-submit[b-z85oxzkpkj] { box-sizing: border-box; width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid #a43e59; border-radius: 11px; background: linear-gradient(110deg, #b9506d, #a03a57); color: #fff; font: inherit; font-weight: 600; font-size: 14px; cursor: pointer; box-shadow: 0 7px 16px #ad456128, inset 0 1px 0 #ffffff30; transition: transform .18s, box-shadow .18s; }
.login-submit svg[b-z85oxzkpkj] { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s; }
.login-submit:hover[b-z85oxzkpkj] { background: linear-gradient(110deg, #ae4461, #92314d); box-shadow: 0 9px 20px #ad456136; transform: translateY(-1px); }
.login-submit:hover svg[b-z85oxzkpkj] { transform: translateX(3px); }
.login-submit:active[b-z85oxzkpkj] { transform: translateY(0); box-shadow: 0 3px 8px #ad456125; }
.login-help[b-z85oxzkpkj] { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #edf0f4; text-align: center; color: var(--login-muted); font-size: 11px; line-height: 1.6; }
.login-footer[b-z85oxzkpkj] { padding-top: 24px; text-align: center; color: #6e7688; font-size: 11px; line-height: 1.5; }

@media (max-height: 700px) and (min-width: 481px) {
    .login-page[b-z85oxzkpkj] { padding-block: 22px; }
    .login-card[b-z85oxzkpkj] { padding-top: 26px; padding-bottom: 22px; }
    .login-heading[b-z85oxzkpkj] { margin-bottom: 22px; padding-bottom: 20px; }
    .login-brand[b-z85oxzkpkj] { gap: 12px; }
    .login-field[b-z85oxzkpkj] { margin-bottom: 16px; }
    .login-help[b-z85oxzkpkj] { margin-top: 20px; padding-top: 16px; }
    .login-footer[b-z85oxzkpkj] { padding-top: 18px; }
}
@media (max-width: 480px) {
    .login-page[b-z85oxzkpkj] { padding: 28px 18px; }
    .login-page[b-z85oxzkpkj]::before, .login-page[b-z85oxzkpkj]::after { display: none; }
    .login-card[b-z85oxzkpkj] { padding: 28px 24px 24px; border-radius: 21px; box-shadow: 0 0 0 5px #ffffff55, 0 20px 45px -18px #3d456030; }
    .login-card[b-z85oxzkpkj]::before { left: 24px; right: 24px; }
    .login-heading[b-z85oxzkpkj] { margin-bottom: 24px; padding-bottom: 22px; }
    .login-brand[b-z85oxzkpkj] { gap: 12px; }
    .login-heading h1[b-z85oxzkpkj] { font-size: 28px; }
    .login-input-wrap[b-z85oxzkpkj]  .login-textbox { font-size: 16px; }
    .login-input-wrap[b-z85oxzkpkj]  .login-textbox::placeholder { font-size: 13px; }
}
@media (max-width: 350px) {
    .login-page[b-z85oxzkpkj] { padding: 22px 12px; }
    .login-card[b-z85oxzkpkj] { padding-inline: 20px; }
    .login-heading h1[b-z85oxzkpkj] { font-size: 26px; }
    .login-options[b-z85oxzkpkj] { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .login-input-wrap > svg[b-z85oxzkpkj], .login-input-wrap[b-z85oxzkpkj]  .login-textbox, .login-submit[b-z85oxzkpkj], .login-submit svg[b-z85oxzkpkj] { transition: none; }
    .login-submit:hover[b-z85oxzkpkj], .login-submit:hover svg[b-z85oxzkpkj] { transform: none; }
}
/* _content/Rubik.P2P.Web/Components/Account/Pages/RfqVendorRegister.razor.rz.scp.css */
.vr-page[b-dsa9901bow] { min-height: 100dvh; display: grid; place-items: center; padding: 32px 16px; background: radial-gradient(circle at 90% 0%, #fde8e7 0, transparent 40%), radial-gradient(circle at 0% 100%, #eef2f6 0, transparent 45%), #f6f7f9; }
.vr-card[b-dsa9901bow] { width: min(560px, 100%); padding: 28px; border: 1px solid #eaecf0; border-radius: 20px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 18px 40px rgba(16, 24, 40, .08); color: #1d2939; }

.vr-head[b-dsa9901bow] { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.vr-icon[b-dsa9901bow] { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(140deg, #e06d6d, #c93734); box-shadow: 0 8px 18px rgba(201, 55, 52, .28); }
.vr-icon svg[b-dsa9901bow] { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vr-head h1[b-dsa9901bow] { margin: 0; font-size: 22px; font-weight: 750; letter-spacing: -.3px; }
.vr-head p[b-dsa9901bow] { margin: 4px 0 0; font-size: 13.5px; color: #667085; }

.vr-role[b-dsa9901bow] { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 6px 12px; border-radius: 999px; font-size: 13px; color: #187855; background: #ecfdf3; border: 1px solid #abefc6; }
.vr-role-dot[b-dsa9901bow] { width: 8px; height: 8px; border-radius: 50%; background: #3f8a66; }

.vr-row[b-dsa9901bow] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vr-field[b-dsa9901bow] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; min-width: 0; }
.vr-field label[b-dsa9901bow] { font-size: 13px; font-weight: 600; color: #344054; }
.vr-field small[b-dsa9901bow] { font-size: 12px; color: #667085; }
[b-dsa9901bow] .vr-input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid #d0d5dd; border-radius: 10px; font: inherit; font-size: 14px; color: #1d2939; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; box-sizing: border-box; }
[b-dsa9901bow] .vr-input:focus { outline: none; border-color: #c93734; box-shadow: 0 0 0 4px rgba(201, 55, 52, .12); }
[b-dsa9901bow] .vr-input.vr-locked { color: #475467; background: #f9fafb; cursor: not-allowed; }
[b-dsa9901bow] .vr-field .validation-message { font-size: 12px; color: #b42318; }

.vr-error[b-dsa9901bow], .vr-invalid[b-dsa9901bow] { margin-bottom: 14px; padding: 10px 14px; border-radius: 10px; font-size: 13px; color: #b42318; background: #fef3f2; border: 1px solid #fecdca; }
.vr-invalid[b-dsa9901bow] { display: flex; flex-direction: column; gap: 4px; }
.vr-invalid strong[b-dsa9901bow] { font-size: 14px; }

.vr-submit[b-dsa9901bow] { width: 100%; height: 46px; margin-top: 4px; border: 0; border-radius: 11px; font: inherit; font-size: 15px; font-weight: 650; color: #fff; background: linear-gradient(140deg, #e06d6d, #c93734); box-shadow: 0 8px 18px rgba(201, 55, 52, .28); cursor: pointer; transition: filter .15s ease, transform .15s ease; }
.vr-submit:hover[b-dsa9901bow] { filter: brightness(1.05); transform: translateY(-1px); }
.vr-foot[b-dsa9901bow] { margin: 16px 0 0; text-align: center; font-size: 13px; color: #667085; }
.vr-foot a[b-dsa9901bow] { color: #c93734; font-weight: 600; text-decoration: none; }

@media (max-width: 520px) {
    .vr-card[b-dsa9901bow] { padding: 20px; }
    .vr-row[b-dsa9901bow] { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
/* _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] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px 24px; padding: 18px 20px 14px; }
.vendor-search[b-rl9f2s98le] { flex: 0 1 380px; min-width: 0; }
.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-search[b-rl9f2s98le] { flex: 0 0 100%; }
    .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; }

/* Applied only when the authenticated ASN tenant is Bony (77cadc29-2aa0-45cc-b93a-e7c57965b524). */
.asn-page.bony-workspace[b-5cnlci9fpg] {
    --navy: #24354b;
    --blue: #315fb5;
    --blue-soft: #edf3fd;
    --ink-muted: #617188;
    --mud-palette-primary: #315fb5;
    --mud-palette-primary-rgb: 49, 95, 181;
    --mud-palette-text-primary: #24354b;
    --mud-palette-text-secondary: #617188;
    --mud-palette-text-disabled: #758296;
    padding: 10px;
    border: 1px solid #e1e7ef;
    border-radius: 14px;
    background: #f3f6fa;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}
.bony-workspace[b-5cnlci9fpg]::before { display: none; }
.bony-workspace .asn-content[b-5cnlci9fpg] { padding: 0 3px 10px; scrollbar-width: thin; }
.bony-workspace .bony-header[b-5cnlci9fpg] { margin-bottom: 12px; border: 1px solid #dbe4ef; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px #233c5b06; }
.bony-workspace .bony-header-bar[b-5cnlci9fpg] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; min-height: 56px; padding: 10px 16px; }
.bony-workspace .bony-header-title[b-5cnlci9fpg] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; }
.bony-workspace .bony-title-icon[b-5cnlci9fpg] { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 9px; color: #315fb5; background: #eaf1fc; }
.bony-workspace .bony-title-icon[b-5cnlci9fpg]  .mud-icon-root { font-size: 20px; }
.bony-workspace .bony-header h1[b-5cnlci9fpg] { margin: 0; color: #24354b; font-size: 18px; font-weight: 650; line-height: 1.35; letter-spacing: -.35px; }
.bony-workspace .bony-step-badge[b-5cnlci9fpg] { padding: 4px 8px; border: 1px solid #dce7f7; border-radius: 6px; color: #345986; background: #f1f6fd; font-size: 11px; font-weight: 600; white-space: nowrap; }
.bony-workspace .header-actions[b-5cnlci9fpg] { gap: 6px; }
.bony-workspace .header-actions:empty[b-5cnlci9fpg] { display: none; }
.bony-workspace .bony-header-tools[b-5cnlci9fpg] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; min-width: 0; margin-left: auto; }
.bony-workspace .bony-reference[b-5cnlci9fpg] { display: flex; flex-direction: column; min-width: 0; max-width: 250px; padding-right: 14px; border-right: 1px solid #e1e7ef; }
.bony-workspace .bony-reference small[b-5cnlci9fpg] { color: #65758a; font-size: 10px; line-height: 1.4; }
.bony-workspace .bony-reference strong[b-5cnlci9fpg] { color: #334c6b; font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.bony-workspace .bony-overview-toggle[b-5cnlci9fpg] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 6px 10px; border: 1px solid #d2dff0; border-radius: 7px; background: #f5f8fd; color: #31558d; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; }
.bony-workspace .bony-overview-toggle:hover[b-5cnlci9fpg] { border-color: #9bb5d9; background: #eaf1fc; }
.bony-workspace .bony-overview-toggle:focus-visible[b-5cnlci9fpg] { outline: 3px solid #315fb5; outline-offset: 3px; }
.bony-workspace .bony-overview[b-5cnlci9fpg] { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(0, 1.7fr); align-items: center; gap: 16px; padding: 14px 16px; border-top: 1px solid #e1e8f2; border-radius: 0 0 12px 12px; background: #f8fafd; }
.bony-workspace .bony-overview[hidden][b-5cnlci9fpg] { display: none; }
.bony-workspace .bony-overview-copy .eyebrow[b-5cnlci9fpg] { color: #315fb5; font-size: 9px; font-weight: 650; letter-spacing: 1.3px; }
.bony-workspace .bony-overview-copy p[b-5cnlci9fpg] { margin: 5px 0 0; color: #617188; font-size: 12px; line-height: 1.5; }
.bony-workspace .bony-step-list[b-5cnlci9fpg] { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0; margin: 0; list-style: none; }
.bony-workspace .bony-step-list li[b-5cnlci9fpg] { display: flex; align-items: center; gap: 6px; color: #617188; font-size: 11px; }
.bony-workspace .bony-step-list li > span[b-5cnlci9fpg] { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #dce4ee; border-radius: 50%; background: #fff; font-size: 10px; }
.bony-workspace .bony-step-list strong[b-5cnlci9fpg] { font-weight: 500; }
.bony-workspace .bony-step-list .current[b-5cnlci9fpg] { color: #244e94; }
.bony-workspace .bony-step-list .current > span[b-5cnlci9fpg] { color: #fff; background: #315fb5; border-color: #315fb5; }
.bony-workspace .bony-step-list .current strong[b-5cnlci9fpg] { font-weight: 650; }
.bony-workspace .bony-step-list .previous > span[b-5cnlci9fpg] { color: #315fb5; background: #e9f0fc; border-color: #c9d9f3; }

/* The first step places the vendor and receiving destination alongside each other. */
.bony-workspace .bony-start[b-5cnlci9fpg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 12px; }
.bony-workspace .bony-start > .bony-header[b-5cnlci9fpg],
.bony-workspace .bony-start > .empty-state[b-5cnlci9fpg] { grid-column: 1 / -1; margin: 0; }
.bony-workspace .bony-start > .form-card[b-5cnlci9fpg],
.bony-workspace .bony-start > .customer-step[b-5cnlci9fpg] { align-self: stretch; margin: 0; padding: 18px; }
.bony-workspace .customer-step[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 0; border-top: 1px solid #dce4ef; }
.bony-workspace .customer-search[b-5cnlci9fpg] { justify-self: stretch; max-width: none; }
.bony-workspace .customer-step[b-5cnlci9fpg],
.bony-workspace .form-card[b-5cnlci9fpg],
.bony-workspace .customer-banner[b-5cnlci9fpg] { background: #fff; border-color: #dce4ef; border-radius: 12px; box-shadow: 0 2px 8px #233c5b05; }
.bony-workspace .form-card[b-5cnlci9fpg] { padding: 18px; }
.bony-workspace .form-card:hover[b-5cnlci9fpg] { box-shadow: 0 2px 8px #233c5b05; }
.bony-workspace .bony-section-heading[b-5cnlci9fpg] { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.bony-workspace .bony-section-heading > div[b-5cnlci9fpg] { min-width: 0; }
.bony-workspace .bony-section-icon[b-5cnlci9fpg] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; color: #315fb5; background: #edf3fd; border: 1px solid #dfe9f9; border-radius: 10px; }
.bony-workspace .bony-section-icon.destination-icon[b-5cnlci9fpg] { color: #2e796a; background: #edf7f3; border-color: #dbeee7; }
.bony-workspace .bony-section-icon[b-5cnlci9fpg]  .mud-icon-root { font-size: 20px; }
.bony-workspace .bony-section-heading h2[b-5cnlci9fpg],
.bony-workspace .section-heading h2[b-5cnlci9fpg] { margin: 0 0 4px; color: #24354b; font-size: 16px; font-weight: 650; letter-spacing: -.2px; }
.bony-workspace .bony-section-heading p[b-5cnlci9fpg],
.bony-workspace .section-heading p[b-5cnlci9fpg] { margin: 0; color: #617188; font-size: 12px; line-height: 1.5; }
.bony-workspace .section-heading[b-5cnlci9fpg] { margin-bottom: 16px; }
.bony-workspace .empty-state[b-5cnlci9fpg] { min-height: 112px; padding: 16px; background: #edf3fb; border: 1px dashed #c7d7eb; box-shadow: none; }
.bony-workspace .empty-state h3[b-5cnlci9fpg] { font-size: 14px; font-weight: 600; color: #365273; }
.bony-workspace .empty-state p[b-5cnlci9fpg] { color: #617188; line-height: 1.5; }
.bony-workspace .empty-icon[b-5cnlci9fpg] { width: 32px; height: 32px; background: #fff; border-color: #d7e3f3; border-radius: 9px; }

/* One restrained form and table style across the Bony ASN steps. */
.bony-workspace .form-card[b-5cnlci9fpg]  .mud-input-control,
.bony-workspace[b-5cnlci9fpg]  .customer-search .mud-input-control { background: #fbfcfe; border-radius: 8px; }
.bony-workspace[b-5cnlci9fpg]  .mud-input-outlined-border { border-color: #cbd6e4; border-radius: 8px; }
.bony-workspace[b-5cnlci9fpg]  .mud-input-root,
.bony-workspace[b-5cnlci9fpg]  .mud-table-cell { color: #24354b; font-size: 13px; }
.bony-workspace[b-5cnlci9fpg]  .mud-input-label { color: #536780 !important; }
.bony-workspace[b-5cnlci9fpg]  .mud-input-helper-text { color: #617188; font-size: 11px; }
.bony-workspace[b-5cnlci9fpg]  input::placeholder,
.bony-workspace[b-5cnlci9fpg]  textarea::placeholder { color: #6b7b91; }
.bony-workspace .form-card[b-5cnlci9fpg]  .mud-input-adornment-start { color: #6480a6; }
.bony-workspace[b-5cnlci9fpg]  .vendor-search input,
.bony-workspace[b-5cnlci9fpg]  .customer-search input { color: #24354b !important; -webkit-text-fill-color: #24354b !important; font-weight: 500; }
.bony-workspace[b-5cnlci9fpg]  .customer-search .mud-input-label { color: #536780 !important; }
.bony-workspace .customer-banner[b-5cnlci9fpg] { border-left: 3px solid #5c84c5; background: #f8fafd; }
.bony-workspace .customer-banner span[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .customer-banner[b-5cnlci9fpg]  .mud-avatar-root { color: #315fb5; background: #e5edfa; box-shadow: none; }
.bony-workspace .items-header[b-5cnlci9fpg] { align-items: center; }
.bony-workspace .items-table[b-5cnlci9fpg] { font-size: 12px; }
.bony-workspace .items-table th[b-5cnlci9fpg] { padding-block: 11px; color: #445c7c; background: #edf2f9; text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 600; }
.bony-workspace .items-table td[b-5cnlci9fpg] { padding-block: 10px; }
.bony-workspace .items-table small[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .items-table tbody tr:nth-child(even):not(.selected-po-line)[b-5cnlci9fpg] { background: #fafbfd; }
.bony-workspace .items-table tbody tr:hover[b-5cnlci9fpg] { background: #f2f6fc; }
.bony-workspace .items-table tbody .selected-po-line[b-5cnlci9fpg] { background: #eaf2ff; }
.bony-workspace .items-summary[b-5cnlci9fpg] { flex-wrap: wrap; gap: 8px 22px; color: #617188; font-size: 12px; }
.bony-workspace .items-summary strong[b-5cnlci9fpg] { font-weight: 600; }
.bony-workspace .invoice-po-total[b-5cnlci9fpg] { color: #365273; background: #f1f6fd; border-color: #dae5f4; }
.bony-workspace .asn-attachments[b-5cnlci9fpg] { padding: 14px; border: 1px solid #dfe7f1; border-radius: 10px; background: #f8fafd; }
.bony-workspace .attachment-heading h3[b-5cnlci9fpg] { font-size: 14px; font-weight: 600; }
.bony-workspace .asn-attachments[b-5cnlci9fpg]  .mud-paper { box-shadow: none; }
.bony-workspace .action-workspace[b-5cnlci9fpg],
.bony-workspace .timeline-rail[b-5cnlci9fpg] { border-color: #dce4ef; border-radius: 12px; box-shadow: 0 2px 8px #233c5b05; }
.bony-workspace .summary-title[b-5cnlci9fpg] { background: #edf3fc; }
.bony-workspace .summary-title small[b-5cnlci9fpg],
.bony-workspace .summary-facts small[b-5cnlci9fpg],
.bony-workspace .summary-table th[b-5cnlci9fpg],
.bony-workspace .summary-table td small[b-5cnlci9fpg],
.bony-workspace .rail-item small[b-5cnlci9fpg],
.bony-workspace .rail-item time[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .summary-table td strong[b-5cnlci9fpg] { color: #24354b; }
.bony-workspace .current-action[b-5cnlci9fpg] { background: #f1f6fd; border-color: #d4e2f5; box-shadow: none; }
.bony-workspace .current-action-copy > small[b-5cnlci9fpg],
.bony-workspace .current-action-copy p[b-5cnlci9fpg],
.bony-workspace .current-owner small[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .rail-marker[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .rail-item.complete .rail-marker[b-5cnlci9fpg],
.bony-workspace .rail-item.pending .rail-marker[b-5cnlci9fpg] { color: #fff; }

.bony-workspace .sticky-actions[b-5cnlci9fpg] { margin-top: 8px; padding: 10px 14px; border-color: #d5dfec; border-radius: 11px; background: #fff; box-shadow: 0 -2px 10px #233c5b06; }
.bony-workspace .action-status strong[b-5cnlci9fpg] { color: #334c6b; font-weight: 600; }
.bony-workspace .action-status small[b-5cnlci9fpg] { color: #617188; }
.bony-workspace .status-icon[b-5cnlci9fpg] { color: #315fb5; background: #edf3fd; }
.bony-workspace .status-icon.ready[b-5cnlci9fpg] { color: #287254; background: #eaf6ef; }
.bony-workspace[b-5cnlci9fpg]  .mud-button-root { border-radius: 8px; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.bony-workspace .sticky-buttons[b-5cnlci9fpg]  .mud-button-root { min-height: 38px; padding-inline: 16px; }
.bony-workspace[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled) { color: #fff !important; background-color: #315fb5 !important; box-shadow: 0 2px 5px #315fb529; }
.bony-workspace[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover { background-color: #264d95 !important; }
.bony-workspace[b-5cnlci9fpg]  .mud-button-outlined:not(:disabled):not(.mud-disabled) { color: #31558d !important; border-color: #c2d2e8 !important; background-color: #fff !important; }
.bony-workspace[b-5cnlci9fpg]  .mud-button-root:disabled,
.bony-workspace[b-5cnlci9fpg]  .mud-button-root.mud-disabled { color: #6e7d92 !important; background-color: #edf1f6 !important; border-color: #dbe3ec !important; }

@container asn (max-width: 1000px) {
    .bony-workspace .bony-header-title[b-5cnlci9fpg] { flex: 1 1 300px; }
    .bony-workspace .bony-overview[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .bony-workspace .bony-header-tools[b-5cnlci9fpg] { margin-left: 0; }
}
@container asn (max-width: 760px) {
    .bony-workspace .bony-start[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr); }
    .bony-workspace .bony-header-bar[b-5cnlci9fpg] { padding: 10px 12px; gap: 10px; }
    .bony-workspace .bony-header-tools[b-5cnlci9fpg] { flex: 1 1 100%; justify-content: space-between; }
    .bony-workspace .bony-header .header-actions[b-5cnlci9fpg] { width: 100%; margin-left: 0; }
    .bony-workspace .bony-reference[b-5cnlci9fpg] { max-width: 55%; padding-right: 0; border: 0; }
    .bony-workspace .bony-header h1[b-5cnlci9fpg] { font-size: 16px; }
    .bony-workspace .bony-start > .form-card[b-5cnlci9fpg],
    .bony-workspace .bony-start > .customer-step[b-5cnlci9fpg] { padding: 14px; }
    .bony-workspace .items-header[b-5cnlci9fpg] { align-items: stretch; }
}
@container asn (max-width: 420px) {
    .bony-workspace .bony-step-badge[b-5cnlci9fpg] { margin-left: 42px; }
    .bony-workspace .bony-step-list[b-5cnlci9fpg] { gap: 8px 12px; }
    .bony-workspace .bony-overview-toggle[b-5cnlci9fpg] { font-size: 11px; padding-inline: 7px; }
    .bony-workspace .bony-reference[b-5cnlci9fpg] { max-width: 50%; }
}

/* Bony PO, invoice, dispatch and timeline steps share muted surfaces. */
.asn-page.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg] {
    --blue: #3b638c;
    --blue-soft: #e3ebf3;
    --mud-palette-primary: #3b638c;
    --mud-palette-primary-rgb: 59, 99, 140;
    background: #e2e8ee;
    border-color: #d0d9e3;
}
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-header[b-5cnlci9fpg] { margin-bottom: 8px; background: #edf1f5; border-color: #ccd7e3; box-shadow: none; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-title-icon[b-5cnlci9fpg] { color: #395b7e; background: #dce5ef; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-step-badge[b-5cnlci9fpg] { color: #365777; background: #dce7f2; border-color: #c7d6e6; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-overview-toggle[b-5cnlci9fpg] { background: #e3eaf2; border-color: #c6d3e3; color: #365777; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-overview-toggle:hover[b-5cnlci9fpg] { background: #d7e2ee; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .bony-overview[b-5cnlci9fpg] { background: #e8eef4; border-top-color: #ccd7e3; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner[b-5cnlci9fpg] { gap: 12px; margin-top: 0; padding: 10px 14px; background: #354b62; border: 1px solid #354b62; border-left: 3px solid #7899b8; border-radius: 10px; box-shadow: none; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner strong[b-5cnlci9fpg] { color: #f0f4f8; font-size: 13px; font-weight: 600; line-height: 1.5; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner span[b-5cnlci9fpg] { color: #cbd8e5; font-size: 11px; line-height: 1.5; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner[b-5cnlci9fpg]  .mud-avatar-root { width: 34px; height: 34px; color: #edf4fb; background: #506c87; font-size: 13px; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner[b-5cnlci9fpg]  .mud-chip { color: #d1e6dd; background: #ffffff08; border-color: #6e9189; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner[b-5cnlci9fpg]  .mud-chip-content,
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .customer-banner[b-5cnlci9fpg]  .mud-chip-icon { color: inherit; }
.bony-workspace.po-items-mode .po-items-card[b-5cnlci9fpg] { margin-top: 0; padding: 14px; background: #edf1f5; border-color: #ccd7e3; border-radius: 12px; box-shadow: 0 3px 10px #2c41550a; }
.bony-workspace.po-items-mode .items-header[b-5cnlci9fpg] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .section-heading h2[b-5cnlci9fpg] { font-size: 16px; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .section-heading p[b-5cnlci9fpg] { color: #566b82; font-size: 12px; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg] { flex: 0 1 320px; width: 100%; min-width: 0; max-width: 320px; margin: 0; }
.bony-workspace.po-items-mode .items-header[b-5cnlci9fpg]  .mud-button-root { flex-shrink: 0; min-height: 38px; padding: 6px 12px; font-size: 12px; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg]  .mud-input-control { margin: 0; background: #e5ebf2; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg]  .mud-input-outlined-border { border-color: #becddd; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg]  .mud-input-outlined { min-height: 38px; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg]  input.mud-input-slot { padding-block: 8px; font-size: 12px; }
.bony-workspace.po-items-mode .po-search[b-5cnlci9fpg]  .mud-icon-root { font-size: 19px; }
.bony-workspace.po-items-mode .table-scroll[b-5cnlci9fpg] { border-color: #becbd9; border-radius: 9px; background: #e9eef3; scrollbar-color: #97a9bd #dce4ed; scrollbar-width: thin; }
.bony-workspace.po-items-mode .items-table[b-5cnlci9fpg] { min-width: 1640px; background: #eef2f6; }
.bony-workspace.po-items-mode .items-table th[b-5cnlci9fpg] { padding: 11px 10px; color: #f2f5f9; background: #40566e; border-bottom-color: #344a61; font-size: 11px; font-weight: 600; white-space: nowrap; }
.bony-workspace.po-items-mode .items-table th:first-child[b-5cnlci9fpg] { width: 48px; }
.bony-workspace.po-items-mode .items-table th:nth-child(2)[b-5cnlci9fpg] { width: 126px; }
.bony-workspace.po-items-mode .items-table th:nth-child(3)[b-5cnlci9fpg] { width: auto; }
.bony-workspace.po-items-mode .items-table th:nth-child(4)[b-5cnlci9fpg] { width: 105px; }
.bony-workspace.po-items-mode .items-table th:nth-child(5)[b-5cnlci9fpg] { width: 104px; }
.bony-workspace.po-items-mode .items-table th:nth-child(6)[b-5cnlci9fpg] { width: 124px; }
.bony-workspace.po-items-mode .items-table th:nth-child(7)[b-5cnlci9fpg] { width: 148px; }
.bony-workspace.po-items-mode .items-table th:nth-child(8)[b-5cnlci9fpg] { width: 144px; }
.bony-workspace.po-items-mode .items-table th:nth-child(9)[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table th:nth-child(10)[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table th:nth-child(11)[b-5cnlci9fpg] { width: 108px; }
.bony-workspace.po-items-mode .items-table th:nth-child(12)[b-5cnlci9fpg] { width: 115px; }
.bony-workspace.po-items-mode .items-table th:nth-child(13)[b-5cnlci9fpg] { width: 134px; }
.bony-workspace.po-items-mode .items-table tbody tr[b-5cnlci9fpg] { --po-row-bg: #f0f3f6; }
.bony-workspace.po-items-mode .items-table tbody tr:nth-child(even)[b-5cnlci9fpg] { --po-row-bg: #e7edf3; }
.bony-workspace.po-items-mode .items-table tbody tr:hover[b-5cnlci9fpg] { --po-row-bg: #e1e9f2; }
.bony-workspace.po-items-mode .items-table tbody tr.selected-po-line[b-5cnlci9fpg] { --po-row-bg: #dbe7f2; }
.bony-workspace.po-items-mode .items-table tbody tr.selected-po-line:hover[b-5cnlci9fpg] { --po-row-bg: #d2e1ef; }
.bony-workspace.po-items-mode .items-table td[b-5cnlci9fpg] { padding: 9px 10px; color: #30465f; background: var(--po-row-bg); border-bottom-color: #d4dee8; font-size: 12px; }
.bony-workspace.po-items-mode .items-table td strong[b-5cnlci9fpg] { font-weight: 600; line-height: 1.4; }
.bony-workspace.po-items-mode .items-table small[b-5cnlci9fpg] { color: #566b82; font-size: 11px; line-height: 1.45; }
.bony-workspace.po-items-mode .items-table .po-reference strong[b-5cnlci9fpg] { color: #32577d; font-variant-numeric: tabular-nums; }
.bony-workspace.po-items-mode .items-table .po-amount[b-5cnlci9fpg] { font-weight: 600; }
.bony-workspace.po-items-mode .items-table td:first-child[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table td:nth-child(2)[b-5cnlci9fpg] { position: sticky; z-index: 2; }
.bony-workspace.po-items-mode .items-table td:first-child[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table th:first-child[b-5cnlci9fpg] { left: 0; }
.bony-workspace.po-items-mode .items-table td:nth-child(2)[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table th:nth-child(2)[b-5cnlci9fpg] { left: 48px; box-shadow: 1px 0 0 #bdccdc; }
.bony-workspace.po-items-mode .items-table th:first-child[b-5cnlci9fpg],
.bony-workspace.po-items-mode .items-table th:nth-child(2)[b-5cnlci9fpg] { position: sticky; top: 0; z-index: 4; background: #40566e; }
.bony-workspace.po-items-mode .items-table tr.selected-po-line td:first-child[b-5cnlci9fpg] { box-shadow: inset 3px 0 #527ba3; }
.bony-workspace.po-items-mode .items-table[b-5cnlci9fpg]  .mud-input-control { background: #e2e8ef; border-radius: 7px; }
.bony-workspace.po-items-mode .items-table .selected-po-line[b-5cnlci9fpg]  .mud-input-control { background: #f4f6f9; }
.bony-workspace.po-items-mode .items-table[b-5cnlci9fpg]  .mud-input-outlined-border { border-color: #c1cedc; border-radius: 7px; }
.bony-workspace.po-items-mode .items-table[b-5cnlci9fpg]  input.mud-input-slot { padding: 9px 10px; font-size: 12px; }
.bony-workspace.po-items-mode .items-table[b-5cnlci9fpg]  input:disabled { color: #64758a; -webkit-text-fill-color: #64758a; opacity: 1; }
.bony-workspace.po-items-mode .items-table td[data-label="Ship qty."][b-5cnlci9fpg]  input { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.bony-workspace.po-items-mode .bony-po-summary[b-5cnlci9fpg] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.4fr); gap: 0; padding: 0; margin: 12px 0 0; border: 1px solid #cbd7e4; border-radius: 9px; background: #e1e9f2; }
.bony-workspace.po-items-mode .bony-po-summary > div[b-5cnlci9fpg] { min-width: 0; padding: 10px 14px; }
.bony-workspace.po-items-mode .bony-po-summary > div + div[b-5cnlci9fpg] { border-left: 1px solid #c5d3e2; }
.bony-workspace.po-items-mode .bony-po-summary dt[b-5cnlci9fpg] { margin: 0 0 4px; color: #50677f; font-size: 11px; line-height: 1.4; }
.bony-workspace.po-items-mode .bony-po-summary dd[b-5cnlci9fpg] { margin: 0; color: #2e4967; font-size: 18px; font-weight: 650; line-height: 1.25; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.bony-workspace.po-items-mode .bony-po-summary .bony-po-total[b-5cnlci9fpg] { border-radius: 0 9px 9px 0; background: #d7e3ef; }
.bony-workspace.po-items-mode .bony-po-total dd[b-5cnlci9fpg] { color: #274d74; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .sticky-actions[b-5cnlci9fpg] { padding: 9px 14px; background: #eaf0f5; border-color: #c6d3e1; box-shadow: none; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .action-status strong[b-5cnlci9fpg] { color: #304b68; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .action-status small[b-5cnlci9fpg] { color: #566b82; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .status-icon[b-5cnlci9fpg] { color: #3b638c; background: #dae5f0; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode) .status-icon.ready[b-5cnlci9fpg] { color: #356e59; background: #dcebe4; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled) { background-color: #3b638c !important; box-shadow: 0 2px 5px #2f496324; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover { background-color: #304f71 !important; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-outlined:not(:disabled):not(.mud-disabled) { color: #365b80 !important; background-color: #e6edf5 !important; border-color: #b7c9de !important; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-outlined:not(:disabled):not(.mud-disabled):hover { background-color: #dae5f0 !important; }
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-root:disabled,
.bony-workspace:is(.po-items-mode, .bony-invoice-mode, .bony-dispatch-mode, .timeline-mode)[b-5cnlci9fpg]  .mud-button-root.mud-disabled { color: #63748a !important; background-color: #dce4ed !important; border-color: #c7d3e1 !important; }

@container asn (max-width: 760px) {
    .bony-workspace.po-items-mode .po-items-card[b-5cnlci9fpg] { padding: 12px; }
    .bony-workspace.po-items-mode .items-header[b-5cnlci9fpg] { gap: 8px; }
    .bony-workspace.po-items-mode .items-header[b-5cnlci9fpg]  .mud-button-root { align-self: flex-start; }
    .bony-workspace.po-items-mode .bony-po-summary > div[b-5cnlci9fpg] { padding: 9px 10px; }
    .bony-workspace.po-items-mode .bony-po-summary dd[b-5cnlci9fpg] { font-size: 16px; }
}
@container asn (max-width: 480px) {
    .bony-workspace.po-items-mode .bony-po-summary[b-5cnlci9fpg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bony-workspace.po-items-mode .bony-po-summary .bony-po-total[b-5cnlci9fpg] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #c5d3e2; border-radius: 0 0 9px 9px; }
    .bony-workspace.po-items-mode .items-table td:nth-child(2)[b-5cnlci9fpg] { position: static; box-shadow: none; }
    .bony-workspace.po-items-mode .items-table th:nth-child(2)[b-5cnlci9fpg] { left: auto; z-index: 1; box-shadow: none; }
}

/* Invoice and dispatch forms reuse the PO palette; document styling remains on the invoice step. */
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg] { margin-top: 10px; padding: 14px; background: #edf1f5; border-color: #ccd7e3; border-radius: 12px; box-shadow: 0 3px 10px #2c41550a; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-control { background: #e5ebf2; border-radius: 8px; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-outlined-border { border-color: #becddd; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-control:focus-within { background: #f0f4f8; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error, #b32d3d); }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-adornment-start { color: #607b98; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-helper-text { color: #566b82; }
.bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg]  .mud-input-helper-text.mud-input-error { color: var(--mud-palette-error, #b32d3d); }
.bony-workspace.bony-invoice-mode .invoice-po-total[b-5cnlci9fpg] { gap: 6px 18px; margin-top: 14px; padding: 12px 14px; color: #50677f; background: #d7e3ef; border-color: #c5d3e2; border-radius: 9px; }
.bony-workspace.bony-invoice-mode .invoice-po-total strong[b-5cnlci9fpg] { color: #274d74; font-size: 14px; font-weight: 650; font-variant-numeric: tabular-nums; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg] { margin-top: 16px; padding: 14px; background: #e6edf4; border-color: #c8d6e5; border-radius: 10px; }
.bony-workspace.bony-invoice-mode .attachment-heading[b-5cnlci9fpg] { color: #365b80; }
.bony-workspace.bony-invoice-mode .attachment-heading p[b-5cnlci9fpg] { color: #566b82; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-paper { background: #eef2f6; border: 1px solid #c6d3e2; border-radius: 9px; box-shadow: none; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-toolbar { background: #dce6f0; color: #304b68; border-radius: 9px 9px 0 0; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-toolbar .mud-typography-h6 { font-size: 14px; font-weight: 600; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-head .mud-table-cell { color: #f2f5f9; background: #40566e; border-bottom-color: #344a61; font-size: 12px; font-weight: 600; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-row { background: #f0f3f6; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-row:nth-child(even) { background: #e7edf3; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-row:hover { background: #e1e9f2; }
.bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg]  .mud-table-body .mud-table-cell { color: #30465f; border-bottom-color: #d4dee8; }
@container asn (max-width: 760px) {
    .bony-workspace:is(.bony-invoice-mode, .bony-dispatch-mode) .form-card[b-5cnlci9fpg],
    .bony-workspace.bony-invoice-mode .asn-attachments[b-5cnlci9fpg] { padding: 12px; }
    .bony-workspace.bony-invoice-mode .invoice-po-total[b-5cnlci9fpg] { align-items: flex-start; flex-direction: column; }
}

/* Compact Bony fields: size dates and numbers separately from longer references. */
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields { display: grid; gap: 12px; align-items: start; width: 100%; max-width: 1240px; margin: 0; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields > .mud-grid-item { min-width: 0; width: 100%; max-width: none; flex-basis: auto; padding: 0; }
.bony-workspace .form-card[b-5cnlci9fpg]  .invoice-fields { grid-template-columns: minmax(0, 1.05fr) minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, 1.1fr); }
.bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .mud-grid-item { grid-column: span 3; }
.bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .asn-field-short { grid-column: span 2; }
.bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .asn-field-carrier { grid-column: span 4; }
.bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .asn-field-remarks { grid-column: 1 / -1; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-control { min-width: 0; margin: 0; background: transparent; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-outlined { background: #e5ebf2; border-radius: 8px; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-outlined:focus-within { background: #f0f4f8; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-label { font-size: 13px; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-helper-text { margin-top: 3px; line-height: 1.4; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-picker { width: 100%; min-width: 0; }
.bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields .mud-input-adornment .mud-icon-root { font-size: 20px; }
@container asn (max-width: 1100px) {
    .bony-workspace .form-card[b-5cnlci9fpg]  .invoice-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .mud-grid-item { grid-column: auto; }
    .bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields > .asn-field-remarks { grid-column: 1 / -1; }
}
@container asn (max-width: 760px) {
    .bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bony-workspace .form-card[b-5cnlci9fpg]  .asn-fields { gap: 10px 12px; }
}
@container asn (max-width: 540px) {
    .bony-workspace .form-card[b-5cnlci9fpg]  .invoice-fields,
    .bony-workspace .form-card[b-5cnlci9fpg]  .dispatch-fields { grid-template-columns: minmax(0, 1fr); }
}

/* Bony receiving timeline: the same low-glare palette as the shipment forms. */
.bony-workspace.timeline-mode .timeline-panel[b-5cnlci9fpg] { max-width: none; margin-top: 10px; }
.bony-workspace.timeline-mode .workflow-layout[b-5cnlci9fpg] { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); gap: 12px; height: auto; min-height: 0; }
.bony-workspace.timeline-mode .action-workspace[b-5cnlci9fpg],
.bony-workspace.timeline-mode .timeline-rail[b-5cnlci9fpg] { min-height: 0; max-height: none; padding: 14px; background: #edf1f5; border-color: #ccd7e3; border-radius: 12px; box-shadow: 0 3px 10px #2c41550a; }
.bony-workspace.timeline-mode .workspace-heading[b-5cnlci9fpg] { gap: 10px; margin-bottom: 12px; padding: 0; }
.bony-workspace.timeline-mode .workspace-heading > span[b-5cnlci9fpg] { width: 34px; height: 34px; color: #3b638c; background: #dce6f0; border: 1px solid #c9d8e7; border-radius: 9px; box-shadow: none; }
.bony-workspace.timeline-mode .workspace-heading > span[b-5cnlci9fpg]  .mud-icon-root { font-size: 20px; }
.bony-workspace.timeline-mode .workspace-heading h2[b-5cnlci9fpg],
.bony-workspace.timeline-mode .rail-heading h2[b-5cnlci9fpg] { color: #30465f; font-size: 16px; font-weight: 600; }
.bony-workspace.timeline-mode .workspace-heading p[b-5cnlci9fpg],
.bony-workspace.timeline-mode .rail-heading p[b-5cnlci9fpg] { color: #566b82; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.bony-workspace.timeline-mode .asn-summary[b-5cnlci9fpg] { background: #e7edf3; border-color: #c3d0de; border-radius: 9px; }
.bony-workspace.timeline-mode .summary-title[b-5cnlci9fpg] { gap: 12px; padding: 10px 12px; background: #354b62; border-color: #354b62; }
.bony-workspace.timeline-mode .summary-title small[b-5cnlci9fpg] { color: #cbd8e5; font-size: 10px; font-weight: 600; }
.bony-workspace.timeline-mode .summary-title strong[b-5cnlci9fpg] { margin-top: 3px; color: #f0f4f8; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bony-workspace.timeline-mode .summary-title[b-5cnlci9fpg]  .mud-chip { color: #e0eaf4; background: #ffffff08; border-color: #8096ac; }
.bony-workspace.timeline-mode .summary-title[b-5cnlci9fpg]  .mud-chip-content { color: inherit; }
.bony-workspace.timeline-mode .summary-facts[b-5cnlci9fpg] { grid-template-columns: repeat(4, minmax(0, 1fr)); background: #e1e9f2; border-color: #c5d3e2; }
.bony-workspace.timeline-mode .summary-facts > div[b-5cnlci9fpg] { padding: 9px 12px; border-right: 1px solid #cbd7e3; border-bottom: 1px solid #cbd7e3; }
.bony-workspace.timeline-mode .summary-facts > div:nth-child(4n)[b-5cnlci9fpg],
.bony-workspace.timeline-mode .summary-facts > div:last-child[b-5cnlci9fpg] { border-right: 0; }
.bony-workspace.timeline-mode .summary-facts small[b-5cnlci9fpg] { color: #50677f; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: .25px; }
.bony-workspace.timeline-mode .summary-facts strong[b-5cnlci9fpg] { margin-top: 3px; color: #304b68; font-size: 12px; font-weight: 600; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.bony-workspace.timeline-mode .summary-lines[b-5cnlci9fpg] { min-height: 100px; max-height: clamp(140px, 26vh, 300px); background: #e7edf3; scrollbar-color: #97a9bd #dce4ed; scrollbar-width: thin; }
.bony-workspace.timeline-mode .summary-table[b-5cnlci9fpg] { background: #f0f3f6; }
.bony-workspace.timeline-mode .summary-table th[b-5cnlci9fpg] { position: sticky; top: 0; z-index: 1; padding: 10px 12px; color: #f2f5f9; background: #40566e; border-color: #344a61; font-size: 10px; font-weight: 600; letter-spacing: .3px; }
.bony-workspace.timeline-mode .summary-table td[b-5cnlci9fpg] { padding: 10px 12px; border-color: #d4dee8; }
.bony-workspace.timeline-mode .summary-table tbody tr:nth-child(even)[b-5cnlci9fpg] { background: #e7edf3; }
.bony-workspace.timeline-mode .summary-table tbody tr:hover[b-5cnlci9fpg] { background: #e1e9f2; }
.bony-workspace.timeline-mode .summary-table td strong[b-5cnlci9fpg] { color: #30465f; font-size: 12px; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
.bony-workspace.timeline-mode .summary-table td small[b-5cnlci9fpg] { margin-top: 3px; color: #566b82; font-size: 11px; line-height: 1.5; }
.bony-workspace.timeline-mode .summary-table th:last-child[b-5cnlci9fpg],
.bony-workspace.timeline-mode .summary-table td:last-child[b-5cnlci9fpg] { text-align: right; font-variant-numeric: tabular-nums; }
.bony-workspace.timeline-mode .current-action[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; margin-top: 12px; padding: 12px 14px; background: #dce7f2; border-color: #bfcfe0; border-left: 3px solid #6f90b0; border-radius: 9px; box-shadow: none; }
.bony-workspace.timeline-mode .current-action-copy[b-5cnlci9fpg] { grid-column: 1; grid-row: 1; }
.bony-workspace.timeline-mode .current-action-copy > small[b-5cnlci9fpg],
.bony-workspace.timeline-mode .current-owner small[b-5cnlci9fpg] { color: #50677f; font-size: 10px; font-weight: 600; letter-spacing: .3px; }
.bony-workspace.timeline-mode .current-action-copy h3[b-5cnlci9fpg] { margin: 3px 0; color: #2e4b68; font-size: 16px; font-weight: 650; white-space: normal; }
.bony-workspace.timeline-mode .current-action-copy p[b-5cnlci9fpg] { color: #566b82; font-size: 11px; line-height: 1.5; }
.bony-workspace.timeline-mode .current-owner[b-5cnlci9fpg] { display: flex; grid-column: 1; grid-row: 2; padding-right: 0; color: #527394; border: 0; }
.bony-workspace.timeline-mode .current-owner > span[b-5cnlci9fpg] { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.bony-workspace.timeline-mode .current-owner strong[b-5cnlci9fpg] { color: #304b68; font-size: 11px; font-weight: 600; }
.bony-workspace.timeline-mode .action-buttons[b-5cnlci9fpg] { grid-column: 2; grid-row: 1 / 3; }
.bony-workspace.timeline-mode .current-action[b-5cnlci9fpg]  .mud-button-root { min-height: 38px; font-size: 12px; font-weight: 600; }
.bony-workspace.timeline-mode .all-complete[b-5cnlci9fpg] { color: #356e59; padding: 6px 0; }
.bony-workspace.timeline-mode .all-complete strong[b-5cnlci9fpg] { font-size: 14px; }
.bony-workspace.timeline-mode .all-complete small[b-5cnlci9fpg] { margin-top: 3px; color: #506b63; font-size: 11px; }
.bony-workspace.timeline-mode .rail-heading[b-5cnlci9fpg] { gap: 8px; padding-bottom: 12px; border-color: #cbd7e4; }
.bony-workspace.timeline-mode .rail-heading[b-5cnlci9fpg]  .mud-chip { color: #365777; background: #dce7f2; border-color: #bdcfe1; font-weight: 600; }
.bony-workspace.timeline-mode .rail-list[b-5cnlci9fpg] { padding: 12px 0 0; scrollbar-color: #97a9bd #dce4ed; }
.bony-workspace.timeline-mode .rail-item[b-5cnlci9fpg] { gap: 10px; min-height: 74px; margin-bottom: 4px; padding: 8px; border: 1px solid transparent; border-radius: 9px; }
.bony-workspace.timeline-mode .rail-item:last-child[b-5cnlci9fpg] { margin-bottom: 0; }
.bony-workspace.timeline-mode .rail-item[b-5cnlci9fpg]::before { left: 22px; top: 36px; bottom: -13px; background: #c5d2df; }
.bony-workspace.timeline-mode .rail-marker[b-5cnlci9fpg] { color: #5b7188; background: #e0e7ef; border-color: #edf1f5; box-shadow: 0 0 0 1px #bfcddd; font-size: 11px; font-weight: 600; }
.bony-workspace.timeline-mode .rail-item.complete .rail-marker[b-5cnlci9fpg] { color: #fff; background: #4f7d6a; box-shadow: 0 0 0 1px #4f7d6a; }
.bony-workspace.timeline-mode .rail-item.complete[b-5cnlci9fpg]::before { background: #9ab6a8; }
.bony-workspace.timeline-mode .rail-item.pending[b-5cnlci9fpg] { background: #dce7f2; border-color: #c2d2e3; }
.bony-workspace.timeline-mode .rail-item.pending .rail-marker[b-5cnlci9fpg] { color: #fff; background: #3b638c; border-color: #dce7f2; box-shadow: 0 0 0 1px #3b638c; }
.bony-workspace.timeline-mode .rail-item strong[b-5cnlci9fpg] { color: #30465f; font-size: 12px; font-weight: 600; line-height: 1.4; }
.bony-workspace.timeline-mode .rail-item small[b-5cnlci9fpg],
.bony-workspace.timeline-mode .rail-item time[b-5cnlci9fpg] { color: #566b82; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.bony-workspace.timeline-mode .rail-item em[b-5cnlci9fpg] { color: #356e59; font-size: 11px; line-height: 1.5; }
@container asn (max-width: 1000px) {
    .bony-workspace.timeline-mode .workflow-layout[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr); }
    .bony-workspace.timeline-mode .rail-list[b-5cnlci9fpg] { overflow: visible; }
}
@container asn (max-width: 760px) {
    .bony-workspace.timeline-mode .action-workspace[b-5cnlci9fpg],
    .bony-workspace.timeline-mode .timeline-rail[b-5cnlci9fpg] { padding: 12px; }
    .bony-workspace.timeline-mode .summary-facts[b-5cnlci9fpg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bony-workspace.timeline-mode .summary-facts > div[b-5cnlci9fpg] { border-right: 1px solid #cbd7e3; }
    .bony-workspace.timeline-mode .summary-facts > div:nth-child(2n)[b-5cnlci9fpg],
    .bony-workspace.timeline-mode .summary-facts > div:last-child[b-5cnlci9fpg] { border-right: 0; }
    .bony-workspace.timeline-mode .summary-table[b-5cnlci9fpg] { min-width: 540px; }
    .bony-workspace.timeline-mode .current-action[b-5cnlci9fpg] { grid-template-columns: minmax(0, 1fr); }
    .bony-workspace.timeline-mode .action-buttons[b-5cnlci9fpg] { grid-column: 1; grid-row: 3; align-items: stretch; }
}
/* _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/Highlight.razor.rz.scp.css */
.search-hit[b-cl92h30mee] { padding: 0 2px; border-radius: 3px; color: inherit; background: #fef0c7; }
/* _content/Rubik.P2P.Web/Components/Rfq/IncAsnCreation.razor.rz.scp.css */
/* Same palette as the RFQ and Inc PO screens: the tenant's tertiary red is the accent. */
.asn[b-9rknvl2i6r] {
    --asn-accent: var(--mud-palette-tertiary);
    --asn-accent-strong: var(--mud-palette-tertiary-darken);
    --asn-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 8%, var(--mud-palette-surface));
    --asn-accent-line: color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface));
    --asn-muted: var(--mud-palette-text-secondary);
    --asn-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --asn-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 60%, var(--mud-palette-surface));
    --asn-ink: #1d2939;
    --asn-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .05);
    /* Fill the visible area; the form and the timeline scroll on their own. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    color: var(--mud-palette-text-primary);
}

/* Header */
.asn-head[b-9rknvl2i6r] { flex-shrink: 0; display: flex; align-items: center; gap: 12px; padding: 8px 18px 8px 6px; border: 1px solid var(--asn-border); border-radius: 14px; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--asn-accent) 12%, transparent) 0, transparent 35%), var(--mud-palette-surface); box-shadow: var(--asn-shadow); }
.asn-head-icon[b-9rknvl2i6r] { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; color: #fff; background: linear-gradient(140deg, var(--asn-accent), var(--asn-accent-strong)); box-shadow: 0 6px 14px color-mix(in srgb, var(--asn-accent) 30%, transparent); }
.asn-head h1[b-9rknvl2i6r] { margin: 0; font-size: 19px; font-weight: 750; letter-spacing: -.3px; white-space: nowrap; }
.asn-chip[b-9rknvl2i6r] { padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; color: var(--asn-accent); background: var(--asn-accent-soft); border: 1px solid var(--asn-accent-line); }
.asn-head-ref[b-9rknvl2i6r] { margin-left: auto; text-align: right; }
.asn-head-ref span[b-9rknvl2i6r] { display: block; font-size: 11px; color: var(--asn-muted); }
.asn-head-ref strong[b-9rknvl2i6r] { font-size: 15px; font-weight: 700; letter-spacing: .3px; font-variant-numeric: tabular-nums; }

/* Body: form column + timeline */
.asn-layout[b-9rknvl2i6r] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 10px; }
.asn-main-col[b-9rknvl2i6r] { min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.asn-main[b-9rknvl2i6r] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding-right: 2px; }
.asn-panel[b-9rknvl2i6r] { padding: 16px; border: 1px solid var(--asn-border); border-radius: 14px; background: var(--mud-palette-surface); box-shadow: var(--asn-shadow); }

/* Compact PO summary */
.asn-po[b-9rknvl2i6r] { flex-shrink: 0; overflow: hidden; border: 1px solid var(--asn-border); border-radius: 12px; background: var(--mud-palette-surface); box-shadow: var(--asn-shadow); }
.asn-po-band[b-9rknvl2i6r] { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 10px 16px; color: #fff; background: linear-gradient(120deg, var(--asn-ink), color-mix(in srgb, var(--asn-ink) 75%, var(--asn-accent))); }
.asn-po-band span[b-9rknvl2i6r] { display: block; font-size: 10px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; color: #d0d5dd; }
.asn-po-id strong[b-9rknvl2i6r] { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.asn-po-meta[b-9rknvl2i6r] { display: flex; gap: 20px; flex-wrap: wrap; flex: 1; }
.asn-po-meta strong[b-9rknvl2i6r] { font-size: 13px; font-weight: 600; white-space: nowrap; }
.asn-po-pills[b-9rknvl2i6r] { display: flex; gap: 6px; }
.asn-pill[b-9rknvl2i6r] { padding: 2px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; color: #fff; border: 1px solid rgba(255, 255, 255, .35); }
.asn-po-ship[b-9rknvl2i6r] { display: flex; align-items: center; gap: 6px; padding: 7px 16px; font-size: 12.5px; color: var(--asn-muted); background: var(--asn-subtle); }
.asn-po-ship span[b-9rknvl2i6r] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asn-po-ship strong[b-9rknvl2i6r] { color: var(--mud-palette-text-primary); font-weight: 600; }

/* Sections */
.asn-section[b-9rknvl2i6r] { flex-shrink: 0; padding: 12px 14px; border: 1px solid var(--asn-border); border-radius: 12px; background: var(--mud-palette-surface); box-shadow: var(--asn-shadow); }
.asn-section-head[b-9rknvl2i6r] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--asn-accent); }
.asn-section-head > div[b-9rknvl2i6r] { flex: 1; min-width: 0; }
.asn-section-head h2[b-9rknvl2i6r] { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--mud-palette-text-primary); }
.asn-section-head p[b-9rknvl2i6r] { margin: 0; font-size: 12px; color: var(--asn-muted); }
.asn-count[b-9rknvl2i6r] { padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--asn-accent); background: var(--asn-accent-soft); }

.asn-grid[b-9rknvl2i6r] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.asn-grid[b-9rknvl2i6r] >  * { margin: 0 !important; min-width: 0; }
.asn-grid[b-9rknvl2i6r]  .asn-span-all { grid-column: 1 / -1; }
[b-9rknvl2i6r] .mud-input-outlined-border { border-radius: 9px; }

/* Lines and attachments tables */
.asn-table-wrap[b-9rknvl2i6r] { overflow-x: auto; border: 1px solid var(--asn-border); border-radius: 10px; }
.asn-table[b-9rknvl2i6r] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.asn-table th[b-9rknvl2i6r] { padding: 8px 10px; text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #fff; background: color-mix(in srgb, var(--asn-ink) 88%, var(--asn-accent)); white-space: nowrap; }
.asn-table td[b-9rknvl2i6r] { padding: 6px 10px; vertical-align: middle; }
.asn-table tbody tr + tr td[b-9rknvl2i6r] { border-top: 1px solid var(--asn-border); }
.asn-table tbody tr.is-selected[b-9rknvl2i6r] { background: var(--asn-accent-soft); box-shadow: inset 3px 0 0 var(--asn-accent); }
.asn-table td strong[b-9rknvl2i6r] { display: block; font-weight: 600; }
.asn-table td small[b-9rknvl2i6r] { display: block; font-size: 11.5px; color: var(--asn-muted); white-space: nowrap; }
.asn-table .num[b-9rknvl2i6r] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asn-table .sel[b-9rknvl2i6r] { width: 44px; padding-right: 0; }
.asn-table .sel[b-9rknvl2i6r]  .mud-checkbox { margin: 0; }
.asn-table th.sel[b-9rknvl2i6r]  .mud-icon-root { color: #fff; }
.asn-table td[b-9rknvl2i6r]  .mud-input-control { margin: 0; min-width: 110px; }
.asn-table td[b-9rknvl2i6r]  .asn-in-num { min-width: 90px; }
.asn-table td[b-9rknvl2i6r]  .asn-in-num input { text-align: right; }

.asn-attach td:first-child[b-9rknvl2i6r] { white-space: nowrap; }
.asn-tag[b-9rknvl2i6r] { display: inline-block; margin-right: 6px; padding: 1px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; color: #b54708; background: #fef0c7; }
.asn-tag.is-required[b-9rknvl2i6r] { color: #b42318; background: #fee4e2; }
.asn-upload[b-9rknvl2i6r] { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px dashed var(--asn-accent-line); border-radius: 8px; font-size: 12px; font-weight: 600; color: var(--asn-accent); background: var(--asn-accent-soft); cursor: pointer; }
.asn-upload:hover[b-9rknvl2i6r] { border-style: solid; }
.asn-upload[b-9rknvl2i6r]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.asn-file[b-9rknvl2i6r] { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.asn-file small[b-9rknvl2i6r] { display: inline !important; }
.asn-muted[b-9rknvl2i6r] { color: var(--asn-muted); }

/* Read-only shipment facts after save */
.asn-facts[b-9rknvl2i6r] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; }
.asn-facts > div[b-9rknvl2i6r] { padding: 8px 12px; border-radius: 9px; background: var(--asn-subtle); min-width: 0; }
.asn-facts dt[b-9rknvl2i6r] { font-size: 10.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--asn-muted); }
.asn-facts dd[b-9rknvl2i6r] { margin: 1px 0 0; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.asn-facts small[b-9rknvl2i6r] { font-size: 12px; color: var(--asn-muted); }
.asn-facts .asn-span-all[b-9rknvl2i6r] { grid-column: 1 / -1; }
.asn-facts .pre[b-9rknvl2i6r] { white-space: pre-wrap; font-weight: 400; }

/* Save bar and next action */
.asn-bar[b-9rknvl2i6r] { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px; border: 1px solid var(--asn-accent-line); border-radius: 12px; background: var(--asn-accent-soft); box-shadow: 0 -6px 18px rgba(16, 24, 40, .06); }
.asn-bar strong[b-9rknvl2i6r] { display: block; font-size: 14px; }
.asn-bar span[b-9rknvl2i6r] { font-size: 12.5px; color: var(--asn-muted); font-variant-numeric: tabular-nums; }
.asn-bar[b-9rknvl2i6r]  .mud-button-root, .asn-next[b-9rknvl2i6r]  .mud-button-root { padding: 9px 22px; border-radius: 10px; font-weight: 650; text-transform: none; box-shadow: 0 6px 14px color-mix(in srgb, var(--asn-accent) 26%, transparent); }
.asn-next[b-9rknvl2i6r] { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--asn-accent-line); border-left: 4px solid var(--asn-accent); border-radius: 12px; background: var(--asn-accent-soft); }
.asn-next-label[b-9rknvl2i6r] { font-size: 10.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--asn-muted); }
.asn-next h3[b-9rknvl2i6r] { margin: 2px 0 6px; font-size: 18px; font-weight: 700; }
.asn-next-owner[b-9rknvl2i6r] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--asn-muted); }
.asn-next-owner strong[b-9rknvl2i6r] { color: var(--mud-palette-text-primary); }

/* Timeline */
.asn-timeline[b-9rknvl2i6r] { min-height: 0; overflow-y: auto; padding: 14px; }
.asn-timeline-head[b-9rknvl2i6r] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--asn-border); }
.asn-timeline-head h2[b-9rknvl2i6r] { margin: 0; font-size: 17px; font-weight: 700; }
.asn-timeline-head span[b-9rknvl2i6r] { display: block; font-size: 12px; color: var(--asn-muted); }
.asn-timeline ol[b-9rknvl2i6r] { list-style: none; margin: 0; padding: 0; }
.asn-timeline li[b-9rknvl2i6r] { position: relative; display: flex; gap: 12px; padding: 8px 8px 18px; border-radius: 12px; }
.asn-timeline li:not(:last-child)[b-9rknvl2i6r]::after { content: ""; position: absolute; left: 22px; top: 40px; bottom: 0; width: 2px; background: var(--asn-border); }
.asn-timeline li.done:not(:last-child)[b-9rknvl2i6r]::after { background: #4f9a75; }
.asn-dot[b-9rknvl2i6r] { position: relative; z-index: 1; display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; font-size: 13px; font-weight: 700; color: var(--asn-muted); background: var(--mud-palette-surface); border: 2px solid var(--asn-border); }
.asn-timeline li.done .asn-dot[b-9rknvl2i6r] { color: #fff; background: #3f8a66; border-color: #cfe9db; box-shadow: 0 0 0 3px #e8f7ef; }
.asn-timeline li.current[b-9rknvl2i6r] { background: var(--asn-accent-soft); border: 1px solid var(--asn-accent-line); }
.asn-timeline li.current .asn-dot[b-9rknvl2i6r] { color: #fff; background: var(--asn-accent); border-color: var(--asn-accent-line); box-shadow: 0 0 0 3px color-mix(in srgb, var(--asn-accent) 18%, transparent); }
.asn-timeline li > div[b-9rknvl2i6r] { display: flex; flex-direction: column; gap: 1px; padding-top: 4px; min-width: 0; }
.asn-timeline li strong[b-9rknvl2i6r] { font-size: 14px; font-weight: 650; }
.asn-timeline li b[b-9rknvl2i6r] { font-size: 12px; font-weight: 700; }
.asn-timeline li span[b-9rknvl2i6r] { font-size: 12px; color: var(--asn-muted); overflow-wrap: anywhere; }

.asn-empty[b-9rknvl2i6r] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 56px 20px; text-align: center; }
.asn-empty[b-9rknvl2i6r]  .mud-icon-root { color: var(--asn-accent); }
.asn-empty span[b-9rknvl2i6r] { color: var(--asn-muted); margin-bottom: 8px; }

@media (max-width: 1200px) {
    .asn-grid[b-9rknvl2i6r], .asn-facts[b-9rknvl2i6r] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .asn[b-9rknvl2i6r] { height: auto; min-height: 0; }
    .asn-layout[b-9rknvl2i6r] { grid-template-columns: minmax(0, 1fr); }
    .asn-main[b-9rknvl2i6r], .asn-timeline[b-9rknvl2i6r] { overflow: visible; }
    .asn-head[b-9rknvl2i6r] { flex-wrap: wrap; }
    .asn-grid[b-9rknvl2i6r], .asn-facts[b-9rknvl2i6r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asn-bar[b-9rknvl2i6r] { position: sticky; bottom: 0; }
}
@media (max-width: 560px) {
    .asn-grid[b-9rknvl2i6r], .asn-facts[b-9rknvl2i6r] { grid-template-columns: minmax(0, 1fr); }
    .asn-head-ref[b-9rknvl2i6r] { margin-left: 0; text-align: left; }
}
.asn-next.asn-done[b-9rknvl2i6r] { border-color: #abefc6; border-left-color: #3f8a66; background: #ecfdf3; }
.asn-next.asn-done[b-9rknvl2i6r]  .mud-icon-root.mud-icon-size-large { color: #3f8a66; }
.asn-head[b-9rknvl2i6r]  .asn-list-link { flex-shrink: 0; border-radius: 9px; text-transform: none; font-weight: 600; }

/* Other ASNs on the same PO */
.asn-others[b-9rknvl2i6r] { flex-shrink: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 12px; border: 1px solid var(--asn-border); border-radius: 12px; background: var(--mud-palette-surface); }
.asn-others-label[b-9rknvl2i6r] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--asn-muted); }
.asn-other[b-9rknvl2i6r] { display: inline-flex; flex-direction: column; padding: 4px 10px; border: 1px solid var(--asn-border); border-radius: 9px; text-decoration: none; color: inherit; background: var(--asn-subtle); }
.asn-other:hover[b-9rknvl2i6r] { border-color: var(--asn-accent-line); }
.asn-other.active[b-9rknvl2i6r] { border-color: var(--asn-accent); background: var(--asn-accent-soft); }
.asn-other strong[b-9rknvl2i6r] { font-size: 12.5px; color: var(--asn-accent); font-variant-numeric: tabular-nums; }
.asn-other small[b-9rknvl2i6r] { font-size: 11px; color: var(--asn-muted); }
.asn-others[b-9rknvl2i6r]  .asn-new-link { margin-left: auto; border-radius: 9px; text-transform: none; font-weight: 600; }
.asn-table td small.asn-left[b-9rknvl2i6r] { color: #b54708; }
.asn-table td small.asn-left-none[b-9rknvl2i6r] { color: #187855; }
/* _content/Rubik.P2P.Web/Components/Rfq/IncAsnList.razor.rz.scp.css */
/* Same palette as the Inc PO screens: the tenant's tertiary red is the accent. */
.asl[b-k4a9oxdxfj] {
    --asl-accent: var(--mud-palette-tertiary);
    --asl-accent-strong: var(--mud-palette-tertiary-darken);
    --asl-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 7%, var(--mud-palette-surface));
    --asl-accent-line: color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface));
    --asl-muted: var(--mud-palette-text-secondary);
    --asl-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --asl-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 60%, var(--mud-palette-surface));
    --asl-ink: #1d2939;
    --asl-blue: #175cd3; --asl-blue-soft: #eff8ff;
    --asl-amber: #b54708; --asl-amber-soft: #fef0c7;
    --asl-green: #187855; --asl-green-soft: #e8f7ef;
    /* Fill the visible area below the app bar; the table scrolls inside its card. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 420px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--mud-palette-text-primary);
}

/* Hero band */
.asl-hero[b-k4a9oxdxfj] {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    padding: 18px 20px 16px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 92% -20%, color-mix(in srgb, var(--asl-accent) 55%, transparent) 0, transparent 45%),
        radial-gradient(circle at 10% 140%, color-mix(in srgb, var(--asl-accent) 30%, transparent) 0, transparent 40%),
        linear-gradient(120deg, var(--asl-ink), #263445 60%, color-mix(in srgb, var(--asl-ink) 70%, var(--asl-accent)));
    box-shadow: 0 10px 30px rgba(16, 24, 40, .18);
}
.asl-hero[b-k4a9oxdxfj]::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 18px 18px; mask-image: linear-gradient(90deg, transparent, #000 60%); }
.asl-hero-top[b-k4a9oxdxfj] { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; }
.asl-hero-icon[b-k4a9oxdxfj] { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(140deg, var(--asl-accent), var(--asl-accent-strong)); box-shadow: 0 8px 20px color-mix(in srgb, var(--asl-accent) 45%, transparent); }
.asl-hero-title[b-k4a9oxdxfj] { margin-right: auto; min-width: 0; }
.asl-hero-title h1[b-k4a9oxdxfj] { margin: 0; font-size: 21px; font-weight: 750; letter-spacing: -.3px; }
.asl-hero-title span[b-k4a9oxdxfj] { display: block; font-size: 13px; color: #d0d5dd; }
.asl-hero-top[b-k4a9oxdxfj]  .asl-search { max-width: 380px; margin: 0; }
.asl-hero-top[b-k4a9oxdxfj]  .asl-search .mud-input { border-radius: 12px; background: rgba(255, 255, 255, .96); }
.asl-hero-top[b-k4a9oxdxfj]  .asl-search .mud-input-outlined-border { border-radius: 12px; border-color: transparent; }
.asl-hero-top[b-k4a9oxdxfj]  .asl-po-link { flex-shrink: 0; border-radius: 12px; text-transform: none; font-weight: 600; white-space: nowrap; color: #fff; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); box-shadow: none; }
.asl-hero-top[b-k4a9oxdxfj]  .asl-po-link:hover { background: rgba(255, 255, 255, .2); }

/* KPI tiles double as status filters */
.asl-kpis[b-k4a9oxdxfj] { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.asl-kpi[b-k4a9oxdxfj] { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .07); color: #fff; font: inherit; text-align: left; cursor: pointer; backdrop-filter: blur(6px); transition: background-color .15s ease, border-color .15s ease, transform .15s ease; }
.asl-kpi:hover[b-k4a9oxdxfj] { background: rgba(255, 255, 255, .12); transform: translateY(-1px); }
.asl-kpi.active[b-k4a9oxdxfj] { background: rgba(255, 255, 255, .96); border-color: #fff; color: var(--asl-ink); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.asl-kpi-icon[b-k4a9oxdxfj] { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; }
.asl-kpi.is-all .asl-kpi-icon[b-k4a9oxdxfj] { color: #fff; background: var(--asl-accent); }
.asl-kpi.is-created .asl-kpi-icon[b-k4a9oxdxfj] { color: var(--asl-blue); background: var(--asl-blue-soft); }
.asl-kpi.is-gate .asl-kpi-icon[b-k4a9oxdxfj] { color: var(--asl-amber); background: var(--asl-amber-soft); }
.asl-kpi.is-done .asl-kpi-icon[b-k4a9oxdxfj] { color: var(--asl-green); background: var(--asl-green-soft); }
.asl-kpi-text[b-k4a9oxdxfj] { display: flex; flex-direction: column; min-width: 0; }
.asl-kpi-text > span[b-k4a9oxdxfj] { font-size: 12px; font-weight: 600; opacity: .8; }
.asl-kpi-text strong[b-k4a9oxdxfj] { font-size: 24px; font-weight: 750; line-height: 1.15; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }
.asl-kpi-text small[b-k4a9oxdxfj] { font-size: 11.5px; opacity: .7; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Grouped card: one collapsible row per purchase order */
.asl-card[b-k4a9oxdxfj] { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--asl-border); border-radius: 16px; background: var(--mud-palette-surface); box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06); }
.asl-card-head[b-k4a9oxdxfj] { flex-shrink: 0; display: flex; align-items: baseline; gap: 10px; padding: 14px 18px 10px; }
.asl-card-head h2[b-k4a9oxdxfj] { margin: 0; font-size: 16px; font-weight: 700; }
.asl-card-head span[b-k4a9oxdxfj] { font-size: 12.5px; color: var(--asl-muted); }
.asl-toggle-all[b-k4a9oxdxfj] { margin-left: auto; padding: 4px 10px; border: 1px solid var(--asl-border); border-radius: 8px; background: var(--mud-palette-surface); font: inherit; font-size: 12px; font-weight: 600; color: var(--asl-muted); cursor: pointer; }
.asl-toggle-all:hover[b-k4a9oxdxfj] { color: var(--asl-accent); border-color: var(--asl-accent-line); }

/* Shared column grid for the header row and each PO row */
.asl-cols[b-k4a9oxdxfj], .asl-group-head[b-k4a9oxdxfj] { display: grid; grid-template-columns: minmax(200px, 1.6fr) 70px minmax(180px, 2fr) minmax(120px, 1.1fr) 110px minmax(120px, 1fr) 36px; align-items: center; gap: 14px; padding: 0 18px; }
.asl-cols[b-k4a9oxdxfj] { flex-shrink: 0; padding-top: 9px; padding-bottom: 9px; font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--asl-muted); background: var(--asl-subtle); border-top: 1px solid var(--asl-border); border-bottom: 1px solid var(--asl-border); }
.num[b-k4a9oxdxfj] { text-align: right; }

.asl-groups[b-k4a9oxdxfj] { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.asl-group[b-k4a9oxdxfj] { flex-shrink: 0; border: 1px solid var(--asl-border); border-radius: 14px; background: var(--mud-palette-surface); transition: box-shadow .15s ease, border-color .15s ease; }
.asl-group:hover[b-k4a9oxdxfj] { border-color: var(--asl-accent-line); }
.asl-group.open[b-k4a9oxdxfj] { border-color: var(--asl-accent-line); box-shadow: 0 6px 20px rgba(16, 24, 40, .08); }
.asl-group-head[b-k4a9oxdxfj] { width: 100%; min-height: 64px; padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; border: 0; border-radius: 14px; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.asl-group.open .asl-group-head[b-k4a9oxdxfj] { border-radius: 14px 14px 0 0; background: linear-gradient(90deg, var(--asl-accent-soft), transparent 60%); box-shadow: inset 3px 0 0 var(--asl-accent); }

.asl-po[b-k4a9oxdxfj] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.asl-po > span:last-child[b-k4a9oxdxfj] { min-width: 0; }
.asl-po strong[b-k4a9oxdxfj] { display: block; font-size: 14px; font-weight: 750; color: var(--asl-accent); font-variant-numeric: tabular-nums; }
.asl-po small[b-k4a9oxdxfj] { display: block; font-size: 12px; color: var(--asl-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asl-po-icon[b-k4a9oxdxfj] { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 10px; color: var(--asl-accent); background: var(--asl-accent-soft); border: 1px solid var(--asl-accent-line); }
.asl-count[b-k4a9oxdxfj] { display: inline-flex; align-items: baseline; justify-content: center; gap: 4px; padding: 4px 8px; border-radius: 10px; font-size: 11.5px; color: var(--asl-muted); background: var(--asl-subtle); }
.asl-count strong[b-k4a9oxdxfj] { font-size: 17px; font-weight: 750; color: var(--mud-palette-text-primary); }

.asl-invoices[b-k4a9oxdxfj] { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.asl-invoice[b-k4a9oxdxfj] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 7px; font-size: 12px; font-weight: 600; white-space: nowrap; background: var(--asl-subtle); border: 1px solid var(--asl-border); }
.asl-invoice[b-k4a9oxdxfj]  .mud-icon-root { font-size: 14px; color: var(--asl-muted); }
.asl-invoice.dim[b-k4a9oxdxfj] { opacity: .45; }

.asl-shipped[b-k4a9oxdxfj] { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 600; }
.asl-bar[b-k4a9oxdxfj] { height: 6px; border-radius: 999px; background: var(--asl-subtle); overflow: hidden; }
.asl-bar i[b-k4a9oxdxfj] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--asl-accent), var(--asl-accent-strong)); }

.asl-status-sum[b-k4a9oxdxfj] { display: flex; gap: 4px; }
.asl-dot[b-k4a9oxdxfj] { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.asl-dot.is-created[b-k4a9oxdxfj] { color: var(--asl-blue); background: var(--asl-blue-soft); }
.asl-dot.is-gate[b-k4a9oxdxfj] { color: var(--asl-amber); background: var(--asl-amber-soft); }
.asl-dot.is-done[b-k4a9oxdxfj] { color: var(--asl-green); background: var(--asl-green-soft); }
.asl-value[b-k4a9oxdxfj] { font-size: 14px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asl-chevron[b-k4a9oxdxfj] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--asl-muted); background: var(--asl-subtle); transition: transform .2s ease, background-color .15s ease, color .15s ease; }
.asl-group.open .asl-chevron[b-k4a9oxdxfj] { transform: rotate(180deg); color: #fff; background: var(--asl-accent); }

/* Dropdown: the PO's ASNs */
.asl-group-body[b-k4a9oxdxfj] { padding: 4px 12px 12px; border-top: 1px solid var(--asl-border); }
.asl-asns[b-k4a9oxdxfj] { width: 100%; border-collapse: collapse; font-size: 13px; }
.asl-asns th[b-k4a9oxdxfj] { padding: 8px 10px; text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--asl-muted); white-space: nowrap; }
.asl-asns td[b-k4a9oxdxfj] { padding: 10px; vertical-align: middle; border-top: 1px solid var(--asl-border); }
.asl-asns tbody tr[b-k4a9oxdxfj] { cursor: pointer; transition: background-color .12s ease; }
.asl-asns tbody tr:hover[b-k4a9oxdxfj] { background: var(--asl-accent-soft); }
.asl-asns td strong[b-k4a9oxdxfj] { display: block; font-weight: 600; }
.asl-asns td small[b-k4a9oxdxfj] { display: block; font-size: 12px; color: var(--asl-muted); }
.asl-asns .num[b-k4a9oxdxfj] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asl-asn[b-k4a9oxdxfj] { display: block; font-weight: 750; letter-spacing: .4px; color: var(--asl-accent); font-variant-numeric: tabular-nums; }
.asl-items[b-k4a9oxdxfj] { max-width: 240px; white-space: normal !important; }
.asl-dates[b-k4a9oxdxfj] { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asl-dates i[b-k4a9oxdxfj] { width: 18px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--asl-muted), var(--asl-accent)); opacity: .6; }
.asl-track[b-k4a9oxdxfj] { display: flex; flex-direction: column; gap: 5px; min-width: 100px; }
.asl-track-dots[b-k4a9oxdxfj] { display: flex; align-items: center; }
.asl-track-dots i[b-k4a9oxdxfj] { width: 10px; height: 10px; border-radius: 50%; background: var(--asl-subtle); border: 2px solid var(--asl-border); }
.asl-track-dots b[b-k4a9oxdxfj] { flex: 1; height: 2px; min-width: 16px; background: var(--asl-border); }
.asl-track span[b-k4a9oxdxfj] { font-size: 12px; font-weight: 700; white-space: nowrap; }
.asl-track.is-created .on[b-k4a9oxdxfj] { background: var(--asl-blue); border-color: var(--asl-blue); }
.asl-track.is-created span[b-k4a9oxdxfj] { color: var(--asl-blue); }
.asl-track.is-gate .on[b-k4a9oxdxfj] { background: var(--asl-amber); border-color: var(--asl-amber); }
.asl-track.is-gate span[b-k4a9oxdxfj] { color: var(--asl-amber); }
.asl-track.is-done .on[b-k4a9oxdxfj] { background: var(--asl-green); border-color: var(--asl-green); }
.asl-track.is-done span[b-k4a9oxdxfj] { color: var(--asl-green); }
.asl-open[b-k4a9oxdxfj] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--asl-muted); background: var(--asl-subtle); transition: background-color .15s ease, color .15s ease, transform .15s ease; }
.asl-asns tbody tr:hover .asl-open[b-k4a9oxdxfj] { color: #fff; background: var(--asl-accent); transform: translateX(2px); }
.asl-hidden-note[b-k4a9oxdxfj] { margin: 8px 10px 0; font-size: 12px; color: var(--asl-muted); }

.asl-empty[b-k4a9oxdxfj] { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 48px 16px; text-align: center; color: var(--asl-muted); }
.asl-empty[b-k4a9oxdxfj]  .mud-icon-root { width: 52px; height: 52px; padding: 12px; border-radius: 16px; color: var(--asl-accent); background: var(--asl-accent-soft); }
.asl-empty strong[b-k4a9oxdxfj] { color: var(--mud-palette-text-primary); font-size: 15px; }

@media (max-width: 1100px) {
    .asl-kpis[b-k4a9oxdxfj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asl-cols[b-k4a9oxdxfj] { display: none; }
    .asl-group-head[b-k4a9oxdxfj] { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 8px; }
    .asl-invoices[b-k4a9oxdxfj], .asl-shipped[b-k4a9oxdxfj] { grid-column: 1 / -1; }
    .asl-status-sum[b-k4a9oxdxfj], .asl-value[b-k4a9oxdxfj] { grid-row: 1; }
    .asl-count[b-k4a9oxdxfj] { display: none; }
}
@media (max-width: 900px) {
    .asl[b-k4a9oxdxfj] { height: auto; min-height: 0; }
    .asl-groups[b-k4a9oxdxfj] { overflow: visible; }
    .asl-hero-top[b-k4a9oxdxfj] { flex-wrap: wrap; }
    .asl-hero-title[b-k4a9oxdxfj] { width: calc(100% - 60px); }
    .asl-hero-top[b-k4a9oxdxfj]  .asl-search { max-width: none; flex: 1; }
    .asl-group-body[b-k4a9oxdxfj] { overflow-x: auto; }
}
@media (max-width: 520px) {
    .asl-kpis[b-k4a9oxdxfj] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Rubik.P2P.Web/Components/Rfq/IncPoChangesDialog.razor.rz.scp.css */
.applied-title[b-vie4drdki6] { display: flex; align-items: center; gap: 12px; }
.applied-icon[b-vie4drdki6] { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; color: #067647; background: #e8f7ef; }
.applied-title strong[b-vie4drdki6] { display: block; font-size: 17px; font-weight: 700; }
.applied-title span[b-vie4drdki6] { display: block; font-size: 12.5px; color: var(--mud-palette-text-secondary); }
/* _content/Rubik.P2P.Web/Components/Rfq/IncShoesPo.razor.rz.scp.css */
/* Same palette and layout as the ASN list: the tenant's tertiary red is the accent. */
.inc-po[b-o91tm94bfj] {
    --inc-accent: var(--mud-palette-tertiary);
    --inc-accent-strong: var(--mud-palette-tertiary-darken);
    --inc-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 7%, var(--mud-palette-surface));
    --inc-accent-line: color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface));
    --inc-muted: var(--mud-palette-text-secondary);
    --inc-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --inc-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 60%, var(--mud-palette-surface));
    --inc-ink: #1d2939;
    --inc-blue: #175cd3; --inc-blue-soft: #eff8ff;
    --inc-amber: #b54708; --inc-amber-soft: #fef0c7;
    --inc-green: #187855; --inc-green-soft: #e8f7ef;
    --inc-red: #b42318; --inc-red-soft: #fee4e2;
    /* Fill the visible area below the app bar; the table scrolls inside its card. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 420px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--mud-palette-text-primary);
}

/* Hero band */
.inc-hero[b-o91tm94bfj] {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    padding: 18px 20px 16px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 92% -20%, color-mix(in srgb, var(--inc-accent) 55%, transparent) 0, transparent 45%),
        radial-gradient(circle at 10% 140%, color-mix(in srgb, var(--inc-accent) 30%, transparent) 0, transparent 40%),
        linear-gradient(120deg, var(--inc-ink), #263445 60%, color-mix(in srgb, var(--inc-ink) 70%, var(--inc-accent)));
    box-shadow: 0 10px 30px rgba(16, 24, 40, .18);
}
.inc-hero[b-o91tm94bfj]::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 18px 18px; mask-image: linear-gradient(90deg, transparent, #000 60%); }
.inc-hero-top[b-o91tm94bfj] { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; }
.inc-hero-icon[b-o91tm94bfj] { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(140deg, var(--inc-accent), var(--inc-accent-strong)); box-shadow: 0 8px 20px color-mix(in srgb, var(--inc-accent) 45%, transparent); }
.inc-hero-title[b-o91tm94bfj] { margin-right: auto; min-width: 0; }
.inc-hero-title h1[b-o91tm94bfj] { margin: 0; font-size: 21px; font-weight: 750; letter-spacing: -.3px; }
.inc-hero-title span[b-o91tm94bfj] { display: block; font-size: 13px; color: #d0d5dd; font-variant-numeric: tabular-nums; }
.inc-hero-top[b-o91tm94bfj]  .inc-search { max-width: 360px; margin: 0; }
.inc-hero-top[b-o91tm94bfj]  .inc-search .mud-input { border-radius: 12px; background: rgba(255, 255, 255, .96); }
.inc-hero-top[b-o91tm94bfj]  .inc-search .mud-input-outlined-border { border-radius: 12px; border-color: transparent; }
.inc-hero-top[b-o91tm94bfj]  .inc-asn-link { flex-shrink: 0; border-radius: 12px; text-transform: none; font-weight: 600; white-space: nowrap; color: #fff; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); box-shadow: none; }
.inc-hero-top[b-o91tm94bfj]  .inc-asn-link:hover { background: rgba(255, 255, 255, .2); }

/* KPI tiles double as filters */
.inc-kpis[b-o91tm94bfj] { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.inc-kpi[b-o91tm94bfj] { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .07); color: #fff; font: inherit; text-align: left; cursor: pointer; backdrop-filter: blur(6px); transition: background-color .15s ease, transform .15s ease; }
.inc-kpi:hover[b-o91tm94bfj] { background: rgba(255, 255, 255, .12); transform: translateY(-1px); }
.inc-kpi.active[b-o91tm94bfj] { background: rgba(255, 255, 255, .96); border-color: #fff; color: var(--inc-ink); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.inc-kpi-icon[b-o91tm94bfj] { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; }
.inc-kpi.is-all .inc-kpi-icon[b-o91tm94bfj] { color: #fff; background: var(--inc-accent); }
.inc-kpi.is-awaiting .inc-kpi-icon[b-o91tm94bfj] { color: var(--inc-blue); background: var(--inc-blue-soft); }
.inc-kpi.is-asn .inc-kpi-icon[b-o91tm94bfj] { color: var(--inc-green); background: var(--inc-green-soft); }
.inc-kpi.is-pending .inc-kpi-icon[b-o91tm94bfj] { color: var(--inc-amber); background: var(--inc-amber-soft); }
.inc-kpi-text[b-o91tm94bfj] { display: flex; flex-direction: column; min-width: 0; }
.inc-kpi-text > span[b-o91tm94bfj] { font-size: 12px; font-weight: 600; opacity: .8; }
.inc-kpi-text strong[b-o91tm94bfj] { font-size: 24px; font-weight: 750; line-height: 1.15; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }
.inc-kpi-text small[b-o91tm94bfj] { font-size: 11.5px; opacity: .7; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Table card */
.inc-card[b-o91tm94bfj] { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--inc-border); border-radius: 16px; background: var(--mud-palette-surface); box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06); }
.inc-card-head[b-o91tm94bfj] { flex-shrink: 0; display: flex; align-items: baseline; gap: 10px; padding: 14px 18px 10px; }
.inc-card-head h2[b-o91tm94bfj] { margin: 0; font-size: 16px; font-weight: 700; }
.inc-card-head span[b-o91tm94bfj] { font-size: 12.5px; color: var(--inc-muted); }

[b-o91tm94bfj] .inc-table { flex: 1; min-height: 0; display: flex; flex-direction: column; }
[b-o91tm94bfj] .inc-table .mud-table-container { flex: 1; min-height: 0; overflow: auto; }
[b-o91tm94bfj] .inc-table .mud-table-head .mud-table-cell { padding: 9px 14px; font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--inc-muted); background: var(--inc-subtle); border-top: 1px solid var(--inc-border); border-bottom: 1px solid var(--inc-border); white-space: nowrap; }
[b-o91tm94bfj] .inc-table .mud-table-body .mud-table-cell { padding: 12px 14px; font-size: 13px; border-bottom-color: var(--inc-border); vertical-align: middle; }
[b-o91tm94bfj] .inc-table .mud-table-body .mud-table-cell strong { display: block; font-weight: 600; }
[b-o91tm94bfj] .inc-table .mud-table-body .mud-table-cell small { display: block; font-size: 12px; color: var(--inc-muted); }
[b-o91tm94bfj] .inc-table .inc-row { cursor: pointer; transition: background-color .12s ease; }
[b-o91tm94bfj] .inc-table .inc-row:hover, [b-o91tm94bfj] .inc-table .inc-row.is-open { background: var(--inc-accent-soft); box-shadow: inset 3px 0 0 var(--inc-accent); }

[b-o91tm94bfj] .inc-po-cell, [b-o91tm94bfj] .inc-vendor { display: flex; align-items: center; gap: 10px; min-width: 0; }
[b-o91tm94bfj] .inc-po-icon { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 10px; color: var(--inc-accent); background: var(--inc-accent-soft); border: 1px solid var(--inc-accent-line); }
[b-o91tm94bfj] .inc-po-number { display: block; font-size: 14px; font-weight: 750; letter-spacing: .2px; color: var(--inc-accent); font-variant-numeric: tabular-nums; white-space: nowrap; }
[b-o91tm94bfj] .inc-avatar { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; font-size: 12px; font-weight: 700; color: #fff; background: linear-gradient(140deg, #475467, var(--inc-ink)); }
[b-o91tm94bfj] .inc-clip { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

[b-o91tm94bfj] .inc-dates { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-variant-numeric: tabular-nums; }
[b-o91tm94bfj] .inc-dates i { width: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--inc-muted), var(--inc-accent)); opacity: .6; }
[b-o91tm94bfj] .inc-due { display: inline-block; margin-top: 4px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; color: var(--inc-muted); background: var(--inc-subtle); white-space: nowrap; }
[b-o91tm94bfj] .inc-due.is-soon { color: var(--inc-amber); background: var(--inc-amber-soft); }
[b-o91tm94bfj] .inc-due.is-late { color: var(--inc-red); background: var(--inc-red-soft); }
[b-o91tm94bfj] .inc-due.is-done { color: var(--inc-green); background: var(--inc-green-soft); }

[b-o91tm94bfj] .inc-pills { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
[b-o91tm94bfj] .inc-pill { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; color: var(--inc-muted); background: var(--inc-subtle); }
[b-o91tm94bfj] .inc-pill i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
[b-o91tm94bfj] .inc-pill.is-approved { color: var(--inc-green); background: var(--inc-green-soft); }
[b-o91tm94bfj] .inc-pill.is-pending { color: var(--inc-amber); background: var(--inc-amber-soft); }
[b-o91tm94bfj] .inc-pill.is-asn { color: var(--inc-blue); background: var(--inc-blue-soft); }

[b-o91tm94bfj] .inc-amount { font-size: 14px; white-space: nowrap; font-variant-numeric: tabular-nums; }

.inc-actions[b-o91tm94bfj] { display: inline-flex; justify-content: flex-end; gap: 4px; padding: 3px; border-radius: 12px; background: var(--inc-subtle); }
.inc-actions[b-o91tm94bfj]  .mud-button-root { min-width: 0; padding: 4px 12px; border-radius: 9px; font-size: 12px; font-weight: 600; text-transform: none; box-shadow: none; white-space: nowrap; }
.inc-actions[b-o91tm94bfj]  .mud-button-outlined { border-color: transparent; background: var(--mud-palette-surface); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.inc-actions[b-o91tm94bfj]  .mud-button-outlined:hover { color: var(--inc-accent); background: var(--mud-palette-surface); }
.inc-actions[b-o91tm94bfj]  .mud-button-filled { background: linear-gradient(140deg, var(--inc-accent), var(--inc-accent-strong)); }
[b-o91tm94bfj] .mud-table-cell:has(.inc-actions) { text-align: right; }

[b-o91tm94bfj] .inc-chevron { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--inc-muted); background: var(--inc-subtle); transition: transform .2s ease, background-color .15s ease, color .15s ease; }
[b-o91tm94bfj] .inc-chevron.open { transform: rotate(180deg); color: #fff; background: var(--inc-accent); }
[b-o91tm94bfj] .inc-table .inc-row:hover .inc-chevron:not(.open) { color: var(--inc-accent); }

[b-o91tm94bfj] .inc-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 48px 16px; text-align: center; color: var(--inc-muted); }
[b-o91tm94bfj] .inc-empty .mud-icon-root { width: 52px; height: 52px; padding: 12px; border-radius: 16px; color: var(--inc-accent); background: var(--inc-accent-soft); }
[b-o91tm94bfj] .inc-empty strong { color: var(--mud-palette-text-primary); font-size: 15px; }

/* Expanded details */
[b-o91tm94bfj] .inc-detail-cell { padding: 0 !important; background: var(--inc-subtle); border-bottom: 1px solid var(--inc-border); box-shadow: inset 3px 0 0 var(--inc-accent); }
.inc-detail[b-o91tm94bfj] { display: flex; flex-direction: column; gap: 12px; padding: 14px 18px 16px; }
.inc-facts[b-o91tm94bfj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin: 0; }
.inc-facts > div[b-o91tm94bfj] { padding: 10px 12px; border: 1px solid var(--inc-border); border-radius: 10px; background: var(--mud-palette-surface); min-width: 0; }
.inc-facts dt[b-o91tm94bfj] { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--inc-muted); }
.inc-facts dd[b-o91tm94bfj] { display: flex; flex-direction: column; margin: 2px 0 0; overflow-wrap: anywhere; }
.inc-facts dd strong[b-o91tm94bfj] { font-size: 14px; font-weight: 600; }
.inc-facts dd span[b-o91tm94bfj] { font-size: 12px; color: var(--inc-muted); }
.inc-facts .pre[b-o91tm94bfj] { white-space: pre-wrap; }

.inc-lines[b-o91tm94bfj] { width: 100%; border-collapse: collapse; border: 1px solid var(--inc-border); border-radius: 10px; background: var(--mud-palette-surface); font-size: 13px; }
.inc-lines th[b-o91tm94bfj] { padding: 8px 12px; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--inc-muted); border-bottom: 1px solid var(--inc-border); }
.inc-lines td[b-o91tm94bfj] { padding: 9px 12px; vertical-align: top; }
.inc-lines tbody tr + tr td[b-o91tm94bfj] { border-top: 1px solid var(--inc-border); }
.inc-lines td strong[b-o91tm94bfj] { display: block; font-weight: 600; }
.inc-lines td small[b-o91tm94bfj] { display: block; font-size: 12px; color: var(--inc-muted); }
.inc-lines tfoot td[b-o91tm94bfj] { border-top: 1px solid var(--inc-border); color: var(--inc-muted); }
.inc-lines tfoot strong[b-o91tm94bfj] { color: var(--mud-palette-text-primary); font-size: 14px; }
.inc-lines .num[b-o91tm94bfj] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) {
    .inc-kpis[b-o91tm94bfj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .inc-po[b-o91tm94bfj] { height: auto; min-height: 0; }
    [b-o91tm94bfj] .inc-table .mud-table-container { overflow: visible; }
    .inc-hero-top[b-o91tm94bfj] { flex-wrap: wrap; }
    .inc-hero-title[b-o91tm94bfj] { width: calc(100% - 60px); }
    .inc-hero-top[b-o91tm94bfj]  .inc-search { max-width: none; flex: 1; }
}
@media (max-width: 700px) {
    .inc-lines thead[b-o91tm94bfj], .inc-lines tfoot td:first-child[b-o91tm94bfj], .inc-lines tfoot td:last-child[b-o91tm94bfj] { display: none; }
    .inc-lines[b-o91tm94bfj], .inc-lines tbody[b-o91tm94bfj], .inc-lines tfoot[b-o91tm94bfj], .inc-lines tr[b-o91tm94bfj], .inc-lines td[b-o91tm94bfj] { display: block; }
    .inc-lines tr[b-o91tm94bfj] { padding: 8px 12px; }
    .inc-lines tbody tr + tr[b-o91tm94bfj] { border-top: 1px solid var(--inc-border); }
    .inc-lines td[b-o91tm94bfj], .inc-lines tbody tr + tr td[b-o91tm94bfj] { padding: 3px 0; border: 0; text-align: left !important; }
    .inc-lines tbody td[b-o91tm94bfj]::before { content: attr(data-label); display: block; font-size: 10px; color: var(--inc-muted); }
}
@media (max-width: 520px) {
    .inc-kpis[b-o91tm94bfj] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Rubik.P2P.Web/Components/Rfq/IncShoesPoEdit.razor.rz.scp.css */
.po-edit[b-tm98kgamje] {
    --po-accent: var(--mud-palette-tertiary);
    --po-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 8%, var(--mud-palette-surface));
    --po-muted: var(--mud-palette-text-secondary);
    --po-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --po-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 60%, var(--mud-palette-surface));
    --po-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 14px rgba(16, 24, 40, .05);
    /* Fill the visible area; the body scrolls between a fixed header and the action bar. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 360px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    color: var(--mud-palette-text-primary);
}

.po-edit-head[b-tm98kgamje] { flex-shrink: 0; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 10px; border: 1px solid var(--po-border); border-radius: 14px; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--po-accent) 12%, transparent) 0, transparent 40%), var(--mud-palette-surface); box-shadow: var(--po-shadow); }
.po-edit-title[b-tm98kgamje] { flex: 1; min-width: 0; }
.po-edit-title h1[b-tm98kgamje] { margin: 0; font-size: 20px; font-weight: 750; letter-spacing: -.3px; color: var(--po-accent); }
.po-edit-title span[b-tm98kgamje] { display: block; font-size: 12.5px; color: var(--po-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.po-edit-badges[b-tm98kgamje] { display: flex; gap: 6px; flex-wrap: wrap; }
.po-badge[b-tm98kgamje] { padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--po-muted); background: var(--po-subtle); }
.po-badge.is-approved[b-tm98kgamje] { color: #187855; background: #e8f7ef; }
.po-badge.is-pending[b-tm98kgamje] { color: #93370d; background: #fef0c7; }

.po-edit-body[b-tm98kgamje] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding-bottom: 4px; }

.po-card[b-tm98kgamje] { flex-shrink: 0; padding: 16px 18px; border: 1px solid var(--po-border); border-radius: 14px; background: var(--mud-palette-surface); box-shadow: var(--po-shadow); }
.po-card-head[b-tm98kgamje] { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--po-accent); }
.po-card-head h2[b-tm98kgamje] { margin: 0; font-size: 15px; font-weight: 700; color: var(--mud-palette-text-primary); }
.po-muted[b-tm98kgamje] { margin-left: auto; font-size: 12px; color: var(--po-muted); }

.po-fields[b-tm98kgamje] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.po-fields[b-tm98kgamje] >  * { margin: 0 !important; }
.po-fields[b-tm98kgamje]  .po-field-wide { grid-column: 1 / -1; }

.po-lines[b-tm98kgamje] { display: flex; flex-direction: column; gap: 10px; }
.po-line[b-tm98kgamje] { padding: 12px 14px; border: 1px solid var(--po-border); border-radius: 12px; background: var(--po-subtle); }
.po-line-item[b-tm98kgamje] { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.po-line-item > div:nth-child(2)[b-tm98kgamje] { flex: 1; min-width: 0; }
.po-line-item strong[b-tm98kgamje] { display: block; font-size: 14px; font-weight: 650; }
.po-line-item small[b-tm98kgamje] { display: block; font-size: 12px; color: var(--po-muted); }
.po-line-no[b-tm98kgamje] { display: grid; place-items: center; flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; font-size: 12px; font-weight: 700; color: var(--po-accent); background: var(--mud-palette-surface); border: 1px solid var(--po-border); }
.po-line-amount[b-tm98kgamje] { text-align: right; }
.po-line-amount span[b-tm98kgamje] { display: block; font-size: 11px; color: var(--po-muted); }
.po-line-amount strong[b-tm98kgamje] { font-variant-numeric: tabular-nums; }
.po-line-fields[b-tm98kgamje] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.po-line-fields[b-tm98kgamje] >  * { margin: 0 !important; }
.po-line[b-tm98kgamje]  .mud-input.mud-input-outlined { background: var(--mud-palette-surface); }

/* Fields that differ from the approved PO. */
[b-tm98kgamje] .po-changed .mud-input-outlined-border { border-color: #f79009 !important; border-width: 2px; }
[b-tm98kgamje] .po-changed .mud-input-label { color: #b54708 !important; }
[b-tm98kgamje] .mud-input-outlined-border { border-radius: 10px; }

.po-banner[b-tm98kgamje] { flex-shrink: 0; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 12px; }
.po-banner > div[b-tm98kgamje] { flex: 1; min-width: 0; }
.po-banner strong[b-tm98kgamje] { display: block; font-size: 14px; }
.po-banner span[b-tm98kgamje] { display: block; font-size: 12.5px; }
.po-banner.is-pending[b-tm98kgamje] { color: #93370d; background: #fffaeb; border: 1px solid #fedf89; }
.po-banner.is-rejected[b-tm98kgamje] { color: #b42318; background: #fef3f2; border: 1px solid #fecdca; }

.po-empty[b-tm98kgamje] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 48px 20px; text-align: center; }
.po-empty[b-tm98kgamje]  .mud-icon-root { color: var(--po-accent); }
.po-empty span[b-tm98kgamje] { color: var(--po-muted); margin-bottom: 8px; }

.po-edit-bar[b-tm98kgamje] { flex-shrink: 0; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--po-accent) 26%, var(--mud-palette-surface)); border-radius: 14px; background: var(--po-accent-soft); box-shadow: 0 -6px 18px rgba(16, 24, 40, .06); }
.po-edit-bar[b-tm98kgamje] >  * { margin: 0 !important; }
.po-edit-bar[b-tm98kgamje]  .mud-button-root { text-transform: none; border-radius: 10px; font-weight: 600; white-space: nowrap; }

@media (max-width: 1100px) {
    .po-line-fields[b-tm98kgamje] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .po-edit[b-tm98kgamje] { height: auto; min-height: 0; }
    .po-edit-body[b-tm98kgamje] { overflow: visible; }
    .po-fields[b-tm98kgamje], .po-line-fields[b-tm98kgamje], .po-edit-bar[b-tm98kgamje] { grid-template-columns: minmax(0, 1fr); }
    .po-edit-head[b-tm98kgamje] { flex-wrap: wrap; }
    .po-edit-bar[b-tm98kgamje] { position: sticky; bottom: 0; }
}
/* _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); }
.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: 10px; background: color-mix(in srgb, var(--mud-palette-tertiary) 9%, var(--mud-palette-surface)); color: var(--mud-palette-tertiary); }
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: 18px 22px; background: color-mix(in srgb, var(--mud-palette-tertiary) 9%, var(--mud-palette-surface)); border-top: 1px solid color-mix(in srgb, var(--mud-palette-tertiary) 28%, var(--mud-palette-surface)); color: var(--mud-palette-text-primary); flex-wrap: wrap; }
.total-note[b-pm9up57k3j] { gap: 12px; }
.total-note[b-pm9up57k3j]  .mud-icon-root { color: var(--mud-palette-tertiary); }
.total-note strong[b-pm9up57k3j] { display: block; font-size: 12px; font-weight: 600; }
.total-note span[b-pm9up57k3j] { display: block; color: var(--mud-palette-text-secondary); font-size: 11px; margin-top: 4px; }
.total-amount[b-pm9up57k3j] { margin-left: auto; text-align: right; }
.total-amount > span[b-pm9up57k3j] { color: var(--mud-palette-text-secondary); 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: var(--mud-palette-tertiary); 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: var(--mud-palette-tertiary); }
.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; }
}
.po-approval[b-pm9up57k3j] { display: flex; flex-direction: column; gap: 14px; padding: 16px 18px; border: 1px solid var(--rfq-border, var(--mud-palette-lines-default)); border-left: 4px solid var(--mud-palette-tertiary); border-radius: 14px; background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow, none); }
.po-approval-head[b-pm9up57k3j] { display: flex; align-items: center; gap: 12px; }
.po-approval-head .section-title[b-pm9up57k3j] { flex: 1; }
.po-approval-form[b-pm9up57k3j] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; }
.po-approval-form > *[b-pm9up57k3j] { margin: 0 !important; }
.po-approval-handoff[b-pm9up57k3j] { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 600px) {
    .po-approval-head[b-pm9up57k3j] { flex-wrap: wrap; }
    .po-approval-form[b-pm9up57k3j] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqEnquiryEditor.razor.rz.scp.css */
/* Colour tokens (--rfq-*) are inherited from the RFQ workspace. */
[b-f1v57myacp] .rfq-editor { padding: 18px !important; gap: 16px; }

/* Heading */
.editor-heading[b-f1v57myacp], .section-heading[b-f1v57myacp] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.editor-heading[b-f1v57myacp] {
    padding: 16px 20px;
    border: 1px solid var(--rfq-border);
    border-radius: var(--rfq-radius);
    background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--rfq-accent) 11%, transparent) 0, transparent 40%), var(--mud-palette-surface);
    box-shadow: var(--rfq-shadow);
}
.editor-heading-main[b-f1v57myacp] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.editor-heading-icon[b-f1v57myacp] { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; color: #fff; background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong)); box-shadow: 0 6px 14px color-mix(in srgb, var(--rfq-accent) 28%, transparent); }
.editor-heading[b-f1v57myacp]  .mud-typography-h5 { font-size: 20px; font-weight: 750; letter-spacing: -.3px; }
.section-heading[b-f1v57myacp]  .mud-typography-h6 { font-size: 17px; font-weight: 700; letter-spacing: -.2px; }

/* Title, validity and currency */
.enquiry-basics[b-f1v57myacp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 14px;
    padding: 16px 18px;
    border: 1px solid var(--rfq-border);
    border-radius: var(--rfq-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--rfq-shadow);
}
.enquiry-basics > *[b-f1v57myacp] { margin: 0 !important; min-width: 0; }
.enquiry-basics[b-f1v57myacp]  .basics-title { grid-column: 1 / -1; }
.basics-currency[b-f1v57myacp] { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--rfq-accent-line); background: var(--rfq-accent-soft); color: var(--rfq-accent); white-space: nowrap; }
.basics-currency span[b-f1v57myacp] { font-size: 12px; color: var(--rfq-muted); }
.basics-currency strong[b-f1v57myacp] { font-size: 13px; font-weight: 700; color: var(--rfq-ink); }
.enquiry-basics[b-f1v57myacp]  .basics-extend { grid-column: 1 / -1; justify-self: start; }

/* Material selection */
.material-picker[b-f1v57myacp] { padding: 18px; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
.material-picker[b-f1v57myacp]  .mud-table { border: 1px solid var(--rfq-border); border-radius: 12px; overflow: hidden; }
.material-picker[b-f1v57myacp]  .mud-table-body .mud-table-row:hover { background: var(--rfq-accent-soft); }
.material-picker[b-f1v57myacp]  .mud-divider { border-color: var(--rfq-border); }
.material-meta[b-f1v57myacp] { font-size: 12px; color: var(--rfq-muted); }
.manual-material[b-f1v57myacp] { margin-top: 16px; padding: 18px; background: var(--rfq-subtle); border: 1px dashed var(--rfq-accent-line); border-radius: 12px; }
.empty-materials[b-f1v57myacp] { display: flex; align-items: center; flex-direction: column; gap: 8px; text-align: center; padding: 36px 20px; border: 1.5px dashed var(--rfq-accent-line); border-radius: var(--rfq-radius); background: var(--rfq-accent-soft); }
.empty-materials[b-f1v57myacp]  .mud-icon-root { width: 52px; height: 52px; padding: 12px; border-radius: 16px; background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }

/* Selected materials */
[b-f1v57myacp] .material-card { padding: 14px 16px !important; border-color: var(--rfq-border); border-radius: var(--rfq-radius); border-left: 4px solid var(--rfq-accent); box-shadow: var(--rfq-shadow); transition: box-shadow .15s ease; }
[b-f1v57myacp] .material-card:hover { box-shadow: var(--rfq-shadow-hover); }
.selected-material-heading[b-f1v57myacp] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 8px; margin-bottom: 4px; border-bottom: 1px solid var(--rfq-border); }
.selected-material-heading[b-f1v57myacp]  .material-summary { flex: 1; min-width: 0; }

/* Sticky footer keeps Save / Generate in reach while scrolling the material list. */
.editor-actions[b-f1v57myacp] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--rfq-border);
    border-radius: var(--rfq-radius);
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, transparent);
    backdrop-filter: blur(8px);
    box-shadow: 0 -8px 20px rgba(16, 24, 40, .05);
}

/* Vendors */
.vendor-invitation-panel[b-f1v57myacp], .enquiry-management-panel[b-f1v57myacp] { padding: 18px; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
.vendor-invitation-form[b-f1v57myacp] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 12px 0; padding: 12px; border-radius: 12px; background: var(--rfq-subtle); }
/* Registered vs manually typed vendor */
.vendor-kind[b-f1v57myacp] { display: flex; align-items: center; gap: 8px; margin: -4px 0 12px; padding: 8px 12px; border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.vendor-kind.is-registered[b-f1v57myacp] { color: #187855; background: #ecfdf3; border: 1px solid #abefc6; }
.vendor-kind.is-new[b-f1v57myacp] { color: #b54708; background: #fffaeb; border: 1px solid #fedf89; }
.vendor-invitation-form > *[b-f1v57myacp] { margin: 0 !important; }
.vendor-list[b-f1v57myacp] { display: flex; flex-direction: column; border: 1px solid var(--rfq-border); border-radius: 12px; overflow: hidden; }
.vendor-row[b-f1v57myacp] { display: flex; align-items: center; gap: 12px; padding: 10px 14px; }
.vendor-row + .vendor-row[b-f1v57myacp] { border-top: 1px solid var(--rfq-border); }
.vendor-row:hover[b-f1v57myacp] { background: var(--rfq-accent-soft); }
.vendor-avatar[b-f1v57myacp] { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; font-size: 13px; font-weight: 700; color: var(--rfq-accent); background: var(--rfq-accent-soft); border: 1px solid var(--rfq-accent-line); }
.vendor-copy[b-f1v57myacp] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.vendor-copy strong[b-f1v57myacp] { font-size: 13.5px; font-weight: 650; }
.vendor-copy small[b-f1v57myacp] { font-size: 12px; color: var(--rfq-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* RFQ actions */
.enquiry-management-actions[b-f1v57myacp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
.enquiry-action-card[b-f1v57myacp] { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--rfq-border); border-radius: 12px; background: var(--rfq-subtle); }
[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: 1.5px; color: var(--mud-palette-error-darken); border-color: currentColor; background: var(--mud-palette-surface); }
[b-f1v57myacp] .rfq-cancel-button:hover { border-width: 1.5px; background: var(--mud-palette-error-hover); }

/* Activity timeline */
.activity-panel[b-f1v57myacp] { padding: 16px 18px; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--mud-palette-surface); }
.activity-panel[b-f1v57myacp]  .activity-title { display: flex; align-items: center; gap: 6px; font-weight: 700; margin-bottom: 10px; }
.activity-timeline[b-f1v57myacp] { list-style: none; margin: 0; padding: 0 0 0 4px; }
.activity-timeline li[b-f1v57myacp] { position: relative; display: flex; gap: 14px; padding: 0 0 12px 20px; font-size: 13px; }
.activity-timeline li[b-f1v57myacp]::before { content: ""; position: absolute; left: 0; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--mud-palette-surface); border: 2px solid var(--rfq-accent); }
.activity-timeline li:first-child[b-f1v57myacp]::before { background: var(--rfq-accent); }
.activity-timeline li:not(:last-child)[b-f1v57myacp]::after { content: ""; position: absolute; left: 5.5px; top: 17px; bottom: 0; width: 2px; background: var(--rfq-border); }
.activity-timeline time[b-f1v57myacp] { flex-shrink: 0; width: 92px; color: var(--rfq-muted); font-variant-numeric: tabular-nums; }
.activity-timeline strong[b-f1v57myacp] { font-weight: 650; }

@media (max-width: 700px) {
    .editor-heading[b-f1v57myacp], .section-heading[b-f1v57myacp] { align-items: flex-start; flex-direction: column; }
    .enquiry-basics[b-f1v57myacp], .vendor-invitation-form[b-f1v57myacp], .enquiry-management-actions[b-f1v57myacp] { grid-template-columns: minmax(0, 1fr); }
    .material-picker[b-f1v57myacp], .vendor-invitation-panel[b-f1v57myacp], .enquiry-management-panel[b-f1v57myacp], .enquiry-action-card[b-f1v57myacp] { padding: 12px; }
    .activity-timeline li[b-f1v57myacp] { flex-direction: column; gap: 2px; }
}
/* _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/RfqPoApproval.razor.rz.scp.css */
/* Colour tokens (--rfq-*) are inherited from the RFQ workspace. */
.approval-banner[b-jda0zqej0m]  .mud-typography-h6 { flex: 1; }

.approval-empty[b-jda0zqej0m] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 20px; text-align: center; border: 1.5px dashed var(--rfq-accent-line); border-radius: var(--rfq-radius); background: var(--rfq-accent-soft); }
.approval-empty[b-jda0zqej0m]  .mud-icon-root { color: var(--rfq-accent); }

.approval-facts[b-jda0zqej0m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--rfq-border); }
.approval-facts > div[b-jda0zqej0m] { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; background: var(--mud-palette-surface); min-width: 0; }
.approval-facts span[b-jda0zqej0m] { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--rfq-muted); }
.approval-facts strong[b-jda0zqej0m] { font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }

.approval-vendor[b-jda0zqej0m] { overflow: hidden; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
.approval-vendor-head[b-jda0zqej0m] { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--rfq-border); }
.vendor-avatar[b-jda0zqej0m] { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; font-weight: 700; color: var(--rfq-accent); background: var(--rfq-accent-soft); border: 1px solid var(--rfq-accent-line); }
.vendor-copy[b-jda0zqej0m] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.vendor-copy strong[b-jda0zqej0m] { font-size: 15px; font-weight: 700; }
.vendor-copy small[b-jda0zqej0m] { font-size: 12px; color: var(--rfq-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vendor-subtotal[b-jda0zqej0m] { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }
.vendor-subtotal span[b-jda0zqej0m] { font-size: 11px; color: var(--rfq-muted); }
.vendor-subtotal strong[b-jda0zqej0m] { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }

.approval-table-wrap[b-jda0zqej0m] { overflow-x: auto; }
.approval-table[b-jda0zqej0m] { width: 100%; border-collapse: collapse; font-size: 13px; }
.approval-table th[b-jda0zqej0m] { padding: 10px 16px; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--rfq-muted); background: var(--rfq-subtle); white-space: nowrap; }
.approval-table td[b-jda0zqej0m] { padding: 12px 16px; vertical-align: top; border-top: 1px solid var(--rfq-border); }
.approval-table td strong[b-jda0zqej0m] { display: block; font-weight: 650; }
.approval-table td small[b-jda0zqej0m] { display: block; color: var(--rfq-muted); font-size: 12px; }
.approval-table .num[b-jda0zqej0m] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

.approval-total[b-jda0zqej0m] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 16px 20px; border-radius: var(--rfq-radius); background: #1d2939; color: #fff; }
.approval-total span[b-jda0zqej0m] { display: block; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #d0d5dd; }
.approval-total small[b-jda0zqej0m] { display: block; font-size: 12px; color: #98a2b3; }
.approval-total strong[b-jda0zqej0m] { font-size: 24px; font-weight: 750; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }

/* Decision bar stays reachable while scrolling a long selection. */
.approval-decision[b-jda0zqej0m] { position: sticky; bottom: 0; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--rfq-accent-line); border-radius: var(--rfq-radius); background: color-mix(in srgb, var(--rfq-accent-soft) 92%, transparent); backdrop-filter: blur(8px); box-shadow: 0 -8px 20px rgba(16, 24, 40, .05); }
.approval-decision > *[b-jda0zqej0m] { margin: 0 !important; }

.approval-po-actions[b-jda0zqej0m] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 14px; }

@media (max-width: 700px) {
    .approval-vendor-head[b-jda0zqej0m] { flex-wrap: wrap; }
    .vendor-subtotal[b-jda0zqej0m] { align-items: flex-start; width: 100%; }
    .approval-decision[b-jda0zqej0m] { grid-template-columns: minmax(0, 1fr); }
    .approval-table thead[b-jda0zqej0m] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .approval-table[b-jda0zqej0m], .approval-table tbody[b-jda0zqej0m], .approval-table tr[b-jda0zqej0m], .approval-table td[b-jda0zqej0m] { display: block; }
    .approval-table tr[b-jda0zqej0m] { padding: 10px 16px; border-top: 1px solid var(--rfq-border); }
    .approval-table td[b-jda0zqej0m] { padding: 3px 0; border: 0; text-align: left !important; }
    .approval-table td[b-jda0zqej0m]::before { content: attr(data-label); display: block; font-size: 10px; color: var(--rfq-muted); }
}

/* PO line builder: vendor → approved item → locked rate → quantity */
.po-builder[b-jda0zqej0m] { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; padding: 14px; border: 1px solid var(--rfq-accent-line); border-radius: 12px; background: var(--rfq-accent-soft); }
.po-builder-head[b-jda0zqej0m] { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--rfq-muted); }
.po-builder-head[b-jda0zqej0m]  .mud-icon-root { color: var(--rfq-accent); }
.po-builder-head span[b-jda0zqej0m] { flex: 1; }
.po-builder-row[b-jda0zqej0m] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: start; gap: 10px; }
.po-builder-row[b-jda0zqej0m] >  * { margin: 0 !important; }
.po-builder-row[b-jda0zqej0m]  .mud-input.mud-input-outlined { background: var(--mud-palette-surface); }
.po-builder-row[b-jda0zqej0m]  .po-rate .mud-input { background: var(--rfq-subtle); font-weight: 650; }
.po-builder-row[b-jda0zqej0m]  .mud-button-root { height: 40px; white-space: nowrap; }
.po-builder-preview[b-jda0zqej0m] { padding: 8px 12px; border-radius: 9px; font-size: 13px; background: var(--mud-palette-surface); border: 1px dashed var(--rfq-accent-line); }
.po-builder-preview span[b-jda0zqej0m] { color: var(--rfq-muted); font-size: 12px; }
.po-builder-table[b-jda0zqej0m] { width: 100%; border-collapse: collapse; font-size: 13px; border-radius: 10px; overflow: hidden; background: var(--mud-palette-surface); }
.po-builder-table th[b-jda0zqej0m] { padding: 8px 12px; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--rfq-muted); background: var(--rfq-subtle); }
.po-builder-table td[b-jda0zqej0m] { padding: 8px 12px; vertical-align: middle; border-top: 1px solid var(--rfq-border); }
.po-builder-table td strong[b-jda0zqej0m] { display: block; font-weight: 600; }
.po-builder-table td small[b-jda0zqej0m] { display: block; font-size: 12px; color: var(--rfq-muted); }
.po-builder-table tfoot td[b-jda0zqej0m] { color: var(--rfq-muted); }
.po-builder-table .num[b-jda0zqej0m] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) {
    .po-builder-row[b-jda0zqej0m] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 560px) {
    .po-builder-row[b-jda0zqej0m] { grid-template-columns: minmax(0, 1fr); }
}

/* Vendor invitation, available once the selection is approved */
.approval-invite[b-jda0zqej0m] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid #b2ddff; border-left: 4px solid #2e90fa; border-radius: var(--rfq-radius); background: #f5faff; }
.approval-invite > div[b-jda0zqej0m] { flex: 1; min-width: 220px; }
.approval-invite strong[b-jda0zqej0m] { display: block; font-size: 14.5px; }
.approval-invite span[b-jda0zqej0m] { font-size: 12.5px; color: var(--rfq-muted); }
.approval-invite-icon[b-jda0zqej0m] { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; color: #175cd3; background: #eff8ff; }
.approval-invite.is-done[b-jda0zqej0m] { border-color: #abefc6; border-left-color: #3f8a66; background: #ecfdf3; }
.approval-invite.is-done .approval-invite-icon[b-jda0zqej0m] { color: #187855; background: #dcfae6; }
/* _content/Rubik.P2P.Web/Components/Rfq/RfqPoChangeList.razor.rz.scp.css */
.change-list[b-fegxrvr947] { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface)); border-radius: 14px; background: color-mix(in srgb, var(--mud-palette-tertiary) 4%, var(--mud-palette-surface)); }
.change-head[b-fegxrvr947] { display: flex; align-items: center; gap: 8px; color: var(--mud-palette-tertiary); }
.change-head h2[b-fegxrvr947] { margin: 0; font-size: 15px; font-weight: 700; color: var(--mud-palette-text-primary); }
.change-count[b-fegxrvr947] { padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--mud-palette-tertiary); background: color-mix(in srgb, var(--mud-palette-tertiary) 12%, var(--mud-palette-surface)); }
.change-area[b-fegxrvr947] { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); }
.change-area-name[b-fegxrvr947] { padding: 8px 12px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--mud-palette-text-secondary); background: color-mix(in srgb, var(--mud-palette-background-gray) 60%, var(--mud-palette-surface)); }
.change-row[b-fegxrvr947] { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr) auto minmax(0, 2fr); align-items: center; gap: 10px; padding: 9px 12px; font-size: 13px; border-top: 1px solid var(--mud-palette-lines-default); }
.change-field[b-fegxrvr947] { font-weight: 600; }
.change-before[b-fegxrvr947] { color: var(--mud-palette-text-secondary); text-decoration: line-through; white-space: pre-wrap; overflow-wrap: anywhere; }
.change-after[b-fegxrvr947] { color: #067647; font-weight: 600; white-space: pre-wrap; overflow-wrap: anywhere; }
.change-row[b-fegxrvr947]  .change-arrow { color: var(--mud-palette-text-secondary); }
.change-totals[b-fegxrvr947] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 12px 14px; border-radius: 10px; background: #1d2939; color: #fff; }
.change-totals span[b-fegxrvr947] { display: block; font-size: 11px; color: #d0d5dd; }
.change-totals strong[b-fegxrvr947] { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.change-totals strong.was[b-fegxrvr947] { color: #98a2b3; text-decoration: line-through; }
.change-totals .change-diff[b-fegxrvr947] { margin-left: auto; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: #d0d5dd; background: rgba(255, 255, 255, .08); }
.change-totals .change-diff.up[b-fegxrvr947] { color: #fda29b; }
.change-totals .change-diff.down[b-fegxrvr947] { color: #75e0a7; }

@media (max-width: 640px) {
    .change-row[b-fegxrvr947] { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
    .change-field[b-fegxrvr947] { grid-column: 1 / -1; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqVendorQuotePage.razor.rz.scp.css */
/* Colour tokens and shared controls copied from RfqWorkspace.razor.css: scoped CSS from the workspace does not reach this page. */
.rfq-scope[b-gr8p2jpvts] {
    --rfq-accent: var(--mud-palette-tertiary);
    --rfq-accent-strong: var(--mud-palette-tertiary-darken);
    --rfq-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 8%, var(--mud-palette-surface));
    --rfq-accent-line: color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface));
    --rfq-ink: var(--mud-palette-text-primary);
    --rfq-muted: var(--mud-palette-text-secondary);
    --rfq-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --rfq-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 70%, var(--mud-palette-surface));
    --rfq-radius: 14px;
    --rfq-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .05);
    --rfq-shadow-hover: 0 2px 4px rgba(16, 24, 40, .05), 0 12px 28px rgba(16, 24, 40, .08);
    --mud-palette-primary: var(--mud-palette-tertiary);
    --mud-palette-primary-rgb: var(--mud-palette-tertiary-rgb);
    --mud-palette-primary-text: var(--mud-palette-tertiary-text);
    --mud-palette-primary-darken: var(--mud-palette-tertiary-darken);
    --mud-palette-primary-lighten: var(--mud-palette-tertiary-lighten);
    --mud-palette-primary-hover: var(--mud-palette-tertiary-hover);
    /* Keep the navigation visible and scroll the active screen, not the page. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 380px;
    min-width: 0;
    color: var(--rfq-ink);
}
[b-gr8p2jpvts] .mud-button-root { text-transform: none; border-radius: 10px; font-weight: 600; letter-spacing: 0; }
[b-gr8p2jpvts] .mud-button-filled-primary { color: #fff; background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong)); box-shadow: 0 4px 12px color-mix(in srgb, var(--rfq-accent) 28%, transparent); transition: box-shadow .15s ease, transform .15s ease, filter .15s ease; }
[b-gr8p2jpvts] .mud-button-filled-primary:hover { filter: brightness(1.04); transform: translateY(-1px); box-shadow: 0 8px 18px color-mix(in srgb, var(--rfq-accent) 34%, transparent); }
[b-gr8p2jpvts] .mud-button-filled-primary.mud-disabled { background: var(--mud-palette-action-disabled-background); box-shadow: none; transform: none; }
[b-gr8p2jpvts] .mud-button-outlined { border-color: var(--rfq-border); background: var(--mud-palette-surface); }
[b-gr8p2jpvts] .mud-button-outlined-primary { border-color: var(--rfq-accent-line); }
[b-gr8p2jpvts] .mud-button-outlined-primary:hover { background: var(--rfq-accent-soft); }
[b-gr8p2jpvts] .mud-chip { border-radius: 999px; font-weight: 600; }
[b-gr8p2jpvts] .mud-paper-outlined { border-color: var(--rfq-border); border-radius: 12px; }
[b-gr8p2jpvts] .mud-input-outlined-border { border-radius: 10px; border-color: var(--rfq-border); }
[b-gr8p2jpvts] .mud-input.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: var(--rfq-accent-line); }
[b-gr8p2jpvts] .mud-input.mud-input-outlined { background: var(--mud-palette-surface); border-radius: 10px; }
[b-gr8p2jpvts] .mud-alert { border-radius: 12px; }
[b-gr8p2jpvts] .mud-secondary-text { color: var(--rfq-muted) !important; }
[b-gr8p2jpvts] .mud-table-container { max-width: 100%; }
[b-gr8p2jpvts] .mud-expand-panel { border-radius: 12px !important; }

/* Section header used by the vendor, comparison and purchase order tabs */
[b-gr8p2jpvts] .rfq-section-banner { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--rfq-accent) 10%, transparent) 0, transparent 40%), var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
[b-gr8p2jpvts] .rfq-section-banner .mud-typography-h6 { font-size: 17px; font-weight: 700; letter-spacing: -.2px; }
[b-gr8p2jpvts] .rfq-section-icon { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong)); box-shadow: 0 6px 14px color-mix(in srgb, var(--rfq-accent) 28%, transparent); }
[b-gr8p2jpvts] .rfq-offer-card, [b-gr8p2jpvts] .rfq-po-card { border-radius: var(--rfq-radius); box-shadow: var(--rfq-shadow); }
[b-gr8p2jpvts] .rfq-po-card { border-top: 3px solid var(--rfq-accent); }
[b-gr8p2jpvts] .rfq-meta-row { display: flex; flex-wrap: wrap; gap: 8px; }
[b-gr8p2jpvts] .rfq-line-amount { display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--rfq-border); }
[b-gr8p2jpvts] .rfq-line-amount span { font-size: 12px; color: var(--rfq-muted); }
[b-gr8p2jpvts] .rfq-line-amount strong { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
[b-gr8p2jpvts] .rfq-total-bar { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 14px 18px; border: 1px solid var(--rfq-accent-line); border-radius: var(--rfq-radius); background: color-mix(in srgb, var(--rfq-accent-soft) 92%, transparent); backdrop-filter: blur(8px); box-shadow: 0 -8px 20px rgba(16, 24, 40, .05); }
[b-gr8p2jpvts] .rfq-total-bar span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--rfq-muted); }
[b-gr8p2jpvts] .rfq-total-bar strong { font-size: 22px; font-weight: 750; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }

/* Page layout: centred vendor-only card, same look as the vendor registration page */
.vq[b-gr8p2jpvts] { height: auto; min-height: 0; max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.vq-head[b-gr8p2jpvts] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 20px 24px; border: 1px solid #eaecf0; border-radius: 20px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 18px 40px rgba(16, 24, 40, .08); }
.vq-head-icon[b-gr8p2jpvts] { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(140deg, #e06d6d, #c93734); box-shadow: 0 8px 18px rgba(201, 55, 52, .28); }
.vq-head-title[b-gr8p2jpvts] { flex: 1; min-width: 220px; }
.vq-head-title h1[b-gr8p2jpvts] { margin: 0; font-size: 22px; font-weight: 750; letter-spacing: -.3px; color: #1d2939; }
.vq-head-title p[b-gr8p2jpvts] { margin: 4px 0 0; font-size: 13.5px; color: #667085; }
.vq-who[b-gr8p2jpvts] { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.vq-who-chip[b-gr8p2jpvts] { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; font-size: 13px; color: #187855; background: #ecfdf3; border: 1px solid #abefc6; }
.vq-who-chip strong[b-gr8p2jpvts] { font-weight: 700; }
.vq-dot[b-gr8p2jpvts] { width: 8px; height: 8px; border-radius: 50%; background: #3f8a66; }
.vq-register[b-gr8p2jpvts] { font-size: 12.5px; font-weight: 600; color: #c93734; text-decoration: none; }
.vq-register:hover[b-gr8p2jpvts] { text-decoration: underline; }

.vq-body[b-gr8p2jpvts] { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 14px; align-items: start; }
.vq-list[b-gr8p2jpvts] { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid #eaecf0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05); }
.vq-list h2[b-gr8p2jpvts] { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 14px; font-weight: 700; color: #1d2939; }
.vq-list h2 span[b-gr8p2jpvts] { padding: 0 8px; border-radius: 999px; font-size: 12px; color: #c93734; background: #fdf3f3; }
.vq-enquiry[b-gr8p2jpvts] { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid #eaecf0; border-radius: 11px; background: #fff; font: inherit; text-align: left; color: inherit; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; }
.vq-enquiry:hover[b-gr8p2jpvts] { border-color: #f0b9b8; }
.vq-enquiry.active[b-gr8p2jpvts] { border-color: #c93734; background: #fdf3f3; box-shadow: inset 3px 0 0 #c93734; }
.vq-enquiry strong[b-gr8p2jpvts] { font-size: 13.5px; color: #c93734; }
.vq-enquiry span[b-gr8p2jpvts] { font-size: 13px; color: #1d2939; }
.vq-enquiry small[b-gr8p2jpvts] { font-size: 11.5px; color: #667085; }
.vq-enquiry small.open[b-gr8p2jpvts] { color: #187855; }
.vq-empty[b-gr8p2jpvts] { margin: 0; font-size: 13px; color: #667085; }
.vq-main[b-gr8p2jpvts] { border: 1px solid #eaecf0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05); }
.vq-placeholder[b-gr8p2jpvts] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 280px; color: #667085; }

.vq-invalid[b-gr8p2jpvts] { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 560px; margin: 24px auto; padding: 36px 24px; text-align: center; border: 1px solid #fecdca; border-radius: 20px; background: #fff; box-shadow: 0 18px 40px rgba(16, 24, 40, .08); }
.vq-invalid[b-gr8p2jpvts]  .mud-icon-root { color: #b42318; }
.vq-invalid strong[b-gr8p2jpvts] { font-size: 17px; color: #1d2939; }
.vq-invalid span[b-gr8p2jpvts] { font-size: 13.5px; color: #667085; }

@media (max-width: 800px) {
    .vq-head[b-gr8p2jpvts] { padding: 16px; }
    .vq-who[b-gr8p2jpvts] { align-items: flex-start; }
    .vq-body[b-gr8p2jpvts] { grid-template-columns: minmax(0, 1fr); }
    .vq-list[b-gr8p2jpvts] { position: static; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/RfqWorkspace.razor.rz.scp.css */
/* RFQ follows the app theme: the tenant's tertiary red is the accent, and Primary inside the
   workspace maps to it so buttons, chips and highlights stay readable for every tenant palette. */
.rfq-scope[b-ql37r4b73n] {
    --rfq-accent: var(--mud-palette-tertiary);
    --rfq-accent-strong: var(--mud-palette-tertiary-darken);
    --rfq-accent-soft: color-mix(in srgb, var(--mud-palette-tertiary) 8%, var(--mud-palette-surface));
    --rfq-accent-line: color-mix(in srgb, var(--mud-palette-tertiary) 26%, var(--mud-palette-surface));
    --rfq-ink: var(--mud-palette-text-primary);
    --rfq-muted: var(--mud-palette-text-secondary);
    --rfq-border: color-mix(in srgb, var(--mud-palette-lines-default) 70%, transparent);
    --rfq-subtle: color-mix(in srgb, var(--mud-palette-background-gray) 70%, var(--mud-palette-surface));
    --rfq-radius: 14px;
    --rfq-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .05);
    --rfq-shadow-hover: 0 2px 4px rgba(16, 24, 40, .05), 0 12px 28px rgba(16, 24, 40, .08);
    --mud-palette-primary: var(--mud-palette-tertiary);
    --mud-palette-primary-rgb: var(--mud-palette-tertiary-rgb);
    --mud-palette-primary-text: var(--mud-palette-tertiary-text);
    --mud-palette-primary-darken: var(--mud-palette-tertiary-darken);
    --mud-palette-primary-lighten: var(--mud-palette-tertiary-lighten);
    --mud-palette-primary-hover: var(--mud-palette-tertiary-hover);
    /* Keep the navigation visible and scroll the active screen, not the page. */
    height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
    min-height: 380px;
    min-width: 0;
    color: var(--rfq-ink);
}
[b-ql37r4b73n] .rfq-workspace { padding: 0; height: 100%; display: flex; flex-direction: column; gap: 12px; min-width: 0; }

/* Page header */
.rfq-hero[b-ql37r4b73n] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
    overflow: hidden;
    padding: 16px 20px;
    border: 1px solid var(--rfq-border);
    border-radius: var(--rfq-radius);
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--rfq-accent) 14%, transparent) 0, transparent 38%),
        radial-gradient(circle at 70% 140%, color-mix(in srgb, var(--rfq-accent) 7%, transparent) 0, transparent 40%),
        var(--mud-palette-surface);
    box-shadow: var(--rfq-shadow);
}
.rfq-hero-main[b-ql37r4b73n] { display: flex; align-items: center; gap: 16px; min-width: 0; }
.rfq-hero-icon[b-ql37r4b73n] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--rfq-accent) 32%, transparent);
}
.rfq-hero[b-ql37r4b73n]  h1 { font-size: 22px; font-weight: 750; line-height: 1.25; letter-spacing: -.4px; color: var(--rfq-ink); }
.rfq-hero[b-ql37r4b73n]  .mud-button-filled-primary { padding: 9px 20px; font-size: 13.5px; white-space: nowrap; }

/* Summary cards */
.rfq-metrics[b-ql37r4b73n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; flex-shrink: 0; }
.rfq-metric[b-ql37r4b73n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 18px;
    border: 1px solid var(--rfq-border);
    border-radius: var(--rfq-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--rfq-shadow);
    transition: transform .15s ease, box-shadow .15s ease;
}
.rfq-metric:hover[b-ql37r4b73n] { transform: translateY(-1px); box-shadow: var(--rfq-shadow-hover); }
.metric-top[b-ql37r4b73n] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.rfq-metric span[b-ql37r4b73n] { font-size: 12.5px; font-weight: 600; color: var(--rfq-muted); }
.rfq-metric strong[b-ql37r4b73n] { font-size: 26px; font-weight: 750; line-height: 1.15; letter-spacing: -.5px; color: var(--rfq-ink); font-variant-numeric: tabular-nums; }
.rfq-metric small[b-ql37r4b73n] { display: none; }
.rfq-metric .metric-icon[b-ql37r4b73n] { order: -1; display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; color: var(--rfq-accent); background: var(--rfq-accent-soft); }
.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; }

.rfq-preview-note[b-ql37r4b73n] { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; align-self: flex-start; margin-top: -4px; padding: 3px 10px; border-radius: 999px; font-size: 11px; color: var(--rfq-muted); background: var(--mud-palette-surface); border: 1px dashed var(--rfq-border); }
.rfq-preview-note[b-ql37r4b73n]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e0a526; }

/* Tabs: a segmented pill bar. Tabs never scroll internally (that drew stray scrollbars). */
[b-ql37r4b73n] .rfq-tabs { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
[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-tabbar { flex-shrink: 0; padding: 8px; border-bottom: 1px solid var(--rfq-border); background: var(--rfq-subtle); }
[b-ql37r4b73n] .rfq-tabs .mud-tabs-tabbar-inner { min-height: 0; }
[b-ql37r4b73n] .rfq-tabs .mud-tab {
    min-height: 40px;
    min-width: 0;
    margin-right: 4px;
    padding: 6px 14px;
    overflow: hidden;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 600;
    text-transform: none;
    color: var(--rfq-muted);
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
[b-ql37r4b73n] .rfq-tabs .mud-tab .mud-icon-root { font-size: 18px; }
[b-ql37r4b73n] .rfq-tabs .mud-tab:hover:not(.mud-disabled) { color: var(--rfq-ink); background: color-mix(in srgb, var(--mud-palette-surface) 70%, transparent); }
[b-ql37r4b73n] .rfq-tabs .mud-tab.mud-tab-active { color: var(--rfq-accent); background: var(--mud-palette-surface); box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 2px 8px rgba(16, 24, 40, .06); }
[b-ql37r4b73n] .rfq-tabs .mud-tab-slider { display: none; }
[b-ql37r4b73n] .rfq-tabs .mud-tab.mud-disabled { opacity: .5; }
[b-ql37r4b73n] .rfq-tab-content { min-height: 0; }

/* Enquiry register */
[b-ql37r4b73n] .rfq-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(160px, 1fr)); gap: 12px; padding: 18px 20px 16px; }
[b-ql37r4b73n] .rfq-filters > * { margin: 0 !important; min-width: 0; }
[b-ql37r4b73n] .rfq-register { margin: 0 20px 16px; border: 1px solid var(--rfq-border); border-radius: 12px; overflow: hidden; }
[b-ql37r4b73n] .rfq-register .mud-table-head .mud-table-cell { background: var(--rfq-subtle); color: var(--rfq-muted); font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; padding: 10px 16px; border-bottom: 1px solid var(--rfq-border); }
[b-ql37r4b73n] .rfq-register .mud-table-body .mud-table-cell { padding: 12px 16px; font-size: 13px; border-bottom-color: var(--rfq-border); }
[b-ql37r4b73n] .rfq-register .mud-table-body .mud-table-row { transition: background-color .12s ease; }
[b-ql37r4b73n] .rfq-register .mud-table-body .mud-table-row:hover { background: var(--rfq-accent-soft); }
[b-ql37r4b73n] .rfq-register .rfq-enquiry-number { color: var(--rfq-accent); font-weight: 700; font-variant-numeric: tabular-nums; }
[b-ql37r4b73n] .rfq-register .rfq-responses { font-variant-numeric: tabular-nums; color: var(--rfq-muted); }
[b-ql37r4b73n] .rfq-register .rfq-responses b { color: var(--rfq-ink); }
[b-ql37r4b73n] .rfq-register .rfq-open-cell { text-align: right; }
[b-ql37r4b73n] .rfq-register .mud-table-pagination { border-top: 1px solid var(--rfq-border); }

/* Shared controls used across every RFQ tab */
[b-ql37r4b73n] .mud-table-head .mud-table-cell { background: var(--rfq-subtle); color: var(--rfq-muted); font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
[b-ql37r4b73n] .mud-button-root { text-transform: none; border-radius: 10px; font-weight: 600; letter-spacing: 0; }
[b-ql37r4b73n] .mud-button-filled-primary { color: #fff; background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong)); box-shadow: 0 4px 12px color-mix(in srgb, var(--rfq-accent) 28%, transparent); transition: box-shadow .15s ease, transform .15s ease, filter .15s ease; }
[b-ql37r4b73n] .mud-button-filled-primary:hover { filter: brightness(1.04); transform: translateY(-1px); box-shadow: 0 8px 18px color-mix(in srgb, var(--rfq-accent) 34%, transparent); }
[b-ql37r4b73n] .mud-button-filled-primary.mud-disabled { background: var(--mud-palette-action-disabled-background); box-shadow: none; transform: none; }
[b-ql37r4b73n] .mud-button-outlined { border-color: var(--rfq-border); background: var(--mud-palette-surface); }
[b-ql37r4b73n] .mud-button-outlined-primary { border-color: var(--rfq-accent-line); }
[b-ql37r4b73n] .mud-button-outlined-primary:hover { background: var(--rfq-accent-soft); }
[b-ql37r4b73n] .mud-chip { border-radius: 999px; font-weight: 600; }
[b-ql37r4b73n] .mud-paper-outlined { border-color: var(--rfq-border); border-radius: 12px; }
[b-ql37r4b73n] .mud-input-outlined-border { border-radius: 10px; border-color: var(--rfq-border); }
[b-ql37r4b73n] .mud-input.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: var(--rfq-accent-line); }
[b-ql37r4b73n] .mud-input.mud-input-outlined { background: var(--mud-palette-surface); border-radius: 10px; }
[b-ql37r4b73n] .mud-alert { border-radius: 12px; }
[b-ql37r4b73n] .mud-secondary-text { color: var(--rfq-muted) !important; }
[b-ql37r4b73n] .mud-table-container { max-width: 100%; }
[b-ql37r4b73n] .mud-expand-panel { border-radius: 12px !important; }

/* Section header used by the vendor, comparison and purchase order tabs */
[b-ql37r4b73n] .rfq-section-banner { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid var(--rfq-border); border-radius: var(--rfq-radius); background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--rfq-accent) 10%, transparent) 0, transparent 40%), var(--mud-palette-surface); box-shadow: var(--rfq-shadow); }
[b-ql37r4b73n] .rfq-section-banner .mud-typography-h6 { font-size: 17px; font-weight: 700; letter-spacing: -.2px; }
[b-ql37r4b73n] .rfq-section-icon { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(140deg, var(--rfq-accent), var(--rfq-accent-strong)); box-shadow: 0 6px 14px color-mix(in srgb, var(--rfq-accent) 28%, transparent); }
[b-ql37r4b73n] .rfq-offer-card, [b-ql37r4b73n] .rfq-po-card { border-radius: var(--rfq-radius); box-shadow: var(--rfq-shadow); }
[b-ql37r4b73n] .rfq-po-card { border-top: 3px solid var(--rfq-accent); }
[b-ql37r4b73n] .rfq-meta-row { display: flex; flex-wrap: wrap; gap: 8px; }
[b-ql37r4b73n] .rfq-line-amount { display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--rfq-border); }
[b-ql37r4b73n] .rfq-line-amount span { font-size: 12px; color: var(--rfq-muted); }
[b-ql37r4b73n] .rfq-line-amount strong { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
[b-ql37r4b73n] .rfq-total-bar { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 14px 18px; border: 1px solid var(--rfq-accent-line); border-radius: var(--rfq-radius); background: color-mix(in srgb, var(--rfq-accent-soft) 92%, transparent); backdrop-filter: blur(8px); box-shadow: 0 -8px 20px rgba(16, 24, 40, .05); }
[b-ql37r4b73n] .rfq-total-bar span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--rfq-muted); }
[b-ql37r4b73n] .rfq-total-bar strong { font-size: 22px; font-weight: 750; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }
[b-ql37r4b73n] .rfq-comparison-table { border-radius: 12px; overflow: hidden; }
[b-ql37r4b73n] .rfq-comparison-table th { background: var(--rfq-subtle); padding: 14px; font-size: 12px; font-weight: 700; }
[b-ql37r4b73n] .rfq-comparison-table td { padding: 12px; vertical-align: top; min-width: 200px; }
[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 18px; border: 1px solid var(--rfq-accent-line); border-radius: var(--rfq-radius); background: var(--rfq-accent-soft); }
[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: 1000px) {
    [b-ql37r4b73n] .rfq-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .rfq-metrics[b-ql37r4b73n] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .rfq-scope[b-ql37r4b73n] { height: auto; min-height: 0; }
    .rfq-hero[b-ql37r4b73n] { gap: 10px; padding: 12px; }
    .rfq-hero-icon[b-ql37r4b73n] { width: 40px; height: 40px; border-radius: 12px; }
    .rfq-hero[b-ql37r4b73n]  h1 { font-size: 19px; }
    .rfq-hero[b-ql37r4b73n]  .mud-button-root { padding: 8px 12px; }
    [b-ql37r4b73n] .rfq-filters { grid-template-columns: minmax(0, 1fr); padding: 12px 14px; }
    [b-ql37r4b73n] .rfq-register { margin: 0 14px 14px; }
    [b-ql37r4b73n] .rfq-tabs > .mud-tabs-panels { overflow: visible; }
    [b-ql37r4b73n] .rfq-tabs .mud-tab-panel { height: auto; overflow: visible; }
}
@media (max-width: 450px) {
    .rfq-metric[b-ql37r4b73n] { padding: 10px 12px; }
    .rfq-metric strong[b-ql37r4b73n] { font-size: 20px; }
    .rfq-hero-icon[b-ql37r4b73n] { display: none; }
}
/* _content/Rubik.P2P.Web/Components/Rfq/VendorPublicLayout.razor.rz.scp.css */
.vp-shell[b-lldvsdg0a6] {
    min-height: 100dvh;
    padding: 24px 16px;
    background: radial-gradient(circle at 90% 0%, #fde8e7 0, transparent 40%), radial-gradient(circle at 0% 100%, #eef2f6 0, transparent 45%), #f6f7f9;
    box-sizing: border-box;
}
/* _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; }
/* _content/Rubik.P2P.Web/Components/Shared/RubikTimeline.razor.rz.scp.css */
.webtel-timeline[b-zuc3xh4gc8] {
    --timeline-accent: var(--mud-palette-tertiary);
    --timeline-tint: color-mix(in srgb, var(--timeline-accent) 6%, var(--mud-palette-surface));
    --timeline-border: color-mix(in srgb, var(--timeline-accent) 18%, var(--mud-palette-surface));
    min-width: 0;
    color: var(--mud-palette-text-primary);
}

.webtel-timeline[b-zuc3xh4gc8]  .webtel-timeline-groups { gap: 16px; }

.webtel-timeline[b-zuc3xh4gc8]  .webtel-timeline-group {
    margin: 0;
    border: 1px solid var(--timeline-border);
    border-radius: 14px;
    background: var(--mud-palette-surface);
    scrollbar-width: thin;
    scrollbar-color: var(--timeline-border) transparent;
}

.webtel-timeline[b-zuc3xh4gc8]  .webtel-timeline-group::before { display: none; }

.webtel-timeline[b-zuc3xh4gc8]  .mud-expand-panel-header {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 58px;
    padding: 14px;
    border-bottom: 1px solid var(--timeline-border);
    border-inline-start: 3px solid var(--timeline-accent);
    background: var(--timeline-tint);
}

.timeline-group-heading[b-zuc3xh4gc8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.timeline-group-name[b-zuc3xh4gc8] {
    flex: 1 1 130px;
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.timeline-count[b-zuc3xh4gc8] {
    flex-shrink: 0;
    padding: 3px 7px;
    border: 1px solid var(--timeline-border);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
}

.webtel-timeline[b-zuc3xh4gc8]  .mud-expand-panel-icon {
    margin-inline-start: 8px;
    color: var(--timeline-accent);
}

.webtel-timeline[b-zuc3xh4gc8]  .mud-expand-panel-content { padding: 18px 12px 14px; }

.webtel-timeline[b-zuc3xh4gc8]  .mud-expand-panel-header:focus-visible {
    outline: 2px solid var(--timeline-accent);
    outline-offset: -3px;
}

.timeline-entries[b-zuc3xh4gc8] { margin: 0; padding: 0; list-style: none; }

.timeline-entry[b-zuc3xh4gc8] {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding-bottom: 16px;
}

.timeline-entry[b-zuc3xh4gc8]::before {
    content: "";
    position: absolute;
    inset-inline-start: 13px;
    top: 38px;
    bottom: -10px;
    width: 2px;
    background: color-mix(in srgb, var(--timeline-accent) 28%, var(--mud-palette-surface));
}

.timeline-entry:last-child[b-zuc3xh4gc8] { padding-bottom: 0; }
.timeline-entry:last-child[b-zuc3xh4gc8]::before { display: none; }

.timeline-marker[b-zuc3xh4gc8] {
    position: relative;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-top: 10px;
    border: 1px solid var(--timeline-accent);
    border-radius: 50%;
    background: var(--timeline-tint);
    color: var(--timeline-accent);
    box-shadow: 0 0 0 4px var(--mud-palette-surface);
}

.timeline-marker[b-zuc3xh4gc8]  .mud-icon-root { font-size: 16px; }
.timeline-marker-dot[b-zuc3xh4gc8] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

.timeline-entry-completed .timeline-marker[b-zuc3xh4gc8],
.timeline-entry-current .timeline-marker[b-zuc3xh4gc8] {
    background: var(--timeline-accent);
    color: var(--mud-palette-tertiary-text);
    box-shadow: 0 0 0 4px var(--timeline-tint);
}

.timeline-entry-current .timeline-marker[b-zuc3xh4gc8] {
    box-shadow: 0 0 0 3px var(--mud-palette-surface), 0 0 0 5px var(--timeline-border);
}

.timeline-entry-upcoming .timeline-marker[b-zuc3xh4gc8] { border-style: dashed; }

.timeline-entry-card[b-zuc3xh4gc8] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--timeline-border);
    border-inline-start: 3px solid var(--timeline-accent);
    border-radius: 10px;
    background: linear-gradient(115deg, var(--timeline-tint), var(--mud-palette-surface));
    box-shadow: 0 2px 7px #182a3b08;
    overflow-wrap: anywhere;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.timeline-entry-current .timeline-entry-card[b-zuc3xh4gc8] {
    border-color: var(--timeline-accent);
    box-shadow: 0 3px 12px color-mix(in srgb, var(--timeline-accent) 10%, transparent);
}

.timeline-entry-title[b-zuc3xh4gc8] {
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.timeline-entry-card[b-zuc3xh4gc8]  .timeline-entry-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    border-radius: 3px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

.timeline-entry-card[b-zuc3xh4gc8]  .timeline-entry-link:focus-visible {
    outline: 2px solid var(--timeline-accent);
    outline-offset: 4px;
}

.timeline-entry-card[b-zuc3xh4gc8]  .timeline-link-arrow {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: var(--timeline-tint);
    color: var(--timeline-accent);
    font-size: 18px;
}

.timeline-entry-description[b-zuc3xh4gc8] {
    margin: 5px 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    line-height: 1.6;
}

.timeline-entry-time[b-zuc3xh4gc8] {
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
    max-width: 100%;
    margin-top: 9px;
    padding: 4px 6px;
    border: 1px solid var(--timeline-border);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-size: 10.5px;
    line-height: 1.5;
}

.timeline-entry-time[b-zuc3xh4gc8]  .mud-icon-root {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--timeline-accent);
    font-size: 13px;
}

.timeline-state[b-zuc3xh4gc8] {
    display: inline-block;
    margin-bottom: 6px;
    padding: 2px 6px;
    border: 1px solid var(--timeline-border);
    border-radius: 5px;
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
}

.timeline-entry-current .timeline-state[b-zuc3xh4gc8] {
    border-color: var(--timeline-accent);
    background: var(--timeline-accent);
    color: var(--mud-palette-tertiary-text);
}

.timeline-screen-reader[b-zuc3xh4gc8] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (hover: hover) {
    .timeline-entry-card:has(a):hover[b-zuc3xh4gc8] {
        border-color: var(--timeline-accent);
        box-shadow: 0 4px 14px color-mix(in srgb, var(--timeline-accent) 12%, transparent);
    }

    .timeline-entry-card[b-zuc3xh4gc8]  .timeline-entry-link:hover .timeline-entry-title { text-decoration: underline; }
}

@media (max-width: 600px) {
    .webtel-timeline[b-zuc3xh4gc8]  .mud-expand-panel-content { padding: 14px 10px; }
    .timeline-entry[b-zuc3xh4gc8] { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .timeline-entry-card[b-zuc3xh4gc8] { transition: none; }
}
/* _content/Rubik.P2P.Web/Components/Vendor/Pages/BankDetail.razor.rz.scp.css */
.webtel-timeline-panel[b-wz0sbexyqe] {
    position: sticky;
    top: 88px;
    width: 100%;
    min-width: 0;
}

.webtel-timeline-panel[b-wz0sbexyqe]  .webtel-timeline-card {
    border: 1px solid color-mix(in srgb, var(--mud-palette-tertiary) 18%, var(--mud-palette-surface));
    border-radius: 18px;
    background: var(--mud-palette-surface);
    box-shadow: 0 8px 28px #182a3b0d;
    overflow: hidden;
}

.webtel-timeline-panel[b-wz0sbexyqe]  .webtel-timeline-header {
    padding: 20px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-tertiary) 14%, var(--mud-palette-surface));
    background: linear-gradient(115deg,
        color-mix(in srgb, var(--mud-palette-tertiary) 8%, var(--mud-palette-surface)),
        var(--mud-palette-surface));
}

.timeline-heading[b-wz0sbexyqe] { display: flex; align-items: center; gap: 12px; }

.timeline-heading-icon[b-wz0sbexyqe] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text);
    box-shadow: 0 4px 10px color-mix(in srgb, var(--mud-palette-tertiary) 20%, transparent);
}

.timeline-heading-icon[b-wz0sbexyqe]  .mud-icon-root { font-size: 24px; }

.timeline-heading h2[b-wz0sbexyqe] {
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 1.4;
}

.timeline-heading p[b-wz0sbexyqe] {
    margin: 3px 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
    line-height: 1.5;
}

.webtel-timeline-panel[b-wz0sbexyqe]  .webtel-timeline-content { padding: 14px; }

@media (max-width: 959.98px) {
    .webtel-timeline-panel[b-wz0sbexyqe] { position: static; }
}