/* ============================================================
   IPRO House-Style – einheitliches Design für Berichte/Dokumente
   (HTML → Bildschirm & Druck/PDF). Anlehnung an qaas / Pillnitz-Übersicht.
   Verwendung: <link rel="stylesheet" href="report_style.css">  ODER
   den Inhalt für ein self-contained Dokument inline in <style> kopieren.
   ============================================================ */
:root{
  --petrol:#007a8c;          /* Hauptfarbe (Akzent, Überschriften) */
  --petrol-dark:#005c6b;
  --gruen:#a8c038;           /* IPRO-Grün */
  --titel:#1d3a5f;           /* dunkles Blau für Titel/Text-Akzent */
  --text:#2c3338;
  --muted:#6b7480;
  --linie:#e3e1de;
  --karte:#ffffff;
  --bg:#f4f6f7;
  --warn:#9a6b00; --warn-bg:#fff6e0;
  --ok:#3c7a1e;  --ok-bg:#eef6e6;
  --rot:#a4262c;
  --radius:10px;
  --schrift:'PT Sans','Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--schrift);
  line-height:1.5;font-size:14px;}
.hs-akzent{height:6px;background:linear-gradient(90deg,var(--petrol),var(--gruen));}
.hs-wrap{max-width:1180px;margin:0 auto;padding:28px 28px 60px;}
.hs-wrap.breit{max-width:1800px;}      /* für 2-Spalten-Vergleiche */

/* Kopf */
.hs-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  border-bottom:2px solid var(--petrol);padding-bottom:12px;margin-bottom:22px;flex-wrap:wrap;}
.hs-kopf .hs-step{color:var(--gruen);font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;font-size:.8rem;}
.hs-kopf h1{color:var(--petrol);font-weight:700;font-size:1.7rem;margin:.1em 0 0;line-height:1.15;}
.hs-meta{color:var(--muted);font-size:.85rem;text-align:right;line-height:1.4;}
.hs-meta b{color:var(--titel);}

h2{color:var(--titel);font-size:1.15rem;margin:26px 0 10px;}
h3{color:var(--petrol);font-size:1rem;margin:16px 0 6px;}
p{margin:.4em 0;}
a{color:var(--petrol);}

/* Karten / Sektionen */
.hs-card{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);
  padding:18px 20px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.hs-card > h2:first-child,.hs-card > h3:first-child{margin-top:0;}

/* 2-Spalten-Vergleich (Aufgabe | Ausarbeitung o.ä.) */
.hs-vergleich{width:100%;border-collapse:collapse;background:var(--karte);
  border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;}
.hs-vergleich th{background:var(--titel);color:#fff;text-align:left;padding:10px 14px;font-size:.9rem;}
.hs-vergleich td{vertical-align:top;padding:12px 14px;border-top:1px solid var(--linie);}
.hs-vergleich td.links{width:32%;background:#fafcfc;font-weight:600;color:var(--titel);}
.hs-vergleich tr:nth-child(even) td{background:#fbfcfc;}
.hs-vergleich tr:nth-child(even) td.links{background:#f4f8f8;}

/* Datentabellen */
.hs-tab{width:100%;border-collapse:collapse;font-size:.9rem;margin:6px 0 10px;}
.hs-tab th{background:#faf9f8;color:var(--muted);text-align:left;padding:7px 10px;
  font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--linie);}
.hs-tab td{padding:7px 10px;border-bottom:1px solid #f0efed;}
.hs-tab td.num,.hs-tab th.num{text-align:right;font-variant-numeric:tabular-nums;}
.hs-tab tr.sum td{font-weight:700;border-top:2px solid var(--linie);background:#fcfdfd;}

/* Kennzahl-Kacheln */
.hs-kpis{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 4px;}
.hs-kpi{flex:1 1 150px;border:1px solid var(--linie);border-top:3px solid var(--petrol);
  border-radius:8px;padding:12px 14px;background:#fafcfc;}
.hs-kpi .l{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.hs-kpi .v{display:block;font-size:1.4rem;font-weight:700;color:var(--petrol);margin-top:3px;line-height:1.1;}
.hs-kpi .v small{font-size:.6rem;font-weight:400;color:var(--muted);}
.hs-kpi.warn .v{color:var(--warn);} .hs-kpi.rot .v{color:var(--rot);} .hs-kpi.ok .v{color:var(--ok);}

/* Hinweise / Status */
.hs-chip{display:inline-block;font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:999px;vertical-align:middle;}
.hs-chip.annahme{background:var(--warn-bg);color:var(--warn);}
.hs-chip.ok{background:var(--ok-bg);color:var(--ok);}
.hs-chip.offen{background:#f0f1f2;color:var(--muted);}
.offen{color:var(--muted);font-style:italic;}

/* Quellen-Index */
.hs-quellen{font-size:.85rem;color:var(--muted);}
.hs-quellen ol{margin:6px 0;padding-left:26px;}
.hs-quellen li{margin:3px 0;}
.hs-quellen li:target{background:#fff6e0;border-radius:4px;padding:2px 6px;}
sup.q a{color:var(--petrol);text-decoration:none;font-weight:700;}

/* Fußzeile */
.hs-foot{margin-top:28px;padding-top:10px;border-top:1px solid var(--linie);
  color:var(--muted);font-size:.78rem;}

/* Druck / PDF */
@media print{
  body{background:#fff;font-size:11.5px;}
  .hs-wrap{padding:0;max-width:none;}
  .hs-card,.hs-vergleich,.hs-kpi{break-inside:avoid;}
  a{color:var(--titel);text-decoration:none;}
}
@media (max-width:820px){
  .hs-vergleich td.links{width:auto;display:block;}
}