html{scrollbar-gutter:stable}.buyer-layout>.shared-top-nav{position:sticky;top:0;flex-shrink:0}.shared-top-nav{position:relative;z-index:1000;width:100%;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;color:#262626;box-shadow:0 1px #e8e8e8}.shared-nav-main{min-height:76px;display:grid;grid-template-columns:170px minmax(420px,1fr) 250px auto;align-items:center;gap:20px;padding:0 22px}.shared-nav-brand{display:flex;align-items:center}.shared-nav-brand img{display:block;width:132px;height:auto}.shared-nav-links{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}.shared-nav-links a{position:relative;padding:12px 10px;color:#313131;text-decoration:none;text-transform:uppercase;font-size:11px;line-height:1;font-weight:750;white-space:nowrap;transition:color .18s ease,background-color .18s ease}.shared-nav-links a:hover{color:#9b691c;background:#faf5eb}.shared-nav-links a.active{color:#fff;background:#b88935;box-shadow:inset 0 -3px #94691f}.shared-nav-support{display:flex;flex-direction:column;color:#cf4b3e;font-size:11px;font-weight:700;line-height:1.5}.shared-nav-support a{color:#d9483d;text-decoration:none}.shared-nav-account{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:220px}.shared-nav-user{display:flex;flex-direction:column;text-align:right;line-height:1.25}.shared-nav-user b{font-size:12px}.shared-nav-user small{color:#7a7a7a;font-size:10px}.shared-nav-mail,.shared-nav-logout{height:32px;border:0;border-radius:5px;color:#fff;cursor:pointer;font-weight:800}.shared-nav-mail{min-width:53px;background:#0798dd}.shared-nav-mail i{font-style:normal;font-size:10px}.shared-nav-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8edf5;color:#173c69;font-size:10px;font-weight:850}.shared-nav-logout{width:34px;background:#b88935;font-size:17px}.shared-nav-title{position:absolute;left:50%;top:9px;transform:translate(-50%);padding:5px 12px;border:2px solid #d9272e;background:#fff;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.3px}.shared-nav-gold-line{height:6px;background:#b88935}.shared-nav-menu-toggle{display:none;border:0;background:transparent;font-size:24px}@media(max-width:1100px){.shared-nav-main{grid-template-columns:150px 1fr auto}.shared-nav-support{display:none}.shared-nav-links{justify-content:flex-start;overflow-x:auto}.shared-nav-account{min-width:0}.shared-nav-user{display:none}}@media(max-width:760px){.shared-nav-main{min-height:66px;grid-template-columns:1fr auto auto;padding:0 14px;gap:10px}.shared-nav-brand img{width:104px}.shared-nav-menu-toggle{display:block}.shared-nav-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;padding:8px;background:#fff;box-shadow:0 12px 24px #0002}.menu-open .shared-nav-links{display:flex}.shared-nav-links a{padding:13px}.shared-nav-account{gap:6px}.shared-nav-avatar,.shared-nav-title{display:none}}.shared-nav-onboarding{min-width:0;text-align:center;color:#313131;font-size:16px;font-weight:700;line-height:1.3}@media(max-width:760px){.shared-nav-onboarding{font-size:12px}}.shared-nav-links .disabled{padding:12px 10px;color:#313131;text-transform:uppercase;font-size:11px;line-height:1;font-weight:750;white-space:nowrap;cursor:not-allowed}@media(max-width:760px){.shared-nav-links .disabled{padding:13px}}.shared-nav-dropdown{position:relative;display:flex;align-items:center}.shared-nav-dropdown>a span{margin-left:3px;font-size:10px}.shared-nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;z-index:10;min-width:195px;padding:5px;background:#fff;border:1px solid #dbe5eb;border-radius:8px;box-shadow:0 8px 24px #1934441f}.shared-nav-dropdown:hover .shared-nav-dropdown-menu,.shared-nav-dropdown:focus-within .shared-nav-dropdown-menu,.shared-nav-dropdown.open .shared-nav-dropdown-menu{display:grid}.shared-nav-dropdown-menu a{padding:10px 14px;color:#233746;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:650;white-space:nowrap}.shared-nav-dropdown-menu a:hover{background:#faf5eb;color:#9b691c}@media(max-width:760px){.shared-nav-dropdown{display:block;width:100%}.shared-nav-dropdown>a{display:block}.shared-nav-dropdown-menu{position:static;margin:0 8px;box-shadow:none}.shared-nav-dropdown:hover .shared-nav-dropdown-menu{display:none}.shared-nav-dropdown:focus-within .shared-nav-dropdown-menu,.shared-nav-dropdown.open .shared-nav-dropdown-menu{display:grid}}@layer buyer-legacy;.buyer-layout{--buyer-primary: #166a88;--buyer-primary-hover: #12556e;--buyer-soft: #eaf5f8;--buyer-canvas: #f4f7fa;--buyer-surface: #fff;--buyer-text: #233746;--buyer-muted: #607582;--buyer-border: #dbe5eb;--buyer-danger: #b42318;--buyer-success: #18794e;--buyer-radius: 8px;--buyer-card-radius: 12px;--buyer-shadow: 0 2px 8px rgb(25 52 68 / 5%);min-height:100vh;background:var(--buyer-canvas);color:var(--buyer-text);font:400 13px/1.5 Segoe UI,Arial,sans-serif}.buyer-layout :is(.buyer-module,.unified-asn-shell){--gold: var(--buyer-primary);--gold-dark: var(--buyer-primary-hover);--gold-soft: var(--buyer-soft);--border: var(--buyer-border);--cream: var(--buyer-canvas);--paper: var(--buyer-surface);--sand: var(--buyer-border);--peach: var(--buyer-soft);--terracotta: var(--buyer-primary);--rust: var(--buyer-primary-hover);--brown: var(--buyer-text);--muted: var(--buyer-muted);--line: var(--buyer-border);--blue: var(--buyer-primary);--blue-dark: var(--buyer-primary-hover);--ink: var(--buyer-text);--subtle: var(--buyer-muted);--stroke: var(--buyer-border);--surface-soft: var(--buyer-soft);min-width:0;color:var(--buyer-text);font:inherit;background:var(--buyer-canvas)}.buyer-layout *,.buyer-layout *:before,.buyer-layout *:after{box-sizing:border-box}.buyer-layout *{font-family:inherit}.buyer-layout :is(.app-shell,.gate-entry-screen,.gate-entry-page,.grn-page,.gate-status-page){min-height:calc(100vh - 82px);background:var(--buyer-canvas);color:var(--buyer-text);font-family:inherit}.buyer-layout .gold-line,.buyer-layout .unified-asn-shell .topbar,.buyer-layout .gate-entry-header,.buyer-layout .page-card:before,.buyer-layout .grn-summary-card:before,.buyer-layout .grn-assignment-card:before,.buyer-layout .gate-status-card:before{display:none}.buyer-layout :is(main,.grn-page-content,.gate-status-content){width:100%;max-width:none;margin:0;padding:24px}.buyer-layout main main{padding:0}.buyer-layout :is(h1,h2,h3,h4,p){font-family:inherit}.buyer-layout h1{margin:0 0 8px;color:var(--buyer-text);font-size:26px;line-height:1.25;font-weight:700}.buyer-layout h2{color:var(--buyer-text);font-size:18px;line-height:1.4;font-weight:650}.buyer-layout h3{color:var(--buyer-text);font-size:15px;line-height:1.4;font-weight:650}.buyer-layout :is(.page-heading,.dashboard-heading,.qcs-heading){margin-bottom:24px;gap:16px;flex-wrap:wrap}.buyer-layout :is(.subtitle,.buyer-subtitle,.page-heading p,.grn-title p,.muted){color:var(--buyer-muted);font-size:13px}.buyer-layout .eyebrow{color:var(--buyer-primary);font-size:11px;font-weight:700;letter-spacing:.08em}.buyer-layout :is(.content-card,.page-card,.purchase-order-page,.blank-module-surface,.qcs-page,.gate-entry-card,.gate-status-card,.grn-summary-card,.grn-assignment-card,.form-section,.price-settings-card,.blank-workflow-card,.dashboard-panel,.metric-card,.po-sections>section,.po-line-items,.summary-grid article){background:var(--buyer-surface);border:1px solid var(--buyer-border);border-radius:var(--buyer-card-radius);box-shadow:var(--buyer-shadow)}.buyer-layout :is(.page-card,.grn-assignment-card,.gate-status-card){padding:24px}.buyer-layout .buyer-insight{background:var(--buyer-soft);border:1px solid var(--buyer-border);border-radius:var(--buyer-radius);box-shadow:none}.buyer-layout .insight-icon{background:#d8edf3;color:var(--buyer-primary)}.buyer-layout .buyer-insight :is(small,p,span){color:var(--buyer-muted)}.buyer-layout :is(.po-titlebar,.event-titlebar,.grn-title){padding:20px 24px;background:var(--buyer-surface);border-bottom:1px solid var(--buyer-border)}.buyer-layout :is(.po-sections,.summary-content,.event-content,.gate-filters,.filters){background:var(--buyer-surface)}.buyer-layout :is(.filters,.gate-filters){padding:20px;gap:16px;border-color:var(--buyer-border)}.buyer-layout button{min-height:36px;padding:8px 14px;border:1px solid var(--buyer-primary);border-radius:var(--buyer-radius);background:var(--buyer-primary);color:#fff;font:600 12px/1.4 Segoe UI,Arial,sans-serif;letter-spacing:0;box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.buyer-layout button:hover:not(:disabled){background:var(--buyer-primary-hover);border-color:var(--buyer-primary-hover);color:#fff}.buyer-layout :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--buyer-primary);outline-offset:3px}.buyer-layout button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.buyer-layout :is(.heading-reset,.reset-button,.clear-button,.cancel-button,.grn-back,.btn-cancel,.back-dashboard,.cancel-event,.reset-lines,.pagination button,.gate-status-heading button,.inline-attachment-heading button,.price-settings-title>button,.modal-close,.modal-header>button,.pr-lines-title>button,.supplier-popup .supplier-picker-title button){background:var(--buyer-surface);color:var(--buyer-primary);border-color:var(--buyer-border)}.buyer-layout .po-titlebar button:last-child{background:var(--buyer-surface);color:var(--buyer-primary);border-color:var(--buyer-border)}.buyer-layout .search-field input,.buyer-layout .search-input input{padding-left:36px}.buyer-layout .filters label>div:has(>svg) input{padding-left:36px}.buyer-layout .action-header-button{min-height:0;padding:0;background:transparent;border:0;color:inherit;font:inherit}.buyer-layout :is(.heading-reset,.reset-button,.clear-button,.cancel-button,.grn-back,.btn-cancel,.pagination button):hover:not(:disabled){background:var(--buyer-soft);color:var(--buyer-primary);border-color:var(--buyer-primary)}.buyer-layout :is(button.danger,.btn-remove,.reject-button){background:#fff1f0;color:var(--buyer-danger);border-color:#f4c7c3}.buyer-layout :is(button.danger,.btn-remove,.reject-button):hover:not(:disabled){background:var(--buyer-danger);color:#fff;border-color:var(--buyer-danger)}.buyer-layout :is(.plus-button,.action-cell>button,.line-action>button,.icon-button,.modal-close){min-width:32px;min-height:32px;padding:6px}.buyer-layout :is(.link-button,.pr-link,.view-asn-button,.attachment-button){background:transparent;border-color:transparent;color:var(--buyer-primary);box-shadow:none}.buyer-layout :is(.action-menu,.line-action-menu,.rfx-menu,.menu-card,.profile-menu){background:#fff;border:1px solid var(--buyer-border);border-radius:var(--buyer-radius);box-shadow:0 8px 24px #1934441f}.buyer-layout :is(.action-menu,.line-action-menu,.menu-card,.profile-menu) button{background:transparent;border-color:transparent;color:var(--buyer-text);text-align:left}.buyer-layout :is(.action-menu,.line-action-menu,.menu-card,.profile-menu) button:hover{background:var(--buyer-soft);color:var(--buyer-primary)}.buyer-layout :is(.tabs,.po-tabs,.qcs-tabs,.terms-tabs,.pr-tabs,.collaboration-tabs){display:flex;gap:4px;padding:0 20px;background:var(--buyer-surface);border-bottom:1px solid var(--buyer-border);overflow-x:auto}.buyer-layout :is(.tabs,.po-tabs,.qcs-tabs,.terms-tabs,.pr-tabs,.collaboration-tabs) button{flex-shrink:0;min-height:44px;padding:12px 16px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--buyer-muted);font-size:12px;white-space:nowrap}.buyer-layout :is(.tabs,.po-tabs,.qcs-tabs,.terms-tabs,.pr-tabs,.collaboration-tabs) button:is(.active,.selected,[aria-selected=true]){background:var(--buyer-soft);color:var(--buyer-primary);border-bottom-color:var(--buyer-primary);box-shadow:none}.buyer-layout .tabs button.selected:after{display:none}.buyer-layout :is(.tabs,.po-tabs,.qcs-tabs,.terms-tabs,.pr-tabs,.collaboration-tabs) button:hover{background:var(--buyer-soft);color:var(--buyer-primary)}.buyer-layout .workflow-nav button{background:var(--buyer-surface);border-color:transparent;color:var(--buyer-muted);border-radius:var(--buyer-radius)}.buyer-layout .workflow-nav button:is(.active,:hover){background:var(--buyer-soft);color:var(--buyer-primary);border-color:var(--buyer-border)}.buyer-layout .summary-label{background:var(--buyer-soft);color:var(--buyer-primary);border-radius:var(--buyer-radius)}.buyer-layout .summary-label :is(strong,small,span){color:inherit}.buyer-layout .event-summary-strip{background:var(--buyer-surface);border-color:var(--buyer-border)}.buyer-layout :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){min-height:36px;padding:8px 10px;border:1px solid var(--buyer-border);border-radius:var(--buyer-radius);background:var(--buyer-surface);color:var(--buyer-text);font:400 13px/1.4 Segoe UI,Arial,sans-serif;box-shadow:none}.buyer-layout textarea{resize:vertical}.buyer-layout :is(input,textarea)::placeholder{color:var(--buyer-muted);opacity:.8}.buyer-layout :is(input,select,textarea):is(:disabled,[readonly]){background:#f0f4f6;color:var(--buyer-muted)}.buyer-layout :is(input,select,textarea)[aria-invalid=true]{border-color:var(--buyer-danger)}.buyer-layout :is(input[type=checkbox],input[type=radio]){accent-color:var(--buyer-primary)}.buyer-layout :is(.filters label,.po-form-grid label>span,.grn-fields label,.form-group label){color:var(--buyer-text);font-size:12px;font-weight:600}.buyer-layout :is(table,.table-box,.gate-table,.attachment-table,.asn-status-table){background:var(--buyer-surface);border-color:var(--buyer-border);font-size:12px}.buyer-layout :is(th,.table-head,.gate-head,.attachment-head,.gate-status-head,.asn-status-head,.po-upload-head,.charge-head,.parameter-head){background:var(--buyer-soft);color:var(--buyer-primary-hover);border-color:var(--buyer-border);font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.03em}.buyer-layout :is(th,td){padding:12px;border-color:var(--buyer-border)}.buyer-layout :is(td,.data-row,.gate-row,.attachment-row,.asn-status-row,.table-row,.action-trigger-row,.approved-action-row){color:var(--buyer-text);background:var(--buyer-surface);border-color:var(--buyer-border);font-size:12px}.buyer-layout :is(tbody tr:hover,tbody tr:hover td,.data-row:hover,.gate-row:hover){background:#f5fafb}.buyer-layout :is(.table-toolbar,.bid-table-controls,.gate-table-controls){background:#f8fafb;border-color:var(--buyer-border);color:var(--buyer-muted);padding:12px 16px;font-size:12px}.buyer-layout :is(.status,.status-pill,.grn-status-badge,.approval-status,.status-approved){display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:11px;line-height:1.4;font-weight:600;background:var(--buyer-soft);color:var(--buyer-primary)}.buyer-layout :is(.status.pending,.status.in-process){background:#fff5dd;color:#855c13}.buyer-layout :is(.status.closed,.status.approved,.status-approved,.approval-status){background:#eaf6ef;color:var(--buyer-success)}.buyer-layout :is(.status.rejected,.status.cancelled,.grn-error,.error-text){color:var(--buyer-danger)}.buyer-layout :is(.status.rejected,.status.cancelled){background:#fff1f0}.buyer-layout :is(.modal,.attachment-modal,.asn-form-modal,.supplier-popup,.publish-confirm,.pr-lines-modal,.confirm-modal,.delegate-modal,[role=dialog],[role=alertdialog]){background:var(--buyer-surface);color:var(--buyer-text);border:1px solid var(--buyer-border);border-radius:var(--buyer-card-radius);box-shadow:0 20px 60px #19344433}.buyer-layout :is(.modal-backdrop,.pr-lines-backdrop){background:#0f233073;z-index:1200}.buyer-layout :is(.modal-header,.modal-heading,.modal-footer){border-color:var(--buyer-border);background:var(--buyer-surface)}.buyer-layout :is(.toast,.grn-notice){background:var(--buyer-primary-hover);color:#fff;border-radius:var(--buyer-radius)}@media(max-width:760px){.buyer-layout :is(main,.grn-page-content,.gate-status-content){padding:16px 12px}.buyer-layout :is(.page-card,.grn-assignment-card,.gate-status-card){padding:16px}.buyer-layout h1{font-size:22px}.buyer-layout :is(.filters,.gate-filters,.po-titlebar,.event-titlebar){padding:16px;gap:12px}.buyer-layout :is(.heading-actions,.po-titlebar>div:last-child){flex-wrap:wrap}.buyer-layout :is(.po-form-grid,.grn-fields,.asn-form-grid){grid-template-columns:minmax(0,1fr)}.buyer-layout .po-form-grid label{grid-template-columns:minmax(0,1fr);gap:6px}.buyer-layout .po-form-grid :is(input,select,textarea){min-width:0;width:100%}.buyer-layout .po-form-grid input[type=checkbox]{width:18px}.buyer-layout .po-sections{padding:12px}.buyer-layout .po-sections>section{min-width:0;overflow-x:auto;padding:16px}.buyer-layout .po-upload-head{min-width:540px}.buyer-layout :is(.tabs,.po-tabs,.qcs-tabs,.terms-tabs,.pr-tabs,.collaboration-tabs){padding-inline:8px}}@media(prefers-reduced-motion:reduce){.buyer-layout *,.buyer-layout *:before,.buyer-layout *:after{animation:none!important;transition:none!important}}