:root{--navy:#123d56;--navy2:#0d2f45;--blue:#2875a8;--blue-soft:#eaf3f8;--ink:#142d3c;--muted:#70808c;--line:#e1e8ed;--bg:#f4f7f9;--gold:#c39150;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(18px,4vw,56px);gap:42px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 16px 'Segoe UI',Arial;letter-spacing:-1px}.brand-name{font:800 14px 'Segoe UI',Arial;letter-spacing:1.1px;color:var(--navy)}.brand-company{font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:5px}.desktop-nav{display:flex;align-self:stretch;gap:7px}.nav-button{border:0;background:transparent;color:#637480;padding:0 17px;border-bottom:3px solid transparent;font-weight:600}.nav-button.active{color:var(--navy);border-bottom-color:var(--gold)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.sync-pill{color:#768791;font-size:12px;display:flex;gap:7px;align-items:center}.sync-pill i{width:7px;height:7px;border-radius:50%;background:#b6c1c8}.sync-pill.online i{background:#36a477}.sync-pill.demo i{background:var(--gold)}.top-new,.primary-button{border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:700;padding:11px 16px}.top-new b{font-size:18px;margin-right:4px}.demo-banner{background:#fbf4e8;color:#795521;border-bottom:1px solid #f0dfc1;text-align:center;padding:7px;font-size:12px;font-weight:600}.app-shell{width:min(1140px,calc(100% - 40px));margin:0 auto;padding:38px 0 86px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:var(--gold);font-weight:700;margin-bottom:7px}.page-title{font:800 clamp(25px,3.5vw,34px) 'Segoe UI',Arial;letter-spacing:-1.1px;margin:0;color:var(--navy)}.page-subtitle{color:var(--muted);margin:7px 0 0;font-size:14px}.search-panel,.form-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 12px 34px rgba(20,45,60,.05)}.search-panel{margin-bottom:20px}.search-wrap{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:19px;color:#8495a0}.search-input{width:100%;height:49px;border:1px solid #d9e1e6;border-radius:9px;padding:0 14px 0 43px;outline:none;background:#fbfcfd}.search-input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#7daac5;box-shadow:0 0 0 3px #e9f3f8;background:#fff}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.filter-label{font-size:12px;color:var(--muted);margin-right:3px}.chip{border:1px solid #e0e7eb;border-radius:99px;background:#fff;color:#60717c;font-size:12px;font-weight:600;padding:7px 12px}.chip.active{background:var(--blue-soft);border-color:#c8dfea;color:var(--navy)}.section-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.section-title{font:700 16px 'Segoe UI',Arial;color:var(--navy);margin:0}.section-note{font-size:12px;color:var(--muted)}.yarn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yarn-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:14px;min-height:91px;text-align:left;color:inherit;transition:.16s}.yarn-card:hover{border-color:#a9c5d5;box-shadow:0 10px 28px rgba(20,45,60,.07);transform:translateY(-1px)}.yarn-icon{width:42px;height:42px;border-radius:11px;background:#edf4f7;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.yarn-info{min-width:0;flex:1}.yarn-name{font-weight:700;color:var(--navy);font-size:14px}.yarn-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px}.mini-tag{background:#f3f6f8;color:#657783;border-radius:5px;font-size:10px;font-weight:700;padding:4px 7px;text-transform:uppercase}.mini-tag.cert{background:#eef5ef;color:#45714e}.yarn-last{text-align:right;white-space:nowrap}.yarn-last strong{display:block;font-size:15px}.yarn-last span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.empty-state,.notice-card{background:#fff;border:1px dashed #c9d5dc;border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.empty-icon{width:46px;height:46px;border-radius:50%;background:#eef4f7;display:grid;place-items:center;margin:0 auto 12px;color:var(--navy);font-size:22px}.empty-state h3{font:700 15px 'Segoe UI',Arial;color:var(--navy);margin:0 0 6px}.empty-state p{font-size:13px;margin:0 auto 16px;max-width:390px;line-height:1.5}.detail-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back-button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:18px}.detail-title-wrap{flex:1}.detail-title{font:800 23px 'Segoe UI',Arial;color:var(--navy);margin:0}.detail-meta{color:var(--muted);font-size:13px;margin-top:4px}.summary-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-bottom:16px}.summary-card{padding:17px 19px}.summary-kicker{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;font-weight:700}.summary-value{font:800 27px 'Segoe UI',Arial;color:var(--navy);margin-top:8px}.summary-value small{font-size:13px;font-weight:600;color:#74848f}.summary-foot,.reference-history{color:var(--muted);font-size:12px;margin-top:6px}.summary-empty{font-size:14px;color:#778993;margin-top:9px}.offer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 11px}.offer-toolbar h2{font:700 16px 'Segoe UI',Arial;color:var(--navy);margin:0}.offer-filters{display:flex;gap:7px;flex-wrap:wrap}.chip-select{border:1px solid #dce5ea;border-radius:8px;background:#fff;color:#546875;font-size:12px;font-weight:600;padding:8px}.offer-list{display:flex;flex-direction:column;gap:9px}.offer-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px;display:grid;grid-template-columns:minmax(150px,1fr) 150px 120px auto;align-items:center;gap:13px}.supplier-name{font-weight:700;color:var(--navy);font-size:14px}.supplier-code{font-size:11px;color:var(--muted);margin-top:3px}.offer-price{font:800 19px 'Segoe UI',Arial}.offer-price small{font:500 11px 'Segoe UI',Arial;color:var(--muted)}.offer-date{font-size:12px;color:#586b77}.offer-route{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700}.route-national{background:#eaf4ee;color:#39714c}.route-import{background:#eef2fa;color:#526e9b}.offer-note{grid-column:1/-1;border-top:1px solid #eef1f3;padding-top:9px;color:#75858e;font-size:12px;line-height:1.4}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;color:#4c606d;font-weight:700;margin-bottom:7px}.field label .required{color:#b65343}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe3e8;border-radius:8px;padding:11px 12px;background:#fbfcfd;color:var(--ink);outline:none;min-height:43px}.field textarea{min-height:74px;resize:vertical}.field-help{font-size:11px;color:#8a989f;margin-top:6px;line-height:1.4}.form-card{max-width:760px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.notice-inline{background:#f7f4ec;color:#826430;border:1px solid #eee3cd;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.45;margin-bottom:16px}.inline-create{border:0;background:transparent;color:#24688e;font-size:12px;font-weight:700;padding:7px 0}.mini-form{margin-top:8px;padding:13px;background:#f6f9fb;border:1px solid #e3ebef;border-radius:9px}.mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-form input,.mini-form select{width:100%;border:1px solid #dbe3e8;border-radius:7px;padding:9px;background:#fff}.mini-form-actions{display:flex;gap:8px;margin-top:10px}.secondary-button{border:1px solid #d7e1e7;border-radius:8px;background:#fff;color:var(--navy);font-weight:700;padding:9px 13px}.text-button{border:0;background:transparent;color:#697b86;padding:8px;font-weight:600}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf1f3;margin-top:18px;padding-top:17px}.auto-note{color:var(--muted);font-size:11px;line-height:1.45}.reference-edit{display:flex;gap:8px;align-items:flex-end;margin-top:12px}.reference-edit .field{flex:1}.error-panel{background:#fff;border:1px solid #eed2ce;border-radius:12px;padding:20px;color:#82473f}.error-panel h2{font:700 17px 'Segoe UI',Arial;margin:0 0 8px}.error-panel p{margin:0;font-size:13px;line-height:1.5}.error-panel code{background:#fff1ef;padding:2px 5px;border-radius:4px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#173d52;color:#fff;padding:12px 17px;border-radius:9px;font-size:13px;box-shadow:0 8px 24px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:min(520px,calc(100% - 26px));text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;gap:10px}.brand{min-width:0}.brand-mark{width:37px;height:37px}.brand-name{font-size:12px}.brand-company{font-size:9px}.desktop-nav{display:none}.top-actions{gap:9px}.sync-pill{font-size:0}.sync-pill i{width:8px;height:8px}.top-new{font-size:0;width:39px;height:39px;padding:0}.top-new b{font-size:22px;margin:0}.app-shell{width:calc(100% - 28px);padding:25px 0 96px}.page-head{align-items:flex-start;margin-bottom:18px}.page-title{font-size:27px}.page-subtitle{font-size:12px;line-height:1.45}.search-panel{padding:13px}.filter-row{gap:6px}.filter-label{width:100%;margin-bottom:1px}.chip{padding:7px 10px}.yarn-grid{grid-template-columns:1fr;gap:8px}.yarn-card{min-height:81px;padding:13px}.yarn-icon{width:38px;height:38px}.section-row{margin:21px 0 10px}.detail-head{align-items:flex-start}.detail-title{font-size:18px;line-height:1.3}.detail-meta{font-size:11px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:13px}.summary-kicker{font-size:9px;letter-spacing:.7px}.summary-value{font-size:23px}.summary-foot{font-size:10px}.offer-toolbar{display:block;margin:20px 0 10px}.offer-toolbar h2{margin-bottom:10px}.offer-card{grid-template-columns:1fr auto;gap:7px 10px;padding:13px}.supplier-name{font-size:13px}.offer-price{font-size:18px}.offer-date{font-size:11px}.offer-route{justify-self:end}.offer-note{font-size:11px}.form-card{padding:16px}.form-grid{grid-template-columns:1fr;gap:13px}.field.full{grid-column:auto}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .primary-button{width:100%}.mini-form-grid{grid-template-columns:1fr}.reference-edit{align-items:stretch;flex-direction:column}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);padding:4px 18px max(5px,env(safe-area-inset-bottom));z-index:20;justify-content:space-around}.mobile-nav-button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#7b8991;min-width:100px}.mobile-nav-button span{font-size:22px;line-height:24px}.mobile-nav-button small{font-size:10px;font-weight:600}.mobile-nav-button.active{color:var(--navy)}.toast{bottom:77px}}@media(max-width:380px){.summary-grid{grid-template-columns:1fr}}

.component-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.component-row{display:grid;grid-template-columns:100px 145px minmax(125px,1fr) minmax(145px,1fr) 34px;align-items:end;gap:8px;padding:10px;background:#fff;border:1px solid #e1e8ed;border-radius:9px}.component-cell{display:block;min-width:0;color:#4c606d;font-size:11px;font-weight:700}.component-cell input,.component-cell select{display:block;width:100%;min-width:0;height:40px;margin-top:5px;border:1px solid #dbe3e8;border-radius:7px;padding:8px;background:#fbfcfd;color:var(--ink)}.component-other-wrap[hidden]{display:none}.remove-component{width:32px;height:38px;border:1px solid #e1e8ed;border-radius:7px;background:#fff;color:#75858e;font-size:20px;line-height:1}.remove-component:hover{border-color:#dbaea8;color:#a14e43}.component-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:5px}.component-controls .text-button{padding-left:0}.component-total{font-size:12px;color:#875d2a}.component-total.is-valid{color:#39714c}.component-total.is-invalid{color:#a14e43}.component-cell:focus-within input,.component-cell:focus-within select{outline:none;border-color:#7daac5;box-shadow:0 0 0 3px #e9f3f8}.mini-form .component-cell input,.mini-form .component-cell select{padding:8px;background:#fbfcfd}
@media(max-width:760px){.component-row{grid-template-columns:minmax(75px,.7fr) minmax(120px,1.3fr) 34px;gap:8px;padding:9px}.component-cell:nth-child(1){grid-column:1}.component-cell:nth-child(2){grid-column:2}.component-other-wrap:not([hidden]),.component-attribute-wrap{grid-column:1/3}.remove-component{grid-column:3;grid-row:1;align-self:end;margin-bottom:1px}}

.brand-logo{height:45px;width:auto;max-width:78px;object-fit:contain;flex:none}.yarn-last{min-width:142px;white-space:normal}.best-price-mini{text-align:right}.best-price-mini span,.best-price-mini small{display:block;color:var(--muted);font-size:10px;line-height:1.3}.best-price-mini strong{display:block;color:var(--navy);font-size:16px;margin:2px 0}.reference-price-mini{margin-top:7px;padding-top:6px;border-top:1px solid #e8edef;text-align:right;color:#39714c;font-size:10px;line-height:1.3}.reference-price-mini strong{display:block;color:#285d3b;font-size:13px}.summary-grid{grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr) minmax(150px,.75fr)}.reference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf1f3}.reference-cert{display:inline-block;border-radius:5px;background:#eef5ef;color:#39714c;font-size:10px;padding:4px 7px}.reference-foot{font-size:11px;color:var(--muted);line-height:1.4;margin-top:5px}.reference-amount{white-space:nowrap;color:#285d3b;font-size:18px}.reference-amount small{font-size:10px;color:var(--muted);font-weight:500}.reference-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #edf1f3;margin-top:10px;padding-top:12px}.reference-editor .field.full{grid-column:1/-1}.reference-editor .secondary-button{justify-self:start}.best-summary{border-color:#b9d8c3;background:linear-gradient(145deg,#fff 45%,#f3faf5)}.best-summary .summary-value{color:#28613d}.best-summary-supplier{font-weight:700;color:var(--navy);margin-top:8px}.best-summary .summary-foot{line-height:1.5}.best-offer{border-color:#9fc9aa;background:#f7fcf8}.best-offer-badge{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:99px;background:#e4f2e8;color:#326b43;font-size:9px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}
@media(max-width:760px){.brand-logo{height:38px;max-width:66px}.yarn-last{min-width:120px}.summary-grid{grid-template-columns:1fr}.reference-editor{grid-template-columns:1fr}.reference-editor .field.full{grid-column:auto}}

/* Compact reference rows keep the key figures visible with a large yarn catalogue. */
.yarn-grid{grid-template-columns:1fr;gap:6px}.yarn-card{min-height:68px;padding:10px 13px;border-radius:9px;gap:12px}.yarn-info{flex:1.2}.yarn-name{font-size:13px;line-height:1.35}.yarn-meta{margin-top:4px}.yarn-last{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;white-space:nowrap}.best-price-mini,.reference-price-mini,.quote-date-mini{text-align:right;min-width:94px}.best-price-mini span,.quote-date-mini span,.reference-price-mini span{font-size:9px;text-transform:uppercase;letter-spacing:.3px}.best-price-mini strong,.quote-date-mini strong,.reference-price-mini strong{font-size:14px;margin:2px 0}.best-price-mini small,.reference-price-mini small{display:block;font-size:9px;color:var(--muted)}.reference-price-mini{margin:0;padding:0;border:0;min-width:105px}.quote-date-mini strong{display:block;color:#425966}.yarn-description{font-size:10px;color:var(--muted)}.quote-status{color:#5f6f78}.offer-card{padding:10px 13px;gap:10px}.offer-note{padding-top:7px}
@media(max-width:760px){.yarn-card{align-items:center;padding:9px 10px;gap:8px}.yarn-name{font-size:12px}.yarn-last{flex-direction:column;align-items:flex-end;gap:4px;min-width:88px}.best-price-mini,.reference-price-mini,.quote-date-mini{min-width:0}.best-price-mini span,.quote-date-mini span,.reference-price-mini span{display:inline;font-size:8px;margin-right:4px}.best-price-mini strong,.quote-date-mini strong,.reference-price-mini strong{display:inline;font-size:12px}.best-price-mini small,.reference-price-mini small{display:none}.reference-price-mini{border:0;padding:0;margin:0}.yarn-meta .mini-tag{font-size:8px;padding:3px 5px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:11px}.summary-grid .reference-summary{grid-column:1/-1}.reference-editor{grid-template-columns:1fr 1fr}.reference-editor .field.full{grid-column:auto}.offer-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:10px}.offer-card .supplier-name{font-size:12px}.offer-card .supplier-code{font-size:10px}.offer-price{font-size:16px}.offer-date{font-size:10px}.offer-note{grid-column:1/-1}.offer-route{font-size:9px;padding:4px 7px}}
@media(max-width:390px){.yarn-last{min-width:78px}.best-price-mini strong,.quote-date-mini strong,.reference-price-mini strong{font-size:11px}.yarn-name{font-size:11px}.summary-grid{grid-template-columns:1fr}.summary-grid .reference-summary{grid-column:auto}.reference-editor{grid-template-columns:1fr}}

.filter-row+.filter-row{margin-top:8px}.filter-row .filter-label{min-width:86px}.yarn-last{gap:12px}.best-price-mini{min-width:120px}.best-price-mini small{max-width:150px;white-space:normal}.quick-offer{background:#fff;border:1px solid #c8dce7;border-radius:12px;padding:14px 16px;margin:0 0 14px;box-shadow:0 8px 24px rgba(20,45,60,.05)}.quick-offer-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.5fr);gap:12px}.quick-more{border-top:1px solid #edf1f3;margin-top:10px;padding-top:9px}.quick-more summary{cursor:pointer;color:#526875;font-size:12px;font-weight:700}.quick-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quick-more-grid .field.full{grid-column:1/-1}.quick-offer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.quick-offer-actions span{margin-right:auto;color:var(--muted);font-size:11px}.quick-offer-actions .primary-button{padding:9px 14px}.best-price-mini small{display:block;color:#596c77}
@media(max-width:760px){.filter-row .filter-label{min-width:100%;margin-bottom:0}.quick-offer{padding:11px}.quick-offer-main{grid-template-columns:1fr 1fr;gap:8px}.quick-more-grid{grid-template-columns:1fr 1fr}.quick-more-grid .field.full{grid-column:1/-1}.quick-offer-actions{flex-wrap:wrap;gap:6px}.quick-offer-actions span{width:100%}.best-price-mini{min-width:102px}.best-price-mini small{max-width:125px;font-size:8px;line-height:1.15}}
@media(max-width:390px){.quick-offer-main{grid-template-columns:1fr}.quick-more-grid{grid-template-columns:1fr}.quick-more-grid .field.full{grid-column:auto}.best-price-mini{min-width:90px}.best-price-mini small{max-width:105px}}

/* Clear hierarchy: technical yarn name, then the quote price and supplier. */
.yarn-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 16px;min-height:82px}.yarn-info{min-width:0}.yarn-name{font-size:15px;font-weight:750;line-height:1.35;color:var(--navy)}.yarn-meta{margin-top:6px}.yarn-description{display:block;margin-top:5px;color:#536a77;font-size:12px;line-height:1.35}.yarn-last{display:flex;align-items:center;justify-content:flex-end;gap:14px;white-space:nowrap}.best-price-mini{min-width:150px}.best-price-mini span{font-size:10px}.best-price-mini strong{font-size:21px;color:#225b3d;line-height:1.15}.best-price-mini small.best-supplier-mini{font-size:11px;font-weight:700;color:#334f5d;line-height:1.25;max-width:200px;white-space:normal}.best-price-mini small.best-status-mini{font-size:10px;line-height:1.2;white-space:normal}.quote-date-mini,.reference-price-mini{min-width:105px}.quote-date-mini strong{font-size:13px}.offer-card{padding:13px 16px;grid-template-columns:minmax(190px,1fr) minmax(135px,auto) minmax(110px,auto) auto;gap:12px}.supplier-name{font-size:15px;line-height:1.25}.supplier-code{font-size:11px}.offer-price{font-size:21px;color:var(--navy)}.best-offer .offer-price{color:#225b3d}.offer-date{font-size:12px;color:#455d69}.offer-date span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-right:4px}.offer-note{font-size:12px;color:#536974;line-height:1.45;background:#fbfcfd;border-radius:6px;padding:8px 10px;border-top:0}.offer-note strong{color:#31546a}
@media(max-width:760px){.yarn-card{grid-template-columns:minmax(0,1fr) minmax(122px,.55fr);gap:9px;padding:10px 11px;min-height:92px;align-items:center}.yarn-info{min-width:0}.yarn-name{font-size:13px;line-height:1.3}.yarn-meta{gap:4px;margin-top:5px}.yarn-meta .mini-tag{font-size:8px;padding:3px 5px}.yarn-description{font-size:10px;line-height:1.25;margin-top:4px}.yarn-last{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.best-price-mini,.quote-date-mini,.reference-price-mini{min-width:0;width:100%;text-align:right}.best-price-mini span,.quote-date-mini span,.reference-price-mini span{display:block;font-size:8px;letter-spacing:.2px;line-height:1.1}.best-price-mini strong{display:block;font-size:18px;margin:1px 0}.best-price-mini small.best-supplier-mini{display:block!important;max-width:145px;font-size:9px;line-height:1.15;color:#334f5d}.best-price-mini small.best-status-mini{display:block!important;font-size:8px;line-height:1.1}.quote-date-mini strong{display:block;font-size:10px}.reference-price-mini{margin:0;padding:0;border:0}.reference-price-mini strong{display:block;font-size:11px}.reference-price-mini small{display:none}.offer-card{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:11px}.offer-card .supplier-name{font-size:14px}.offer-card .supplier-code{font-size:10px}.offer-price{font-size:19px}.offer-date{font-size:11px}.offer-date span{font-size:9px}.offer-note{font-size:11px;padding:7px 8px}}
@media(max-width:390px){.yarn-card{grid-template-columns:minmax(0,1fr) 114px;padding:9px;gap:7px}.yarn-name{font-size:12px}.best-price-mini strong{font-size:17px}.best-price-mini small.best-supplier-mini{font-size:8px;max-width:110px}.best-price-mini small.best-status-mini{font-size:7px}.offer-card .supplier-name{font-size:13px}.offer-price{font-size:18px}}

.quote-age-mini{display:block;color:#71818a;font-size:10px;line-height:1.1;margin-top:2px}
@media(max-width:760px){.quote-age-mini{font-size:8px}}

/* Multi-certification selector for yarn references. */
.cert-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.field .cert-choice{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 9px;border:1px solid #dbe3e8;border-radius:7px;background:#fbfcfd;color:#526875;font-size:11px;font-weight:650;cursor:pointer}
.field .cert-choice.selected{border-color:#a9c5d5;background:#eaf3f8;color:var(--navy)}
.field .cert-choice input{width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--navy);flex:none}
.field .cert-choice input:focus{box-shadow:none;background:transparent}