/* /modules/meetings/print.css -- v6-2025-09-24-event-title-type */
@page { size: A4; margin: 15mm; }
* { box-sizing: border-box; }
html, body { font-family: -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif; font-size: 12pt; color: #111; }
.wrapper { max-width: 190mm; margin: 0 auto; }
.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8mm; border-bottom: 1px solid #000; padding-bottom: 4mm; }
.header h1 { font-size: 16pt; margin: 0; }
.small { font-size: 10pt; }
.section-title { font-weight: 700; margin-top: 6mm; margin-bottom: 2mm; border-bottom: 1px solid #000; padding-bottom: 1mm; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4mm; }
.grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 4mm; }
.label { font-size: 10pt; color: #333; margin-bottom: 1mm; }
.input-box { width: 100%; border: 1px solid #000; border-radius: 4px; padding: 6px 8px; font-size: 12pt; background: #fff; transition: background-color .15s ease; }
.input-box:focus { outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,.08); }
select.input-box { appearance: auto; }
textarea.input-box { min-height: 32mm; resize: vertical; }
.checkbox-row { display: flex; gap: 8mm; align-items: center; flex-wrap: wrap; }
.checkbox-row label { display: inline-flex; align-items: center; gap: 3mm; }
.note { background: #f7f7f7; padding: 3mm; border: 1px solid #e0e0e0; font-size: 10pt; }
.footer { margin-top: 10mm; font-size: 10pt; }
.controls { position: sticky; top: 0; background: #fff; padding: 6px 0; margin-bottom: 6px; border-bottom: 1px dashed #ddd; }
.table { width: 100%; border-collapse: collapse; margin-top: 4mm; }
.table th, .table td { border: 1px solid #ddd; padding: 3mm; text-align: left; vertical-align: top; font-size: 11pt; }
.table th { background: #f1f1f1; font-weight: 600; }
.button { display: inline-block; padding: 8px 14px; border: 1px solid #111; border-radius: 8px; background: #fff; cursor: pointer; }
.button:hover { background: #f5f5f5; }
.success { background: #e8f5e9; border-color: #2e7d32; }
.warn { background: #fffde7; border-color: #f9a825; }
.danger { background: #ffebee; border-color: #c62828; }
.req-asterisk { color: #c62828; font-weight: 700; }

/* Highlight required fields */
.input-box:required { background: #fff8e1; }
.input-box:required:focus { background: #fff3c4; }

/* Required checkbox label highlight */
.checkbox-row input[type="checkbox"]:required + .req {
  background: #fff8e1;
  padding: 2px 4px;
  border-radius: 4px;
}

@media print {
  .controls { display: none; }
  button, .button { display: none !important; }
  a { color: black; text-decoration: none; }
  .input-box { border: 1px solid #000 !important; box-shadow: none !important; }
  .input-box:required { background: #fff !important; }
  .checkbox-row input[type="checkbox"]:required + .req { background: transparent !important; }
}