@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&display=swap');

.skema-boern {
  width: 210mm; height: 148mm;
  font-family: 'Baloo 2', 'Comic Sans MS', 'Segoe UI Rounded', sans-serif;
  background: #FFF8E7;
  overflow: hidden;
  position: relative;
}
.skema-boern .side-panel {
  position: absolute; top: 0; left: 0; width: 56mm; height: 148mm;
  background: #4A90D9; border-radius: 0 22mm 22mm 0; z-index: 0;
}
.skema-boern .cloud1 { position:absolute; top: 6mm; left: 4mm; width: 24mm; opacity:0.9; z-index:1; }
.skema-boern .cloud2 { position:absolute; top: 4mm; left: 30mm; width: 16mm; opacity:0.75; z-index:1; }
.skema-boern .logo-corner {
  position: absolute; top: 6mm; left: 8mm; z-index: 6;
  background: #2B4C84; border-radius: 4mm; padding: 2mm 3mm;
  width: 30mm; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.skema-boern .logo-corner svg { width: 100%; height: auto; display:block; }
.skema-boern .sun-badge { position: absolute; top: 22mm; left: 13mm; width: 28mm; height: 28mm; z-index: 3; }
.skema-boern .side-title { position: absolute; top: 54mm; left: 0; width: 56mm; z-index: 3; text-align: center; color: #fff; }
.skema-boern .side-title .greeting { font-size: 10pt; opacity: 0.95; }
.skema-boern .side-title h1 {
  font-size: 23pt; margin: 1mm 0 0 0; font-weight: 800; color: #2B4C84;
  text-shadow: 1.5px 1.5px 0 #fff, -1.5px -1.5px 0 #fff, 1.5px -1.5px 0 #fff, -1.5px 1.5px 0 #fff;
}
.skema-boern .name-field {
  position: absolute; top: 80mm; left: 8mm; width: 40mm; z-index: 3;
  text-align: center; background: #fff;
  border: 1.2mm dashed #F6DC34; border-radius: 5mm; padding: 2.5mm 2mm;
}
.skema-boern .name-field .label { font-size: 7pt; color: #2B4C84; font-weight: 700; }
.skema-boern .name-field .line { margin-top: 1.5mm; border-bottom: 0.8mm solid #4A90D9; height: 4mm; }
.skema-boern .side-animal { position: absolute; bottom: 6mm; left: 8mm; width: 24mm; z-index: 3; }
.skema-boern .side-flower1 { position: absolute; bottom: 5mm; left: 37mm; width: 10mm; z-index: 2; }
.skema-boern .side-flower2 { position: absolute; bottom: 12mm; left: 44mm; width: 8mm; z-index: 2; }
.skema-boern .main-area {
  position: absolute; top: 0; left: 56mm; width: 154mm; height: 148mm;
  z-index: 2; padding: 7mm 8mm 6mm 8mm;
}
.skema-boern .schedule-wrap {
  background: #fff; border-radius: 6mm;
  border: 2.4mm solid #F6DC34; padding: 4mm 3mm;
  box-shadow: 0 3px 10px rgba(43,76,132,0.18); height: 100%;
}
.skema-boern table { width: 100%; height: 100%; border-collapse: separate; border-spacing: 1mm; table-layout: fixed; }
.skema-boern thead th { background: #FF8C5A; color: #fff; font-size: 9pt; font-weight: 700; padding: 2mm 0.5mm; border-radius: 3mm; text-align: center; }
.skema-boern thead th.corner { background: transparent; width: 15mm; }
.skema-boern td.timecol { background: #4A90D9; color: #fff; font-size: 7.5pt; font-weight: 700; text-align: center; border-radius: 3mm; padding: 1mm 0.3mm; white-space: nowrap; width: 15mm; }
.skema-boern td { background: #FFF8E7; border-radius: 3mm; padding: 1mm 0.5mm; text-align: center; vertical-align: middle; overflow: hidden; }
.skema-boern .entry .subj { display: block; font-size: 8.3pt; font-weight: 700; color: #2B4C84; line-height: 1.2; word-break: break-word; }
.skema-boern .star { color: #FF8C5A; }
.skema-boern .empty { color: #b9c6d6; font-size: 8pt; font-weight: 600; }