/* WORKNIC · Quiet, readable purchasing partner directory */
#vendors .headline{align-items:center}
#vendors .headline h1{letter-spacing:-.04em}
.vd-sourcebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 18px;padding:12px 16px;margin:0 0 17px;background:#eee9df;border:1px solid #ddd3c4;border-radius:12px}
.vd-sourcebar p{margin:0;color:#615a50;font-size:12px;line-height:1.7}
.vd-sourcebar b{font-weight:600;color:#3a342b}
.vd-source-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vd-source-actions button{font-size:12px!important;min-height:35px!important;padding:6px 12px!important}
.vd-source-actions input[type=file]{display:none}
.vd-source-sub{font-size:11px;color:#847767;margin:-9px 0 18px}
.vd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.vd-stats>div{background:#fffdfa;border:1px solid #e0d9cf;border-radius:13px;padding:16px 19px}
.vd-stats small{display:block;color:#867968;font-size:12px;line-height:1.5}
.vd-stats strong{display:block;color:#231f1a;font-size:24px;margin-top:8px;letter-spacing:-.05em;font-weight:600}
.vd-stats strong span{font-size:12px;margin-left:4px;font-weight:500;color:#786c5a}
#vendors .vendor-filter{display:grid;grid-template-columns:minmax(260px,1fr) 146px 126px auto;gap:9px;margin:0 0 13px;align-items:center}
#vendors .vendor-filter input,#vendors .vendor-filter select{width:100%;min-height:42px;border:1px solid #dbd3c8;background:#f9f6f1;border-radius:9px;padding:8px 11px;color:#302a23;font-size:13px;box-shadow:inset 0 1px 2px rgba(0,0,0,.035)}
#vendors .vendor-filter select{appearance:auto}
#vendors .vendor-filter .btn{min-height:42px!important;white-space:nowrap}
.vd-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:14px;align-items:start}
.vd-list-panel,.vd-detail-panel{background:#fffdfa;border:1px solid #ded7cb;border-radius:15px;overflow:hidden;box-shadow:0 2px 6px rgba(26,24,21,.025)}
.vd-list-header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 13px;border-bottom:1px solid #ece5da;color:#5f5444;font-size:12px}
.vd-list-header b{font-size:13px;color:#30281f;font-weight:600}
.vd-list{max-height:640px;overflow-y:auto;scrollbar-width:thin}
.vd-item{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;border:0;border-bottom:1px solid #eee9df;background:transparent;padding:16px 17px;cursor:pointer;color:#28231d;font:inherit;transition:background .12s}
.vd-item:last-child{border-bottom:0}
.vd-item:hover{background:#f6f0e6}
.vd-item.is-selected{background:#f2eadb;box-shadow:inset 3px 0 #bf8a30}
.vd-item:focus-visible{outline:2px solid #bf8a30;outline-offset:-3px}
.vd-item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.vd-item-top b{font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.vd-item-brand,.vd-item-foot{font-size:12px;line-height:1.6;color:#807461;overflow-wrap:anywhere}
.vd-item-brand{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#5e564a}
.vd-dot{color:#b4a18a}
.vd-status{white-space:nowrap;display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;line-height:1.4;font-weight:600;flex-shrink:0}
.vd-status-ready{background:#e9eee6;color:#596d52}.vd-status-warn{background:#f5e9d6;color:#92652e}
.vd-list-empty{padding:42px 18px;text-align:center;color:#796d60;font-size:13px;line-height:1.75}
.vd-detail-panel{min-height:520px}
.vd-detail-head{padding:26px 30px 25px;background:#f3eee5;border-bottom:1px solid #e9ddc9}
.vd-eyebrow{color:#9b8b73;letter-spacing:.09em;font-size:10px;font-weight:600}
.vd-eyebrow span{padding:0 4px;color:#bf8a30}
.vd-detail-title{display:flex;align-items:center;gap:12px;margin-top:11px;flex-wrap:wrap}
.vd-detail-title h2{font-size:23px;letter-spacing:-.05em;font-weight:600;color:#251e17;line-height:1.4;margin:0}
.vd-detail-head p{font-size:12px;color:#796f61;line-height:1.75;margin:10px 0 0}
.vd-info-group{padding:22px 30px 23px;border-bottom:1px solid #eee8dd}
.vd-info-group:last-of-type{border-bottom:0}
.vd-info-group h3{font-size:13px;color:#3a3228;margin:0 0 15px;font-weight:600}
.vd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.vd-info-cell label,.vd-info-text label{display:block;color:#8b7e6c;font-size:11px;letter-spacing:.005em;margin-bottom:6px}
.vd-info-cell div,.vd-info-text p{font-size:14px;color:#362e23;line-height:1.75;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.vd-info-text+.vd-info-text{margin-top:16px}
.vd-muted{color:#a29686}
.vd-phone{color:#635132!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cdb68b}
.vd-account-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vd-account-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8;color:#4b4238;word-break:break-all}
.vd-mini-btn{font:inherit;font-size:11px;padding:5px 9px;border-radius:7px;border:1px solid #d8cbb6;background:#f5efe5;color:#60523e;cursor:pointer;white-space:nowrap}
.vd-mini-btn:hover{background:#eadfcd}
.vd-info-text label span{color:#b29e84;font-size:10px}
.vd-detail-foot{padding:0 30px 23px;color:#968673;font-size:11px;line-height:1.6}
.vd-duplicate{margin:16px 28px -5px;padding:10px 12px;background:#fbf1e0;color:#8e6433;border:1px solid #ead2ab;border-radius:9px;font-size:12px}
.vd-blank{display:flex;min-height:460px;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:25px;color:#716757}
.vd-blank-symbol{font-family:Georgia,serif;font-size:74px;line-height:1;color:#bf8a30;margin-bottom:9px}
.vd-blank strong{font-size:16px;color:#3b3227}.vd-blank p{font-size:12px;line-height:1.7;margin:0}
@media(max-width:1100px){.vd-layout{grid-template-columns:minmax(235px,290px) minmax(0,1fr)}#vendors .vendor-filter{grid-template-columns:minmax(210px,1fr) 132px 112px auto}.vd-detail-head{padding:23px}.vd-info-group{padding:19px 23px}}
@media(max-width:820px){.vd-layout{grid-template-columns:1fr}.vd-list{max-height:350px}.vd-detail-panel{min-height:0}.vd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#vendors .vendor-filter{grid-template-columns:1fr 1fr}#vendorQuery{grid-column:1/-1}#vendors .vendor-filter .btn{grid-column:2}.vd-detail-head,.vd-info-group{padding:20px}.vd-detail-foot{padding:0 20px 20px}}
@media(max-width:480px){.vd-info-grid{grid-template-columns:1fr}.vd-stats>div{padding:13px}.vd-stats strong{font-size:21px}.vd-detail-title h2{font-size:20px}#vendors .vendor-filter{grid-template-columns:1fr 1fr}.vd-source-actions{width:100%}}