.quote-hint { color:var(--du-muted); font-size:12px; line-height:1.6; margin-top:12px; }
#quoteDialog { width:min(960px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:28px; border:1px solid var(--du-border); border-radius:20px; background:#171a20; color:#f4f5f7; overflow:auto; }
#quoteDialog::backdrop { background:#000b; }
.quote-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.quote-dialog-header h2 { color:#fff; margin:5px 0; font-size:26px; }
.quote-intro { color:#aab1bd; font-size:13px; line-height:1.6; margin:14px 0 20px; }
.quote-editor { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:25px; }
.quote-editor label { font-size:12px; display:flex; flex-direction:column; gap:7px; }
.quote-editor input,.quote-editor textarea { width:100%; box-sizing:border-box; padding:11px; background:#101114; color:white; border:1px solid #ffffff30; border-radius:8px; font:inherit; }
.quote-wide { grid-column:1/-1; }
.quote-editor :is(input,textarea):focus-visible { outline:2px solid #d6a12a; outline-offset:2px; }
.quote-dialog-actions { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; }
.quote-dialog-actions p { color:#aab1bd; font-size:12px; max-width:430px; margin:0; }
.quote-dialog-actions button { flex-shrink:0; }
.quote-sheet { background:white; color:#24282e; padding:32px; font:14px/1.6 Arial,sans-serif; overflow-wrap:anywhere; }
.quote-sheet * { box-sizing:border-box; }
.quote-sheet h1 { color:#171a20; font:bold 30px/1.2 Arial,sans-serif; margin:8px 0 0; }
.quote-sheet h2 { color:#24282e; font:bold 18px/1.4 Arial,sans-serif; margin:24px 0 5px; }
.quote-sheet p { margin:0 0 7px; }
.quote-sheet-header { display:flex; justify-content:space-between; gap:20px; border-bottom:3px solid #d6a12a; padding-bottom:20px; margin-bottom:22px; }
.quote-issuer { font-weight:bold; max-width:360px; }
.quote-meta { font-size:12px; min-width:130px; }
.quote-spec { font-size:12px; color:#535c69; }
.quote-sheet table { width:100%; border-collapse:collapse; margin-top:22px; font-size:12px; }
.quote-sheet th { text-align:left; background:#f0f1f3; color:#24282e; }
.quote-sheet td,.quote-sheet th { padding:12px 8px; border-bottom:1px solid #dfe2e6; }
.quote-sheet td:not(:first-child),.quote-sheet th:not(:first-child) { text-align:right; }
.quote-totals { width:min(340px,100%); margin:20px 0 0 auto; }
.quote-totals>div { display:flex; gap:20px; justify-content:space-between; padding:7px 0; }
.quote-totals dt { font-weight:normal; }.quote-totals dd { margin:0; white-space:nowrap; }
.quote-totals>div:last-child { border-top:2px solid #d6a12a; margin-top:7px; font-weight:bold; font-size:17px; }
.quote-totals>div:last-child dt { font-weight:bold; }
.quote-conditions p { white-space:pre-wrap; }
.quote-sheet footer { margin-top:30px; border-top:1px solid #dfe2e6; padding-top:14px; font-size:10px; color:#535c69; }
@media(max-width:600px) { #quoteDialog { padding:16px; } .quote-editor { grid-template-columns:1fr; } .quote-dialog-actions { align-items:stretch; flex-direction:column; } .quote-sheet { padding:18px; } .quote-sheet-header { flex-direction:column; } .quote-sheet th,.quote-sheet td { padding:8px 4px; font-size:10px; } }
@media print {
  @page { size:A4; margin:16mm; }
  html,body { background:white!important; color:#24282e!important; margin:0!important; padding:0!important; min-width:0!important; width:auto!important; }
  body>* { display:none!important; }
  body>#quotePrint { display:block!important; }
  #quoteDialog { display:none!important; }
  .quote-sheet { padding:0; font-size:11pt; }
  .quote-sheet-header { flex-direction:row; }
  .quote-sheet h1 { font-size:24pt; }
  .quote-sheet table,.quote-totals { break-inside:avoid; }
  .quote-sheet h2 { break-after:avoid; }
  .quote-sheet th { print-color-adjust:exact; }
}