/* The tech rider and input list template (views/tools/epk_rider.html, Oct
   2026): a sheet to fill in on screen and print, or print blank. On paper
   only the sheet prints, black on white, one A4 page. Prefixed rd-. */
.rd-print { display: inline-flex; align-items: center; gap: .45rem; padding: .6rem 1rem; border-radius: 8px; border: 1px solid #ff0000; background: #ff0000; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.rd-sheet { background: #fff; color: #111; border-radius: 8px; padding: 1.5rem; margin: 1rem 0 2rem; }
.rd-sheet h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; margin: 1.2rem 0 .5rem; color: #111; }
.rd-sheet label { display: grid; gap: .25rem; font-size: .8rem; font-weight: 700; color: #444; }
.rd-sheet input, .rd-sheet textarea {
    width: 100%; box-sizing: border-box; border: 0; border-bottom: 1px solid #999; background: transparent;
    color: #111; font: inherit; font-size: .95rem; font-weight: 400; padding: .3rem .1rem; border-radius: 0;
}
.rd-sheet textarea { border: 1px solid #bbb; resize: vertical; }
.rd-head { display: grid; grid-template-columns: 2fr 1.5fr 1fr; gap: 1rem; border-bottom: 3px solid #111; padding-bottom: 1rem; margin-bottom: 1rem; }
.rd-band input { font-size: 1.3rem; font-weight: 800; }
.rd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1rem; }
.rd-wide { margin: 0 0 .9rem; }
.rd-inputs { width: 100%; border-collapse: collapse; font-size: .85rem; }
.rd-inputs th { text-align: left; border-bottom: 2px solid #111; padding: .3rem .4rem; font-size: .75rem; text-transform: uppercase; }
.rd-inputs td { border-bottom: 1px solid #ccc; padding: 0 .4rem; }
.rd-inputs td:first-child { width: 2.2rem; font-weight: 700; }
.rd-inputs input { border-bottom: 0; }
.rd-foot { font-size: .7rem; color: #777; margin: 1rem 0 0; }
@media (max-width: 700px) {
    .rd-head, .rd-grid { grid-template-columns: 1fr 1fr; }
    .rd-inputs th:nth-child(4), .rd-inputs td:nth-child(4) { display: none; }
}
@media print {
    @page { size: A4; margin: 12mm; }
    body * { visibility: hidden; }
    .rd-sheet, .rd-sheet * { visibility: visible; }
    .rd-sheet { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; border-radius: 0; }
    .rd-inputs td { height: 7mm; }
}