:root{--p:#0b63b6;--p2:#1688d4;--bg:#f4f7fb;--text:#10233f;--muted:#71809a;--line:#e3eaf3;--green:#19865a;--amber:#a86d00;--red:#c43d3d}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#eef6ff,#f4f7fb 35%);color:var(--text)}button,input,select{font:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:430px;max-width:92vw;background:#fff;padding:34px;border-radius:26px;box-shadow:0 24px 70px #16345620}.login-logo{width:260px}.field{margin:15px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #ccd8e6;border-radius:10px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}.full{width:100%}.sub{color:var(--muted);font-size:13px}.error{color:var(--red);margin-top:10px}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand-logo{width:235px;margin:0 5px 18px}.group{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9aa7b8;font-weight:800;padding:15px 10px 7px}.side>button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:11px;color:#294461;font-weight:750;margin:2px 0;cursor:pointer}.side>button:hover{background:#f1f7fc;color:var(--p)}.side>button.active{background:linear-gradient(90deg,#e6f2fc,#f4f9fe);color:var(--p);box-shadow:inset 3px 0 0 var(--p)}.main{padding:26px 30px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.top h1{font-size:30px;margin:0;text-transform:capitalize}.user{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px 10px}.user span{font-size:12px;color:var(--muted)}.user button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:22px 24px;border-radius:22px;box-shadow:0 14px 34px #0b63b625}.hero h2{font-size:28px;margin:5px 0}.hero p{margin:0;opacity:.85}.hero small{font-weight:900;letter-spacing:.12em;opacity:.75}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;transition:.2s}.kpi:hover{transform:translateY(-2px);box-shadow:0 10px 28px #19395b12}.kpi small{display:block;text-transform:uppercase;color:var(--muted);font-weight:900;font-size:11px}.kpi strong{display:block;font-size:29px;margin:8px 0}.kpi span{font-size:12px;color:var(--muted)}.twocol{display:grid;grid-template-columns:2fr 1fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;margin-top:15px}.panel h3{margin:0 0 12px}.metric{display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:9px}.attention{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attention div{background:#f8fbfe;border:1px solid var(--line);border-radius:12px;padding:15px}.attention b{font-size:28px;display:block}.attention span{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.toolbar input{padding:11px 13px;border:1px solid var(--line);border-radius:11px;min-width:330px}.scrollbar{overflow-x:auto;height:19px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:8px 0}.scrollbar div{width:1800px;height:1px}.tablepanel{padding:0;overflow:hidden}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:13px}th{background:#f8fafc;color:#687890;text-transform:uppercase;font-size:10px;letter-spacing:.05em}tr:hover td{background:#fbfdff}td small{display:block;color:#9ba7b8;margin-top:2px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3f8;font-size:11px;font-weight:800}.badge.ok{background:#e8f7ef;color:var(--green)}.badge.warn{background:#fff3dd;color:var(--amber)}.badge.bad{background:#fdeaea;color:var(--red)}.link{border:0;background:transparent;color:var(--p);font-weight:800;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.link.big{font-size:16px}.modalback{position:fixed;inset:0;background:#0b1d354f;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:99}.modal{width:min(1050px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 90px #0004}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}.modalhead button{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;font-size:20px}.profile{display:flex;justify-content:space-between;align-items:center;background:#f5faff;border:1px solid var(--line);padding:16px;border-radius:15px;margin-top:14px}.profile b{font-size:20px;display:block}.profile span{font-size:13px;color:var(--muted)}.modal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.modal-kpis>div{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfdff}.modal-kpis small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase}.modal-kpis b{font-size:20px;display:block;margin-top:5px}.closing{border:1px solid var(--line);border-radius:15px;padding:14px;margin-top:10px;background:#fbfdff}.closing>span{display:block;color:var(--muted);font-size:12px}.nums{display:grid;grid-template-columns:repeat(4,auto 1fr);gap:5px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:10px}.nums span{font-size:11px;color:var(--muted)}.closeform{display:grid;grid-template-columns:180px 1fr auto;gap:8px;margin-top:10px}.closeform select,.closeform input{border:1px solid var(--line);border-radius:9px;padding:9px}.empty{text-align:center;color:var(--muted);padding:25px}@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.kpis{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:650px){.kpis{grid-template-columns:1fr}.top,.hero{align-items:flex-start;flex-direction:column}.modal-kpis{grid-template-columns:1fr 1fr}.closeform{grid-template-columns:1fr}}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.formgrid label{font-size:12px;font-weight:800;color:#586b84}
.formgrid input,.formgrid select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}
.formgrid .wide{grid-column:1/-1}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:650px){.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.modal-actions{flex-direction:column}}

.toolbar select,.spfilter{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-weight:700}
.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.customer-form-grid label{font-size:12px;font-weight:800;color:#586b84}
.customer-form-grid input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.readonly-box{border:1px solid var(--line);border-radius:12px;background:#f8fbfe;padding:13px}
.readonly-box span,.readonly-box small{display:block;color:var(--muted);font-size:11px}
.readonly-box b{display:block;font-size:21px;margin:5px 0}
@media(max-width:650px){.customer-form-grid{grid-template-columns:1fr}}

.po-item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:8px 0}
.po-item-row select,.po-item-row input,.receipt-items input{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}
.receipt-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.receipt-items label{border:1px solid var(--line);border-radius:11px;padding:10px;font-weight:800}
.receipt-items small{display:block;color:var(--muted);font-weight:400;margin:3px 0 7px}
.receipt-items input{width:100%}
.receipt-chip{padding:10px;border:1px solid var(--line);border-radius:10px;margin-top:8px;background:#fbfdff}
@media(max-width:650px){.po-item-row{grid-template-columns:1fr}.receipt-items{grid-template-columns:1fr}}

.import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.import-row input[type=file]{border:1px dashed var(--line);padding:10px;border-radius:10px;background:#fbfdff}
#npoVendor{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}

.brand-logo.original{width:245px;height:82px;object-fit:contain;object-position:left center;margin-bottom:16px}
.login-logo{max-width:310px;height:110px;object-fit:contain}
.search-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr auto;gap:10px}.search-grid input,.search-grid select,.formgrid select{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.availability-card{margin-top:15px;border-radius:14px;padding:16px;font-weight:700}.availability-card.ok,.availability-ok{background:#e9f8f0;color:#14764e}.availability-card.bad,.availability-bad{background:#fff0f0;color:#b33232}.availability-card div{margin-top:8px;font-weight:500}.mini-action{display:block;margin-top:6px;border:0;background:transparent;color:var(--p);font-weight:800;cursor:pointer}.preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.preview-kpis b{padding:12px;background:#f5f9fd;border:1px solid var(--line);border-radius:10px}.po-item-rich{align-items:start}.po-item-rich>div:first-child{min-width:0}.po-item-rich select{width:100%;min-width:520px}.po-product-detail{margin-top:6px;padding:8px 10px;border-radius:9px;background:#f7fbff;border:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.45}.edit-po-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.edit-po-row small{display:block;color:var(--muted)}.edit-po-row input,.edit-po-row select{padding:9px;border:1px solid var(--line);border-radius:9px}.notice{padding:12px;border-radius:10px;background:#fff7e6;border:1px solid #f2d89d;margin-bottom:12px}.section-head{display:flex;justify-content:space-between;align-items:center}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.option-chip{background:#eef5fb;border-radius:999px;padding:7px 10px;font-weight:700}.option-chip.muted{opacity:.45}.import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
@media(max-width:900px){.search-grid{grid-template-columns:1fr 1fr}.po-item-rich select{min-width:0}.edit-po-row{grid-template-columns:1fr 1fr}}

.toast{position:fixed;right:24px;bottom:24px;background:#143a5d;color:white;padding:12px 18px;border-radius:12px;z-index:99999;box-shadow:0 12px 34px #0003;font-weight:800}.toast.ok{background:#157a52}.attention-wide{grid-template-columns:repeat(6,minmax(120px,1fr))}.po-item-final{display:grid;grid-template-columns:minmax(420px,2fr) 110px 120px 180px auto;gap:8px;align-items:start;margin:9px 0}.po-item-final input,.po-item-final select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.po-item-final label{font-size:11px;font-weight:800}.history-row{display:grid;grid-template-columns:140px 240px 1fr 190px;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.history-row span,.history-row small{color:var(--muted)}.history-cards{display:flex;gap:9px;overflow:auto;margin:10px 0}.history-card{min-width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}.history-card span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.availability{margin-top:14px;padding:18px;border-radius:14px}.availability.free{background:#e9f8f0;color:#136b49}.availability.blocked{background:#fff0f0;color:#a43030}.sticky1{position:sticky;left:0;background:#fff!important;z-index:3}.sticky2{position:sticky;left:190px;background:#fff!important;z-index:3}.attention-wide>div{min-width:0}@media(max-width:1000px){.attention-wide{grid-template-columns:repeat(2,1fr)}.po-item-final{grid-template-columns:1fr}.history-row{grid-template-columns:1fr}.sticky1,.sticky2{position:static}}

/* FINAL RC — clean Cratio-inspired customer working list */
.customer-list-head,.purchase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 12px}.customer-list-head h2,.purchase-head h2{margin:0;font-size:24px}.customer-list-head>div:first-child span,.purchase-head>div:first-child span{font-size:12px;color:var(--muted)}.customer-list-actions,.purchase-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.customer-list-actions input,.purchase-filters input{min-width:320px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.customer-list-actions select,.purchase-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700}.customer-summary-bar{display:flex;justify-content:space-between;align-items:center;border-left:4px solid #28bf83;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:11px 14px;border-radius:10px 10px 0 0}.customer-summary-bar span{font-weight:800}.customer-summary-bar small{color:var(--muted)}.customer-clean-panel{margin-top:0;border-radius:0 0 14px 14px}.customer-clean-table{min-width:1380px}.customer-clean-table th{font-size:10px;padding:10px 11px}.customer-clean-table td{padding:10px 11px;height:48px}.customer-name-link,.po-link{border:0;background:transparent;color:#17324f;font-weight:800;cursor:pointer;padding:0;text-align:left}.customer-name-link:hover,.po-link:hover{color:var(--p);text-decoration:underline}.mobile-text{text-decoration:underline;text-underline-offset:2px}.icon-action{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--p);font-size:20px;line-height:20px;cursor:pointer}.customer-clean-table .sticky1{left:0;min-width:230px;box-shadow:6px 0 10px #10233f08}.purchase-line-table{min-width:2250px}.purchase-line-table td,.purchase-line-table th{padding:9px 10px}.row-actions{display:flex;gap:5px;align-items:center}.row-actions .btn{padding:7px 9px}.po-item-with-design{grid-template-columns:minmax(390px,2fr) 90px 100px 160px 165px auto}.purchase-filters{margin-bottom:8px}.purchase-head{align-items:center}@media(max-width:1000px){.customer-list-head,.purchase-head{align-items:stretch;flex-direction:column}.customer-list-actions,.purchase-filters{display:grid;grid-template-columns:1fr 1fr}.customer-list-actions input,.purchase-filters input{min-width:0;grid-column:1/-1}.customer-summary-bar{align-items:flex-start;gap:5px;flex-direction:column}.po-item-with-design{grid-template-columns:1fr}}

/* Acceptance bug-fix polish */
.po-detail-table{min-width:1680px}.po-detail-wrap{position:relative}.po-sticky-brand{position:sticky;left:0;z-index:4;background:#fff!important;min-width:230px;box-shadow:6px 0 12px #10233f0a}.po-sticky-action{position:sticky;right:0;z-index:4;background:#fff!important;min-width:205px;box-shadow:-6px 0 12px #10233f0a}.po-detail-table thead .po-sticky-brand,.po-detail-table thead .po-sticky-action{background:#f8fafc!important;z-index:5}.status-product-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5faff;border:1px solid var(--line);padding:11px 13px;border-radius:12px;margin:10px 0 14px}.status-product-strip b{font-size:16px}.status-product-strip span{color:var(--muted);font-size:12px}.status-current-note{margin-top:10px;padding:9px 11px;background:#fbfdff;border:1px solid var(--line);border-radius:10px}.formgrid input[list]{width:100%;box-sizing:border-box}
@media(max-width:1000px){.po-sticky-brand,.po-sticky-action{position:static;box-shadow:none}}


/* Final acceptance polish: keep operational identity and actions visible while wide tables scroll. */
.purchase-line-table .purchase-sticky-po{position:sticky;left:0;z-index:6;background:#fff!important;min-width:115px;width:115px;box-shadow:4px 0 8px #10233f08}
.purchase-line-table .purchase-sticky-brand{position:sticky;left:115px;z-index:6;background:#fff!important;min-width:190px;width:190px}
.purchase-line-table .purchase-sticky-pack{position:sticky;left:305px;z-index:6;background:#fff!important;min-width:90px;width:90px}
.purchase-line-table .purchase-sticky-mrp{position:sticky;left:395px;z-index:6;background:#fff!important;min-width:90px;width:90px;box-shadow:6px 0 12px #10233f0b}
.purchase-line-table .purchase-sticky-action{position:sticky;right:0;z-index:7;background:#fff!important;min-width:285px;box-shadow:-6px 0 12px #10233f0b}
.purchase-line-table thead .purchase-sticky-po,.purchase-line-table thead .purchase-sticky-brand,.purchase-line-table thead .purchase-sticky-pack,.purchase-line-table thead .purchase-sticky-mrp,.purchase-line-table thead .purchase-sticky-action{background:#f8fafc!important;z-index:8}
.recovery-table{min-width:1950px}
.recovery-table .rec-sticky-customer{position:sticky;left:0;z-index:6;background:#fff!important;min-width:240px;width:240px;box-shadow:4px 0 8px #10233f08}
.recovery-table .rec-sticky-brand{position:sticky;left:240px;z-index:6;background:#fff!important;min-width:180px;width:180px;box-shadow:6px 0 12px #10233f0b}
.recovery-table .rec-sticky-action{position:sticky;right:0;z-index:7;background:#fff!important;min-width:295px;box-shadow:-6px 0 12px #10233f0b}
.recovery-table thead .rec-sticky-customer,.recovery-table thead .rec-sticky-brand,.recovery-table thead .rec-sticky-action{background:#f8fafc!important;z-index:8}
.recovery-actions{min-width:270px}
@media(max-width:1000px){.purchase-line-table .purchase-sticky-po,.purchase-line-table .purchase-sticky-brand,.purchase-line-table .purchase-sticky-pack,.purchase-line-table .purchase-sticky-mrp,.purchase-line-table .purchase-sticky-action,.recovery-table .rec-sticky-customer,.recovery-table .rec-sticky-brand,.recovery-table .rec-sticky-action{position:static;box-shadow:none}}

/* Pilot usability: interactive dashboard, lead pipeline tabs, richer purchase analysis */
.dash-tile{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer;color:inherit;transition:.15s;min-width:0}.dash-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10233f14;border-color:#9fc7ea}.dash-tile small,.dash-tile span{display:block;color:var(--muted)}.dash-tile strong{display:block;font-size:28px;margin:8px 0}.interactive-kpis .dash-tile{width:100%}.interactive-attention .dash-tile{padding:14px}.interactive-attention .dash-tile strong{font-size:24px}.dashboard-filter{justify-content:flex-start;gap:10px}
.lead-page-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.lead-tabs,.purchase-quick-tabs{display:flex;gap:7px;flex-wrap:wrap}.lead-tab,.purchase-quick-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.lead-tab.active,.purchase-quick-tabs button.active{background:var(--p);color:#fff;border-color:var(--p)}.lead-actions{display:flex;gap:8px}.lead-toolbar{justify-content:flex-start}.lead-toolbar input{min-width:360px}.lead-clean-table{min-width:1550px}.lead-row{cursor:pointer}.lead-row:hover td{background:#f5faff}.lead-sticky-name{position:sticky;left:0;z-index:6;background:#fff!important;min-width:220px;box-shadow:4px 0 8px #10233f08}.lead-sticky-mobile{position:sticky;left:220px;z-index:6;background:#fff!important;min-width:130px;box-shadow:6px 0 10px #10233f08}.lead-clean-table thead .lead-sticky-name,.lead-clean-table thead .lead-sticky-mobile{background:#f8fafc!important;z-index:8}
.purchase-quick-tabs{margin:0 0 10px}.purchase-filters-rich{display:grid;grid-template-columns:minmax(280px,2fr) repeat(6,minmax(130px,1fr));gap:8px}.purchase-filters-rich label{font-size:10px;font-weight:800;color:var(--muted)}.purchase-filters-rich label input{width:100%;margin-top:3px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}
@media(max-width:1050px){.lead-page-head{align-items:stretch;flex-direction:column}.lead-sticky-name,.lead-sticky-mobile{position:static;box-shadow:none}.purchase-filters-rich{grid-template-columns:1fr 1fr}.purchase-filters-rich>input{grid-column:1/-1}}

/* Consolidated pilot improvements 012 */
.lead-tab span,.follow-tabs span{display:inline-block;min-width:22px;padding:2px 6px;margin-left:5px;border-radius:999px;background:#edf3f8;color:#294461;font-size:11px}.lead-tab.active span,.follow-tabs button.active span{background:#fff3;color:#fff}
.follow-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.follow-tabs{display:flex;gap:7px;flex-wrap:wrap}.follow-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.follow-tabs button.active{background:var(--p);color:#fff;border-color:var(--p)}.follow-table{min-width:1420px}.follow-sticky-target{position:sticky;left:0;z-index:6;background:#fff!important;min-width:230px;box-shadow:5px 0 10px #10233f0a}.follow-sticky-action{position:sticky;right:0;z-index:7;background:#fff!important;min-width:90px;box-shadow:-5px 0 10px #10233f0a}.follow-table thead .follow-sticky-target,.follow-table thead .follow-sticky-action{background:#f8fafc!important;z-index:8}.follow-table tbody tr{cursor:pointer}.follow-table tbody tr:hover td{background:#f7fbff}
.excel-table{border-collapse:separate;border-spacing:0;background:#fff}.excel-table th{white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.03em;border-right:1px solid #edf1f5;border-bottom:1px solid #dde6ef;padding:7px 9px}.excel-table td{white-space:nowrap;border-right:1px solid #f0f3f6;border-bottom:1px solid #e8edf3;padding:7px 9px;height:42px}.excel-table tbody tr:nth-child(even) td{background:#fcfdff}.excel-table tbody tr:hover td{background:#f4f9fe}
.purchase-line-table{min-width:1850px}.purchase-line-table .purchase-sticky-po{position:sticky;left:0;z-index:6;background:#fff!important;min-width:105px;width:105px;box-shadow:none}.purchase-line-table .purchase-sticky-brand{position:sticky;left:105px;z-index:6;background:#fff!important;min-width:175px;width:175px;box-shadow:6px 0 10px #10233f0a}.purchase-line-table .purchase-sticky-action{position:sticky;right:0;z-index:7;background:#fff!important;min-width:112px;width:112px;box-shadow:-6px 0 10px #10233f0a}.purchase-line-table thead .purchase-sticky-po,.purchase-line-table thead .purchase-sticky-brand,.purchase-line-table thead .purchase-sticky-action{background:#f8fafc!important;z-index:8}.action-menu{position:relative}.action-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-weight:800}.action-menu[open]>div{position:absolute;right:0;top:35px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #10233f25;padding:6px;min-width:150px}.action-menu[open]>div button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;font-weight:700}.action-menu[open]>div button:hover{background:#eef6fd}.table-fullscreen{position:fixed!important;inset:8px!important;z-index:9998!important;margin:0!important;background:#fff!important;border-radius:14px!important;padding:8px!important;box-shadow:0 20px 60px #0003}.table-fullscreen .tablewrap{height:calc(100vh - 40px);max-height:none}.column-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.column-picker label{padding:8px;border:1px solid var(--line);border-radius:9px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h3{margin:0}
@media(max-width:1000px){.follow-head{align-items:stretch;flex-direction:column}.follow-sticky-target,.follow-sticky-action,.purchase-line-table .purchase-sticky-po,.purchase-line-table .purchase-sticky-brand,.purchase-line-table .purchase-sticky-action{position:static;box-shadow:none}}


/* V13 intelligence + interaction polish */
.clickable{cursor:pointer}.compact-hero{min-height:120px}.command-kpis .kpi{border:0;text-align:left;background:#fff}.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.progress-card{background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:14px}.progress-card>div:first-child{display:flex;justify-content:space-between;gap:12px}.progress-track{height:9px!important;background:#e9f0f7;border-radius:999px;margin:10px 0;overflow:hidden}.progress-track i{display:block;height:100%;background:#1484d6;border-radius:999px}.owner-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.owner-attention-list{display:grid;gap:8px}.owner-attention-list button{border:1px solid #e7edf4;background:#fff;border-radius:12px;padding:11px 12px;text-align:left;display:grid;gap:3px;cursor:pointer}.owner-attention-list button:hover{background:#f6fbff}.owner-attention-list span{font-size:12px;color:#72839c}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid button{border:1px solid #e5ecf4;background:#f9fbfd;border-radius:13px;padding:14px;text-align:left}.metric-grid b{display:block;font-size:20px}.metric-grid span{font-size:12px;color:#708199}.mini-chart{height:180px;display:flex;align-items:flex-end;gap:12px;padding:12px 4px 0}.mini-month{flex:1;height:100%;border:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer}.bars{height:135px;display:flex;gap:4px;align-items:flex-end}.bars i{width:13px;min-height:4px;border-radius:6px 6px 2px 2px}.bars .actual{background:#1785d5}.bars .expected{background:#cbd8e7}.mini-month span{font-size:11px;margin-top:5px;color:#61738d}.chart-legend{display:flex;gap:18px;font-size:12px;color:#708199}.chart-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.chart-legend .actual{background:#1785d5}.chart-legend .expected{background:#cbd8e7}.compact-table th,.compact-table td{padding:9px 10px}.intel-tabs,.lead-quick-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.intel-tabs button,.lead-quick{border:1px solid #e1e8f0;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.intel-tabs button.active,.lead-quick.active{background:#147dcc;color:#fff;border-color:#147dcc}.intel-tabs span,.lead-quick span,.lead-tab span,.follow-tabs span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#edf3f9;color:#40607d;font-size:11px;margin-left:5px}.intel-tabs button.active span,.lead-quick.active span,.lead-tab.active span,.follow-tabs button.active span{background:rgba(255,255,255,.22);color:inherit}.cust-sticky-name{position:sticky;left:0;z-index:4;background:#fff;min-width:240px}.cust-sticky-sp{position:sticky;left:240px;z-index:3;background:#fff;min-width:130px}.customer-clean-table tbody tr:hover td{background:#f5fbff}.customer-clean-table tbody tr{cursor:pointer}.pager{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:12px}.pager label{display:flex;align-items:center;gap:6px}.c360-head{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#f5f9fd;border:1px solid #e3ebf4;border-radius:16px;padding:14px}.c360-head h2{margin:0}.c360-head span{color:#71839b}.health-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#eef3f8;font-size:12px;font-weight:800}.health-badge.ok{background:#e4f7ef;color:#15855c}.health-badge.bad{background:#ffe9e7;color:#ad3e36}.health-badge.warn{background:#fff1d9;color:#9d6500}.c360-actions{display:flex;gap:5px;overflow:auto;margin:12px 0;border-bottom:1px solid #e4ebf3}.c360-actions button{border:0;background:transparent;padding:10px 13px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.c360-actions button.active{color:#147dcc;border-bottom-color:#147dcc}.quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.hidden{display:none!important}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.health-grid>div,.c360-info-grid>div{border:1px solid #e4ebf3;background:#fff;border-radius:13px;padding:12px;display:grid;gap:4px}.health-grid small,.c360-info-grid small{color:#75869d}.health-grid b{font-size:18px}.c360-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.compact-month-position{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compact-month-position span{background:#f7fafe;padding:10px;border-radius:10px}.activity-timeline{display:grid;gap:8px}.activity-timeline>div{border-left:3px solid #1686d6;padding:8px 12px;background:#f8fbfe;border-radius:0 10px 10px 0;display:grid;gap:3px}.lead-page-head{align-items:flex-start}.lead-tabs{flex-wrap:wrap}.lead-tab{display:inline-flex;align-items:center}.lead-sticky-name{position:sticky!important;left:0!important;z-index:5!important;background:#fff!important;min-width:220px}.lead-sticky-mobile{position:sticky!important;left:220px!important;z-index:4!important;background:#fff!important;min-width:130px}.relative-due{display:block;font-size:11px;color:#73849a}.relative-due.overdue{color:#b63c35;font-weight:700}.follow-toolbar{flex-wrap:wrap}.follow-sticky-target{position:sticky!important;left:0!important;z-index:5!important;background:#fff!important;min-width:230px}.follow-sticky-action{position:sticky!important;right:0!important;z-index:5!important;background:#fff!important;white-space:nowrap}.lookup-field{position:relative}.lookup-results{display:none;position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:#fff;border:1px solid #d8e3ee;border-radius:10px;box-shadow:0 12px 28px rgba(20,40,70,.18)}.lookup-results.open{display:block}.lookup-results button{width:100%;border:0;border-bottom:1px solid #edf2f7;background:#fff;padding:9px 11px;text-align:left;display:grid;gap:2px}.lookup-results button:hover{background:#f1f8fe}.lookup-results small{color:#71839b}.lookup-empty{padding:10px;color:#79899f}.po-lookup-wrap{min-width:300px}.customer-clean-panel{position:relative}.scrollbar{position:sticky;top:0;z-index:7}.tablewrap{scrollbar-gutter:stable}.purchase-sticky-po{left:0!important;min-width:110px}.purchase-sticky-brand{left:110px!important;min-width:185px}.purchase-sticky-action{right:0!important;min-width:100px}.excel-table th,.excel-table td{padding:8px 10px;border-bottom:1px solid #e4eaf1}.excel-table tbody tr:nth-child(even) td:not(.purchase-sticky-po):not(.purchase-sticky-brand):not(.purchase-sticky-action){background:#fbfcfe}
@media(max-width:900px){.owner-grid,.health-grid,.c360-info-grid,.compact-month-position,.progress-grid{grid-template-columns:1fr 1fr}.cust-sticky-sp{position:static}.lead-sticky-mobile{position:static}.metric-grid{grid-template-columns:1fr}}

/* 013A hotfix: Recovery keeps only Customer fixed left and Action fixed right.
   Brand scrolls normally to prevent sticky-column overlap on narrower screens. */
.recovery-table .rec-sticky-customer{left:0;min-width:230px;width:230px;max-width:230px}
.recovery-table .rec-sticky-action{right:0;min-width:265px;width:265px}
.recovery-table{min-width:1650px}


/* ===== V14 consolidated workflow polish ===== */
.follow-filter-grid{display:grid!important;grid-template-columns:minmax(280px,1.5fr) repeat(4,minmax(150px,1fr));gap:10px;align-items:center}
.closing-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.closing-toolbar label{display:grid;gap:5px;font-size:12px;font-weight:700}.closing-summary{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;margin:12px 0}.closing-summary>div{background:#f7faff;border:1px solid #e3ebf5;border-radius:14px;padding:14px;display:grid;gap:4px}.closing-summary small{color:#71809a}.closing-summary b{font-size:17px}.closing-summary span{font-size:12px;color:#5f6f88}.closing-table{min-width:1250px}.callout{display:grid;gap:3px;background:#f4f8ff;border:1px solid #dce8f8;border-radius:12px;padding:12px 14px;margin-bottom:12px}.callout span{font-size:12px;color:#65748d}
.commit-date-tools{display:flex;gap:8px;margin:8px 0}.history-card{border:1px solid #dfe7f0;background:white;text-align:left;cursor:pointer}.history-card.active{outline:2px solid #1688d8;background:#f3f9ff}
.purchase-filter-block{background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:10px;margin:10px 0}.purchase-filter-row{display:grid;gap:8px;margin-bottom:8px}.purchase-filter-row.row1{grid-template-columns:minmax(260px,2fr) repeat(5,minmax(130px,1fr))}.purchase-filter-row.row2{grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(150px,1fr) auto}.purchase-filter-row input,.purchase-filter-row select{width:100%;min-width:0}.date-filter{display:grid;gap:3px;font-size:11px;font-weight:700;color:#61708a}.date-filter input{cursor:pointer}.purchase-presets{display:flex;gap:7px;flex-wrap:wrap}.purchase-quick-tabs button span,.lead-tabs span,.lead-quick-row span,.follow-tabs span{opacity:.7;margin-left:4px}.kebab-btn{width:34px;height:34px;border:1px solid #dce4ee;border-radius:9px;background:#fff;font-size:22px;line-height:1;cursor:pointer}.kebab-btn:hover{background:#f3f7fb}.purchase-action-list{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.purchase-action-list .btn{justify-content:center}.purchase-sticky-action{width:56px!important;min-width:56px!important;max-width:56px!important}.purchase-line-table td[data-pocol="Vendor"],.purchase-line-table th[data-pocol="Vendor"]{min-width:190px}
@media(max-width:1100px){.follow-filter-grid{grid-template-columns:1fr 1fr}.purchase-filter-row.row1{grid-template-columns:1fr 1fr 1fr}.purchase-filter-row.row2{grid-template-columns:1fr 1fr 1fr}.closing-summary{grid-template-columns:1fr 1fr}}

/* ---- V15 rigorous-testing polish ---- */
.purchase-status-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.purchase-status-context .readonly-box{min-height:78px}
.purchase-intelligence-bar{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:10px 0 12px;padding:10px;border:1px solid #d9e4ef;border-radius:14px;background:#f7fbff}
.purchase-intel-title{display:flex;flex-direction:column;justify-content:center;min-width:170px;padding:2px 8px}.purchase-intel-title span{font-size:12px;color:#728198}
.purchase-intelligence-bar button{border:1px solid #d8e2ec;background:white;border-radius:12px;padding:9px 11px;font-weight:700;cursor:pointer}.purchase-intelligence-bar button strong{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:99px;background:#edf3f8;margin-left:5px}.purchase-intelligence-bar button.active{outline:2px solid #1585d2;background:#eef8ff}.purchase-intelligence-bar .clear-intel{font-weight:600}
.readonly-callout{margin-bottom:12px}.readonly-callout span{display:block;margin-top:4px}
#commitTable .sticky1{left:0;min-width:205px;width:205px}#commitTable .sticky2{left:205px;min-width:125px;width:125px}#commitTable th:nth-child(3),#commitTable td:nth-child(3){min-width:115px;white-space:nowrap}
.closing-table th:first-child,.closing-table td:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:180px}.closing-table th:last-child,.closing-table td:last-child{min-width:95px}
@media(max-width:900px){.purchase-status-context{grid-template-columns:1fr}.purchase-intelligence-bar{flex-wrap:nowrap;overflow-x:auto}.purchase-intel-title{min-width:155px}}

/* ===== V17 consolidated operations ===== */
.purchase-work-queue{align-items:stretch;padding:10px;border:1px solid #dbe5ef;border-radius:14px;background:#f7fbff;overflow-x:auto;flex-wrap:nowrap}
.purchase-work-queue .queue-title{display:grid;align-content:center;min-width:170px;padding:0 8px}.purchase-work-queue .queue-title small{color:var(--muted)}
.purchase-work-queue button{white-space:nowrap}.purchase-work-queue button span{display:inline-flex;min-width:24px;height:22px;align-items:center;justify-content:center;border-radius:99px;background:#edf3f8;color:#294461;margin-left:5px}.purchase-work-queue button.active span{background:#fff3;color:#fff}
.dashboard-product-panel{margin:14px 0}.dashboard-product-search{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr);gap:9px;margin:12px 0}.dashboard-product-search input,.dashboard-product-search select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.dashboard-product-results{display:grid;gap:7px}.dashboard-product-results>button{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(230px,1fr) minmax(300px,1.5fr);gap:12px;align-items:center;width:100%;border:1px solid #e2eaf2;border-radius:12px;background:#fff;padding:10px 12px;text-align:left;cursor:pointer}.dashboard-product-results>button:hover{background:#f5faff;border-color:#a8cdea}.dashboard-product-results small,.dashboard-product-results span{display:block;color:var(--muted);margin-top:3px}
.closing-alert{width:100%;display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:10px;border:1px solid #f0c86d;border-left:5px solid #e9a923;border-radius:13px;background:#fff8e8;color:#5b4211;padding:12px 14px;text-align:left;cursor:pointer;margin-bottom:12px}.closing-alert b{display:flex;align-items:center;justify-content:center;height:32px;border-radius:99px;background:#e9a923;color:#fff}.closing-alert small{color:#795d23}.closing-filter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.closing-entry-list{display:grid;gap:12px;max-height:62vh;overflow:auto}.closing-entry{border:1px solid #dfe7f0;border-radius:14px;background:#fff;padding:13px}.closing-entry-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.closing-entry-head small{display:block;color:var(--muted);margin-top:3px}.closing-entry-head>span{color:#51647e;font-size:12px}.closing-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px}.closing-entry-grid label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#52647e}.closing-entry-grid input,.closing-entry-grid select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.closing-entry-grid .wide{grid-column:1/-1}.closing-pending-row td{background:#fff8e9!important}.closing-pending-row td:first-child{box-shadow:inset 4px 0 #e9a923}
.tracking-filters{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(150px,1fr));gap:9px}.tracking-filters input,.tracking-filters select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.area-search-grid{grid-template-columns:1fr 1fr 1.5fr 1fr auto}.area-match-summary{margin:14px 0 8px;padding:10px 12px;border-radius:10px;background:#eef7ff;color:#195f98}
.no-order-recorded{color:#75869a;font-style:italic}.follow-filter-grid>*{min-width:0}
@media(max-width:1050px){.dashboard-product-results>button{grid-template-columns:1fr 1fr}.dashboard-product-results>button>div:last-child{grid-column:1/-1}.tracking-filters{grid-template-columns:1fr 1fr}.area-search-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dashboard-product-search,.dashboard-product-results>button,.closing-entry-grid,.tracking-filters,.area-search-grid{grid-template-columns:1fr}.dashboard-product-results>button>div:last-child,.closing-entry-grid .wide{grid-column:auto}.closing-alert{grid-template-columns:1fr auto}.closing-alert small{grid-column:1/-1}.closing-entry-head{display:grid}.purchase-work-queue .queue-title{min-width:145px}}

/* ===== V18 calm visual system ===== */
:root{--bg:#f3f7f8;--panel:#fff;--text:#18344a;--muted:#718596;--p:#176fa3;--p2:#258c84;--line:#dbe6e9;--ok:#238363;--warn:#b98218;--bad:#b95850}
body{background:radial-gradient(circle at 88% 3%,#e3f2f2 0,transparent 28%),linear-gradient(135deg,#f7fafb,#eef4f6);color:var(--text)}
.main{padding:28px 30px 40px}.side{background:rgba(255,255,255,.94);border-right:1px solid #dce7e9;box-shadow:8px 0 30px rgba(35,69,84,.04)}
.side button{border-radius:12px;color:#29475e;transition:background .16s ease,color .16s ease}.side button:hover{background:#eef6f6}.side button.active{background:linear-gradient(90deg,#e4f1f5,#eef7f6);color:#126d79;box-shadow:inset 3px 0 #238c91}
.panel,.kpi,.progress-card,.c360-head{border:1px solid #dce7e9;border-radius:18px;box-shadow:0 8px 28px rgba(37,72,88,.055)}
.hero{background:linear-gradient(120deg,#176d9b,#248b89);border-radius:20px;box-shadow:0 14px 30px rgba(22,103,128,.16)}
.btn{border-color:#d8e3e6;border-radius:11px;background:#f8fafb;color:#24465b}.btn:hover{background:#edf5f5}.btn.primary{background:linear-gradient(120deg,#176fa3,#238d89);border-color:transparent;color:#fff;box-shadow:0 5px 14px rgba(29,117,132,.16)}
input,select,textarea{border-color:#d4e1e5!important;border-radius:11px!important;color:#203d51}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#4d9fa0!important;box-shadow:0 0 0 3px rgba(59,150,150,.13)!important}
table thead th{background:#f5f8f9!important;color:#62798b}table tbody tr:hover td{background:#f3f9f8!important}.badge{box-shadow:none}
.closing-alert{background:#fffaf0;border-color:#e9cd91;border-left-color:#d99d2b}.callout{background:#f3f8f9;border-color:#d7e6e8}.callout.warning{background:#fff9ed;border-color:#ecd8a8}
.firm-pending{display:block;color:#a07020;margin-top:4px}.contact-person{display:block;color:var(--muted)}.activity-correct{justify-self:start;margin-top:7px}
.area-match-summary{display:flex;justify-content:space-between;gap:12px;background:#edf7f6;color:#246b6a}.area-conflict{display:grid;gap:4px;margin:14px 0;padding:13px 15px;border:1px solid #e6b1ab;border-left:5px solid #b95850;border-radius:13px;background:#fff3f1;color:#8a3f39}.area-conflict span{font-size:12px}
.purchase-filtered-summary{display:grid;grid-template-columns:1.35fr repeat(4,minmax(125px,1fr));gap:9px;margin:12px 0}.summary-context,.summary-card{display:grid;align-content:center;gap:4px;min-height:72px;padding:12px 14px;border:1px solid #dce7e9;border-radius:14px;background:rgba(255,255,255,.92)}.summary-context{background:linear-gradient(135deg,#eaf5f5,#f6fafb)}.summary-card small,.summary-context span{color:var(--muted);font-size:11px}.summary-card b{font-size:15px;color:#1e5265}
.purchase-work-queue,.purchase-filter-block{background:#f7fafb;border-color:#dbe6e9}.purchase-work-queue button.active,.intel-tabs button.active,.lead-quick.active{background:#207d91!important;border-color:#207d91!important}
.dashboard-product-results>button{border-color:#dce7e9}.dashboard-product-results>button:hover{background:#f0f8f7;border-color:#8fc2c0}
@media(max-width:1150px){.purchase-filtered-summary{grid-template-columns:repeat(3,minmax(140px,1fr))}.summary-context{grid-column:1/-1}}
@media(max-width:700px){.main{padding:18px 14px 30px}.purchase-filtered-summary{grid-template-columns:1fr 1fr}.area-match-summary{display:grid}.hero{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}