/* Truelimbs ERP v5.1.1 workflow UI */
.wf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.wf-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(17,43,65,.04)}.wf-stat b{display:block;font-size:22px;color:var(--dark);margin-top:5px}.wf-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}.wf-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:14px}.wf-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.wf-head{padding:13px 16px;border-bottom:1px solid #e7eef3;display:flex;align-items:center;justify-content:space-between;gap:10px}.wf-head h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dark)}.wf-body{padding:16px}.wf-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wf-form .full{grid-column:1/-1}.wf-form label{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#637486}.wf-form input,.wf-form select,.wf-form textarea{width:100%;border:1px solid #CBD8E3;border-radius:8px;background:#FBFDFF;padding:9px 10px;font:12px Arial;color:#17212B}.wf-form textarea{min-height:76px;resize:vertical}.wf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wf-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #e7eef3;padding:0 16px}.wf-tab{border:0;background:none;padding:11px 9px;font-size:10px;font-weight:800;color:#667085;cursor:pointer;border-bottom:2px solid transparent}.wf-tab.on{color:var(--dark);border-bottom-color:var(--gold)}.wf-pane{display:none}.wf-pane.on{display:block}.wf-pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#eef3f6;color:#425466}.wf-pill.green{background:#eaf7ef;color:#1e7a4a}.wf-pill.red{background:#fdecec;color:#b42318}.wf-pill.gold{background:#fff4d6;color:#946200}.wf-pill.blue{background:#e7f2ff;color:#1a5fa8}.wf-empty{text-align:center;padding:30px;color:#667085;font-size:11px}.wf-list{display:flex;flex-direction:column;gap:9px}.wf-row{border:1px solid #dfe8ef;border-radius:9px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.wf-row h4{font-size:12px;color:var(--dark);margin-bottom:4px}.wf-meta{font-size:9.5px;color:#667085;line-height:1.5}.wf-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:10px}.wf-file{border:1px solid #dfe8ef;border-radius:8px;padding:9px;background:#f9fbfc;font-size:10px}.wf-kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow:auto}.wf-col{background:#eef3f6;border:1px solid #d7e1ea;border-radius:10px;padding:9px;min-height:330px}.wf-col h4{font-size:10px;color:var(--dark);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.wf-task{background:#fff;border:1px solid #d7e1ea;border-left:3px solid var(--teal);border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer}.wf-task.urgent{border-left-color:#cc0000}.wf-task.done{border-left-color:#1e7a4a}.wf-task b{font-size:11px;color:var(--dark)}.wf-quick{position:relative}.wf-menu{position:absolute;right:0;top:calc(100% + 7px);width:260px;background:#fff;border:1px solid #d7e1ea;border-radius:10px;box-shadow:0 16px 40px rgba(11,47,74,.18);padding:7px;display:none;z-index:500}.wf-menu.on{display:block}.wf-menu button{width:100%;border:0;background:none;text-align:left;padding:9px 10px;border-radius:7px;font-size:11px;color:#17212b;cursor:pointer}.wf-menu button:hover{background:#eef6f8;color:var(--dark)}.wf-modal{position:fixed;inset:0;background:rgba(3,18,29,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:20000}.wf-modal.on{display:flex}.wf-dialog{background:#fff;width:min(980px,96vw);max-height:94vh;overflow:auto;border-radius:14px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.wf-dialog-head{background:var(--dark);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.wf-dialog-head h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.wf-close{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.wf-dialog-body{padding:16px}.wf-table{width:100%;border-collapse:collapse;font-size:10.5px}.wf-table th{background:var(--dark);color:#fff;text-align:left;padding:9px}.wf-table td{padding:9px;border-bottom:1px solid #e3ebf1}.wf-money{font-weight:800;text-align:right}.wf-upload{border:1px dashed #9bb3c2;border-radius:9px;padding:12px;background:#f8fbfd}.wf-timeline{border-left:2px solid #d7e1ea;margin-left:8px;padding-left:15px}.wf-event{position:relative;margin-bottom:12px}.wf-event:before{content:'';position:absolute;left:-21px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--teal);border:2px solid #fff}.wf-event b{font-size:10px;color:var(--dark)}.wf-event div{font-size:9px;color:#667085;margin-top:2px}@media(max-width:1050px){.wf-grid{grid-template-columns:1fr}.wf-summary{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wf-form{grid-template-columns:1fr}.wf-form .full{grid-column:1}.wf-summary{grid-template-columns:1fr}.wf-kanban{grid-template-columns:repeat(4,260px)}}

/* v5.1.2 clean top bar and Quick Create */
.dashboard-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important}
#tlV38ImportMoreBtn,#tlV37ImportInvoicesBtn,#tlV30ForceRestoreBtn,#tlV29RestoreBuiltInBtn,#tlV30DataNote,#topTeamSyncBtn,#topCsvBtn{display:none!important}
.wf-quick{position:relative!important;display:inline-flex!important;z-index:650!important}
.wf-menu{right:0!important;top:calc(100% + 10px)!important;width:272px!important;padding:8px!important;border-radius:12px!important;box-shadow:0 18px 48px rgba(11,47,74,.24)!important}
.wf-menu:before{content:'';position:absolute;right:22px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid #d7e1ea;border-top:1px solid #d7e1ea;transform:rotate(45deg)}
.wf-menu-title{padding:8px 10px 7px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#667085;border-bottom:1px solid #e7eef3;margin-bottom:4px}
.wf-menu button{position:relative;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 11px!important;font-weight:700!important}
.wf-menu button span{font-size:11px}
.wf-menu button:hover{background:#eef6f8!important;color:#0b2f4a!important}
.wf-modal:not(.on){display:none!important}
@media(max-width:760px){.dashboard-actions{flex-wrap:wrap!important}.wf-menu{position:fixed!important;left:12px!important;right:12px!important;top:76px!important;width:auto!important}.wf-menu:before{display:none}}
/* Truelimbs ERP v5.1.3 — Team Directory & task notifications */
.tl-team-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.tl-team-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px;box-shadow:0 2px 9px rgba(17,43,65,.035)}
.tl-team-stat span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.tl-team-stat b{display:block;font-size:23px;color:var(--dark);margin-top:5px}
.tl-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}
.tl-member-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 9px rgba(17,43,65,.04)}
.tl-member-head{padding:15px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #e7eef3}.tl-member-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:13px;flex:0 0 auto}
.tl-member-name{font-size:13px;font-weight:900;color:var(--dark)}.tl-member-role{font-size:10px;color:var(--muted);margin-top:3px}.tl-member-body{padding:14px}.tl-member-line{display:flex;justify-content:space-between;gap:12px;font-size:10.5px;padding:5px 0;border-bottom:1px dashed #e6edf2}.tl-member-line:last-child{border-bottom:0}.tl-member-line span{color:var(--muted)}.tl-member-actions{padding:12px 14px;border-top:1px solid #e7eef3;display:flex;gap:7px;flex-wrap:wrap}
.tl-doc-list{display:grid;gap:8px;margin-top:10px}.tl-doc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbe5ec;border-radius:8px;padding:9px 10px;background:#fbfdff}.tl-doc-main{min-width:0}.tl-doc-name{font-size:10.5px;font-weight:800;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-doc-meta{font-size:9px;color:var(--muted);margin-top:2px}
.tl-upload-zone{border:1px dashed #9eb4c2;border-radius:10px;padding:14px;text-align:center;background:#f8fbfd;margin-top:8px}.tl-upload-zone input{max-width:100%}
.tl-notify-bell{position:relative;width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--dark);font-size:17px}.tl-notify-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:#c92a2a;color:#fff;font-size:9px;font-weight:900;display:none;align-items:center;justify-content:center;padding:0 5px}.tl-notify-count.on{display:flex}
.tl-notify-panel{position:fixed;right:22px;top:66px;width:min(390px,calc(100vw - 32px));max-height:520px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 55px rgba(9,37,56,.22);z-index:20000;display:none;overflow:hidden}.tl-notify-panel.on{display:block}.tl-notify-head{padding:13px 15px;background:var(--dark);color:#fff;display:flex;justify-content:space-between;align-items:center}.tl-notify-list{max-height:440px;overflow:auto}.tl-notify-item{padding:12px 14px;border-bottom:1px solid #e7eef3;cursor:pointer}.tl-notify-item.unread{background:#f1f8fc;border-left:4px solid var(--teal)}.tl-notify-title{font-size:11px;font-weight:900;color:var(--dark)}.tl-notify-meta{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.45}.tl-notify-empty{padding:30px;text-align:center;color:var(--muted);font-size:11px}
.tl-team-modal .wf-dialog{max-width:850px}.tl-team-tabs{display:flex;gap:4px;border-bottom:1px solid #e2eaf0;margin-bottom:14px}.tl-team-tab{background:none;border:0;padding:10px 12px;font-size:10px;font-weight:800;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tl-team-tab.on{color:var(--dark);border-bottom-color:var(--gold)}.tl-team-pane{display:none}.tl-team-pane.on{display:block}
.sb-sec[data-team-organized="1"]{margin-top:8px}
@media(max-width:900px){.tl-team-summary{grid-template-columns:1fr 1fr}.tl-team-grid{grid-template-columns:1fr}}
/* TRUELIMBS ERP v5.1.4 — Invoice Fulfillment */
.ful-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.ful-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 16px;box-shadow:0 2px 8px rgba(15,47,73,.04)}
.ful-stat span{display:block;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ful-stat b{font-size:22px;color:var(--dark)}
.ful-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.ful-toolbar input,.ful-toolbar select{height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:7px 10px;font-size:11px}
.ful-table{width:100%;border-collapse:collapse}.ful-table th{background:var(--dark);color:#fff;padding:10px 11px;text-align:left;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.ful-table td{padding:10px 11px;border-bottom:1px solid var(--border);font-size:11px;vertical-align:top}.ful-table tr:hover td{background:#f8fafc}
.ful-progress{height:7px;border-radius:999px;background:#e8eef3;overflow:hidden;margin-top:5px}.ful-progress i{display:block;height:100%;background:var(--teal)}
.ful-pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:8.5px;font-weight:800;text-transform:uppercase}.ful-pill.none{background:#eef1f4;color:#667085}.ful-pill.partial{background:#fff2cc;color:#8b6400}.ful-pill.full{background:#e8f6ed;color:#1e7a4a}.ful-pill.delivered{background:#dff3ff;color:#12617f}
.ful-lines{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:10px}.ful-line-head,.ful-line{display:grid;grid-template-columns:minmax(220px,1fr) 110px 90px 42px;gap:8px;align-items:center;padding:8px 10px}.ful-line-head{background:#f0f5f8;font-size:8px;font-weight:800;text-transform:uppercase;color:#607487}.ful-line{border-top:1px solid var(--border)}.ful-line input{width:100%;border:1px solid var(--border);border-radius:7px;padding:8px;font-size:11px}.ful-line button{border:0;background:#fee;color:#a00;width:30px;height:30px;border-radius:7px;cursor:pointer}
.ful-allocation{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:10px}.ful-alloc-row{display:grid;grid-template-columns:minmax(220px,1fr) 86px 86px 110px;gap:8px;align-items:center;padding:9px 10px;border-top:1px solid var(--border)}.ful-alloc-row:first-child{border-top:0}.ful-alloc-row input{width:100%;border:1px solid var(--border);border-radius:7px;padding:8px;font-size:11px}.ful-alloc-row small{color:var(--muted)}
.ful-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ful-detail-card{border:1px solid var(--border);border-radius:10px;padding:12px}.ful-detail-card label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:5px}
@media(max-width:900px){.ful-summary{grid-template-columns:1fr 1fr}.ful-detail-grid{grid-template-columns:1fr}.ful-line-head,.ful-line{grid-template-columns:1fr 90px 70px 36px}.ful-alloc-row{grid-template-columns:1fr 70px 70px 90px}}
/* Truelimbs ERP v4.9 stable external enhancements */
#tlAccessPage .perm-grid{display:grid;grid-template-columns:260px repeat(3,minmax(100px,1fr));gap:1px;background:#d7e1ea;border:1px solid #d7e1ea;border-radius:10px;overflow:hidden}
#tlAccessPage .perm-grid>div{background:#fff;padding:10px 12px;font-size:11px}
#tlAccessPage .perm-head{font-weight:800;background:#0b2f4a!important;color:#fff;text-transform:uppercase;font-size:9px!important}
#tlAccessPage select{width:100%;padding:7px;border:1px solid #cbd8e3;border-radius:7px;background:#fbfdff}
.tl-ro-note{background:#fff3cd;color:#8a6000;border:1px solid #f0c040;padding:9px 12px;border-radius:8px;margin-bottom:12px;font-size:11px;font-weight:700}
.tl-hidden-by-role{display:none!important}
.tl-customer-orders-table td,.tl-customer-orders-table th{white-space:nowrap}
.tl-brand-img{display:block;max-width:160px;max-height:32px;object-fit:contain;filter:brightness(0) invert(1)}
.lt-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.lt-ok{background:#E7F5ED;color:#17603A}.lt-soon{background:#FFF5D8;color:#805C00}.lt-urgent{background:#FFE8D6;color:#984B00}.lt-over{background:#FDE5E5;color:#A00000}.lt-done{background:#E4EEF8;color:#174E7A}.lt-neutral{background:#EEF1F4;color:#5D6874}
.lt-date{font-size:10px;font-weight:700;color:var(--dark);white-space:nowrap}.lt-sub{font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap}
.lt-panel{grid-column:1/-1;border:1px solid var(--border);border-radius:10px;background:#F8FBFD;padding:13px 14px;margin-top:2px}
.lt-panel-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--dark);margin-bottom:10px}
.lt-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.lt-cell{background:#fff;border:1px solid #E1E8EE;border-radius:8px;padding:9px 10px}.lt-cell span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:4px}.lt-cell b{font-size:11px;color:var(--dark)}
.lt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.lt-kpi{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 13px}.lt-kpi span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.lt-kpi b{display:block;font-size:18px;color:var(--dark);margin-top:3px}
@media(max-width:900px){.lt-grid{grid-template-columns:1fr 1fr}.lt-kpis{grid-template-columns:1fr}}
.crm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;background:#fff;padding:0 14px;border-radius:10px 10px 0 0}.crm-tab{background:none;border:0;border-bottom:3px solid transparent;padding:13px 18px;margin-bottom:-1px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer}.crm-tab.on{color:var(--dark);border-bottom-color:var(--gold)}.crm-vendor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.crm-stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px 15px}.crm-stat span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.crm-stat b{display:block;font-size:20px;color:var(--dark);margin-top:4px}.crm-mini{padding:5px 8px;font-size:8.5px}.crm-vendor-modal{max-width:780px}.wf-inline-help{margin-top:5px}.wf-linkbtn{border:0;background:none;padding:0;color:var(--teal);font-size:9.5px;font-weight:700;cursor:pointer}.wf-row-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:900px){.crm-vendor-summary{grid-template-columns:1fr 1fr}}.vp-badge{display:inline-block;padding:2px 7px;border-radius:20px;font-size:8px;font-weight:800;text-transform:uppercase;margin-top:3px}.vp-await{background:#fff2cf;color:#795d00}.vp-confirm{background:#daf1e5;color:#176b45}.vp-change{background:#fde5e3;color:#a6251d}.vp-ship{background:#dfeff7;color:#1a607c}.vp-actions{display:flex;gap:4px;flex-wrap:wrap}.vp-mini{padding:5px 7px!important;font-size:8px!important}.vp-update-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d4af37;margin-right:4px}
.vprof-back{margin-bottom:14px}.vprof-hero{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:24px;align-items:center}.vprof-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.vprof-hero h2{font-size:22px;color:var(--dark);margin:5px 0}.vprof-muted{font-size:12px;color:var(--muted)}.vprof-kpis{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.vprof-kpis>div{text-align:center;min-width:80px}.vprof-kpis b{display:block;font-size:18px;color:var(--dark)}.vprof-kpis span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);margin-top:4px;letter-spacing:.05em}.vprof-actions{display:flex;gap:8px}.vprof-tabs{display:flex;gap:4px;border-bottom:2px solid #dde6ed;margin:20px 0 16px;overflow-x:auto}.vprof-tabs button{padding:11px 16px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap}.vprof-tabs button.on{color:var(--dark);border-bottom-color:var(--gold)}.vprof-toolbar{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-bottom:12px;color:var(--muted);font-size:11px}.vprof-empty{text-align:center!important;padding:28px!important;color:var(--muted)!important}.vprof-link{color:var(--teal);cursor:pointer}.vprof-link:hover{text-decoration:underline}.vprof-filegrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.vprof-file{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.vprof-fileicon{font-size:25px}.vprof-file small{color:var(--muted)}.vprof-file>div:last-child{display:flex;gap:6px;margin-top:auto}.vprof-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.vprof-activity>div{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.vprof-activity>div>span{width:9px;height:9px;background:var(--teal);border-radius:50%;margin-top:4px}.vprof-activity p{margin:2px 0;font-size:12px}.vprof-activity small{color:var(--muted)}@media(max-width:1000px){.vprof-hero{grid-template-columns:1fr}.vprof-kpis{justify-content:flex-start}.vprof-filegrid{grid-template-columns:repeat(2,1fr)}}
/* v5.2.4 — make Vendors mirror the Customer CRM/profile experience */
#crmVendorStats{display:none!important}
#crmVendorPane .sbar{margin-top:0}
.v524-vendor-name{font-weight:700;color:var(--teal);cursor:pointer}.v524-vendor-name span{opacity:.5;font-size:9px}.v524-vendor-name:hover{text-decoration:underline}
.v524-vendor-table td,.v524-vendor-table th{vertical-align:middle}
.v524-vendor-table .ac{gap:8px}.v524-vendor-table .ac .ib{font-size:13px}
/* Vendor profile intentionally follows the existing Customer Profile proportions */
#page-vendorprofile .vprof-back{margin:0 0 16px}
#page-vendorprofile .vprof-back .btn{padding:10px 16px;border-radius:8px;font-size:11px;color:#607087}
#page-vendorprofile .vprof-hero{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 1px 3px rgba(17,43,65,.025)}
#page-vendorprofile .vprof-hero>div:first-child{min-width:310px;flex:1}
#page-vendorprofile .vprof-kicker{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#page-vendorprofile .vprof-hero h2{font-size:20px;font-weight:700;color:var(--dark);margin:0 0 4px;line-height:1.2}
#page-vendorprofile .vprof-muted{font-size:12px;color:var(--muted)}
#page-vendorprofile .vprof-kpis{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:nowrap}
#page-vendorprofile .vprof-kpis>div{text-align:center;min-width:66px}
#page-vendorprofile .vprof-kpis b{display:block;font-size:22px;line-height:1;color:var(--teal);white-space:nowrap}
#page-vendorprofile .vprof-kpis>div:nth-child(3) b{color:var(--orange)}
#page-vendorprofile .vprof-kpis>div:nth-child(4) b{color:var(--green)}
#page-vendorprofile .vprof-kpis>div:nth-child(5) b{color:var(--gold)}
#page-vendorprofile .vprof-kpis>div:nth-child(6) b{color:var(--orange)}
#page-vendorprofile .vprof-kpis span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;white-space:nowrap}
#page-vendorprofile .vprof-actions{display:flex;gap:8px;flex-shrink:0}
#page-vendorprofile .vprof-actions .btn{padding:9px 14px}
#page-vendorprofile .vprof-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin:18px 0 14px;overflow-x:auto}
#page-vendorprofile .vprof-tabs button{padding:10px 18px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap}
#page-vendorprofile .vprof-tabs button.on{color:var(--dark);border-bottom-color:var(--dark)}
#page-vendorprofile .vprof-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:12px;font-size:11px;color:var(--muted)}
#page-vendorprofile .card{border-radius:12px}
#page-vendorprofile table.t thead th{padding:11px 13px}
#page-vendorprofile table.t tbody td{padding:10px 13px}
#page-vendorprofile .vprof-filegrid{grid-template-columns:repeat(4,minmax(190px,1fr))}
@media(max-width:1250px){#page-vendorprofile .vprof-hero{align-items:flex-start;flex-wrap:wrap}#page-vendorprofile .vprof-kpis{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:850px){#page-vendorprofile .vprof-kpis{gap:18px}#page-vendorprofile .vprof-filegrid{grid-template-columns:repeat(2,1fr)}}

/* ===== v5.2.8 portals + PO controls ===== */
.v528-nav-icon{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center;font-size:13px;opacity:.82;flex-shrink:0}
#page-webuy .wf-head{align-items:center}
#page-webuy .wf-table,#page-webuy table.t{min-width:1050px}
#page-webuy small{color:var(--muted);font-size:9.5px;line-height:1.35}
.v528-delete-po{margin-left:2px}