/* ============================================================
   견적서 A4 공용 스타일 — 단일 원본
   사용처: admin/quotes/edit.php(편집) · board/{inquiry,qna}/view.php(답변 임베드)
          · quotes/view.php(손님 단독) · admin/board/* (답변 작성/외부입력)
   "A4로 인쇄되고, 그 모습 그대로 웹에 보인다" + "어디서나 동일"을 보장하는 파일.
   ============================================================ */

.quote-doc{background:#fff;width:100%;max-width:1000px;margin:0 auto;padding:40px 44px;border:1px solid #E5E7EB;color:#111827;font-size:13px;line-height:1.92;}
.quote-doc .quote-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.quote-doc .quote-logo{width:28px;height:28px;}
.quote-doc .quote-brand{font-size:14px;font-weight:700;color:var(--brand);letter-spacing:-0.3px;line-height:1.2;}
.quote-doc .quote-brand small{display:block;font-size:9px;color:#9CA3AF;font-weight:500;letter-spacing:1.5px;margin-top:1px;}
.quote-doc h2.title{text-align:center;font-size:28px;font-weight:700;letter-spacing:6px;padding-bottom:18px;border-bottom:3px double #111827;margin-bottom:20px;}
.quote-doc .meta{display:flex;justify-content:space-between;margin-bottom:24px;font-size:12px;color:#374151;}
.quote-doc .meta .left,.quote-doc .meta .right{line-height:1.8;}
.quote-doc .parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
.quote-doc .party{border:1px solid #D1D5DB;padding:16px 16px;}
.quote-doc .party h3{font-size:11px;font-weight:700;color:#6B7280;margin-bottom:10px;letter-spacing:1px;}
.quote-doc .party p{font-size:12.5px;line-height:2.5;}
.quote-doc .party .to-line{display:block;}
.quote-doc table.items{width:100%;border-collapse:collapse;margin-bottom:14px;table-layout:fixed;}
.quote-doc table.items input{box-sizing:border-box;width:100%;min-width:0;}
.quote-doc table.items th,.quote-doc table.items td{padding:11px 12px;border:1px solid #D1D5DB;font-size:12.5px;line-height:1.92;word-break:break-word;}
.quote-doc table.items th{background:#F3F4F6;text-align:center;font-weight:700;color:#374151;white-space:nowrap;}
.quote-doc table.items td.num{text-align:right;white-space:nowrap;}
.quote-doc table.items td.qty{text-align:center;}
.quote-doc table.items tfoot td{font-weight:600;}
.quote-doc table.items tfoot tr.total td{background:#F9FAFB;font-size:14px;}
.quote-doc .memo-head{font-size:11px;font-weight:700;color:#6B7280;letter-spacing:1.5px;margin-bottom:5px;}
.quote-doc .memo{border:1px solid #D1D5DB;padding:10px 12px;margin-bottom:16px;font-size:12px;color:#374151;white-space:pre-wrap;}
.quote-doc .payment{background:#FFFBEB;border:1px solid #FCD34D;padding:12px 14px;font-size:12.5px;color:#92400E;margin-bottom:20px;}
.quote-doc .footer{margin-top:20px;padding-top:12px;border-top:1px solid #D1D5DB;text-align:center;}
.quote-doc .footer .note{font-size:11px;color:#6B7280;line-height:1.8;}
.quote-doc input[type="text"],.quote-doc input[type="number"],.quote-doc input[type="date"],.quote-doc textarea{border:none;background:#FFFBEB;padding:3px 6px;font:inherit;color:inherit;width:100%;}
.quote-doc input.readonly,.quote-doc .readonly{background:transparent !important;cursor:default;color:#111827;}
.quote-doc input:focus,.quote-doc textarea:focus{outline:1px solid var(--brand-vivid);background:#fff;}
.quote-doc .row-del{background:transparent;border:0;color:#B91C1C;cursor:pointer;font-size:14px;}

/* 컬럼 비율 — 품명 줄이고 단가·금액 넓혀 숫자가 세로로 안 서게 */
.quote-doc table.items col.c-no{width:5%;}
.quote-doc table.items col.c-name{width:25%;}
.quote-doc table.items col.c-spec{width:20%;}
.quote-doc table.items col.c-qty{width:8%;}
.quote-doc table.items col.c-unit{width:7%;}
.quote-doc table.items col.c-price{width:15%;}
.quote-doc table.items col.c-amount{width:20%;}

/* A4 인쇄는 main.css의 #print-container @media print 시스템을 사용(인쇄 시 견적서를 거기로 복제).
   여기서 별도 @media print를 두면 main.css의 display:none 규칙과 충돌하므로 두지 않음. */