/* CreatorHQ — print. Loaded with media="print". Prints only the page's own
   content, as plain document flow, in dark ink on white whatever the theme. */

@page { margin: 14mm 12mm; }

:root, :root[data-theme] {
  --bg: #FFFFFF; --surface: #FFFFFF; --surface-alt: #F5F5F5;
  --text: #1F1F1F; --text-muted: #4A4A4A; --heading: #111111; --link: #1F1F1F;
  --border: #BBBBBB; --divider: #DDDDDD; --border-accent: #999999;
}

html, body { background: #FFFFFF !important; color: #1F1F1F !important; }
body { min-height: 0 !important; overflow: visible !important; }

#sidebar, #bottom-nav, #top-bar, #update-banner, #menu-drawer, .fab, .toast,
#install-prompt-banner, .skip-link, .page-actions, .no-print, .crud-card-actions,
.kanban-add, .modal-backdrop, .sheet-backdrop, button, .btn, .toolbar, .tabs,
.saved-indicator, .db-blocked-notice { display: none !important; }

/* Things that are buttons but carry content stay visible. */
.print-keep, button.print-keep { display: block !important; }

#app-root, #main-area { display: block !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
#page-container { padding: 0 !important; max-width: none !important; }

.card, .crud-card, .stat-card, .kanban-column, .week-day {
  box-shadow: none !important;
  break-inside: avoid;
  border-color: #BBBBBB !important;
  background: #FFFFFF !important;
}
.page-enter { animation: none !important; }
.data-table-wrap { overflow: visible !important; }
.data-table th { background: #F0F0F0 !important; color: #1F1F1F !important; }
.kanban-board { display: block !important; overflow: visible !important; }
.kanban-column { margin-bottom: 8mm; }
a { color: #1F1F1F !important; text-decoration: none !important; }
textarea { border: 0 !important; resize: none; overflow: visible; }
.dash-illustration, .empty-art { display: none !important; }

/* The calendar prints as a full month grid. */
.calendar-grid { background: #BBBBBB !important; }
.calendar-cell { min-height: 22mm !important; }
.calendar-chip { border: 1px solid #999999; background: #FFFFFF !important; color: #1F1F1F !important; }

/* Media kit: print only the kit. */
body.print-media-kit #page-container .mk-layout > :not(.mk-sheet) { display: none !important; }
body.print-media-kit .mk-layout { display: block !important; }
body.print-media-kit .mk-sheet { border: 0 !important; padding: 0 !important; position: static !important; }
body.print-media-kit .mk-stat { background: #F3F3F3 !important; }
.mk-colors span { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.tp-overlay, .tour-card { display: none !important; }