/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Leaflet zoom controls: 25% kleiner dan standaard */
.leaflet-control-zoom a {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 14px !important;
}

/*
 * Print-view (factuur/credit note/offerte) styling voor in-app weergave.
 * Bauhaus theme based on FreeAgent Bauhaus by Roan Lavery.
 * Alles gescoped onder .print-view-container — voorkomt bleed naar andere pagina's.
 * Niet via inline <style> in de partial: CSP nonces matchen niet meer na Turbo-navigatie,
 * waardoor de eerste render van een factuur ongestyled bleef tot een full reload.
 */
.print-view-container {
  #invoice * { box-sizing: content-box; }
  #invoice img { max-width: none; height: auto; }
  #invoice::after,
  #invoice-header::after,
  #invoice-amount::after,
  #payment-details::after,
  #invoice-other::after { content: ""; display: table; clear: both; }

  #invoice p, #invoice h2, #invoice h3 { margin: 0; }
  #invoice { font-family: Helvetica, Arial, sans-serif; color: #000; line-height: 1.3; }
  #invoice h1 { margin: 0; color: #000; text-transform: uppercase; }
  #invoice h2, #invoice h3 { font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; text-transform: none; line-height: 1.2; margin-top: 10px; }
  #invoice h2 { font-size: 11pt; }
  #invoice #company-address,
  #invoice #client-details,
  #invoice #payment-details,
  #invoice #invoice-other,
  #invoice #invoice-amount td,
  #invoice #invoice-amount th,
  #invoice #invoice-info { font-size: 10pt; }
  #invoice #invoice-info h3 { margin: 3px 0 0 0; font-size: 11pt; }
  #invoice #invoice-info h2 { margin: 0; text-transform: uppercase; font-size: 12pt; }
  #invoice #invoice-terms h2 { margin-bottom: 3px; }
  #invoice #invoice-terms h3 { margin-top: 0; margin-bottom: 5px; font-weight: normal; font-style: italic; color: #666; font-size: 9pt; }
  #invoice #payment-due { color: #999; font-size: 10pt; line-height: 1.3; display: none; }
  #invoice #invoice-info #payment-total { display: none; }
  #invoice #invoice-other h2,
  #invoice #payment-details h2 { margin-bottom: 1em; }
  #invoice .total { font-size: 12pt; }
  #invoice #comments { font-weight: bold; margin-top: 15px; line-height: 1.2; color: #999; font-size: 10pt; }

  #invoice { padding: 0.75cm; }
  #invoice-header #company-address { float: right; width: 200px; clear: right; }
  #invoice-header h1 { float: left; width: 350px; color: #000; margin: 5px 0 0 0; }
  #invoice-header { height: 3cm; }
  #invoice-header .logo { float: left; max-height: 60px; max-width: 200px; }
  #invoice-header .adr { margin-bottom: 0.5em; }
  #invoice-header .vat-line { margin-top: 0.5em; }
  #invoice-blank-header { margin-top: 1.6cm; }
  #client-details { float: left; width: 50%; margin: 2em 0 2em 0; }
  #invoice-info { width: 200px; float: right; clear: right; margin-top: 2em; margin-bottom: 2em; }
  #invoice-info th { text-align: right; }
  p#payment-terms { margin-top: 3px; }
  #invoice-amount { margin: 2em 0; clear: both; }
  #payment-details { width: 300px; float: left; }
  #invoice-other { width: 200px; float: right; }
  #comments { clear: both; padding-top: 1cm; }

  #invoice table { border-collapse: collapse; width: 100%; clear: both; }
  #invoice table th { text-align: left; padding: 4px 5px 4px 5px; }
  #invoice #header_row { background: #999999; color: #fff; }
  #invoice-amount td.action { border-bottom: 0; }
  .odd td { background: #F4F4F4; }
  .even td { background: #FFF; }
  #invoice-amount #total_tr td { border-bottom: 0; }
  #invoice-amount #vat_tr td { border-bottom: 1px solid #000; }
  #invoice-amount td { white-space: nowrap; margin: 0; border-bottom: 1px solid #ddd; padding: 5px; vertical-align: top; }
  #invoice-amount td.item_r { text-align: right; }
  #invoice-amount td.item_l { text-align: left; white-space: normal; }
  #invoice-amount td.total { text-align: right; font-weight: bold; }
  #invoice-amount .details_th { width: 42%; }
  #invoice-amount .details_notax_th { width: 52%; }
  #invoice-amount .quantity_th { width: 13%; }
  #invoice-amount .subtotal_th { width: 20%; text-align: right; }
  #invoice-amount .unitprice_th { width: 17%; text-align: right; }
  #invoice-amount .salestax_th { width: 8%; text-align: center; }
  #client-details .fn { margin-bottom: 1px; }
  #client-details .org { font-weight: bold; }
}