/**
 * 고객 견적서 — Toss Design System (액션 버튼 · 문서 카드 · 푸터)
 * client/invoice.php (inline style 위에 로드)
 */

body.tds-theme .client-invoice-page.page-content {
  background: transparent;
  padding: var(--tds-space-lg);
  border: none;
  box-shadow: none;
  border-radius: 0;
}

/* ── 상단 액션 버튼 ── */
body.tds-theme .client-invoice-page .invoice-actions,
body.tds-theme .client-invoice-page .contract-actions {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: var(--tds-space-sm);
  margin-bottom: var(--tds-space-md);
}

body.tds-theme .client-invoice-page .invoice-actions > .contract-action-btn,
body.tds-theme .client-invoice-page .contract-actions > .contract-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  box-sizing: border-box;
  min-height: 2.75rem;
  height: 2.75rem;
  padding: 0 1.25rem;
  font-size: var(--tds-typo6-size, 0.9375rem);
  font-weight: 600;
  font-family: inherit;
  line-height: 1;
  border-radius: var(--tds-radius-md);
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  box-shadow: none !important;
  transform: none !important;
  margin: 0;
  vertical-align: middle;
}

body.tds-theme .client-invoice-page .invoice-actions > .contract-action-btn svg,
body.tds-theme .client-invoice-page .contract-actions > .contract-action-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

body.tds-theme .client-invoice-page .contract-action-btn--secondary {
  background: var(--tds-bg-surface) !important;
  color: var(--tds-text-primary) !important;
  border-color: var(--tds-border-default) !important;
}

body.tds-theme .client-invoice-page .contract-action-btn--secondary:hover {
  background: var(--tds-grey50) !important;
  color: var(--tds-text-primary) !important;
}

body.tds-theme .client-invoice-page .contract-action-btn--primary,
body.tds-theme .client-invoice-page .print-download-btn {
  background: var(--tds-blue500) !important;
  color: #fff !important;
  border-color: var(--tds-blue500) !important;
}

body.tds-theme .client-invoice-page .contract-action-btn--primary:hover,
body.tds-theme .client-invoice-page .print-download-btn:hover {
  background: var(--tds-blue600) !important;
  border-color: var(--tds-blue600) !important;
  color: #fff !important;
}

body.tds-theme .client-invoice-page .contract-action-btn--kakao,
body.tds-theme .client-invoice-page #kakaoShareInvoiceBtn.btn {
  background: #fee500 !important;
  color: #191919 !important;
  border-color: #fee500 !important;
}

body.tds-theme .client-invoice-page .contract-action-btn--kakao:hover,
body.tds-theme .client-invoice-page #kakaoShareInvoiceBtn.btn:hover {
  background: #f5dc00 !important;
  border-color: #f5dc00 !important;
  color: #191919 !important;
}

/* ── 견적서 카드 (문서 영역만 흰색) ── */
body.tds-theme .client-invoice-page .contract-print-area,
body.tds-theme .client-invoice-page #invoice {
  background: #fff !important;
  border-radius: var(--tds-radius-xl);
  border: none;
  box-shadow: none;
  overflow: hidden;
}

body.tds-theme .client-invoice-page #invoice > div:first-child {
  padding: var(--tds-space-2xl);
  background: #fff;
}

body.tds-theme .client-invoice-page #invoice h1 {
  font-size: var(--tds-typo2-size);
  font-weight: 700;
  color: var(--tds-text-primary);
  letter-spacing: -0.02em;
}

body.tds-theme .client-invoice-page #invoice h3,
body.tds-theme .client-invoice-page #invoice h4 {
  color: var(--tds-text-primary);
  font-weight: 700;
}

body.tds-theme .client-invoice-page #invoice > div > div[style*="border-bottom: 2px solid"] {
  border-bottom-color: var(--tds-border-default) !important;
}

body.tds-theme .client-invoice-page #invoice table thead tr {
  background-color: var(--tds-grey900) !important;
}

body.tds-theme .client-invoice-page #invoice table thead th {
  background-color: var(--tds-grey900) !important;
  color: #fff !important;
}

body.tds-theme .client-invoice-page #invoice table tbody tr {
  border-bottom-color: var(--tds-border-default) !important;
}

body.tds-theme .client-invoice-page #invoice > div > div[style*="padding-top: 1.5rem"] {
  border-top-color: var(--tds-border-default) !important;
}

/* ── 푸터 · 입금 계좌 (견적서 카드 내부 — 흰색 유지) ── */
body.tds-theme .client-invoice-page .invoice-footer {
  background: #fff !important;
  border-top-color: var(--tds-border-default) !important;
  padding: var(--tds-space-md) var(--tds-space-2xl) !important;
}

body.tds-theme .client-invoice-page .invoice-bank-info {
  color: var(--tds-text-primary) !important;
  font-size: var(--tds-typo6-size) !important;
}

body.tds-theme .client-invoice-page .invoice-bank-info > strong,
body.tds-theme .client-invoice-page .bank-label-row > strong {
  font-size: var(--tds-typo7-size);
  font-weight: 600;
  color: var(--tds-text-secondary);
}

body.tds-theme .client-invoice-page .bank-account-number {
  font-size: var(--tds-typo5-size);
  font-weight: 700;
  color: var(--tds-text-primary);
  letter-spacing: -0.01em;
}

body.tds-theme .client-invoice-page .bank-account-name {
  font-size: var(--tds-typo7-size);
  color: var(--tds-text-secondary);
}

body.tds-theme .client-invoice-page .invoice-bank-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid var(--tds-border-default);
  border-radius: var(--tds-radius-md);
  background: var(--tds-bg-surface);
  color: var(--tds-text-secondary);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  box-shadow: none;
}

body.tds-theme .client-invoice-page .invoice-bank-copy-btn:hover {
  background: var(--tds-grey100);
  border-color: var(--tds-border-default);
  color: var(--tds-blue500);
  transform: none;
}

body.tds-theme .client-invoice-page .invoice-bank-copy-btn:active {
  transform: none;
}

/* ── 접근 오류 카드 ── */
body.tds-theme .client-invoice-page .invoice-access-error {
  text-align: center;
  padding: var(--tds-space-2xl);
  max-width: 36rem;
  margin: var(--tds-space-xl) auto;
  background: var(--tds-bg-surface);
  border-radius: var(--tds-radius-xl);
  border: none;
  box-shadow: none;
}

body.tds-theme .client-invoice-page .invoice-access-error h2 {
  font-size: var(--tds-typo3-size);
  font-weight: 700;
  color: var(--tds-text-primary);
  margin-bottom: var(--tds-space-md);
}

body.tds-theme .client-invoice-page .invoice-access-error p {
  color: var(--tds-text-secondary);
  font-size: var(--tds-typo6-size);
  margin-bottom: var(--tds-space-xl);
  line-height: 1.6;
}

body.tds-theme .client-invoice-page .invoice-access-error .btn-primary {
  background: var(--tds-blue500) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--tds-radius-md) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.tds-theme .client-invoice-page .invoice-access-error .btn-outline-secondary {
  background: var(--tds-bg-surface) !important;
  color: var(--tds-text-primary) !important;
  border: 1px solid var(--tds-border-default) !important;
  border-radius: var(--tds-radius-md) !important;
  font-weight: 600 !important;
  text-decoration: none;
}

@media (max-width: 768px) {
  body.tds-theme .client-invoice-page.page-content {
    padding: var(--tds-space-md);
  }

  body.tds-theme .client-invoice-page .invoice-actions,
  body.tds-theme .client-invoice-page .contract-actions {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
  }

  body.tds-theme .client-invoice-page .contract-action-btn,
  body.tds-theme .client-invoice-page .print-download-btn,
  body.tds-theme .client-invoice-page #kakaoShareInvoiceBtn {
    width: 100%;
    height: 2.75rem;
    min-height: 2.75rem;
    margin-right: 0 !important;
  }

  body.tds-theme .client-invoice-page #invoice > div:first-child {
    padding: var(--tds-space-md);
  }

  body.tds-theme .client-invoice-page .invoice-footer {
    padding: var(--tds-space-md) !important;
  }
}

@media print {
  body.tds-theme .client-invoice-page .invoice-actions,
  body.tds-theme .client-invoice-page .contract-actions,
  body.tds-theme .client-invoice-page .print-button-container {
    display: none !important;
  }
}