.vendors-page{background:#f3f6fa;color:#23364d}.vendors-page [hidden]{display:none!important}.vendors-shell{width:min(1460px,calc(100% - 36px));margin:18px auto 28px}.vendors-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}.vendors-heading h1{font-size:28px;line-height:1.2;margin:0 0 4px;letter-spacing:-.02em}.vendors-heading p{margin:0;color:#607085;font-size:14px}.vendor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vendors-page .btn{font-size:13px;line-height:1.35;padding:9px 12px;white-space:normal;min-height:38px;text-decoration:none}.vendor-syncbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eaf1f8;border:1px solid #d3e0ed;border-radius:12px;padding:10px 13px;margin-bottom:14px;min-width:0}.vendor-sync-copy{min-width:0;font-size:12px;color:#486079;line-height:1.5}.vendor-eyebrow{font-size:10px;font-weight:800;letter-spacing:.08em;color:#426081}.vendor-syncbar select,.vendor-filter-row select{font-size:12px;margin:0;padding:8px;border:1px solid #cbd8e5;border-radius:7px;background:#fff;color:#23364d;width:auto;max-width:100%}.vendor-syncbar[data-status="error"]{background:#fff3ef;border-color:#ecc2b2}.vendor-notice{padding:11px 13px;margin:0 0 12px;border:1px solid #b5d6bd;border-radius:9px;background:#f0faf3;color:#276840;font-size:13px;overflow-wrap:anywhere}.vendor-notice.error{background:#fff3f0;border-color:#e8b7aa;color:#932e1b}.vendors-workspace{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.8fr);gap:14px;height:max(440px,calc(100dvh - 262px));min-height:0}.vendor-panel{min-width:0;min-height:0;background:#fff;border:1px solid #dce5ee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 5px #152b4305}.vendor-list-tools{padding:12px;border-bottom:1px solid #e1e8ef;background:#fbfcfe}.vendor-list-tools input{width:100%;box-sizing:border-box;padding:10px 11px;font-size:13px;margin:0;border:1px solid #c9d6e3;border-radius:8px}.vendor-filter-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:9px}.vendor-list{overflow-y:auto;min-height:0;flex:1;padding:6px;overscroll-behavior:contain}.vendor-list-row{display:block;position:relative;width:100%;padding:12px;text-align:left;border:1px solid transparent;border-radius:8px;background:#fff;color:#23364d;cursor:pointer;font:inherit;margin:0 0 3px;overflow-wrap:anywhere}.vendor-list-row:hover{background:#f3f7fc}.vendor-list-row[aria-current="true"]{background:#eaf3ff;border-color:#b4d1f2;box-shadow:inset 3px 0 #2873bc}.vendor-list-name{font-size:14px;font-weight:750;margin-bottom:5px;padding-right:12px;line-height:1.35}.vendor-list-meta{font-size:11px;color:#617487;line-height:1.45;margin-top:3px}.vendor-list-row .vendor-chip{margin-top:5px}.vendor-muted{font-size:12px;color:#64788c;line-height:1.5}.vendor-empty{padding:32px 20px;color:#65788c;text-align:center;line-height:1.6;font-size:14px}.vendor-empty h2{font-size:20px;color:#27435c;margin:8px 0}.vendor-detail-header{padding:16px 18px 13px;border-bottom:1px solid #e1e8ef;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;background:#fff}.vendor-detail-header h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere;margin:0 0 5px;color:#203e59}.vendor-detail-header .vendor-actions{justify-content:flex-end;flex-shrink:0}.vendor-back{display:none}.vendor-detail-body{overflow-y:auto;min-height:0;flex:1;padding:15px 18px;overscroll-behavior:contain}.vendor-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 20px;margin-bottom:15px}.vendor-contact-item{min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.vendor-contact-item>span{display:block;font-size:10px;font-weight:750;letter-spacing:.055em;color:#6c7d8f;text-transform:uppercase;margin-bottom:3px}.vendor-contact-item a{color:#175c97;text-underline-offset:3px}.vendor-contact-item pre{white-space:pre-wrap;margin:0;font:inherit}.vendor-notes{margin:12px 0 15px;padding:10px 12px;background:#f7f9fc;border-radius:8px;border:1px solid #e3eaf1;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.vendor-notes strong{display:block;margin-bottom:3px;font-size:11px;color:#516980}.vendor-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px;margin:12px 0 14px}.vendor-metric{padding:11px 12px;border:1px solid #dce7f0;background:#f7faff;border-radius:9px;min-width:0}.vendor-metric span{display:block;color:#536c84;font-size:11px;line-height:1.35}.vendor-metric b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;color:#264b6e;overflow-wrap:anywhere}.vendor-metric small{display:block;color:#687c90;font-size:10px;line-height:1.4;margin-top:4px}.vendor-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid #dce6ef;padding-bottom:9px;margin:15px 0 10px;flex-wrap:wrap}.vendor-tab{background:#fff;border:1px solid #d7e2ed;border-radius:7px;padding:8px 10px;cursor:pointer;color:#405c76;font-size:12px;font-weight:700;min-height:36px}.vendor-tab[aria-selected="true"]{background:#e7f1fe;border-color:#abc9e9;color:#174f84}.vendor-ledger-tools{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:10px 0}.vendor-ledger-tools label{font-size:12px;color:#61788e}.vendor-ledger-tools select{font-size:12px;margin:0;width:auto;max-width:100%;padding:7px;border:1px solid #d2deea;border-radius:6px}.vendor-table-wrap{overflow-x:auto;border:1px solid #e0e7ee;border-radius:8px}.vendor-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.45}.vendor-table th{text-align:left;background:#f3f7fb;color:#587085;padding:9px;font-weight:700;font-size:10px;letter-spacing:.02em;white-space:nowrap}.vendor-table td{padding:10px 9px;border-top:1px solid #e7edf3;vertical-align:top}.vendor-table td.vendor-number,.vendor-table th.vendor-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.vendor-table td.vendor-ref{min-width:85px;overflow-wrap:anywhere}.vendor-table .vendor-date{white-space:nowrap}.vendor-chip{display:inline-block;font-size:10px;font-weight:750;border-radius:5px;padding:3px 6px;line-height:1.35;background:#eef2f6;color:#5b6e81;white-space:nowrap}.vendor-chip.paid{background:#e6f3e9;color:#28633a}.vendor-chip.open{background:#eaf1fc;color:#325e90}.vendor-chip.partial{background:#fff1d6;color:#845e18}.vendor-chip.overdue{background:#ffebe4;color:#a13f26}.vendor-chip.inactive{background:#eef0f3;color:#6b7584}.vendor-detail-toggle{border:0;padding:3px 0;margin-top:3px;background:none;color:#185a91;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:11px}.vendor-transaction-details{padding:10px 12px!important;background:#f8fafd!important}.vendor-detail-lines{font-size:12px;line-height:1.55;overflow-wrap:anywhere}.vendor-detail-lines p{margin:5px 0}.vendor-detail-lines ul{margin:7px 0;padding-left:17px}.vendor-job-link{display:inline-block;border:1px solid #d5e2ee;padding:4px 7px;border-radius:6px;margin:4px 5px 3px 0;color:#1d568a;background:#fff;text-decoration:none;font-size:11px}.vendor-ledger-note{font-size:11px;color:#6d8093;line-height:1.5;margin:9px 0 0}.vendor-linking{border:1px solid #dce7f1;border-radius:8px;background:#f7faff;margin:15px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.vendor-linking summary{cursor:pointer;font-weight:700;color:#3d6284}.vendor-linking p{margin:7px 0;color:#60758a}.vendor-linking-controls{display:flex;gap:7px;align-items:center;margin-top:8px}.vendor-linking-controls select{min-width:0;flex:1;width:0;margin:0;padding:8px;border:1px solid #c8d8e8;border-radius:7px;background:#fff;font-size:12px}.vendor-linking-controls .btn{font-size:12px;padding:7px 10px}.vendor-payee-name{font-size:12px;font-weight:700;margin:12px 0 5px}.vendor-access-note{padding:15px;border-radius:9px;border:1px solid #e0e8ef;background:#f8fafc;font-size:13px;color:#64798e;line-height:1.6}.vendor-people{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.vendor-person{border:1px solid #e0e8ef;border-radius:7px;padding:9px 11px;font-size:12px;line-height:1.5;min-width:150px}.vendor-person b{display:block}.vendor-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vendors-page button:focus-visible,.vendors-page a:focus-visible,.vendors-page input:focus-visible,.vendors-page select:focus-visible,.vendors-page textarea:focus-visible{outline:3px solid #8dbce7;outline-offset:2px}.vendors-page button:disabled{opacity:.6;cursor:wait}#vendorDialog{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;border:1px solid #c8d7e6;border-radius:14px;color:#243a52;box-sizing:border-box;box-shadow:0 22px 75px #163a6340}#vendorDialog::backdrop{background:#17304765}#vendorForm{display:flex;flex-direction:column;max-height:calc(90dvh - 4px);margin:0}.vendor-dialog-head{padding:17px 20px 13px;border-bottom:1px solid #e1e8f0;flex-shrink:0}.vendor-dialog-head h2{font-size:21px;margin:0 0 5px}.vendor-dialog-head p{font-size:12px;color:#62768a;line-height:1.45;margin:0}.vendor-dialog-body{padding:17px 20px;overflow-y:auto;min-height:0}.vendor-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.vendor-form-grid>div{min-width:0}.vendor-form-grid .vendor-wide{grid-column:1/-1}.vendor-form-grid label{display:block;margin:0 0 5px;font-size:12px;font-weight:700;color:#476077}.vendor-form-grid input,.vendor-form-grid select,.vendor-form-grid textarea{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:9px 10px;border:1px solid #cbd8e5;border-radius:7px;background:#fff;color:#273f57;font:inherit;font-size:14px}.vendor-form-grid textarea{resize:vertical;min-height:55px}.vendor-state-zip{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px}.vendor-dialog-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;border-top:1px solid #dce5ee;background:#f8fafd;padding:13px 20px;flex-shrink:0;position:sticky;bottom:0}.vendor-show-more{display:block;width:100%;padding:10px;margin:10px 0;background:#f7faff;border:1px solid #cadced;border-radius:8px;color:#225e94;font-weight:700;cursor:pointer}
.vendor-auto-sync-row{display:flex;align-items:center;gap:5px 12px;flex-wrap:wrap;margin:-7px 2px 11px;color:#748699;font-size:10px}.vendor-auto-sync{display:flex;align-items:center;gap:6px;font-size:11px;color:#64788d;margin:0;width:fit-content}.vendor-auto-sync input{width:14px;height:14px;margin:0}.vendors-workspace{height:max(420px,calc(100dvh - 283px))}.vendor-chip.deleted{background:#f0e9e8;color:#874f4b}
@media(min-width:801px){body.bro-modern-shell>main.vendors-shell{padding-top:calc(var(--bro-topbar,68px) + 14px)!important;margin-top:0!important;width:calc(100vw - var(--bro-sidebar,218px) - 40px)!important}body.has-jonathan-home-sidebar>main.vendors-shell{max-width:calc(100vw - var(--jonathan-sidebar-width,218px) - 40px);width:auto}.vendor-panel .vendor-empty{margin:auto 0}.vendor-detail-body .vendor-empty{padding:23px 10px}.vendor-heading-actions{max-width:52%}}
@media(max-width:1100px){.vendors-heading .vendor-actions .btn{font-size:12px;padding:8px 10px}.vendor-syncbar{align-items:flex-start;gap:10px}.vendor-syncbar .vendor-actions{max-width:57%;gap:6px;justify-content:flex-end}.vendor-syncbar .btn{font-size:12px;padding:8px 9px}.vendor-metrics{grid-template-columns:1.2fr 1fr}.vendor-metric:last-child{grid-column:1/-1;padding:7px 12px;display:flex;align-items:center;gap:10px}.vendor-metric:last-child b{font-size:16px;margin:0}.vendor-metric:last-child small{margin:0}.vendor-detail-header{padding:13px}.vendor-detail-body{padding:13px}.vendor-detail-header h2{font-size:19px}.vendor-table td,.vendor-table th{padding:8px 6px}}
@media(max-width:800px){.vendors-shell{width:calc(100% - 24px);margin:12px auto 24px}.vendors-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.vendors-heading h1{font-size:26px}.vendors-heading p{font-size:13px}.vendors-heading .vendor-actions{width:100%}.vendors-heading .vendor-actions .btn{flex:1}.vendor-syncbar{display:block;padding:10px}.vendor-syncbar .vendor-actions{max-width:none;justify-content:flex-start;margin-top:8px;display:grid;grid-template-columns:auto 1fr auto;gap:6px}.vendor-syncbar .btn{min-height:39px}.vendor-syncbar select{max-width:92px;width:100%;padding:8px 5px;font-size:12px}.vendors-workspace{display:block;height:auto;min-height:0}.vendor-directory{max-height:calc(100dvh - 285px);min-height:300px}.vendor-detail{display:none}.vendors-workspace.vendor-mobile-detail .vendor-directory{display:none}.vendors-workspace.vendor-mobile-detail .vendor-detail{display:flex;min-height:350px}.vendor-back{display:inline-flex;font-size:12px!important;padding:5px 8px!important;min-height:32px!important;margin-bottom:8px}.vendor-detail-header{display:block;position:sticky;top:0}.vendor-detail-header>.vendor-actions{margin-top:10px;justify-content:flex-start}.vendor-detail-body{overflow:visible}.vendor-contact-grid{gap:11px 13px}.vendor-metrics{grid-template-columns:1fr 1fr}.vendor-metric b{font-size:22px}.vendor-table{font-size:12px;min-width:480px}.vendor-detail-body{padding:13px}.vendor-tabs{gap:5px}.vendor-tab{padding:8px}.vendor-empty{padding:27px 15px}.vendor-linking-controls{flex-wrap:wrap}.vendor-linking-controls select{flex-basis:100%;width:100%}#vendorDialog{max-height:92dvh}#vendorForm{max-height:calc(92dvh - 4px)}.vendor-dialog-head,.vendor-dialog-body,.vendor-dialog-actions{padding-left:15px;padding-right:15px}.vendor-form-grid{gap:11px}.vendor-form-grid input,.vendor-form-grid select,.vendor-form-grid textarea{font-size:16px}.vendor-dialog-head h2{font-size:20px}.vendor-dialog-actions .btn{min-height:44px}.vendor-list-row{padding:13px}.vendor-list-name{font-size:15px}.vendor-list-meta{font-size:12px}}
@media(max-width:760px){body.bro-modern-shell>main.vendors-shell{width:calc(100% - 24px)!important;max-width:none!important;margin:0 12px 20px!important;padding-top:calc(var(--bro-topbar,58px) + 12px)!important}}
@media(max-width:400px){.vendor-contact-grid{grid-template-columns:1fr}.vendor-form-grid{grid-template-columns:1fr}.vendor-form-grid .vendor-wide{grid-column:auto}.vendor-syncbar .btn{font-size:11px;padding:8px 6px}}

/* Isolate the vendor workspace from legacy global header and dialog rules. */
.vendors-heading{position:static;padding:0;border:0;background:transparent;z-index:auto}.vendor-detail-header,.vendor-dialog-head{position:static;z-index:auto}.vendors-page #vendorDialog #vendorForm{padding:0!important;overflow:hidden!important;max-height:calc(90dvh - 4px)!important}.vendors-page #vendorDialog .vendor-dialog-head{background:#fff}.vendors-page #vendorDialog .vendor-dialog-actions{position:static}.vendors-page #vendorDialog .vendor-dialog-body{flex:1;overflow-y:auto}
@media(max-width:760px){body.bro-modern-shell>main.vendors-shell{padding-left:0!important;padding-right:0!important}.vendors-page #vendorDialog #vendorForm{max-height:calc(92dvh - 4px)!important}}
@media(max-width:600px){.vendor-table-wrap{overflow:visible;border:0;border-radius:0}.vendor-table{min-width:0;display:block}.vendor-table thead{display:none}.vendor-table tbody{display:block}.vendor-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;border:1px solid #dce7f1;border-radius:9px;margin:10px 0;padding:12px;background:#fbfdff}.vendor-table td{display:block;padding:0;border:0;min-width:0;font-size:13px}.vendor-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;font-weight:700;color:#6a7f94;letter-spacing:.025em;margin-bottom:4px}.vendor-table td.vendor-number{text-align:left;font-variant-numeric:tabular-nums}.vendor-table .vendor-date{white-space:normal}.vendor-table tr.vendor-details-row{display:block;margin-top:-4px;background:#f4f8fc}.vendor-table td.vendor-transaction-details{padding:0!important}.vendor-table .vendor-chip{font-size:10px;white-space:normal}.vendor-table td.vendor-ref{min-width:0}}
/* Jonathan's phone navigation places a Sections control below the topbar. */
@media(max-width:760px){body.bro-modern-shell.has-jonathan-home-sidebar>main.vendors-shell{padding-top:calc(var(--bro-topbar,58px) + 55px)!important}}