/* Presentation only; scoped to the quotation page. */
#quote-view .card { border:1px solid #dce6ec; border-radius:18px; padding:28px 30px; box-shadow:0 8px 26px #29425409; }
#quote-view .card:first-child { border-top:4px solid #327f96; }
#quote-view h2 { font-size:20px; color:#234b5a; margin:0 0 22px; padding-bottom:14px; border-bottom:1px solid #e7edf2; }
#quote-view .section-head { align-items:center; margin-bottom:18px; }
#quote-view .section-head h2 { margin:0; padding:0; border:0; }
#quote-view label { font-size:13px; font-weight:600; color:#65798a; gap:9px; }
#quote-view input,#quote-view textarea,#quote-view select { border:1px solid #d4dfe8; border-radius:9px; padding:12px 14px; font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif; color:#263d50; background:#fbfcfe; }
#quote-view select { width:100%; }
#quote-view input:focus,#quote-view textarea:focus,#quote-view select:focus { outline:3px solid #368ba21c; border-color:#368ba2; background:#fff; }
#quote-view .grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#quote-view label:has([name="customer_company"]) { grid-column:span 2; }
#quote-view [name="customer_company"] { background:#eff6fc; border-color:#c8dfea; font-weight:650; }
#quote-view .contact-recognizer { padding:16px; background:#f5f8fb; border:1px dashed #cbdbe6; border-radius:12px; margin-bottom:24px; }
#quote-view .contact-image-drop { background:#fff; border-color:#d9e4ec; }
#quote-view .contact-image-copy strong { color:#3b7085; }
#quote-view .contact-image-copy small,#quote-view .contact-image-copy span { color:#8191a0; }
#quote-view button { border-radius:9px; font-size:14px; padding:11px 17px; }
#quote-view .secondary { background:#edf4f8; color:#38718a; }
#quote-view .table-wrap { overflow:auto; border:1px solid #dce6ed; border-radius:12px; }
#quote-view table { min-width:900px; table-layout:fixed; }
#quote-view th { background:#edf3f8; color:#60768a; padding:14px 12px; font-size:12px; }
#quote-view th:first-child { width:38%; }
#quote-view th:nth-child(2) { width:12%; }
#quote-view th:nth-child(3) { width:10%; }
#quote-view th:nth-child(4) { width:16%; background:#eaf4ff; }
#quote-view th:nth-child(5) { width:18%; }
#quote-view th:last-child { width:6%; }
#quote-view td { padding:16px 12px; border-bottom:1px solid #e7eef3; }
#quote-view td:nth-child(4) { background:#f4f9ff; }
#quote-view .description { min-height:88px; background:#fff; }
#quote-view .price { border-color:#bdd7f1; color:#2d69a3; font-weight:650; background:#fff; }
#quote-view .line-total { color:#287155; font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; }
#quote-view .remove { padding:5px 9px; border-radius:8px; background:#fff0ee; color:#ae6159; }
#quote-view tfoot td { padding:18px 12px; background:#eaf5ef; color:#3e7462; border:0; }
#quote-view #grand-total { font-size:22px; color:#17684c; font-variant-numeric:tabular-nums; white-space:nowrap; }
#quote-view .card:has([name="packing_details"]) { border-top:3px solid #ac95c4; }
#quote-view label:has([name="packing_details"]) { grid-column:1/-1; padding:16px; background:#f7f4fb; border:1px solid #e6def0; border-radius:12px; }
#quote-view [name="packing_details"] { background:#fff; min-height:100px; }
#quote-view [name="price_terms"],#quote-view [name="payment_terms"] { background:#fff9ed; border-color:#ebd7b2; color:#92703c; }
#quote-view .profit-quote-summary { border:1px solid #cfe5d9; padding:17px 20px; margin-top:22px; color:#25634c; font-size:14px; }
#quote-view .download-actions { align-items:end; background:#fff; border:1px solid #dce6ec; border-radius:14px; padding:20px 24px; gap:18px; }
#quote-view .format-picker { flex-direction:column; min-width:200px; align-items:stretch; }
#quote-view #download-quote { background:#226d83; color:#fff; min-height:48px; min-width:180px; box-shadow:0 4px 12px #226d831b; }
#quote-view #status:empty { display:none; }
@media(max-width:1050px) { #quote-view .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { #quote-view .card { padding:22px 16px; } #quote-view .grid { grid-template-columns:1fr; } #quote-view label:has([name="customer_company"]) { grid-column:auto; } #quote-view .download-actions { align-items:stretch; padding:18px; } #quote-view .format-picker { min-width:0; } }
@media print { #quote-view .card { box-shadow:none; } }