/* Club SEOM Web - print styles */

@media print {
  html,
  body {
    background: #fff !important;
    color: #111 !important;
  }

  .sidebar,
  .topbar,
  .sidebar-backdrop,
  .mobile-menu-button,
  .form-actions,
  .card-actions,
  .topbar-actions,
  .no-print {
    display: none !important;
  }

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

  .panel,
  .card {
    box-shadow: none !important;
    border-color: #ddd !important;
  }
}

@page ticket-80mm {
  size: 80mm auto;
  margin: 4mm;
}

@media print {
  .ticket-80 {
    width: 72mm;
    max-width: 72mm;
    margin: 0 auto;
    padding: 0;
    box-shadow: none !important;
    border: 0 !important;
    color: #111;
    background: #fff;
    font-size: 11px;
  }

  .ticket-80 .ticket-header,
  .ticket-80 .ticket-footer {
    text-align: center;
  }

  .ticket-80 .ticket-title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 900;
  }

  .ticket-80 .ticket-line {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 0;
    font-variant-numeric: tabular-nums;
  }

  .ticket-80 .ticket-total {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #111;
    font-size: 13px;
    font-weight: 900;
  }
}

@page a4 {
  size: A4;
  margin: 12mm;
}