﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap');

.skema-sport {
  width: 210mm; height: 148mm;
  font-family: 'Montserrat', 'Arial Black', 'Segoe UI', sans-serif;
  background: #16191F;
  overflow: hidden; position: relative;
}
.skema-sport .diag-stripe1 { position: absolute; top: -20mm; left: -20mm; width: 110mm; height: 200mm; background: #2B4C84; transform: rotate(12deg); z-index: 0; }
.skema-sport .diag-stripe2 { position: absolute; top: -20mm; left: 46mm; width: 12mm; height: 200mm; background: #F6DC34; transform: rotate(12deg); z-index: 0; }
.skema-sport .side-panel { position: absolute; top: 0; left: 0; width: 58mm; height: 148mm; z-index: 1; }
.skema-sport .logo-corner {
  position: absolute; top: 6mm; left: 7mm; z-index: 6;
  background: #fff; border-radius: 2mm; padding: 2mm 3mm;
  width: 28mm; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.skema-sport .logo-corner svg { width: 100%; height: auto; display:block; }
.skema-sport .sun-geo { position: absolute; top: 30mm; left: 14mm; width: 30mm; z-index: 2; }
.skema-sport .side-title { position: absolute; top: 68mm; left: 0; width: 44mm; z-index: 3; text-align: center; color: #fff; }
.skema-sport .side-title .greeting { font-size: 9pt; color: #F6DC34; font-weight: 700; letter-spacing: 0.15em; }
.skema-sport .side-title h1 { font-size: 30pt; margin: 1mm 0 0 0; font-weight: 900; color: #fff; letter-spacing: 0.02em; font-style: italic; }
.skema-sport .name-field {
  position: absolute; top: 95mm; left: 9mm; width: 40mm; z-index: 3;
  text-align: center; background: rgba(255,255,255,0.08);
  border: 0.6mm solid #F6DC34; border-radius: 1.5mm; padding: 2.5mm 2mm;
}
.skema-sport .name-field .label { font-size: 7pt; color: #F6DC34; font-weight: 700; letter-spacing: 0.08em; }
.skema-sport .name-field .line { margin-top: 1.5mm; border-bottom: 0.6mm solid #fff; height: 4mm; opacity: 0.6; }
.skema-sport .lightning1 { position: absolute; bottom: 8mm; left: 12mm; width: 14mm; z-index: 3; }
.skema-sport .diamond1 { position: absolute; bottom: 6mm; left: 34mm; width: 11mm; z-index: 2; }
.skema-sport .main-area { position: absolute; top: 0; left: 58mm; width: 152mm; height: 148mm; z-index: 2; padding: 7mm 8mm 6mm 8mm; }
.skema-sport .schedule-wrap { background: #1E2229; border-radius: 2mm; border-left: 2mm solid #F6DC34; padding: 4mm 3mm; box-shadow: 0 4px 18px rgba(0,0,0,0.5); height: 100%; }
.skema-sport table { width: 100%; height: 100%; border-collapse: separate; border-spacing: 1mm; table-layout: fixed; }
.skema-sport thead th { background: #2B4C84; color: #fff; font-size: 8.2pt; font-weight: 800; padding: 1.8mm 0.5mm; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; }
.skema-sport thead th.corner { background: transparent; width: 14mm; }
.skema-sport td.timecol { background: #F6DC34; color: #16191F; font-size: 6.8pt; font-weight: 800; text-align: center; padding: 1mm 0.3mm; white-space: nowrap; width: 14mm; }
.skema-sport td { background: #262B33; padding: 1mm 0.5mm; text-align: center; vertical-align: middle; overflow: hidden; border-bottom: 0.4mm solid #383D47; }
.skema-sport .entry .subj { display: block; font-size: 7.4pt; font-weight: 700; color: #fff; line-height: 1.15; word-break: break-word; }
.skema-sport .star { color: #F6DC34; font-size: 0.7em; }
.skema-sport .empty { color: #565b66; font-size: 7.6pt; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }