@media print {
  @page {
    size: A4;
    margin: 12mm 15mm;
  }

  html, body {
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .sidebar,
  .header,
  .mobile-toggle,
  .overlay,
  .toast-container,
  .modal-backdrop,
  .loader-overlay,
  .login-screen,
  .section-card,
  .toolbar,
  .filter-pills,
  .search-bar,
  .form-actions,
  .data-table,
  .btn,
  .input-field,
  .input-group,
  .input-label,
  .input-hint,
  .input-error,
  .totals-section,
  .no-print {
    display: none !important;
  }

  .app {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .main {
    display: block !important;
    overflow: visible !important;
  }

  .content {
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .view {
    display: none !important;
    animation: none !important;
  }

  .view.active {
    display: block !important;
  }

  #view-create {
    display: block !important;
  }

  #view-create .section-card,
  #view-create .btn,
  #view-create .input-field,
  #view-create .input-group,
  #view-create .input-label,
  #view-create .form-actions,
  #view-create .data-table,
  #view-create .table-container,
  #view-create .totals-section {
    display: none !important;
  }

  .print-quotation {
    display: block !important;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    line-height: 1.5;
    color: #1a1a1a;
    max-width: 180mm;
    margin: 0 auto;
  }

  .print-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8mm;
    padding-bottom: 4mm;
    border-bottom: 2.5px solid #1a1a1a;
  }

  .print-header-left {
    display: flex;
    align-items: center;
    gap: 4mm;
  }

  .print-logo {
    width: auto;
    height: 22mm;
    max-width: 50mm;
  }

  .print-logo img {
    height: 22mm;
    width: auto;
    display: block;
  }

  .print-company-info {
    font-size: 8pt;
    color: #333;
  }

  .print-company-info .company-name {
    font-size: 12pt;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1mm;
  }

  .print-header-right {
    text-align: right;
  }

  .print-header-right h1 {
    font-size: 16pt;
    font-weight: 700;
    margin-bottom: 1mm;
    color: #1a1a1a;
  }

  .print-header-right .quote-no {
    font-size: 10pt;
    font-weight: 600;
    color: #555;
    margin-bottom: 1mm;
  }

  .print-header-right .quote-date {
    font-size: 8pt;
    color: #666;
  }

  .print-parties {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6mm;
    padding-bottom: 3mm;
    border-bottom: 1px solid #ccc;
  }

  .print-bill-to {
    width: 48%;
  }

  .print-bill-to h3 {
    font-size: 8.5pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5pt;
    color: #333;
    margin-bottom: 2mm;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1mm;
  }

  .print-bill-to .customer-name {
    font-size: 10pt;
    font-weight: 600;
    margin-bottom: 1mm;
  }

  .print-bill-to p {
    font-size: 8.5pt;
    color: #444;
    margin-bottom: 0.5mm;
  }

  .print-meta {
    width: 48%;
    text-align: right;
  }

  .print-meta p {
    font-size: 8pt;
    color: #555;
    margin-bottom: 0.5mm;
  }

  .print-title {
    font-size: 13pt;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5mm;
    padding: 2mm;
    background: #f5f5f5 !important;
    border: 1px solid #ddd;
    color: #1a1a1a !important;
  }

  .print-items-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 6mm;
    font-size: 8.5pt;
  }

  .print-items-table thead th {
    background: #1a1a1a !important;
    color: #fff !important;
    font-size: 7.5pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3pt;
    padding: 2.5mm 1.5mm;
    text-align: left;
    border: none;
  }

  .print-items-table thead th.right {
    text-align: right;
  }

  .print-items-table thead th.center {
    text-align: center;
  }

  .print-items-table tbody td {
    padding: 1.5mm;
    border-bottom: 0.5px solid #ddd;
    vertical-align: top;
    color: #1a1a1a !important;
  }

  .print-items-table tbody tr:nth-child(even) td {
    background: #fafafa !important;
  }

  .print-items-table .col-num {
    width: 4mm;
    text-align: center;
    color: #888 !important;
  }

  .print-items-table .col-desc {
    width: auto;
  }

  .print-items-table .col-qty {
    width: 10mm;
    text-align: center;
  }

  .print-items-table .col-unit {
    width: 8mm;
    text-align: center;
  }

  .print-items-table .col-price {
    width: 18mm;
    text-align: right;
  }

  .print-items-table .col-total {
    width: 18mm;
    text-align: right;
    font-weight: 600;
  }

  .print-items-table .item-name {
    font-weight: 600;
    font-size: 8.5pt;
  }

  .print-items-table .item-desc {
    font-size: 7.5pt;
    color: #666 !important;
  }

  .print-summary {
    width: 100%;
    margin-bottom: 6mm;
  }

  .print-summary table {
    width: 45%;
    margin-left: auto;
    border-collapse: collapse;
  }

  .print-summary td {
    padding: 1mm 2mm;
    font-size: 8.5pt;
    color: #1a1a1a !important;
    border: none;
  }

  .print-summary .label {
    text-align: left;
    color: #555 !important;
  }

  .print-summary .value {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }

  .print-summary .total-row td {
    border-top: 2px solid #1a1a1a;
    font-size: 11pt;
    font-weight: 700;
    padding-top: 1.5mm;
    color: #1a1a1a !important;
  }

  .print-summary .total-row .value {
    font-size: 12pt;
  }

  .print-payment {
    margin-bottom: 5mm;
    padding: 2.5mm;
    border: 1px solid #ddd;
    background: #f9f9f9 !important;
  }

  .print-payment h4 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 1mm;
    color: #333 !important;
  }

  .print-payment p {
    font-size: 8pt;
    color: #444 !important;
    margin-bottom: 0.5mm;
  }

  .print-notes {
    margin-bottom: 5mm;
    padding: 2.5mm;
    border: 1px solid #eee;
    font-size: 8pt;
    color: #444 !important;
  }

  .print-notes h4 {
    font-weight: 700;
    font-size: 8pt;
    margin-bottom: 1mm;
    color: #333 !important;
  }

  .print-notes p {
    margin-bottom: 0.5mm;
  }

  .print-footer {
    margin-top: 10mm;
    padding-top: 3mm;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .print-footer-left {
    width: 50%;
  }

  .print-footer-left p {
    font-size: 7.5pt;
    color: #666 !important;
    margin-bottom: 0.5mm;
  }

  .print-footer-right {
    width: 40%;
    text-align: center;
  }

  .print-signature-line {
    margin-top: 8mm;
    padding-top: 1mm;
    border-top: 1px solid #1a1a1a;
    font-size: 7.5pt;
    color: #333 !important;
  }

  .print-stamp-line {
    margin-top: 3mm;
    font-size: 7.5pt;
    color: #666 !important;
  }

  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  h1, h2, h3, h4 {
    page-break-after: avoid;
  }

  table {
    page-break-inside: auto;
  }

  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }
}

@media screen {
  .print-quotation {
    display: none;
  }
}