/* interior-quote.css — 인테리어 견적서 도구 전용.
   Tailwind는 header.php에서 전역 로드되므로 여기엔 인쇄(A4)·견적서 시트 전용 스타일만 둔다. */

/* ── 견적서 시트(미리보기 = 실제 인쇄물) ── */
.qsheet {
  --line: #1f2937;
  --muted: #6b7280;
  --hair: #d1d5db;
  background: #fff;
  color: #111827;
  font-feature-settings: "tnum" 1; /* 표 숫자 정렬 */
}
.qsheet table { width: 100%; border-collapse: collapse; }
.qsheet .q-items th,
.qsheet .q-items td {
  border: 1px solid var(--hair);
  padding: 7px 9px;
  font-size: 12.5px;
  line-height: 1.4;
}
.qsheet .q-items thead th {
  background: #f3f4f6;
  font-weight: 700;
  color: #374151;
  text-align: center;
}
.qsheet .q-items td.num { text-align: right; font-variant-numeric: tabular-nums; }
.qsheet .q-items td.ctr { text-align: center; }
.qsheet .q-title {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

/* 입력 패널 품목 행 */
.qrow input { font-variant-numeric: tabular-nums; }

/* 프리셋 칩 */
.chip {
  border: 1px solid var(--hair, #d1d5db);
}

/* 미리보기 컬럼: 데스크톱에서 스크롤 시 따라오게 */
@media (min-width: 1024px) {
  .qpreview-sticky { position: sticky; top: 88px; }
}

/* ── 인쇄: 견적서 시트만 A4로, 나머지는 감춘다 ── */
@media print {
  @page { size: A4; margin: 12mm; }
  body { background: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  /* 사이트 크롬·입력 패널·도구 UI 전부 숨김.
     주의: 인쇄 폭(A4≈800px)은 모바일 브레이크포인트(≤1023px)라 .mobile-header-bar가 켜진다 — 반드시 같이 숨길 것. */
  header, nav, footer, .print-hidden,
  .mobile-header-bar, #mobileMenu, .light_box, .top-btn-wrapper,
  .breadcrumb, .qtool-input, .qtool-intro,
  section:has(.accordion-item) { display: none !important; }
  /* 외부 주입 위젯(AI 채팅 캐릭터 등)은 셀렉터를 알 수 없다 → 전체를 안 보이게 깔고 견적서만 되살린다 */
  body * { visibility: hidden !important; }
  .qtool-print, .qtool-print * { visibility: visible !important; }
  .qtool-print {
    position: absolute !important;
    left: 0; top: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }
  .qsheet { box-shadow: none !important; border: none !important; padding: 0 !important; }
  .qpreview-sticky { position: static !important; }
}