/* ============================================================
   White Oak Vanity Ltd. — Canadian Proposal & Invoice Stylesheet
   (Applies to both screen preview and print / PDF generation)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* 1. Base Document Layout (Screen & Print) */
.document-sheet,
.invoice-paper,
.proposal-paper {
  box-sizing: border-box;
  color: #14181f;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.document-sheet *,
.invoice-paper *,
.proposal-paper * {
  box-sizing: border-box;
}

.print-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  border-bottom: 2px solid #b5996a !important;
  padding-bottom: 20px !important;
  margin-bottom: 25px !important;
  gap: 20px !important;
}

.print-logo-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 24pt !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.print-meta-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-bottom: 25px !important;
}

.print-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 25px !important;
}

.print-table th {
  background: #f4f2ee !important;
  border-top: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #94a3b8 !important;
  padding: 10px 12px !important;
  font-size: 9pt !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  text-align: left;
}

.print-table td {
  padding: 12px 10px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-size: 10pt !important;
  color: #1e293b !important;
}

.print-totals {
  width: 340px !important;
  margin-left: auto !important;
  margin-top: 10px !important;
}

.print-totals-row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 6px 0 !important;
  font-size: 10pt !important;
  color: #334155 !important;
}

.print-totals-row.grand-total {
  border-top: 2px solid #b5996a !important;
  border-bottom: 2px solid #b5996a !important;
  font-weight: bold !important;
  font-size: 12pt !important;
  margin-top: 8px !important;
  padding: 10px 0 !important;
  color: #0f172a !important;
}

.print-terms {
  margin-top: 35px !important;
  padding-top: 15px !important;
  border-top: 1px solid #e2e8f0 !important;
  font-size: 8.5pt !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

.print-signatures {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  margin-top: 50px !important;
}

.sig-line {
  border-top: 1px solid #000 !important;
  padding-top: 5px !important;
  font-size: 9pt !important;
  text-align: center !important;
}

/* 2. Print & PDF Overrides */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .sidebar, .topbar, .page-actions, .btn, .modal-overlay, #toast-container, .no-print {
    display: none !important;
  }

  .app-wrapper, .main-wrapper, .content-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .document-sheet,
  .invoice-paper,
  .proposal-paper {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .print-table th {
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
  }

  .print-terms,
  .print-signatures {
    page-break-inside: avoid !important;
  }
}