#free-quotes { width:100%; min-width:0; max-width:1100px; margin:auto; }
#free-quotes fieldset { min-width:0; }
#free-quotes .table-wrap, #free-quotes [data-fq-detail] { max-width:100%; overflow-x:auto; }
#free-quotes input { max-width:100%; }
#free-quotes [data-fq-name] { min-width:150px; width:100%; }
#free-quotes [data-fq-qty], #free-quotes [data-fq-price] { width:110px; }
#free-quotes [data-fq-total] { min-width:120px; white-space:nowrap; }
#free-quotes .fq-grand { text-align:right; }
#free-quotes [data-fq-status] { min-height:24px; }
#free-quotes [data-fq-bulk-confirm] { border:1px solid #d92d20; padding:12px; margin:12px 0; background:#fff7f7; }
#free-quotes [data-fq-bulk-confirm] p { margin:6px 0 10px; }
#free-quotes [data-fq-detail]:not(:empty) { margin-top:24px; border-top:1px solid var(--line); padding-top:16px; }
#free-quotes .fq-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding:12px; border:1px solid #cfd8ea; border-radius:10px; background:#f8fbff; box-shadow:0 8px 22px rgba(12,68,124,.08); }
#free-quotes .fq-preview-toolbar strong { display:block; color:#0c447c; font-size:13px; }
#free-quotes .fq-preview-toolbar span { display:block; color:var(--muted); font-size:12px; margin-top:2px; overflow-wrap:anywhere; }
#free-quotes [data-fq-detail] .head { border-bottom:2px solid var(--line); padding-bottom:12px; }
#free-quotes [data-fq-detail] .doc-title { font-weight:600; }
@media(max-width:600px) { #free-quotes table { min-width:600px; } #free-quotes .fq-preview-toolbar { align-items:stretch; flex-direction:column; } #free-quotes .fq-preview-toolbar .actions { display:grid; grid-template-columns:1fr; } }