/* Client-deliverable PDF report (js/pdf-export.js). #pdf-report is a
   completely separate, static, light-themed document — kept out of the
   normal screen flow always, shown only when printing/exporting. See
   pdf-export.js's header comment for why this isn't the live dark-theme UI
   restyled for print. */

#pdf-report{display:none;}

.pdf-export-btn{
  position:fixed; top:20px; right:20px; z-index:10;
  background:var(--surface); box-shadow:0 2px 10px rgba(0,0,0,.35);
}

@media print{
  /* The app's dark theme sets body{background:#0a0d16} (base.css) — left
     alone, that shows through as a solid black block anywhere the report
     doesn't fully cover the printed page height (e.g. a last page that
     ends partway down). Force white regardless of the live theme. */
  html, body{background:#fff;}

  body *{visibility:hidden;}
  #pdf-report, #pdf-report *{visibility:visible;}

  #app{display:none;}
  #pdf-report{
    display:block; position:absolute; top:0; left:0; width:100%;
    background:#fff; color:#111; font-family:var(--font-body);
  }

  @page{margin:16mm 14mm;}

  .pdf-header{border-bottom:2px solid #111; padding-bottom:14px; margin-bottom:24px;}
  .pdf-wordmark{font-family:var(--font-mono); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#555;}
  .pdf-title{font-family:var(--font-heading); font-weight:500; font-size:24px; margin:6px 0;}
  .pdf-hotel-name{font-family:var(--font-body); font-weight:600; font-size:16px; color:#111; margin:0 0 4px;}
  .pdf-export-date{font-family:var(--font-mono); font-size:11px; color:#555;}

  .pdf-section{margin-bottom:26px; break-inside:avoid;}
  .pdf-section h2{
    font-family:var(--font-heading); font-weight:500; font-size:17px;
    margin:0 0 10px; border-bottom:1px solid #ccc; padding-bottom:6px;
  }

  .pdf-empty{font-size:12px; color:#666;}

  .pdf-profile-table{width:100%; border-collapse:collapse; font-size:12px;}
  .pdf-profile-table th{
    text-align:left; color:#555; font-weight:400; width:220px;
    padding:4px 8px 4px 0; border-bottom:1px solid #eee;
  }
  .pdf-profile-table td{padding:4px 0; border-bottom:1px solid #eee;}

  .pdf-table{width:100%; border-collapse:collapse; font-size:11.5px;}
  .pdf-table thead{display:table-header-group;}
  /* Column headers (thead) only — NOT scoped to plain `th`, since the P&L
     table also uses <th> for its row-label cells (semantic "row header",
     not a column header) and those need to read as normal body text, not
     an uppercase mono column label. */
  .pdf-table thead th{
    text-align:left; font-family:var(--font-mono); font-size:10px; letter-spacing:.06em;
    text-transform:uppercase; color:#555; padding:6px 8px; border-bottom:1px solid #111;
  }
  .pdf-table tbody th{
    text-align:left; font-weight:400; font-family:var(--font-body); font-size:11.5px;
    color:#111; padding:6px 8px; border-bottom:1px solid #e5e5e5;
  }
  .pdf-table td{padding:6px 8px; border-bottom:1px solid #e5e5e5; break-inside:avoid;}
  .pdf-table tr{break-inside:avoid;}
  .pdf-table .pdf-num{font-family:var(--font-mono); text-align:right; white-space:nowrap;}
  .pdf-table .pdf-highlight th, .pdf-table .pdf-highlight td{font-weight:600; border-top:1px solid #111;}
  .pdf-subnote{font-size:10px; color:#777; margin-top:2px;}

  .pdf-kpi-group td{
    font-family:var(--font-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
    color:#555; padding-top:14px; border-bottom:1px solid #111;
  }

  .indicator-good{color:#1f7a4d;}
  .indicator-watch{color:#96690f;}
  .indicator-bad{color:#a5312c;}
  .indicator-none{color:#888;}

  .pdf-export-btn{display:none;}
}