.v21-quote-modal{width:min(1540px,calc(100vw - 28px));max-width:none}
.v21-complete-quote{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px}
.v21-tabs{display:flex;gap:4px;position:sticky;top:0;z-index:8;background:var(--surface,#fff);padding:8px 0 12px;border-bottom:1px solid var(--line,#c9d3d6);overflow:auto}
.v21-tab{min-height:36px;white-space:nowrap;border:1px solid var(--line,#c9d3d6);background:var(--surface,#fff);color:var(--ink,#2f2f2f);padding:0 12px;border-radius:4px;font-weight:700;cursor:pointer}
.v21-tab.active{border-color:var(--ciano,#00c7da);box-shadow:inset 0 -3px 0 var(--ciano,#00c7da);color:var(--ciano-ink,#007c89)}
.v21-section{display:none}.v21-section.active{display:block}.v21-hidden,.v21-legacy-hidden{display:none!important}
.v21-fixed-result{position:sticky;top:12px;max-height:calc(100vh - 48px);overflow:auto}
.v21-adjustments{display:grid;gap:8px}.v21-adjustment-row{display:grid;grid-template-columns:minmax(145px,1.4fr) repeat(3,minmax(110px,1fr)) minmax(160px,1.2fr) auto;gap:8px;align-items:end;padding:8px;border:1px solid var(--line-soft,#dfe6e8);background:var(--surface-2,#f6f8f9);border-radius:4px}.v21-check{display:flex;gap:7px;align-items:center;min-height:36px;font-size:12px;color:var(--muted,#5e6a70)}
.v21-subsection{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft,#dfe6e8)}.v21-subsection:first-child{margin-top:0;padding-top:0;border-top:0}.v21-subsection h4{margin:0 0 9px;font-size:13px}
.v21-selected-row{background:var(--ciano-wash,#ddf6f9)}.v21-selected-row td:first-child{box-shadow:inset 3px 0 0 var(--ciano,#00c7da)}
.v21-roll-visual{margin:10px 0 16px;border:1px solid var(--line,#c9d3d6);padding:9px;background:var(--surface,#fff);border-radius:4px}.v21-roll-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.v21-roll-head span{font-size:11px;color:var(--muted,#5e6a70)}.v21-svg-wrap{overflow:auto;background:var(--surface-2,#f6f8f9);border:1px solid var(--line-soft,#dfe6e8)}.v21-svg-wrap svg{display:block;width:100%;min-width:560px;height:190px}.v21-roll{fill:var(--surface,#fff);stroke:var(--line-strong,#7c8c93);stroke-width:5}.v21-piece{fill:var(--ciano-wash,#ddf6f9);stroke:var(--ciano-ink,#007c89);stroke-width:5}.v21-svg-wrap text{font-size:70px;font-weight:700;fill:var(--ink,#2f2f2f);font-family:ui-monospace,Consolas,monospace}
.v21-mini-grid,.v21-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:10px 0}.v21-mini-grid>div,.v21-summary-grid>div{padding:9px;border:1px solid var(--line-soft,#dfe6e8);background:var(--surface-2,#f6f8f9);border-radius:4px}.v21-mini-grid span,.v21-summary-grid span{display:block;font-size:10px;color:var(--muted,#5e6a70)}.v21-mini-grid b,.v21-summary-grid b{display:block;margin-top:3px;font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.v21-payment-summary{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.v21-payment-summary span{padding:6px 8px;border:1px solid var(--line-soft,#dfe6e8);background:var(--surface-2,#f6f8f9);border-radius:4px;font-size:12px}.v21-doc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.v21-note{font-size:11px;color:var(--muted,#5e6a70)}
.v21-margin-band{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft,#dfe6e8);display:grid;grid-template-columns:1fr 1fr;gap:7px}.v21-margin-band span{display:block;font-size:10px;color:var(--muted,#5e6a70)}.v21-margin-band b{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.v21-margin-track{grid-column:1/-1;position:relative;height:8px;background:var(--line-soft,#dfe6e8);border-radius:8px;overflow:visible}.v21-margin-track i{display:block;height:100%;border-radius:8px}.v21-margin-track i.ok{background:var(--ok,#1f7a4d)}.v21-margin-track i.bad{background:var(--bad,#b3261e)}.v21-margin-track em{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink,#2f2f2f)}
.v21-each-real{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft,#dfe6e8)}.v21-each-real>small{font-size:10px;color:var(--muted,#5e6a70);font-weight:700}.v21-each-real>div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.v21-each-real b{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.v21-warnings{margin-top:10px}.v21-warnings p{margin:5px 0;padding:6px;border-left:3px solid var(--warn,#9a5b00);background:var(--warn-wash,#fbefd9);font-size:11px}.v21-result-hint{margin-top:10px;font-size:10px;color:var(--muted,#5e6a70)}
.v21-complete-quote .num{text-align:right;font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.v21-complete-quote table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2,#f6f8f9)}
@media(max-width:1180px){.v21-complete-quote{grid-template-columns:1fr}.v21-fixed-result{position:static;max-height:none}.v21-adjustment-row{grid-template-columns:repeat(2,minmax(140px,1fr))}.v21-mini-grid,.v21-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.v21-quote-modal{width:calc(100vw - 12px)}.v21-tabs{position:static}.v21-adjustment-row,.v21-mini-grid,.v21-summary-grid{grid-template-columns:1fr}.v21-roll-head{display:grid}.v21-svg-wrap svg{height:150px}}