.supplier-workspace{min-height:100%;padding:24px;background:#f6f5f1;color:#171817;font-family:"DM Sans",sans-serif}
.supplier-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid #dedbd2;border-radius:18px;background:linear-gradient(125deg,#0b0c0c,#17160f);color:#fff;box-shadow:0 18px 42px rgba(18,18,14,.08)}
.supplier-hero span{display:block;margin-bottom:9px;color:#d9aa3d;font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}
.supplier-hero h2{margin:0;font-size:30px;line-height:1.1}.supplier-hero p{margin:9px 0 0;color:#b8b8b3;font-size:13px}
.supplier-hero-actions{display:flex;gap:9px}.supplier-hero-actions button,.supplier-capture footer button:last-child{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:1px solid #d9aa3d;border-radius:11px;background:#d9aa3d;color:#111;font:700 11px "DM Sans",sans-serif;cursor:pointer}
.supplier-hero-actions button:first-child{background:transparent;color:#e4b94e}.supplier-hero-actions button svg{width:16px}
.supplier-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.supplier-kpis article{padding:18px;border:1px solid #dedbd2;border-radius:14px;background:#fff}.supplier-kpis small{display:block;color:#7b7b74;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.supplier-kpis b{display:block;margin:8px 0 3px;font-size:26px}.supplier-kpis span{color:#8b8b84;font-size:10px}
.supplier-register,.supplier-quotes,.supplier-pricing,.supplier-capture{margin-top:16px;border:1px solid #dedbd2;border-radius:16px;background:#fff;overflow:hidden}.supplier-register>header,.supplier-quotes>header,.supplier-pricing>header,.supplier-capture>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #ebe8e0}.supplier-register h3,.supplier-quotes h3,.supplier-pricing h3,.supplier-capture h3{margin:0;font-size:14px}.supplier-register p,.supplier-quotes p,.supplier-pricing p,.supplier-capture p{margin:4px 0 0;color:#83837c;font-size:10px}.supplier-register>header>div:last-child{display:flex;gap:8px}.supplier-register label{display:flex;align-items:center;gap:7px;min-width:230px;padding:0 11px;border:1px solid #ddd9cf;border-radius:10px}.supplier-register label svg{width:15px;color:#8a7a50}.supplier-register input,.supplier-register select,.supplier-form-grid input,.supplier-form-grid select,.pricing-form-grid input{min-height:39px;border:0;background:transparent;color:#242522;font:500 11px "DM Sans",sans-serif;outline:0}.supplier-register select{padding:0 12px;border:1px solid #ddd9cf;border-radius:10px}
.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.supplier-card{min-width:0;padding:16px;border:1px solid #e5e2da;border-radius:13px;background:#fbfaf7}.supplier-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.supplier-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfc985;border-radius:50%;background:#f4ecd5;color:#9b7419;font-size:11px;font-weight:700}.supplier-card h3{margin:2px 0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-card header small,.supplier-card header p{display:block;margin:0;color:#8b8b84;font-size:8px}.supplier-status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:#f0eee8;color:#66655f;font-size:8px;font-weight:700;text-transform:uppercase}.supplier-status--approved,.supplier-status--accepted{background:#e2f3eb;color:#087553}.supplier-status--suspended,.supplier-status--rejected,.supplier-status--expired{background:#f9e9e5;color:#ac3e2b}.supplier-status--received,.supplier-status--pending_approval{background:#fff3d1;color:#946b08}.supplier-card-meta{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 12px;padding:11px 0;border-block:1px solid #e7e4dc}.supplier-card-meta span{min-width:0;padding:0 8px;border-right:1px solid #e7e4dc}.supplier-card-meta span:first-child{padding-left:0}.supplier-card-meta span:last-child{border:0}.supplier-card-meta small,.supplier-card-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-card-meta small{color:#96958e;font-size:7px;text-transform:uppercase}.supplier-card-meta b{margin-top:4px;font-size:9px}.supplier-tags{display:flex;flex-wrap:wrap;gap:5px}.supplier-tags span{padding:5px 7px;border-radius:7px;background:#efede7;color:#65645e;font-size:8px}.supplier-card footer{display:flex;align-items:center;gap:6px;margin-top:13px;color:#7c7b74;font-size:8px}.supplier-card footer svg{width:14px;color:#bd8c1d}
.supplier-quotes>header>span,.supplier-pricing>header>span{color:#a77c19;font-size:9px;font-weight:700}.supplier-table-wrap{overflow-x:auto}.supplier-quotes table{width:100%;min-width:980px;border-collapse:collapse}.supplier-quotes th{padding:11px 16px;background:#f8f7f3;color:#85847d;font-size:8px;letter-spacing:.8px;text-align:left;text-transform:uppercase}.supplier-quotes td{padding:14px 16px;border-top:1px solid #ece9e2;font-size:10px;vertical-align:middle}.supplier-quotes td:first-child{max-width:250px}.supplier-quotes td b,.supplier-quotes td span,.supplier-quotes td small{display:block}.supplier-quotes td span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-quotes td small{max-width:330px;margin:3px 0;color:#898880;font-size:8px}.supplier-quotes td button,.quote-pricing-link{min-height:32px;padding:0 10px;border:1px solid #d8b457;border-radius:9px;background:#fffaf0;color:#8e6914;font:700 9px "DM Sans",sans-serif;white-space:nowrap;cursor:pointer}.quote-pricing-link{display:inline-flex!important;align-items:center}
.supplier-empty,.supplier-loading,.supplier-error{grid-column:1/-1;padding:42px 20px;text-align:center;color:#7f7e76}.supplier-empty svg{width:26px;color:#c49222}.supplier-empty h3,.supplier-error h3{margin:10px 0 5px;color:#242522;font-size:13px}.supplier-empty p,.supplier-error p{margin:0;font-size:10px}.supplier-empty--quote{border-top:1px solid #ece9e2}.supplier-loading{display:flex;align-items:center;justify-content:center;gap:10px}.supplier-loading span{width:15px;height:15px;border:2px solid #ddd;border-top-color:#bd8c1d;border-radius:50%;animation:supplier-spin .8s linear infinite}
.supplier-capture[hidden]{display:none}.supplier-capture>header>button{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}.supplier-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px}.supplier-form-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}.supplier-form-grid label span,.pricing-form-grid label>span{font-size:9px;font-weight:700}.supplier-form-grid input,.supplier-form-grid select{width:100%;padding:0 11px;border:1px solid #ddd9cf;border-radius:10px}.supplier-capture footer{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px}.supplier-capture footer button{min-height:40px;padding:0 15px;border:1px solid #ddd9cf;border-radius:10px;background:#fff;font:600 10px "DM Sans",sans-serif;cursor:pointer}.supplier-capture footer button:disabled,.supplier-quotes td button:disabled{opacity:.55;cursor:wait}.supplier-form-empty{padding:28px 20px}.supplier-form-empty b,.supplier-form-empty span{display:block}.supplier-form-empty span{margin-top:5px;color:#7f7e76;font-size:10px}
.quote-line-editor{margin:0 20px 18px;border:1px solid #e4e0d7;border-radius:13px;overflow:hidden}.quote-line-editor>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8f7f3}.quote-line-editor>header b,.quote-line-editor>header span{display:block}.quote-line-editor>header b{font-size:10px}.quote-line-editor>header span{margin-top:2px;color:#85847d;font-size:8px}.quote-line-editor>header button{padding:7px 10px;border:1px solid #d8b457;border-radius:8px;background:#fff;color:#8e6914;font:700 9px "DM Sans",sans-serif;cursor:pointer}.quote-item-row{display:grid;grid-template-columns:24px minmax(220px,2fr) 90px 90px 120px 80px 28px;gap:7px;align-items:center;padding:8px 12px;border-top:1px solid #ece9e2}.quote-item-row>span{color:#9b7419;font-size:9px;text-align:center}.quote-item-row input{min-width:0;min-height:36px;padding:0 9px;border:1px solid #ddd9cf;border-radius:8px;font:500 10px "DM Sans",sans-serif}.quote-item-row button{border:0;background:transparent;color:#a64130;font-size:18px;cursor:pointer}
.pricing-capture{border-color:#d9b85f}.pricing-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px 20px}.pricing-form-grid label{display:flex;flex-direction:column;gap:6px}.pricing-form-grid label>div{display:flex;align-items:center;min-height:40px;border:1px solid #ddd9cf;border-radius:10px}.pricing-form-grid input{width:100%;min-width:0;padding:0 10px}.pricing-form-grid em{padding:0 10px;color:#8b7a50;font-size:9px;font-style:normal}.pricing-form-grid .pricing-assumptions{grid-column:1/-1}.pricing-form-grid .pricing-assumptions input{border:1px solid #ddd9cf;border-radius:10px}.pricing-evidence-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 20px 18px;padding:12px 14px;border:1px solid #dfca8b;border-radius:11px;background:#fffaf0}.pricing-evidence-note b{font-size:10px}.pricing-evidence-note span{color:#7c735d;font-size:9px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.pricing-card{padding:16px;border:1px solid #e5e2da;border-radius:13px;background:#fbfaf7}.pricing-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pricing-card header small{color:#98731d;font-size:8px}.pricing-card h4{max-width:220px;margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pricing-card header p{margin:0;color:#85847d;font-size:9px}.pricing-total{margin:15px 0;padding:14px;border-radius:11px;background:#151613;color:#fff}.pricing-total small,.pricing-total span{display:block;color:#aaa99f;font-size:8px}.pricing-total b{display:block;margin:5px 0 3px;color:#e4bc56;font-size:21px}.pricing-card dl{margin:0}.pricing-card dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ebe8e0;font-size:9px}.pricing-card dt{color:#7f7e76}.pricing-card dd{margin:0;font-weight:700}.pricing-card>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.pricing-card>footer button{min-height:34px;padding:0 11px;border:1px solid #d8b457;border-radius:9px;background:#fff;color:#8e6914;font:700 9px "DM Sans",sans-serif;cursor:pointer}.pricing-card>footer button:last-child{background:#d9aa3d;color:#111}.pricing-ready{display:inline-flex;align-items:center;gap:6px;color:#087553;font-size:9px;font-weight:700}.pricing-ready svg{width:14px}.pricing-rejection{padding:9px;border-radius:8px;background:#f9e9e5;color:#963b2b!important;font-size:8px!important}
@keyframes supplier-spin{to{transform:rotate(360deg)}}
[data-roc-theme="dark"] .supplier-workspace{background:#080909;color:#f4f3ef}[data-roc-theme="dark"] .supplier-kpis article,[data-roc-theme="dark"] .supplier-register,[data-roc-theme="dark"] .supplier-quotes,[data-roc-theme="dark"] .supplier-pricing,[data-roc-theme="dark"] .supplier-capture{background:#111212;border-color:#2b2c29}[data-roc-theme="dark"] .supplier-card,[data-roc-theme="dark"] .pricing-card{background:#171817;border-color:#30312e}[data-roc-theme="dark"] .supplier-register>header,[data-roc-theme="dark"] .supplier-quotes>header,[data-roc-theme="dark"] .supplier-pricing>header,[data-roc-theme="dark"] .supplier-capture>header,[data-roc-theme="dark"] .supplier-card-meta,[data-roc-theme="dark"] .supplier-quotes td,[data-roc-theme="dark"] .pricing-card dl div{border-color:#292a27}[data-roc-theme="dark"] .supplier-register input,[data-roc-theme="dark"] .supplier-register select,[data-roc-theme="dark"] .supplier-form-grid input,[data-roc-theme="dark"] .supplier-form-grid select,[data-roc-theme="dark"] .quote-item-row input,[data-roc-theme="dark"] .pricing-form-grid label>div,[data-roc-theme="dark"] .pricing-form-grid .pricing-assumptions input{color:#eee;background:#171817;border-color:#363733}[data-roc-theme="dark"] .supplier-quotes th,[data-roc-theme="dark"] .quote-line-editor>header{background:#171817}[data-roc-theme="dark"] .quote-line-editor,[data-roc-theme="dark"] .quote-item-row{border-color:#30312e}[data-roc-theme="dark"] .pricing-evidence-note{background:#19170f;border-color:#5a481b}[data-roc-theme="dark"] .pricing-card>footer button,[data-roc-theme="dark"] .supplier-quotes td button{background:#19170f}
@media(max-width:1180px){.supplier-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.supplier-kpis{grid-template-columns:repeat(2,1fr)}.pricing-form-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.quote-line-editor{overflow-x:auto}.quote-item-row{min-width:760px}}
@media(max-width:760px){.supplier-workspace{padding:14px}.supplier-hero,.supplier-register>header,.supplier-quotes>header,.supplier-pricing>header{align-items:stretch;flex-direction:column}.supplier-hero-actions,.supplier-register>header>div:last-child{flex-direction:column}.supplier-hero-actions button{justify-content:center}.supplier-register label{min-width:0}.supplier-grid,.pricing-grid,.supplier-form-grid,.pricing-form-grid{grid-template-columns:1fr}.pricing-form-grid .pricing-assumptions{grid-column:auto}.supplier-kpis{grid-template-columns:1fr 1fr}.pricing-evidence-note{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.supplier-grid,.pricing-grid,.supplier-kpis{grid-template-columns:1fr}}
.supplier-card footer{justify-content:space-between;gap:8px}.supplier-card footer>span{display:flex;align-items:center;gap:6px}.supplier-card footer button{min-height:30px;padding:0 9px;border:1px solid #d8b457;border-radius:8px;background:#fffaf0;color:#8e6914;font:700 8px "DM Sans",sans-serif;white-space:nowrap;cursor:pointer}[data-roc-theme="dark"] .supplier-card footer button{background:#19170f}