<!DOCTYPE html>
<html lang="sv">
<head>
  <meta charset="UTF-8">
  <title>4-Veckors Schema & Studieplan</title>
  <style>
    @page { size: A4 landscape; margin: 10mm; }
    body { font-family: Arial, sans-serif; font-size: 11px; margin: 0; padding: 10px; color: #222; }
    h1 { text-align: center; margin-bottom: 5px; font-size: 18px; color: #111; }
    .legend { display: flex; justify-content: center; gap: 10px; margin-bottom: 12px; font-weight: bold; font-size: 10px; }
    .legend-item { padding: 4px 8px; border-radius: 4px; color: #fff; }
    table { width: 100%; border-collapse: collapse; table-layout: fixed; }
    th, td { border: 1px solid #ccc; padding: 4px 6px; text-align: center; word-wrap: break-word; font-size: 10px; }
    th { background-color: #333; color: white; font-size: 11px; }
    
    /* Färgkoder */
    .somn { background-color: #ffcdd2; color: #b71c1c; } /* Röd - Vila/Sömn */
    .barn { background-color: #ffe0b2; color: #e65100; } /* Orange - Barn/Familj */
    .studier { background-color: #c8e6c9; color: #1b5e20; font-weight: bold; } /* Grön - Studier */
    .restid { background-color: #fff9c4; color: #f57f17; } /* Gul - Restid */
    .jobb { background-color: #bbdefb; color: #0d47a1; font-weight: bold; } /* Blå - Jobb */
    .helg { background-color: #f5f5f5; padding: 8px; margin-top: 10px; border-radius: 4px; border: 1px solid #ddd; font-size: 10px; }
  </style>
</head>
<body>

  <h1>📅 4-VECKORS SCHEMA & STUDIEPLAN</h1>

  <div class="legend">
    <span class="legend-item studier">🟢 Studier (Matte 2a)</span>
    <span class="legend-item jobb">🔵 Jobb (6h skift)</span>
    <span class="legend-item restid">🟡 Restid (1h)</span>
    <span class="legend-item barn">🟠 Barn / Familj</span>
    <span class="legend-item somn">🔴 Sömn & Vila</span>
  </div>

  <table>
    <thead>
      <tr>
        <th style="width: 14%;">Klockslag</th>
        <th style="width: 21.5%;">Vecka 1: Eftermiddag (12–18)</th>
        <th style="width: 21.5%;">Vecka 2: Kväll (18–00)</th>
        <th style="width: 21.5%;">Vecka 3: Natt (00–06)</th>
        <th style="width: 21.5%;">Vecka 4: Morgon (06–12)</th>
      </tr>
    </thead>
    <tbody>
      <tr><td>00:00 – 01:00</td><td class="somn">Sömn</td><td class="restid">Restid hem</td><td class="jobb">JOBB (00–06)</td><td class="somn">Sömn</td></tr>
      <tr><td>01:00 – 04:30</td><td class="somn">Sömn</td><td class="somn">Sömn</td><td class="jobb">JOBB</td><td class="somn">Sömn</td></tr>
      <tr><td>04:30 – 05:00</td><td class="somn">Sömn</td><td class="somn">Sömn</td><td class="jobb">JOBB</td><td class="somn">Vakna / Rutin</td></tr>
      <tr><td>05:00 – 06:00</td><td class="somn">Sömn</td><td class="somn">Sömn</td><td class="jobb">JOBB</td><td class="restid">Restid till jobb</td></tr>
      <tr><td>06:00 – 07:00</td><td class="somn">Vakna / Frukost</td><td class="somn">Sömn</td><td class="restid">Restid hem</td><td class="jobb">JOBB (06–12)</td></tr>
      <tr><td>07:00 – 08:00</td><td class="barn">LÄMNA BARN</td><td class="barn">LÄMNA BARN</td><td class="somn">Sömn (07–14)</td><td class="jobb">JOBB</td></tr>
      <tr><td>08:00 – 08:30</td><td class="barn">Morgonrutin</td><td class="barn">Frukost & Egentid</td><td class="somn">Sömn</td><td class="jobb">JOBB</td></tr>
      <tr><td>08:30 – 10:30</td><td class="studier">STUDIER (2h)</td><td class="barn">Familj / Ärenden</td><td class="somn">Sömn</td><td class="jobb">JOBB</td></tr>
      <tr><td>10:30 – 11:00</td><td class="barn">Lunch / Förbered</td><td class="barn">Familj / Ärenden</td><td class="somn">Sömn</td><td class="jobb">JOBB</td></tr>
      <tr><td>11:00 – 12:00</td><td class="restid">Restid till jobb</td><td class="barn">Familj / Ärenden</td><td class="somn">Sömn</td><td class="jobb">JOBB</td></tr>
      <tr><td>12:00 – 12:30</td><td class="jobb">JOBB (12–18)</td><td class="barn">Familj / Ärenden</td><td class="somn">Sömn</td><td class="restid">Restid hem</td></tr>
      <tr><td>12:30 – 13:00</td><td class="jobb">JOBB</td><td class="barn">Lunch</td><td class="somn">Sömn</td><td class="barn">Lunch & Vila</td></tr>
      <tr><td>13:00 – 13:30</td><td class="jobb">JOBB</td><td class="studier">STUDIER (2h)</td><td class="somn">Sömn (till 14:00)</td><td class="barn">Lunch & Vila</td></tr>
      <tr><td>13:30 – 15:00</td><td class="jobb">JOBB</td><td class="studier">STUDIER</td><td class="barn">Lunch & Mjukstart</td><td class="studier">STUDIER (2h)</td></tr>
      <tr><td>15:00 – 16:00</td><td class="jobb">JOBB</td><td class="barn">Familj / Middag</td><td class="barn">Familjetid</td><td class="studier">STUDIER</td></tr>
      <tr><td>16:00 – 17:00</td><td class="jobb">JOBB</td><td class="barn">HÄMTA BARN</td><td class="barn">HÄMTA BARN</td><td class="barn">HÄMTA BARN</td></tr>
      <tr><td>17:00 – 18:00</td><td class="jobb">JOBB</td><td class="restid">Restid till jobb</td><td class="barn">Middag & Familj</td><td class="barn">Middag & Familj</td></tr>
      <tr><td>18:00 – 19:00</td><td class="restid">Restid hem</td><td class="jobb">JOBB (18–00)</td><td class="barn">Middag & Familj</td><td class="barn">Familjetid</td></tr>
      <tr><td>19:00 – 21:00</td><td class="barn">Middag & Familj</td><td class="jobb">JOBB</td><td class="studier">STUDIER (2h)</td><td class="barn">Familj / Rutiner</td></tr>
      <tr><td>21:00 – 22:30</td><td class="somn">Nedvarvning</td><td class="jobb">JOBB</td><td class="somn">Vila / Nedvarvning</td><td class="somn">Nedvarvning</td></tr>
      <tr><td>22:30 – 23:00</td><td class="somn">Sömn</td><td class="jobb">JOBB</td><td class="somn">Vila / Nedvarvning</td><td class="somn">Sömn</td></tr>
      <tr><td>23:00 – 00:00</td><td class="somn">Sömn</td><td class="restid">Restid hem</td><td class="restid">Restid till jobb</td><td class="somn">Sömn</td></tr>
    </tbody>
  </table>

  <div class="helg">
    <strong>🗓️ HELGARBETE (Inga mattestudier):</strong><br>
    • <strong>Helgpass 1 (06:00 – 15:00):</strong> Restid 05:00–06:00 | JOBB 06:00–15:00 | Restid 15:00–16:00 | Kl. 16:00+ Familjetid & Återhämtning.<br>
    • <strong>Helgpass 2 (15:00 – 00:00):</strong> Fram till 14:00: Familjetid & Vila | Restid 14:00–15:00 | JOBB 15:00–00:00 | Restid 00:00–01:00.
  </div>

</body>
</html>
