.supplierEntry{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.supplierEntry strong{font-size:14px}.supplierEntry p{font-size:11px;color:var(--muted);margin:6px 0 0}.supplierEntry .btn,.supplierWorkspace .btn,.supplierCard .btn,#supplierForm .btn{font-size:12px;min-height:38px}.supplierGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.supplierField{display:block;font-size:12px;font-weight:600;min-width:0}.supplierField input,.supplierField select,.supplierField textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-weight:400;min-height:42px;border:1px solid var(--line);background:white;border-radius:9px;margin-top:7px;padding:10px}.supplierField textarea{min-height:80px}.supplierTypes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;padding:12px 0;margin:12px 0;font-size:12px}.supplierTypes legend{font-size:12px;font-weight:600}.supplierTypes label{display:flex;gap:8px;align-items:start;line-height:1.5}.supplierTypes input,.quoteCheck input{width:16px;height:16px;accent-color:var(--primary)}.supplierList{display:grid;gap:10px}.supplierCard{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:white;overflow-wrap:anywhere;margin:8px 0}.supplierCard strong{font-size:14px}.supplierCard p{font-size:12px;color:var(--muted);margin:6px 0;white-space:pre-wrap}.quoteTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.quoteMore{cursor:pointer;font-size:12px;margin:16px 0}.quoteCheck{display:flex;align-items:center;gap:8px;font-size:13px;margin:16px 0}.quoteSummary{padding:16px 0}.quoteSummary strong{font-size:24px}.quoteSummary p{font-size:12px;line-height:1.7;white-space:pre-wrap}.quoteTableWrap{overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:12px}.quoteTable{border-collapse:collapse;width:100%;font-size:12px;background:white}.quoteTable th,.quoteTable td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:165px;max-width:260px;overflow-wrap:anywhere}.quoteTable th{font-weight:600;background:#fafaf8}.quoteTable small{display:block;font-weight:400;margin-top:6px;color:var(--muted)}.quoteTableWrap .quoteTable tr>:first-child{position:sticky;left:0;min-width:125px;background:#fafaf8}.staffModal:has(.supplierWorkspace){width:min(1000px,calc(100vw - 24px))}.supplierWorkspace h3{font-size:14px;margin:18px 0 12px}.supplierWorkspace .toolbar{flex-wrap:wrap}.supplierWorkspace .costingHint{line-height:1.7}.supplierWorkspace .modalActions{flex-wrap:wrap}@media(max-width:520px){.supplierGrid,.supplierTypes{grid-template-columns:1fr}.supplierEntry{align-items:start;flex-direction:column}.supplierCard{align-items:start;flex-direction:column}.supplierWorkspace .quoteTable th,.supplierWorkspace .quoteTable td{min-width:135px;padding:10px}.supplierWorkspace>.quoteTable{display:block;overflow:auto}}

/* Match the existing sidebar and keep supplier actions consistent. */
button.navItem[data-view="suppliers"]{appearance:none;width:100%;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;line-height:inherit}
button.navItem[data-view="suppliers"]:hover{background:rgba(255,255,255,.07)}
button.navItem[data-view="suppliers"].active{background:rgba(255,255,255,.12)}
button.navItem[data-view="suppliers"]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.supplierEntry .btn,.supplierWorkspace .btn,.supplierCard .btn,#supplierForm .btn,#quoteForm .btn,#supplierAdd{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 14px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;line-height:18px;white-space:normal;text-align:center}
.supplierCard>.btn{min-width:80px;flex-shrink:0}
.quoteTabs{gap:4px;padding:4px;background:var(--bg,#f5f5f3);border:1px solid var(--line);border-radius:12px}
.quoteTabs .btn{flex:1;box-shadow:none;border-color:transparent;background:transparent;color:var(--muted)}
.quoteTabs .btn.primary{background:white;color:var(--primary);border-color:var(--line);box-shadow:0 1px 3px #00000008}
.quoteTable td>.btn{width:100%}
.supplierWorkspace .modalActions .btn,#supplierForm .modalActions .btn,#quoteForm .modalActions .btn{min-width:110px}
@media(max-width:520px){.quoteTabs{flex-wrap:nowrap}.quoteTabs .btn{padding:8px 6px;font-size:11px}.supplierEntry>.btn{width:100%}}

.supplierFacts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:12px 0 4px;font-size:12px}.supplierFacts>span{min-width:130px}.supplierFacts small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
