/* Two real work formats: source invoice copies and supplier quotation sheets. */
.sq-comparison{min-width:0;color:#272727;font-family:var(--sans,Arial,Helvetica,sans-serif)}
.sq-comparison *{box-sizing:border-box;min-width:0}
.sq-comparison .sq-paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;background:#f2f2f2;border-radius:24px;isolation:isolate}
.sq-comparison .sq-paper{position:relative;display:flex;flex-direction:column;margin:0;padding:24px 22px;background:#fff;border:0;border-radius:20px;box-shadow:0 12px 24px -22px #00000030;overflow-wrap:anywhere}
.sq-comparison .sq-paper-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:26px}
.sq-comparison .sq-paper-top h4{margin:0;font-size:14px;line-height:1.6;font-weight:500;color:#565656}
.sq-comparison .sq-status{flex:none;max-width:62%;padding:0;border-radius:0;background:none;color:#575757;font-size:14px;line-height:1.5;text-align:right}
.sq-comparison .sq-paper-grid:focus-visible{outline:2px solid #737373;outline-offset:4px}
.sq-comparison .sq-flagged .sq-status{color:#242424;font-weight:500}
.sq-comparison .sq-invoice-heading{display:flex;flex-direction:column;gap:7px;padding:29px 0 23px}
.sq-comparison .sq-invoice-heading>span{font-size:14px;line-height:1.6;color:#747474}
.sq-comparison .sq-document-id{font-size:clamp(23px,2.1vw,31px);font-weight:500;line-height:1.2;letter-spacing:-.045em;color:#272727}
.sq-comparison .sq-paper-facts{display:grid;margin:0;padding:0}
.sq-comparison .sq-paper-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:17px;padding:13px 0;border-top:1px solid #ededed}
.sq-comparison .sq-paper-facts dt{font-size:14px;line-height:1.6;color:#666;flex:1}
.sq-comparison .sq-paper-facts dd{margin:0;font-size:14px;line-height:1.65;color:#383838;text-align:right;flex:1;font-variant-numeric:tabular-nums}
.sq-comparison .sq-amount{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:17px;padding-top:18px;border-top:1px solid #ededed}
.sq-comparison .sq-amount>span{font-size:14px;color:#666}
.sq-comparison .sq-amount>strong{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sq-comparison .sq-review{display:grid;grid-template-columns:minmax(100px,.34fr) minmax(0,1fr);gap:24px;margin-top:22px;padding:3px 4px;color:#575757}
.sq-comparison .sq-review>strong{font-size:14px;line-height:1.7;font-weight:500;color:#242424}
.sq-comparison .sq-review>p{margin:0;font-size:14px;line-height:1.8}
.sq-comparison .sq-review-warning>strong{color:#242424}
.sq-comparison .sq-requirement{max-width:690px;margin:0 0 23px;font-size:15px;line-height:1.8;color:#626262}
.sq-comparison .sq-quote-total{display:flex;flex-direction:column;gap:7px;padding:26px 0 25px}
.sq-comparison .sq-quote-total>span{font-size:14px;line-height:1.6;color:#666}
.sq-comparison .sq-quote-total>strong{font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#272727}
.sq-comparison .sq-quote .sq-paper-facts{flex:1}
.sq-comparison .sq-quote .sq-paper-facts>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:17px}
.sq-comparison .sq-timing{margin-top:3px;padding-bottom:0!important}
.sq-comparison .sq-late .sq-timing dd{color:#242424;font-weight:500}
.sq-comparison .sq-qualification{margin:17px 4px 0;font-size:14px;line-height:1.8;color:#757575}
@media(max-width:800px){
 .sq-comparison .sq-paper-grid{padding:17px;gap:14px}
 .sq-comparison .sq-paper{padding:22px 18px}
 .sq-comparison .sq-paper-top{flex-wrap:wrap;gap:8px}
 .sq-comparison .sq-status{max-width:100%}
 .sq-comparison .sq-review{grid-template-columns:1fr;gap:6px}
 .sq-comparison .sq-quote .sq-paper-facts>div{grid-template-columns:1fr;gap:4px}
 .sq-comparison .sq-quote .sq-paper-facts dd{text-align:left}
}
@media(max-width:640px){
 .sq-comparison .sq-paper-grid{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px;border-radius:22px}
 .sq-comparison .sq-paper{padding:23px 22px}
 .sq-comparison .sq-paper-top{flex-wrap:nowrap}
 .sq-comparison .sq-document-id{font-size:29px}
 .sq-comparison .sq-quote-total>strong{font-size:37px}
 .sq-comparison .sq-review>p{font-size:14px}
 .sq-comparison .sq-requirement{font-size:14px}
}
@media(max-width:380px){
 .sq-comparison .sq-paper-grid{padding:12px;gap:13px}
 .sq-comparison .sq-paper{padding:21px 17px}
 .sq-comparison .sq-paper-top{flex-wrap:wrap}
 .sq-comparison .sq-document-id{font-size:26px}
 .sq-comparison .sq-paper-facts>div{gap:10px}
 .sq-comparison .sq-amount{align-items:flex-start;flex-direction:column;gap:7px}
 .sq-comparison .sq-amount>strong{font-size:29px}
 .sq-comparison .sq-quote-total>strong{font-size:33px}
}
/* Keep duplicate identifiers comparable at a glance; quotes can be swiped. */
@media(max-width:640px){
 .sq-finance .sq-paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:9px;border-radius:20px}
 .sq-finance .sq-paper{padding:15px 10px;border-radius:16px}
 .sq-finance .sq-paper-top{flex-direction:column;align-items:flex-start;gap:7px;min-height:65px}
 .sq-finance .sq-paper-top h4{font-size:14px;line-height:1.5}
 .sq-finance .sq-status{max-width:100%;padding:0;font-size:14px;text-align:left;line-height:1.45}
 .sq-finance .sq-invoice-heading{gap:6px;padding:18px 0 17px}
 .sq-finance .sq-invoice-heading>span{font-size:14px}
 .sq-finance .sq-document-id{font-size:14px;line-height:1.4;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal}
 .sq-finance .sq-paper-facts>div{flex-direction:column;gap:4px;padding:12px 0}
 .sq-finance .sq-paper-facts dt{font-size:14px}
 .sq-finance .sq-paper-facts dd{font-size:14px;text-align:left}
 .sq-finance .sq-amount{flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px;padding-top:13px}
 .sq-finance .sq-amount>span{font-size:14px}
 .sq-finance .sq-amount>strong{font-size:19px;line-height:1.35;letter-spacing:-.035em;white-space:nowrap}
 .sq-procurement .sq-paper-grid{display:flex;gap:12px;padding:14px;overflow-x:auto;max-width:100%;scroll-snap-type:x mandatory;scroll-padding-inline:14px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a9a9a9 #e5e5e5}
 .sq-procurement .sq-paper{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}
 .sq-procurement .sq-paper-grid::-webkit-scrollbar{height:6px}
 .sq-procurement .sq-paper-grid::-webkit-scrollbar-track{background:#e5e5e5;border-radius:6px}
 .sq-procurement .sq-paper-grid::-webkit-scrollbar-thumb{background:#a9a9a9;border-radius:6px}
}

/* Shared requirements need stating once; the papers emphasize the tradeoff. */
.sq-comparison :is(.sq-paper-facts dd,.sq-shared-facts dd,.sq-review>p,.sq-requirement){font-size:16px}
.sq-comparison :is(.sq-paper-facts dt,.sq-shared-facts dt,.sq-invoice-heading>span,.sq-amount>span,.sq-quote-total>span,.sq-qualification){color:#666}
.sq-comparison .sq-shared-facts{display:flex;flex-wrap:wrap;gap:15px 35px;margin:18px 4px 0!important}.sq-shared-facts>div{display:grid;gap:4px}.sq-shared-facts dt{font-size:14px;color:#666}.sq-shared-facts dd{font-size:14px;color:#666;line-height:1.5}
@media(max-width:640px){.sq-comparison .sq-quote .sq-paper-facts>div{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:15px}.sq-comparison .sq-quote .sq-paper-facts dd{text-align:right;font-size:14px}.sq-comparison .sq-quote .sq-paper-facts dt{font-size:14px}.sq-comparison .sq-quote-total{padding-block:20px}.sq-comparison .sq-invoice-heading{padding-block:19px}.sq-comparison .sq-invoice .sq-paper-facts>div{padding:11px 0}.sq-comparison .sq-invoice .sq-amount{margin-top:9px;padding-top:12px}.sq-comparison .sq-review{margin-top:20px}.sq-comparison .sq-review>p{line-height:1.7}.sq-comparison .sq-shared-facts{gap:14px 25px}}

/* Keep every quote and decisive invoice value visible at phone widths. */
.sq-comparison .sq-paper-facts dd,.sq-comparison .sq-shared-facts dd{font-size:16px}
@media(max-width:640px){
 .sq-comparison .sq-quote .sq-paper-facts dd{font-size:16px}
 .sq-finance .sq-paper-top{min-height:77px}
 .sq-finance .sq-paper-facts dd{font-size:16px}
 .sq-procurement .sq-paper-grid{display:grid;grid-template-columns:1fr;overflow:visible}
 .sq-procurement .sq-paper{min-width:0}
}