/* Official A4 report template · E-SPORTS AL AHSA 2026 */
.rp { font-family: var(--f-ar); color: #0B1F17; background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
html[lang="en"] .rp { font-family: var(--f-en); }
.rp-cover {
  position: relative; overflow: hidden; height: 297mm; padding: 22mm 20mm; color: #fff; display: flex; flex-direction: column; gap: 10mm;
  background: linear-gradient(160deg, #071B14 0%, #063D2B 70%, #0B5A3E 100%); page-break-after: always; break-after: page;
}
.rp-logos { display: flex; justify-content: space-between; align-items: center; }
.rp-logos img { height: 16mm; width: auto; }
.rp-mark { margin-top: 30mm; display: flex; align-items: flex-end; gap: 6mm; }
.rp-mark .rp-wm { width: 110mm; color: #fff; }
.rp-mark span { font-family: var(--f-mono); color: #00E676; letter-spacing: .25em; font-size: 10pt; margin-bottom: 2mm; }
.rp-kind { font-size: 12pt; color: #A7F7C9; font-weight: 600; margin-top: 14mm; }
.rp-cover h1 { font-size: 28pt; line-height: 1.3; margin: 0; max-width: 150mm; font-weight: 700; }
.rp-meta { margin-top: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6mm 10mm; border-top: 1px solid rgba(167, 247, 201, .3); padding-top: 8mm; position: relative; z-index: 1; }
.rp-meta small { display: block; color: #A7F7C9; font-size: 8.5pt; }
.rp-meta b { font-size: 11.5pt; font-weight: 600; }
.rp-shard { position: absolute; inset-inline-end: -10mm; bottom: 38mm; width: 150mm; opacity: .9; }
html[dir="rtl"] .rp-shard { transform: scaleX(-1); }
.rp-body { padding: 16mm 18mm 20mm; }
.rp-sec { break-inside: avoid; margin-bottom: 9mm; }
.rp-sec h2 { display: flex; align-items: center; gap: 4mm; font-size: 13pt; margin: 0 0 3mm; padding-bottom: 2.5mm; border-bottom: 1.5px solid #063D2B; color: #063D2B; }
.rp-sec h2 span { font-family: var(--f-mono); font-size: 9pt; color: #fff; background: #063D2B; padding: 1mm 2.2mm; border-radius: 1mm; }
.rp-sec p { margin: 0; white-space: pre-wrap; font-size: 10.5pt; line-height: 1.75; }
.rp-sec p.rp-na { color: #7A8F86; font-style: italic; }
.rp-break { break-before: auto; }
.rp-table { width: 100%; border-collapse: collapse; font-size: 8.8pt; }
.rp-table th { background: #063D2B; color: #fff; font-weight: 600; padding: 2mm; text-align: start; }
.rp-table td { padding: 2mm; border-bottom: 1px solid #DCE9E2; }
.rp-table tr:nth-child(even) td { background: #F3F9F6; }
.rp-dot { display: inline-block; width: 2.2mm; height: 2.2mm; border-radius: 50%; margin-inline-end: 1.5mm; background: #9DB5AA; vertical-align: middle; }
.rp-dot.completed { background: #00B85E; } .rp-dot.in_progress { background: #2BCB8E; } .rp-dot.delayed { background: #E5483B; } .rp-dot.needs_approval { background: #E0A92B; } .rp-dot.upcoming { background: #5D7F71; }
.rp-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; }
.rp-photos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1.5mm; }
.rp-foot { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 4mm 18mm; font-size: 7.5pt; color: #fff; background: #063D2B; }
