/* Theorieunterricht – Anmeldeliste
   Vollständig unter .haas-theorie gescopt, damit die Datei sowohl in der
   Standalone-App als auch im WordPress-Plugin eingesetzt werden kann. */
.haas-theorie{
  --red:#DB0016; --red-dark:#b0000f; --ink:#171C24; --text:#333; --muted:#6b7280;
  --line:#e6e8ec; --card:#fff; --radius:14px;
  --good:#137a3a; --good-bg:#e7f6ec;
  font-family:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--text); line-height:1.5; -webkit-font-smoothing:antialiased;
  /* Luft nach oben – in WordPress sitzt die Liste sonst direkt unter der Navigation */
  padding-top:34px;
}
.haas-theorie *{box-sizing:border-box}
.haas-theorie h2.th-title{font-size:clamp(22px,3.4vw,30px);font-weight:800;color:var(--ink);
  margin:0 0 8px;letter-spacing:-.02em;line-height:1.15}
.haas-theorie p.th-intro{color:var(--muted);font-size:15.5px;margin:0 0 22px;max-width:64ch}

/* Reiter */
.haas-theorie .th-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:18px}
.haas-theorie .th-tab{border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;
  color:var(--muted);padding:11px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;
  white-space:nowrap;transition:.13s}
.haas-theorie .th-tab:hover{color:var(--ink)}
.haas-theorie .th-tab.active{color:var(--red);border-bottom-color:var(--red)}
.haas-theorie .th-tab .n{font-size:11.5px;font-weight:700;color:var(--muted);background:#eef1f6;
  padding:1px 7px;border-radius:999px;margin-left:6px}
.haas-theorie .th-tab.active .n{background:#fdeaec;color:var(--red-dark)}

/* Tabelle */
.haas-theorie .th-tablewrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}
.haas-theorie table.th-list{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.haas-theorie table.th-list th{background:#fafbfc;text-align:left;padding:11px 14px;font-size:11.5px;
  font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;
  border-bottom:1px solid var(--line);white-space:nowrap}
.haas-theorie table.th-list td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.haas-theorie table.th-list tr:last-child td{border-bottom:0}
.haas-theorie table.th-list tbody tr:hover td{background:#fafbfc}
.haas-theorie .th-datum{white-space:nowrap;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.haas-theorie .th-zeit{white-space:nowrap;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.haas-theorie .th-thema{font-weight:700;color:var(--ink)}
.haas-theorie .th-ort{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:2px}
.haas-theorie .th-check{width:38px;text-align:center}
.haas-theorie .th-check input{width:17px;height:17px;accent-color:var(--red);cursor:pointer}

.haas-theorie .pill{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.haas-theorie .pill.frei{background:var(--good-bg);color:var(--good)}
.haas-theorie .pill.voll{background:#fef3c7;color:#b45309}

.haas-theorie .btn{border:0;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:13.5px;
  cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.14s;white-space:nowrap}
.haas-theorie .btn-primary{background:var(--red);color:#fff}
.haas-theorie .btn-primary:hover{background:var(--red-dark);color:#fff}
.haas-theorie .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.haas-theorie .btn-ghost:hover{border-color:#c9cdd4}
.haas-theorie .btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}

/* Sammel-Leiste bei Mehrfachauswahl */
.haas-theorie .th-bar{position:sticky;bottom:0;z-index:15;display:none;align-items:center;gap:14px;
  background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;margin-top:14px;
  box-shadow:0 10px 30px rgba(16,24,40,.22);flex-wrap:wrap}
.haas-theorie .th-bar.show{display:flex}
.haas-theorie .th-bar b{font-size:15px}
.haas-theorie .th-bar .sp{flex:1}
.haas-theorie .th-bar .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.haas-theorie .th-bar .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

.haas-theorie .th-empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:15px}

/* Dialog */
.haas-theorie-dialog{border:0;border-radius:16px;padding:0;max-width:470px;width:92%;
  box-shadow:0 24px 60px rgba(16,24,40,.3);
  font-family:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#333}
.haas-theorie-dialog::backdrop{background:rgba(23,28,36,.5)}
.haas-theorie-dialog .dlg-in{padding:26px}
.haas-theorie-dialog h3{margin:0 0 6px;font-size:20px;font-weight:800;color:#171C24;letter-spacing:-.01em}
.haas-theorie-dialog .dlg-sub{color:#6b7280;font-size:13.5px;margin:0 0 18px}
.haas-theorie-dialog .dlg-termine{background:#f5f6f8;border-radius:10px;padding:11px 14px;margin-bottom:18px;
  font-size:13.5px;max-height:130px;overflow-y:auto}
.haas-theorie-dialog .dlg-termine div{padding:2px 0;color:#374151}
.haas-theorie-dialog .dlg-termine b{color:#171C24}
.haas-theorie-dialog .f-row{margin-bottom:14px}
.haas-theorie-dialog .f-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.haas-theorie-dialog label{display:block;font-size:13px;font-weight:700;color:#171C24;margin-bottom:5px}
.haas-theorie-dialog label .req{color:#DB0016}
.haas-theorie-dialog input,.haas-theorie-dialog select{width:100%;padding:10px 12px;border:1px solid #e6e8ec;
  border-radius:9px;font:inherit;font-size:14.5px;outline:none;background:#fff;color:#171C24;transition:.13s}
.haas-theorie-dialog input:focus,.haas-theorie-dialog select:focus{
  border-color:#DB0016;box-shadow:0 0 0 3px rgba(219,0,22,.12)}
.haas-theorie-dialog .dlg-hp{position:absolute;left:-9999px}
.haas-theorie-dialog .dlg-actions{display:flex;gap:10px;margin-top:20px}
.haas-theorie-dialog .dlg-msg{padding:11px 14px;border-radius:9px;font-size:13.5px;font-weight:600;margin-bottom:14px;display:none}
.haas-theorie-dialog .dlg-msg.show{display:block}
.haas-theorie-dialog .dlg-msg.error{background:#fee2e2;color:#b91c1c}
.haas-theorie-dialog .dlg-msg.success{background:#e7f6ec;color:#137a3a}
.haas-theorie-dialog .dlg-datenschutz{font-size:12px;color:#6b7280;margin-top:14px;line-height:1.45}
.haas-theorie-dialog .dlg-datenschutz a{color:#DB0016}

@media(max-width:600px){
  .haas-theorie .th-tab{padding:10px 12px;font-size:13.5px}
  .haas-theorie-dialog .f-2{grid-template-columns:1fr}
  .haas-theorie-dialog .dlg-in{padding:20px}
}