.sf-page{max-width:1450px;margin:auto}.sf-filters{display:flex;gap:12px;margin:20px 0}.sf-filters input{flex:1;min-width:0}.sf-filters select{width:250px;flex:0 0 250px}.sf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-supplier-card{min-width:0}.sf-supplier-head,.sf-profile-head{display:flex;gap:14px;align-items:center}.sf-supplier-head>div,.sf-profile-head>div{flex:1;min-width:0}.sf-supplier-head h2,.sf-profile-head h2{margin:0;font-size:21px;overflow-wrap:anywhere}.sf-supplier-head p,.sf-profile-head p{margin:5px 0;color:var(--muted,#738195);overflow-wrap:anywhere}.sf-avatar{width:50px;height:50px;border-radius:14px;background:#faf0d8;color:#876118;display:grid;place-items:center;font-weight:bold;font-size:23px;flex-shrink:0}.sf-status{display:inline-block;font-size:11px;padding:6px 9px;background:#edf1f5;border-radius:9px;white-space:nowrap}.sf-status.active,.sf-status.posted{background:#e9f5ed;color:#12724f}.sf-status.scheduled{background:#fff3d8;color:#966618}.sf-status.cancelled,.sf-status.archived{color:#758293}.sf-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border-top:1px solid var(--border,#e1e6ed);padding-top:14px;margin:18px 0}.sf-card-metrics span{display:block;font-size:12px;color:var(--muted,#738195)}.sf-card-metrics strong{display:block;font-size:14px;margin-top:7px;overflow-wrap:anywhere}.sf-debt{color:#a5741a}.sf-actions{display:flex;gap:8px;flex-wrap:wrap}.sf-modal{width:min(1180px,96vw);max-width:1180px}.sf-tabs{display:flex;gap:8px;overflow-x:auto;padding:18px 0;margin:8px 0}.sf-tabs .btn{white-space:nowrap;flex-shrink:0}.sf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.sf-kpis strong{display:block;margin-top:10px;font-size:22px;overflow-wrap:anywhere}.sf-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sf-note{line-height:1.7;padding:12px;background:var(--surface,#f6f8fa);border-radius:10px}.sf-table-wrap table{min-width:650px}.sf-table-wrap td{vertical-align:top}.sf-table-wrap small{display:block;margin-top:5px;color:var(--muted,#738195)}.sf-link{border:0;background:none;color:var(--text,#16324a);padding:0;text-align:start;font-weight:600;cursor:pointer;text-decoration:underline}.sf-modal h3{margin-top:22px}@media(max-width:700px){.sf-cards,.sf-info-grid{grid-template-columns:1fr}.sf-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-kpis .card{padding:12px}.sf-kpis strong{font-size:16px}.sf-kpis .small{font-size:11px}.sf-modal{width:calc(100vw - 18px);padding:15px}.sf-profile-head,.sf-supplier-head{flex-wrap:wrap}.sf-profile-head h2{font-size:20px}.sf-filters{flex-wrap:wrap}.sf-filters input{flex-basis:100%}.sf-filters select{flex-basis:100%;width:100%}.sf-card-metrics strong{font-size:12px}.sf-status{font-size:10px}.sf-actions .btn{font-size:12px}.sf-tabs{padding-bottom:12px}}
.sr-issue{display:block;margin:6px 0;font-size:12px}.sr-issue.open,.sf-overdue{color:#b24b23}.sr-issue.resolved{color:#128153}.sf-overdue{display:block;font-size:12px;margin-top:5px}.sr-issue-field[hidden],.sr-resolution-field[hidden],.sr-error[hidden]{display:none}#sr-form .textarea{width:100%;min-height:80px}#sr-form{padding:12px 0}
.su-print{display:block;width:100%;height:65vh;border:1px solid #dfe3e9;margin:20px 0;background:#fff}#su-compare-form,#su-statement-form{padding:12px 0}#su-alerts{margin-top:18px}#su-statement .sf-kpis{margin-top:20px}
/* Supplier catalogue: native families, bounded results and compact mobile selection. */
.sf-catalog{min-width:0;display:grid;gap:12px}.sf-specialties{border:1px solid var(--border);border-radius:10px;padding:10px}.sf-specialties summary{cursor:pointer;font-weight:600}.sf-family-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;overflow-y:auto;overscroll-behavior:contain;gap:4px;margin:10px 0}.sf-family-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;min-width:0}.sf-family-options input,.sf-catalog-item>input{width:20px;height:20px;min-height:20px;flex-shrink:0;accent-color:var(--primary)}.sf-catalog .sf-filters{margin:0}.sf-catalog .sf-actions{align-items:center}.sf-catalog-results{max-height:min(44dvh,420px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}.sf-catalog-item{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border);min-width:0}.sf-catalog-item>span{flex:1;min-width:0;overflow-wrap:anywhere}.sf-catalog-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sf-catalog-item strong{font-size:14px}.sf-catalog-item>b{font-size:12px}.sf-catalog-item .btn{padding:7px;font-size:12px}.sf-catalog [aria-pressed=true]{color:var(--primary);border-color:var(--primary)}@media(max-width:600px){.sf-family-options{grid-template-columns:minmax(0,1fr)}.sf-catalog .sf-filters{gap:8px}.sf-catalog .sf-actions .btn{padding:8px;font-size:12px}}
.sf-catalog .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}