@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

.font-cinzel {
  font-family: 'Cinzel', serif;
}

/* Style Rails field_with_errors wrapper to work with Tailwind layouts */
form div.field_with_errors {
  display: contents;
}

/* Apply error styling to input fields within field_with_errors */
.field_with_errors input,
.field_with_errors select,
.field_with_errors textarea {
  @apply border-red-300 focus:border-red-500 focus:ring-red-500;
}

/* Style labels within field_with_errors for better visibility */
.field_with_errors label {
  @apply text-red-700;
}

/* Print Styles - Professional Business Document - Calculations Only */
@media print {
  @page {
    margin: 0.75in;
    
  }


  /* Reset all styling to clean professional look */
  * {
    background: white;
    box-shadow: none;
    border-radius: 0;
    color: black;
  }

  /* Professional document base */
  html, body {
    font-family: 'Times New Roman', Times, serif;
    font-size: 12pt;
    line-height: 1.4;
    color: black;
    background: white;
  }


  /* Calculations table - clean professional styling */
  table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    font-size: 11pt !important;
    font-family: 'Times New Roman', Times, serif !important;
  }

  th, td {
    border: 1pt solid black !important;
    padding: 4pt 8pt !important;
    text-align: left !important;
    background: white !important;
    color: black !important;
    font-family: 'Times New Roman', Times, serif !important;
  }

  th {
    font-weight: bold !important;
    text-align: center !important;
    background: white !important;
    font-size: 11pt !important;
  }

  td:last-child {
    text-align: right !important;
    font-family: 'Courier New', monospace !important;
  }

  

  .border-b {
    border-bottom: 1pt solid black !important;
    height: 18pt !important;
    margin-bottom: 6pt !important;
  }

  .text-sm {
    font-size: 11pt !important;
    color: black !important;
    font-family: 'Times New Roman', Times, serif !important;
  }

  .mt-16 {
    margin-top: 18pt !important;
  }

  /* Make the Net At Closing row prominent */
  tr:last-of-type {
    border-top: 2pt solid black !important;
  }

  tr:last-of-type td {
    font-weight: bold !important;
    font-size: 12pt !important;
    padding: 8pt !important;
  }
}