/* ComponentERP beta, T2794 B4 RFQs, quotes & BOMs (RQ-1..RQ-18, CR-18): styles for ce-quotes.js. Colours come from base.css tokens (light-dark). */
.ceq-instructions .ceq-line{border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:5px;padding:12px;margin:0 0 12px;background:var(--stripe)}
.ceq-line header,.ceq-assign-card header{display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin-bottom:8px}
.ceq-line header strong{font-size:13px}.ceq-target{font-weight:650;color:var(--text)}
.ceq-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin:0 0 10px}
.ceq-facts dt{font-size:11px;color:var(--muted);font-weight:600}.ceq-facts dd{margin:2px 0 0;overflow-wrap:anywhere}
.ceq-note{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.ceq-instructions .mini-table table{min-width:0}
.ceq-note-banner{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin:10px 0 0;padding:8px 12px;border:1px solid var(--line);border-left:3px solid light-dark(#b8860b,#e3b341);border-radius:5px;background:light-dark(#fff8e6,#2b2615);font-size:12px}
.ceq-note-banner b{color:var(--text)}.ceq-note-text{flex-basis:100%;white-space:pre-wrap;overflow-wrap:anywhere}
dialog.ceq-wide{width:min(1100px,calc(100% - 28px))}
.ceq-people{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;margin-bottom:10px}.ceq-people legend{padding:0 4px}
.ceq-hint{font-size:12px;margin:4px 0}
.ceq-assign-card{border:1px solid var(--line);border-radius:5px;padding:12px;margin:10px 0;background:var(--stripe)}
.ceq-assign-card .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ceq-assign-card header span{color:var(--muted);font-size:12px}
.ceq-radios{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}.ceq-lines{display:grid;gap:6px;margin-bottom:12px}.ceq-lines small{color:var(--muted)}
.ceq-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px}.ceq-detail-grid h3,.ceq-quote-detail>h3{font-size:13px;margin:0 0 6px}
.ceq-detail-grid .ceq-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.ceq-pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.ceq-totals{display:grid;gap:0;align-self:start;border:1px solid var(--line);border-radius:5px}.ceq-totals div{display:flex;justify-content:space-between;gap:20px;padding:7px 10px;border-bottom:1px solid var(--line)}.ceq-totals div:last-child{border-bottom:0}
.ceq-totals span{color:var(--muted)}.ceq-quote-detail .tablewrap{min-height:0;margin-bottom:14px}.ceq-table{min-width:900px}
.ceq-dest{margin:8px 0 0;padding-left:18px}.ceq-dest li{margin:4px 0}
.ceq-bom-tools{margin:0 0 10px}.ceq-bom-tools input{padding:7px 10px;max-width:280px;width:100%}
.ceq-pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:10px 0;color:var(--muted);font-size:12px}
.linklike{border:0;background:transparent;color:var(--blue);padding:0;min-height:0;font-weight:400;text-align:left}
.ceq-address .qw-address-text{margin:4px 0 0;color:var(--text);font-weight:400}
/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:736px){.ceq-facts,.ceq-detail-grid .ceq-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ceq-detail-grid,.ceq-assign-card .grid{grid-template-columns:1fr}.ceq-pager{justify-content:space-between}}
@media (max-width:760px){.ceq-facts:where(:not(#content *)),.ceq-detail-grid .ceq-facts:where(:not(#content *)){grid-template-columns:repeat(2,minmax(0,1fr))}.ceq-detail-grid:where(:not(#content *)),.ceq-assign-card .grid:where(:not(#content *)){grid-template-columns:1fr}.ceq-pager:where(:not(#content *)){justify-content:space-between}}