/* Small overrides on top of the Tailwind CDN so print stylesheets and
 * DYMO-sized labels work without a build step. */

/* Reset autofill styling in dark mode */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px #09090b inset;
  -webkit-text-fill-color: #fafafa;
  caret-color: #fafafa;
}

/* Screen shows the app UI; print shows only the "printable" region. */
@media print {
  body * { visibility: hidden !important; }
  .printable, .printable * { visibility: visible !important; }
  .printable { position: absolute; left: 0; top: 0; width: 100%; }
  aside, nav, .no-print { display: none !important; }
}

/* DYMO 30334 multi-purpose label — 2.25" × 1.25" landscape. */
@page dymo-label {
  size: 2.25in 1.25in;
  margin: 0.05in;
}
.dymo-label {
  width: 2.25in;
  height: 1.25in;
  padding: 0.08in 0.1in;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 10pt;
  line-height: 1.15;
  overflow: hidden;
}
.dymo-label .num { font-family: 'JetBrains Mono', monospace; font-size: 22pt; font-weight: 700; }
.dymo-label .lbl { font-size: 7pt; text-transform: uppercase; letter-spacing: 0.1em; color: #555; }
.dymo-label .shop { font-weight: 600; font-size: 8pt; }

@media print {
  .dymo-label { page: dymo-label; }
}

/* Intake form — 8.5" × 11" letter, black on white when printed. */
.intake-page {
  color: #000;
  background: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 10.5pt;
  line-height: 1.35;
  max-width: 7.5in;
  margin: 0 auto;
  padding: 0.4in 0.5in;
}
.intake-page h1 { font-size: 20pt; font-weight: 700; }
.intake-page h2 { font-size: 12pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 18pt; border-bottom: 1px solid #000; padding-bottom: 2pt; }
.intake-page .field { display: flex; gap: 6pt; margin: 3pt 0; }
.intake-page .field .lbl { min-width: 90pt; font-weight: 600; }
.intake-page .field .val { border-bottom: 1px solid #999; flex: 1; min-height: 12pt; }
.intake-page .terms { white-space: pre-wrap; font-size: 8.5pt; margin-top: 8pt; }
.intake-page .sig  { margin-top: 22pt; }
.intake-page .sig-line { display: flex; align-items: flex-end; gap: 12pt; }
.intake-page .sig-line .box { border-bottom: 1px solid #000; flex: 1; height: 24pt; }